layar code examples for developers

48
Layar code examples for developers Creating augmented reality experiences for the world’s leading platform August 2011

Upload: layar

Post on 09-May-2015

61.533 views

Category:

Technology


2 download

DESCRIPTION

This presentations shows a few code examples for developers creating a layer on the Layar platform. For more code examples please visit our wiki at http://layar.pbworks.com/w/page/7783228/FrontPage

TRANSCRIPT

Page 1: Layar code examples for developers

Layar code examplesfor developersCreating augmented reality experiences for the worldrsquos leading platform

August 2011

copy Layar 2011

Note

bull Please note that the code examples in this presentation are based on Layar GetPOIs API version 60

bull Please check our wiki for more information about the changes

bull The Complete API version 60 can be found here

copy Layar 2011

Introduction

bull After you have gone through the steps as outlined in the presentation Layar introduction for developers you can start creating your first layer

bull This presentation provides a few code examples for the layer service which will deliver POI content to the Layar app

bull More code examples (and the latest updates) can be found on the Layar developer wiki

copy Layar 2011

Content bull Layar Platform Architecture

bull Layar Features Overview

bull Developer API - getPOI API

bull Feature highlights and sample code

bull Interactive layers

bull Third party tools

bull Developer Support

copy Layar 2011

Layar architecture

Layar server

Fixeddata

Layar publishing

environment

Layer service provider

Layer content sources

Get layersGet POIs

Layer definitio

ns

Layer Developer API

Get POIs

Create layer

Get POIsView POI information

View POI information

GPS data

Layar environment

Third-party environment

Legend

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 2: Layar code examples for developers

copy Layar 2011

Note

bull Please note that the code examples in this presentation are based on Layar GetPOIs API version 60

bull Please check our wiki for more information about the changes

bull The Complete API version 60 can be found here

copy Layar 2011

Introduction

bull After you have gone through the steps as outlined in the presentation Layar introduction for developers you can start creating your first layer

bull This presentation provides a few code examples for the layer service which will deliver POI content to the Layar app

bull More code examples (and the latest updates) can be found on the Layar developer wiki

copy Layar 2011

Content bull Layar Platform Architecture

bull Layar Features Overview

bull Developer API - getPOI API

bull Feature highlights and sample code

bull Interactive layers

bull Third party tools

bull Developer Support

copy Layar 2011

Layar architecture

Layar server

Fixeddata

Layar publishing

environment

Layer service provider

Layer content sources

Get layersGet POIs

Layer definitio

ns

Layer Developer API

Get POIs

Create layer

Get POIsView POI information

View POI information

GPS data

Layar environment

Third-party environment

Legend

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 3: Layar code examples for developers

copy Layar 2011

Introduction

bull After you have gone through the steps as outlined in the presentation Layar introduction for developers you can start creating your first layer

bull This presentation provides a few code examples for the layer service which will deliver POI content to the Layar app

bull More code examples (and the latest updates) can be found on the Layar developer wiki

copy Layar 2011

Content bull Layar Platform Architecture

bull Layar Features Overview

bull Developer API - getPOI API

bull Feature highlights and sample code

bull Interactive layers

bull Third party tools

bull Developer Support

copy Layar 2011

Layar architecture

Layar server

Fixeddata

Layar publishing

environment

Layer service provider

Layer content sources

Get layersGet POIs

Layer definitio

ns

Layer Developer API

Get POIs

Create layer

Get POIsView POI information

View POI information

GPS data

Layar environment

Third-party environment

Legend

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 4: Layar code examples for developers

copy Layar 2011

Content bull Layar Platform Architecture

bull Layar Features Overview

bull Developer API - getPOI API

bull Feature highlights and sample code

bull Interactive layers

bull Third party tools

bull Developer Support

copy Layar 2011

Layar architecture

Layar server

Fixeddata

Layar publishing

environment

Layer service provider

Layer content sources

