Augmented	  Reality	  Using	  Titanium	                 Ben	  Bahrenburg	  
Agenda•  Why Augmented Reality?•  Provider Approach to Location Services•  AR App User Interface Composition•  How Web Ser...
Who the heck are you?•  Titanium Titan•  Focused on Geolocation  problems•  Specialize in Enterprise   Twitter: @benCoding...
Why Augmented Reality?Augmented Reality provides acontext to your content. The  user now interacts to the  content instead...
Location Provider Approach	  Location Provider Libraries offer:  1.  High availability – Not dependent on a single      pr...
Introducing	  myTiLoca:on	  •  CommonJS module•  Plug-in model•  Handles fallback scenarios•  Standard Input / Output Form...
Setup	  Easy	  as	  1-­‐2-­‐3	  Step #1 – Create the provider Factory  var myGeo = require(‘myTiLocation);Step #2 – Give i...
GeCng	  Results	  Reverse Geolocation  myGeo.reverseGeo(lat,lon,callback);Forward Geolocation  myGeo.forwardGeo(address,ca...
myTiLoca*on	  on	  github	                 @	  bit.ly/my*loca*on	           *all	  lower	  case	  
UX Time
Common	  IU	  Components	  •  Search Box•  List of Attractions  (Tableview)•  Attractions on a map  (mapview)•  AR View ( ...
Some	  Examples	  •  Layar•  AroundMe•  Wikitude•  NY Nearest Subway•  Cheap Gas•  Peaks
Introducing	  myTiAR•  Cross Platform ( thanks Titanium )•  Plug-in model, with built in examples  –  Yahoo Local  –  Grou...
How	  it	  works•  Place-holder
Camera	  Overlay	  Tricks•  Place-holder
myTiAR	  on	  github	             @	  bit.ly/my*ar	       *all	  lower	  case	  
The	  demo	  
Ques*ons?	  
Upcoming SlideShare
Loading in …5
×

Ben Bahrenburg: Augmented Reality Using Titanium

2,300 views
2,158 views

Published on

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.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,300
On SlideShare
0
From Embeds
0
Number of Embeds
131
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ben Bahrenburg: Augmented Reality Using Titanium

  1. 1. Augmented  Reality  Using  Titanium   Ben  Bahrenburg  
  2. 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. 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. 4. Why Augmented Reality?Augmented Reality provides acontext to your content. The user now interacts to the content instead of simply consuming it.
  5. 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. 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. 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 priorityStep #3 – Register your providers myGeo.registerProviders(myProviders);
  8. 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. 9. myTiLoca*on  on  github   @  bit.ly/my*loca*on   *all  lower  case  
  10. 10. UX Time
  11. 11. Common  IU  Components  •  Search Box•  List of Attractions (Tableview)•  Attractions on a map (mapview)•  AR View ( Camera overlay)
  12. 12. Some  Examples  •  Layar•  AroundMe•  Wikitude•  NY Nearest Subway•  Cheap Gas•  Peaks
  13. 13. Introducing  myTiAR•  Cross Platform ( thanks Titanium )•  Plug-in model, with built in examples –  Yahoo Local –  Groupon•  On Github
  14. 14. How  it  works•  Place-holder
  15. 15. Camera  Overlay  Tricks•  Place-holder
  16. 16. myTiAR  on  github   @  bit.ly/my*ar   *all  lower  case  
  17. 17. The  demo  
  18. 18. Ques*ons?  

×