Augmented Reality (AR) is the next step in presenting location data. See how Titanium Mobile enables you to create cross platform AR Apps using common APIs such as Groupon, Yelp, Twitter, and others. Learn how to use GeoNames, Google and other third party services to extend Titanium's Geolocation functionality. Example source will be provided on how you can chain different location services to handle different accuracy and availability requirements. Compare different AR presentation patterns and how they are implemented cross platform. Learn how to used the camera overlay and other UI elements to effectively present geolocation data. The Titanium Platform provides a rich framework to build AR Applications upon. Using the TiAR sample application we will discuss a series of patterns and approaches on how to build AR into your Apps. The TiAR sample application will be available upon github before the conference begins.

1. Augmented
Reality
Using
Titanium
Ben
Bahrenburg

2. Agenda
• Why Augmented Reality?
• Provider Approach to Location Services
• AR App User Interface Composition
• How Web Services + Camera = Awesome
• Where to get the code

3. Who the heck are you?
• Titanium Titan
• Focused on Geolocation
problems
• Specialize in Enterprise Twitter: @benCoding
Email: ben.bahrenburg@gmail.com
to customer delivery Slides on github: placeholder
• Using Ti since 0.4

4. Why Augmented Reality?
Augmented Reality provides a
context to your content. The
user now interacts to the
content instead of simply
consuming it.

5. Location Provider Approach
Location Provider Libraries offer:
1. High availability – Not dependent on a single
provider
2. Flexibility – Use different providers for
different situations
3. Global Focus – Use providers that specialize
where your user is

6. Introducing
myTiLoca:on
• CommonJS module
• Plug-in model
• Handles fallback scenarios
• Standard Input / Output Format
• Reverse Geo & Forward Look-up
• Distance, Bearing, & other helper functions

7. Setup
Easy
as
1-­‐2-­‐3
Step #1 – Create the provider Factory
var myGeo = require(‘myTiLocation');
Step #2 – Give it a list of providers
var myProviders =['native','geonames'];
Order specifies their fallback priority
Step #3 – Register your providers
myGeo.registerProviders(myProviders);

8. GeCng
Results
Reverse Geolocation
myGeo.reverseGeo(lat,lon,callback);
Forward Geolocation
myGeo.forwardGeo(address,callback);
myGeo.calculate
– myGeo.calculate.distance(lat1,lon1,lat2,lon2);
– myGeo.calculate.bearing(lat1,lon1,lat2,lon2);
– myGeo.calculate.midpoint(lat1,lon1,lat2,lon2);

9. myTiLoca*on
on
github
@
bit.ly/my*loca*on
*all
lower
case

10. UX Time

11. Common
IU
Components
• Search Box
• List of Attractions
(Tableview)
• Attractions on a map
(mapview)
• AR View ( Camera overlay)

12. Some
Examples
• Layar
• AroundMe
• Wikitude
• NY Nearest Subway
• Cheap Gas
• Peaks

13. Introducing
myTiAR
• Cross Platform ( thanks Titanium )
• Plug-in model, with built in examples
– Yahoo Local
– Groupon
• On Github

14. How
it
works
• Place-holder

15. Camera
Overlay
Tricks
• Place-holder

16. myTiAR
on
github
@
bit.ly/my*ar
*all
lower
case

17. The
demo

18. Ques*ons?