Get layersGet POIs

Layer definitio

ns

Layer Developer API

Get POIs

Create layer

Get POIsView POI information

View POI information

GPS data

Layar environment

Third-party environment

Legend

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 5: Layar code examples for developers

copy Layar 2011

Layar architecture

Layar server

Fixeddata

Layar publishing

environment

Layer service provider

Layer content sources

Get layersGet POIs

Layer definitio

ns

Layer Developer API

Get POIs

Create layer

Get POIsView POI information

View POI information

GPS data

Layar environment

Third-party environment

Legend

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 6: Layar code examples for developers

copy Layar 2011

Layar features Overviewbull Support for both Geo-location POIs and Vision enabled POIs

bull Support for iconimages3D models

bull Support for animated POIs

bull Sharing to facebook Twitter and Developerrsquos server

bull Interactive actions call email share web page audio video async call etc

bull Gaming elements autotriggers relative POIs point to point

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 7: Layar code examples for developers

copy Layar 2011

Creating layersbull Layers are built using simple web technology

bull You can use programming languages like PHP MySQL Java etc as long as the response is in JSON format

bull 2 step process

1 Create a layer definition in the Layar publishing environment

2 Create a layer service for delivering the POI content to the Layar app

bull Step by step Tutorial Create a simple layer

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 8: Layar code examples for developers

copy Layar 2011

getPOI API

bull Hosted by layer developer

bull Simple API

bull HTTP request with the following parameters

bull Latitude Longitude filter settings

bull Response JSON data containing POI information (hotspots)

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 9: Layar code examples for developers

copy Layar 2011

Two types of POIs

bull Geo-location POI

bull POIs that are attached to a physical location with latitude longitude amp altitude

bull Vision POI

bull Augments that are attached to a target object recognized by Layar Reality browser (v60 and above)

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 10: Layar code examples for developers

copy Layar 2011

RequesthttpdevAPIexamplecomgetPOIscountryCode=INamplon=4887339amptimestamp=1249226148713ampuserId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37ampradius=6245amplat=52377544amplayerName=snowy4ampaccuracy=100

Response

hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 11: Layar code examples for developers

copy Layar 2011

bull Response for Vision enabled layers

hotspots [ id test_1 anchor referenceImage ldquomy_Reference_Imagerdquo For Vision enabled POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg ] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 12: Layar code examples for developers

copy Layar 2011

3D

Layer developed by Hoppala

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 13: Layar code examples for developers

copy Layar 2011

Response hotspots [ id test_1 anchor geolocation lat 523729 lon 493 For Geo-location POI

text

title The Layar Office description The Location of the Layar Office footnote Powered by Layar imageURL httpcustomlayarnllayarimagejpeg

object contentType modelvndlayarl3d

url httpexamplecomexample_fulll3d

reducedURL httpexample_reducedl3d

size 2

transform

rotate

rel true

axis x 0 y 0 z 1

angle 0

translate x 0 y -0075 z 0

scale 001

] layer snowy4 errorString ok errorCode 0

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 14: Layar code examples for developers

copy Layar 2011

3D notesbull Base format is OBJ (WaveFront format)

bull Good interchange format most 3D programs can convert to OBJ

bull Materials and Textures are supported

bull For textures only diffuse color of the material is supported

bull No multiple textures

bull Transparency support (no blending with other objects though)

bull Conversion to L3D (Layar binary format) required

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 15: Layar code examples for developers

copy Layar 2011

More info on 3D POI

bull Requirements and best practices on creating 3D model

bull Presentation 3D Content Creation Tips amp Tricks

bull Manual 3D in Layar v10 (pdf)

bull Layar 3D model Converter

bull Tutorial Create texture-animated 3D models

bull Tutorial Positioning 3D model within Layar3D Model Converter

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 16: Layar code examples for developers

copy Layar 2011

User Filter SettingsRequest

