39
Layar introduction for developers Creating augmented reality experiences on the world’s leading platform October 2011

Layar introduction for developers

  • Upload
    layar

  • View
    78.679

  • Download
    2

Embed Size (px)

DESCRIPTION

This presentation gives a technical introduction of the Layar platform, targeted at developers. It provides an overview of Layar's architecture and features, and explains how to get started with layer creation. It includes Layar Vision

Citation preview

Page 1: Layar introduction for developers

Layar introductionfor developersCreating augmented reality experiences on the world’s leading platform

October 2011

Page 2: Layar introduction for developers

© Layar 2011

Contents

• What is Layar?

• Why choose Layar?

• How does it work?

• Creating layers

• Getting started

• Developer support

Page 3: Layar introduction for developers

© Layar 2011

What is Layar?

Page 4: Layar introduction for developers

© Layar 2011

• Layar is a mobile platform for discovering digital information about the physical world around you

• Using Augmented Reality (AR) technology, Layar displays “layers” of digital information to the users’ mobile phones

• These layers can contain digital information related to both geolocation as well as objects (images)

What is Layar?

Page 5: Layar introduction for developers

© Layar 2011

Open platform

• Layar offers an open platform to publish, discover and search for augmented reality layers

• Layar provides the mobile application and infrastructure

• Third party developers create the layers

Page 6: Layar introduction for developers

© Layar 2011

The Layar ecosystem

Brands, publishers Developers Layar

platform

End user

Content Layers Distribution

High quality content + + =

Creativity, passion,

dedicationLayar features Impactful AR

experiences

Generic view

Search & Discovery

Page 7: Layar introduction for developers

© Layar 2011

Why choose Layar?

Page 8: Layar introduction for developers

© Layar 2011

Why choose Layar?

• Create augmented reality experiences in an easy and affordable way

• Publish your content for an audience of more than 1.5M active users worldwide - by far the biggest reach of all mobile AR browsers (see next slide)

• Benefit from the shared knowledge in the Layar developer community of more than 9,000 developers

Page 10: Layar introduction for developers

© Layar 2011

Layar USP’s for developers• Largest reach in mobile AR

• Open platform, flexible API

• Healthy ecosystem

• Active developer community

• Available for iOS & Android

• AR for your own app (with Layar Player)

• Testing environment

• Extensive list of features (see next slide)

Page 11: Layar introduction for developers

© Layar 2011

Layar features• Layar Vision image recognition

• Support for 3D models

• Support for animated augments

• Sharing to Facebook & Twitter

• Layer actions: call, email, share, web page

• Support for audio/video

• Gaming elements: autotriggers, relative POIs, point-to-point

• Layar Player (adding AR to your own app)

• Payment platform (with PayPal)

Page 12: Layar introduction for developers

© Layar 2011

Layar key figures

• Number of active users: 1.5M

• Number of published layers: 2,500

• Number of supported languages: 15 (Dutch, Spanish, French, Italian, Cantonese, Simplified Chinese, German, Greek, Russian, Portuguese, Turkish, Japanese, Swedish, Korean, Slovakian)

July 2011

Page 13: Layar introduction for developers

© Layar 2011

How does it work?

Page 14: Layar introduction for developers

© Layar 2011

A bit of history

Layar 1.0May 2009

Netherlands only5 layers developedin-house

Layar 2.0August 2009

Worldwide releaseOpen API

Layar 3.0December 2009

3D OpenGL AR view

Layar 3.1April 2010

Paid layers with Paypal

Page 15: Layar introduction for developers

© Layar 2011

A bit of history (cont’d)

Layar 3.5June 2010

Stream local search across layers

Layar 4.0September 2010

More interactive APIImproved UX

Layar 5.0February 2011 (beta)

Sharing to social mediaAnimationImproved UX

Layar 6.0October 2011

Layar Vision Real-time, client-side image recognition

Page 16: Layar introduction for developers

© Layar 2011

AR smartphone requirements

GPSWhere am I?

CameraWhat do I see in the real world?

Compass In which direction am I looking?

AccelerometerHow is my phone oriented in the world?

Internet connectivityTo connect to the digital world

Gyroscope (optional)To provide a smoother experience

Page 17: Layar introduction for developers

© Layar 2011

Terminology• Layer: a layer of digital information (a group of augments) in the Layar

Browser or Player

• GeoPOI: A point of interest with a specific latitude and longitude associated with it.  GeoPOIs are rendered in the Layar Browser and Player. The GeoPOI can be a real location or a relative location around the user.

• Target object: the thing on your desk, the picture in the magazine, the street art outside. You can augment a wide range of physical items with ease.*

