Augmented  Reality  Using  Titanium  

Ben  Bahrenburg  

Agenda

•  Why Augmented Reality?

•  Provider Approach to Location Services

•  AR App User Interface Composition

•  How Web Services + Camera = Awesome

•  Where to get the code

Who the heck are you?

•  Titanium Titan

•  Focused on Geolocation

problems

•  Specialize in Enterprise

to customer delivery

•  Using Ti since 0.4

Twitter: @benCoding Email: ben.bahrenburg@gmail.com

Slides on github: placeholder

Why Augmented Reality?

Augmented Reality provides a context to your content. The

user now interacts to the content instead of simply

consuming it.

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

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

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);

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);

bit.ly/my*loca*on  *all  lower  case  

myTiLoca*on  on  github  

@  

UX Time

Common  IU  Components  

•  Search Box

•  List of Attractions

(Tableview)

•  Attractions on a map

(mapview)

•  AR View ( Camera overlay)

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

– Groupon

•  On Github

How  it  works

•  Place-holder

Camera  Overlay  Tricks

•  Place-holder

bit.ly/my*ar  *all  lower  case  

myTiAR  on  github  

@  

The  demo  

Ques*ons?