httpexamplelayerFourthTutorial_FilterSettingsphplang=enampcountryCode=NLamplon=494745254517ampuserId=6f85d06929d160a7c8a3cc1ab4b54b87db99f74bampRADIOLIST=1ampCHECKBOXLIST=12C2ampversion=40ampradius=1500ampCUSTOM_SLIDER=300000amplat=52365852048amplayerName=testlayerfiltersampSEARCHBOX=ampaccuracy=100

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 17: Layar code examples for developers

copy Layar 2011

More Info on Filter Settings

bull Filter configuration on the Publishing site

bull Filter definition in getPOI request

bull Tutorial Layer with filter settings

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 18: Layar code examples for developers

copy Layar 2011

Therersquos audio

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 19: Layar code examples for developers

copy Layar 2011

Therersquos audio

ldquourirdquo ldquohttpmylayercomsurroundsoundmp3rdquo

httpwwwflickrcomphotossuzanneandsimon886401250

POI amp Layer Actions

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 20: Layar code examples for developers

copy Layar 2011

Response for Geo-location POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTriggerRange 5000 For Geo-location POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 21: Layar code examples for developers

copy Layar 2011

Response for Vision POIactions [ label Contact Layar uri httplayarcomcompanycontact autoTrigger true For Vision POI autoTriggerOnly false contentType texthtml method GET activityType 1 params [ lat lon alt lang countrycode localCountryCode version ] closeBiw false showActivity true activityMessage contact layar ]

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 22: Layar code examples for developers

copy Layar 2011

More Info on Actions

bull Actions API specification

bull Tutorial Layer with Actions

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 23: Layar code examples for developers

copy Layar 2011

Layar intents

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 24: Layar code examples for developers

copy Layar 2011

layarprinceofpersiaSEARCHBOX=start

Layar intents

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 25: Layar code examples for developers

copy Layar 2011

Layar Intents

bull Three types of intents

bull Layarltlayernamegtaction=ltvaluegtampltcustom_paramgt=ltvaluegtampltfiltergt=ltvaluegt

bull httpmlayarcomopenltlayernamegt

bull layarshareltlayernamegtltparametersgt

bull Use cases interactive layer and point-to-point layer

bull Layar intents API documentation

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 26: Layar code examples for developers

copy Layar 2011

Animations

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 27: Layar code examples for developers

copy Layar 2011

Texture animations

Animations

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 28: Layar code examples for developers

copy Layar 2011

Texture animations

Rotate

Animations

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 29: Layar code examples for developers

copy Layar 2011

Texture animations

RotateOscillate

Animations

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 30: Layar code examples for developers

copy Layar 2011

Animation API

bull A collection of pre-defined animations on POIs

bull Simple appearance animation (drop grow spin)

bull Full customizable animation onClick onUpdate onFocus etc

bull Each event can have a combination of animations

bull Layer levelPOI level

bull Animation API documentation

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 31: Layar code examples for developers

copy Layar 2011

Response

animations animations on a POI level This overwrites the animations parameter defined on the layer level onClick [ onClick event triggers the following animation

The object size is scaled by a decimal factor from 1 to 2 on X Y and Z axises interpolation linear type scale animation type mandatory field axis axis that the animation is applied to y 1 x 1 z 1

from 1 initial scale factor default is to use the currently set POI state to 2 eventual scale factor length 2000 animation duration in milliseconds mandatory field delay 0 delay in milliseconds before starting the animation repeat false specifies whether the animation is repeated in a loop persist true indicates whether he end state of the animation is applied to the POI state

]

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 32: Layar code examples for developers

copy 2010 Layar BV

moving POIs

httpwwwflickrcomphotoswhiteoakart143472785

Refresh rate

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 33: Layar code examples for developers

copy Layar 2011

Response