• Augment: the digital interpretation of a target object or a geoPOI. It’s attached to a target object or geoPOI as seen through the lens of a mobile phone.

* Target objects with many visual details, angles, and contrast work best. Simple, rounded, low contrast targets and highly repetitive patterns are more difficult to recognize.

Page 18: Layar introduction for developers

© Layar 2011

Layar Browser

Layar product portfolio

Layar Server

Third-party Content

(augments)Layar Service

Provider

Layar Connect

Layar Publishing

Site

Layar Feature RepositoryLayar

Player

Layar environment

Page 19: Layar introduction for developers

© Layar 2011

Layar product portfolio

• The Layar Browser is the world’s first and leading mobile AR browser, offering users to see augments for objects and geoPOIs

• The Layar Player is an SDK to integrate the an AR experience in your own app in an easy and convenient way

• Layar Connect is an API to the Layar server and offers third parties to build an end-to-end, one-stop-shop content management system for layers

Page 20: Layar introduction for developers

© Layar 2011

Creating layers

Page 21: Layar introduction for developers

© Layar 2011

Creating layers

• Layers are built using simple web technology

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

Page 22: Layar introduction for developers

© Layar 2011

Terminology of UI assets

Page 23: Layar introduction for developers

© Layar 2011

Third party tools

• Instead of creating your own layer service, you can use one of the third party tools developed by the community, e.g.:

• PorpoiseOpen source server software

• Hoppala AugmentationHosted solution, easy to use

• More tools? Check the Layar website

Page 24: Layar introduction for developers

© Layar 2011

Pricing

Page 25: Layar introduction for developers

© Layar 2011

Pricing model

• With Layar Vision, Layar introduces a pricing model for developers and publishers based on usage of Layar Vision layers in the Layar Browser or Layar Player

• The Layar Player SDK is free of charge for application developers to integrate into a mobile application

• The Layar Browser is free to use for end users

Page 26: Layar introduction for developers

© Layar 2011

Pricing

GeoLayar Vision

Layar Browser + Player

€ 0.01 per match per monthMonthly usage fee FREE

max € 1,000 per month

first 10,000 matches per month are FREE

Prices valid until May 1, 2012

Page 27: Layar introduction for developers

© Layar 2011

Pricing explanation

• The Layar Browser and the Layar Player monthly usage fees are based on the number of object matches using Layar Vision

• An object match is counted for each target object that is successfully tracked and the associated content displayed to the user for at least 1 second

• The maximum usage fee per month is capped at € 1,000

• First 10,000 matches per month are free of charge

Page 28: Layar introduction for developers

© Layar 2011

Pricing examples

Number of matches per month Usage fee per month5,000 €010,000 €015,000 €50

100,000 €900110,000 €1000200,000 €1000

1,000,000 €1000

Page 29: Layar introduction for developers

© Layar 2011

Getting started

Page 30: Layar introduction for developers

© Layar 2011

Getting started

1. Create a developer account

2. Create a layer

3. Create a layer service

Page 31: Layar introduction for developers

© Layar 2011

Step 1: Create a developer account

1. Create Layar account on www.layar.com

2. Create developer account on www.layar.com/development

(Click here for detailed instructions)

Page 32: Layar introduction for developers

© Layar 2011

Step 2: Create a layer• Create a layer definition in the Layar publishing environment

(Click here for detailed instructions)

Page 33: Layar introduction for developers

© Layar 2011

Step 2: Create a layer• http://layar.com/publishing

• Add all the static content and metadata of a layer

• Listing details

• Look & feel

• Service provider URL

• Layer type (2D, 3D, Layar Vision)

Page 34: Layar introduction for developers

© Layar 2011

Step 3: Create a layer service• Create a layer service for delivering the augments to the Layar

Browser or Player

• The following elements are needed to set up a layer service:

• A public web server

• A database

• A layer can be written in various programming languages, as long as the response is in JSON format

(Click here for detailed instructions and sample code)

Page 35: Layar introduction for developers

© Layar 2011

Step 3: Create a layer service

• HTTP request with the following parameters

• Latitude, longitude, filter settings....

• Response

• JSON data containing geoPOI or object information

Page 36: Layar introduction for developers

© Layar 2011

Developer support

Page 37: Layar introduction for developers

© Layar 2011

Developer support

• The following support resources provide a wealth of information for developers:

• Layar developer wiki

• Layar developer support environment

Page 38: Layar introduction for developers

© Layar 2011

Testing environment

• Layar offers developers to test their layers before publishing:

• Through the API test page in the publishing platform

• Via the Layar Browser

• Layers in testing phase of development are only visible to the developer (when logged in with developer account)

(Click here for detailed instructions)

Page 39: Layar introduction for developers

Thank you