hotspots [] layer snowy4 errorString ok morePages false errorCode 0 nextPageKey null refreshInterval 2indicates how many seconds to wait until the next getPOI request is made refreshDistance 10tells the client to refresh the layer if the user has moved by more than the distance specified fullRefresh false indicates whether it is a full refresh or update actions[]

Detailed explanation can be found here

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 34: Layar code examples for developers

copy Layar 2011

Auto-triggers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 35: Layar code examples for developers

copy Layar 2011

Auto-triggers

ldquoactionsrdquo [ ldquolabelrdquo ldquo Watchrdquo ldquourirdquo ldquohttpsplintercellcom

explosion3gprdquo ldquoautoTriggerRangerdquo 50 ldquoautoTriggerOnlyrdquo true]

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 36: Layar code examples for developers

User authentication

Cookies

httpwwwflickrcomphotosmache166940673

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 37: Layar code examples for developers

copy Layar 2011

User authentication

bull Layar AR view behaves like a browser view

bull Cookies belonging to the getPOI URL domain are stored and sent

bull Implement your layer webservice like for a normal browser

bull Alternatively UserId is anonymous ID of user (linked to phone ID)

bull User Authentication Documentation

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 38: Layar code examples for developers

copy Layar 2011

Interactive layers

bull Create Relative POIs

bull User generated POIs

bull User provided feedback such as vote comments etc

bull Sharing screenshots to developerrsquos server

bull Treasure hunting (point to point)

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 39: Layar code examples for developers

copy Layar 2011

Create Relative POIs

bull POIs that are always relative to userrsquos current location

bull Useful when POI content is not constraint to the geo-location

bull Tutorial ( sample code) is available

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 40: Layar code examples for developers

copy Layar 2011

User Generated POIsbull Dynamic layer where users can

create a POI in it

bull Normally POIrsquos location is relevant to userrsquos location

bull More info on Layar intent and actions

bull The Sequence Diagram explains how to insert a POI by filling in a web form within the layer

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 41: Layar code examples for developers

copy Layar 2011

User provided Feedback

bull Dynamic layer which enables users to provide feedback to POIs

bull For instance users can vote for a restaurant comment on a piece of art etc

bull The scenario in SD is that the number of a POI being ldquolikedrdquo is updated whenever the ldquolikerdquo action is triggered

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 42: Layar code examples for developers

copy Layar 2011

Sharing screenshots to developerbull User taken screenshots can be uploaded to developerrsquos server

bull URL to post screenshots to is defined in publishing site (under API endpoint URL tab)

bull Uploaded info contains screenshot message lat amp lon where screenshot was taken are included as EXIF data in the screenshot file

bull Sharing API Documentation

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 43: Layar code examples for developers

copy Layar 2011

Point-to-point layerbull Dynamic layer content based on the

previous interaction

bull Async call action and user Interact Dialog provides more interaction

bull For instance treasure hunting game new content discovery etc

bull The Sequence Diagram shows the sequence of collecting a treasure and revealing others after the treasure is collected

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 44: Layar code examples for developers

copy Layar 2011

Play layers in any iPhone app

bull Binary code to be included in your Xcode project

bull Simple API that opens any published layer

bull Seamless handover to AR experience (incl authentication)

bull iPhone Player Wiki documentation

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 45: Layar code examples for developers

copy Layar 2011

Sample code

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 46: Layar code examples for developers

copy Layar 2011

Third Party Tools

bull Instead of creating your own layer service you can use one of the third party tools developed by the community eg

bull PorpoiseOpen source server software requires programming skills more control

bull Hoppala AugmentationHosted solution easy to use limited functionality

bull LMS using Layar Connect such as BuildAR Poistr Poiz VISAR etc

bull Others

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 47: Layar code examples for developers

copy Layar 2011

Developer support

bull The following support resources provide a wealth of information for developers

bull Layar developer wiki

bull Layar developer support environment

bull Discussion forums

bull Support tickets

Thank you

Page 48: Layar code examples for developers

Thank you