Layar us tour august 2010

127
© 2010, Layar B.V. Welcome! Thursday, August 19, 2010

description

The USA are by far the biggest market for Layar in terms of usage and demand from big brands – many major US or global advertisers contact us every week for wanting a cool AR experience. We visit the US and organized to events (San Fransisco and New York). During the events we gave the audience insights on the conceptual, commercial and technical possibilities of the Layar platform, it's distribution and plans for the future.

Transcript of Layar us tour august 2010

Page 1: Layar us tour august 2010

© 2010, Layar B.V.

Welcome!

Thursday, August 19, 2010

Page 2: Layar us tour august 2010

© 2010, Layar B.V.

Thanks Adaptive Path!

Thursday, August 19, 2010

Page 3: Layar us tour august 2010

• Launched June 2009• Maarten Lens-FitzGerald,

Raimo van der Klein and Claire Boonstra • Amsterdam• 32 people• VC Funded

Layar the company

Thursday, August 19, 2010

Page 4: Layar us tour august 2010

© 2010, Layar B.V.

You?

Thursday, August 19, 2010

Page 5: Layar us tour august 2010

© 2010, Layar B.V.

Raimo Maarten Claire Indra Dirk Ronald Jacqueline Cari

Maurice Gerben Erwin Matt Olivier Flavia Bas Rense

Nanda Martin Stefan Anthony Jolien Rory Xuan Tom Cor

Laurens Zoja Martin Alex Stepan Artem Anatoliy Andrey Eugene Nikita

Thursday, August 19, 2010

Page 6: Layar us tour august 2010

Claire (Co-founder): General introduction to Layar & cool content

@claireboo

Thursday, August 19, 2010

Page 7: Layar us tour august 2010

© 2010, Layar B.V.

Matt (Commercial): Numbers, Distribution &

Biz models

@mattmiesnieks

Thursday, August 19, 2010

Page 8: Layar us tour august 2010

© 2010, Layar B.V.

Maurice (Community Mgr): Content & Community, Layar Partner Network,

Developer tools

@groenhart

Thursday, August 19, 2010

Page 9: Layar us tour august 2010

© 2010, Layar B.V.

Marc (Hoppala): How to build a layer, Layar CMS,

How I’m making business

@hoppala_eu

Thursday, August 19, 2010

Page 10: Layar us tour august 2010

© 2010, Layar B.V.

Tweets: #Layar

Thursday, August 19, 2010

Page 11: Layar us tour august 2010

What is Layar?

Thursday, August 19, 2010

Page 12: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 13: Layar us tour august 2010

© 2010, Layar B.V.

Cool cases

Thursday, August 19, 2010

Page 14: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 15: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 16: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 17: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 18: Layar us tour august 2010

© 2010, Layar B.V.

M-commerce

Thursday, August 19, 2010

Page 19: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 20: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 21: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 22: Layar us tour august 2010

© 2010, Layar B.V.

Conquar

Thursday, August 19, 2010

Page 23: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 24: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 25: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 26: Layar us tour august 2010

© 2010, Layar B.V.

Enterprise applications: Fire Brigade

Thursday, August 19, 2010

Page 27: Layar us tour august 2010

© 2010, Layar B.V.

The street is our playgroundAdding a digital layer to your world

Thursday, August 19, 2010

Page 28: Layar us tour august 2010

© 2010, Layar B.V.

Enabling Augmented Reality Experiences

∞discovery publication

Thursday, August 19, 2010

Page 29: Layar us tour august 2010

© 2010, Layar B.V.

Content discovery

&Catalog Stream

Thursday, August 19, 2010

Page 30: Layar us tour august 2010

© 2010, Layar B.V.

Stream engine

Thursday, August 19, 2010

Page 31: Layar us tour august 2010

© 2010, Layar B.V.

Publishing Platform

implemented implemented Implemented Concept commit In development Coming up

Dutch, French, Greek, Portugese, Hebrew, English, Japanese, Turkish, Korean, Chinese (Mandarin), Spanish and Italian

...

Thursday, August 19, 2010

Page 32: Layar us tour august 2010

© 2010, Layar B.V.

Next: Image recognition

Thursday, August 19, 2010

Page 33: Layar us tour august 2010

© 2010, Layar B.V.

Thursday, August 19, 2010

Page 35: Layar us tour august 2010

The Attraction of the ExperienceMatt Miesnieks, Distribution

Thursday, August 19, 2010

Page 36: Layar us tour august 2010

© 2010, Layar B.V.

Why is AR Attractive?

0

300

600

900

1200

2009 2010 2011 2012 2013

AR Smartphone Market Size (millions)Partners learning that AR sells smartphones!

Layar is the AR service of choice

We will enable the worlds largest AR community

Thursday, August 19, 2010

Page 37: Layar us tour august 2010

© 2010, Layar B.V.

Late 2009

First AR CapableSmartphones

8m Sold in 2009

Thursday, August 19, 2010

Page 38: Layar us tour august 2010

© 2010, Layar B.V.

Late 2009

800k Installs

App StoreDistribution

Thursday, August 19, 2010

Page 39: Layar us tour august 2010

© 2010, Layar B.V.

Late 2009

Layar installed on first AR Smartphones

Thursday, August 19, 2010

Page 40: Layar us tour august 2010

© 2010, Layar B.V.

Early 2010

Worlds #2 Manufacturer

Global Pre-Load

Thursday, August 19, 2010

Page 41: Layar us tour august 2010

© 2010, Layar B.V.

NowGalaxy S first

Layar Pre-load

100 Countries

1m per month

Thursday, August 19, 2010

Page 42: Layar us tour august 2010

© 2010, Layar B.V.

Layar launcheson Bada

another 1m per month

Thursday, August 19, 2010

Page 43: Layar us tour august 2010

© 2010, Layar B.V.

Pre-load on 4G devices

Thursday, August 19, 2010

Page 44: Layar us tour august 2010

© 2010, Layar B.V.

Global Pre-Load Tier 1 Chinese Manufacturer

Global Pre-Load Alcatel Mobile

Thursday, August 19, 2010

Page 45: Layar us tour august 2010

© 2010, Layar B.V.

Global Pre-Load

World #3 Manufacturer

Thursday, August 19, 2010

Page 46: Layar us tour august 2010

© 2010, Layar B.V.

Layar installed on many more compass enabled smartphones

Thursday, August 19, 2010

Page 47: Layar us tour august 2010

© 2010, Layar B.V.

Coming Soon

More OSPlatforms

Another 2 MajorManufacturer

Global Partnerships

Global Carrier Partnerships 10’s of millions

of users

Thursday, August 19, 2010

Page 48: Layar us tour august 2010

© 2010, Layar B.V.

Manufacturer or Carrier supported distribution on most AR smartphones shipped worldwide

2011

Thursday, August 19, 2010

Page 49: Layar us tour august 2010

© 2010, Layar B.V.

Then what?

0

300

600

900

1200

2009 2010 2011 2012 2013

AR Smartphone Market Size (millions)

It’s a big, exciting future ahead...

Layar’s installed base

Thursday, August 19, 2010

Page 50: Layar us tour august 2010

© 2010, Layar B.V.

over 2,500,000 total unique users

over 100k new users a week

Usage is growing the same way

Thursday, August 19, 2010

Page 51: Layar us tour august 2010

© 2010, Layar B.V.

Layar Active users

400,000

525,000

650,000

775,000

900,000

5/9/10

5/16/10

5/23/10

5/30/10

6/6/10

6/13/10

6/20/10

6/27/10

7/4/10

7/11/10

7/18/10

7/25/10

8/1/10

8/8/10

over 2,500,000 total unique users

over 100k new users a week

Usage is growing the same way

Thursday, August 19, 2010

Page 52: Layar us tour august 2010

© 2010, Layar B.V.

860,000 Active users

Thursday, August 19, 2010

Page 53: Layar us tour august 2010

© 2010, Layar B.V.

How many layers dopeople experience?

Thursday, August 19, 2010

Page 54: Layar us tour august 2010

© 2010, Layar B.V.

0%

13%

25%

38%

50%

1 layer 2 layers 3 layers 4 layers 5 layers more

Average amount of Layers opened by users

Version 3.0 & 3.1Version 3.5.1 (Stream)

How many layers dopeople experience?

Thursday, August 19, 2010

Page 55: Layar us tour august 2010

© 2010, Layar B.V.

Layar:Pre-Revenue,Advertising & Digital Economy

Thursday, August 19, 2010

Page 56: Layar us tour august 2010

© 2010, Layar B.V.

Layar Developer/Agency: Paid Projects to develop AR Campaigns

Thursday, August 19, 2010

Page 57: Layar us tour august 2010

© 2010, Layar B.V.

Brands: Deep Engagement, Location, Time & Context based reach

Brands: Paid LayersThursday, August 19, 2010

Page 58: Layar us tour august 2010

© 2010, Layar B.V.

End Users: New Experiences. Fun personal & surprising interactions. Options to

respond, act and purchase

Thursday, August 19, 2010

Page 59: Layar us tour august 2010

• Brands: New way of offering content and engage their uses• Developers: Paid project • Users: immersive experiences in learning about their environment

Thursday, August 19, 2010

Page 60: Layar us tour august 2010

Almost 5000 active developers

+ 1100 layers published

Thursday, August 19, 2010

Page 61: Layar us tour august 2010

What do you need

Thursday, August 19, 2010

Page 62: Layar us tour august 2010

API

Publishing

Tools &

Support

Payments

Thursday, August 19, 2010

Page 63: Layar us tour august 2010

API

• Free of use• Supports rich interaction:• Video and audio• auto triggered action• Animated 3D objects

Thursday, August 19, 2010

Page 64: Layar us tour august 2010

API: Video and AudioQuiznosby Winvolve and Hoppala

Thursday, August 19, 2010

Page 65: Layar us tour august 2010

API: Auto triggered actions

Splintercellby muzar.org

Thursday, August 19, 2010

Page 66: Layar us tour august 2010

Virtual art by The Virtual Public Art Project

API: 3D Objects

Thursday, August 19, 2010

Page 67: Layar us tour august 2010

Tools and Support

• Tools created by developers • Support (desk and groups)• Metrics coming soon

Thursday, August 19, 2010

Page 68: Layar us tour august 2010

Payments

• Create direct revenue• Multiple currencies (global soon)• Sales and finance reporting• Taxes and administration

Thursday, August 19, 2010

Page 69: Layar us tour august 2010

Publishing

• Multiple platforms• Multiple languages• Manage all your layers from the publishing environment• Metrics coming soon

Thursday, August 19, 2010

Page 70: Layar us tour august 2010

Partner Network

Thursday, August 19, 2010

Page 71: Layar us tour august 2010

US brands are working now with european developers

Thursday, August 19, 2010

Page 72: Layar us tour august 2010

What’s it about

• Insights• Testing• Contribute to future development• Leads

Thursday, August 19, 2010

Page 73: Layar us tour august 2010

Thank you!Maurice Groenhart, Community Manager

Thursday, August 19, 2010

Page 74: Layar us tour august 2010

© 2010, Layar B.V.

How to develop layersMarc René Gardeya, CEO HOPPALA

www.hoppala.eu

Thursday, August 19, 2010

Page 75: Layar us tour august 2010

Geocoded POIs

Thursday, August 19, 2010

Page 76: Layar us tour august 2010

GPS Compass

Markerless Tracking

Thursday, August 19, 2010

Page 77: Layar us tour august 2010

layer service

Layar App Layar Cloud Webspace

Architecture

Thursday, August 19, 2010

Page 78: Layar us tour august 2010

Browser DNS / Proxy Webspace

HTML pages

Architecture

Thursday, August 19, 2010

Page 79: Layar us tour august 2010

Browser DNS / Proxy

HTTP Request

HTTP Response

Webspace

HTML pages

Architecture

Thursday, August 19, 2010

Page 80: Layar us tour august 2010

Layar App Layar Cloud

HTTP Request

HTTP Response (JSON)

layer service

Webspace

Architecture

Thursday, August 19, 2010

Page 81: Layar us tour august 2010

Become a Layar Developer

Create a layer

Develop a layer service

Thursday, August 19, 2010

Page 82: Layar us tour august 2010

© 2010, Layar B.V.

Become a Layar Developer

Thursday, August 19, 2010

Page 83: Layar us tour august 2010

Create a Developer Account

Sign in with yourGoogle Account ID

Thursday, August 19, 2010

Page 84: Layar us tour august 2010

http://dev.layar.com

Create a Developer Account

Sign in with yourGoogle Account ID

Thursday, August 19, 2010

Page 85: Layar us tour august 2010

Create a Publisher Account

Thursday, August 19, 2010

Page 86: Layar us tour august 2010

Create a Publisher Account

http://www.layar.com

Thursday, August 19, 2010

Page 87: Layar us tour august 2010

Link Accounts

http://www.layar.com

Thursday, August 19, 2010

Page 88: Layar us tour august 2010

Link Accounts

http://www.layar.com

Thursday, August 19, 2010

Page 89: Layar us tour august 2010

© 2010, Layar B.V.

Create a layer

Thursday, August 19, 2010

Page 90: Layar us tour august 2010

Create a layer

Thursday, August 19, 2010

Page 91: Layar us tour august 2010

http://dev.layar.com

Create a layer

http://mydomain.com/poi.php

mylayer

Thursday, August 19, 2010

Page 92: Layar us tour august 2010

© 2010, Layar B.V.

Develop a layer service

Thursday, August 19, 2010

Page 93: Layar us tour august 2010

<?php define( 'LAYERNAME', 'mylayer' ); $hotspots = array();

$response = array( 'hotspots' => $hotspots, 'layer' => LAYERNAME, 'errorCode' => 0, );

$json = json_encode( $response );

header( 'Content-type: application/json'); echo $json;?>

Basic layer service

http://mydomain.com/poi.phpThursday, August 19, 2010

Page 94: Layar us tour august 2010

{ "hotspots":[], "layer":"mylayer", "errorCode":0}

HTTP response (JSON)

Thursday, August 19, 2010

Page 95: Layar us tour august 2010

Adding hotspots

Thursday, August 19, 2010

Page 96: Layar us tour august 2010

<?php $hotspots = array();

$hotspot = array( 'title' => 'Restaurant Eberhard Ludwig', 'line2' => '', 'line3' => '', 'line4' => '', 'attribution' => 'Footnote', 'lat' => (int)(48.8 * 1000000.0), 'lon' => (int)(9.2 * 1000000.0) ); $hotspots[] = $hotspot;?>

Adding hotspots

Thursday, August 19, 2010

Page 97: Layar us tour august 2010

World Geodetic System 1984

-Longitude +Longitude

+Latitude

-Latitude

Latitude/Longitude: 37.78 / -122.42

Thursday, August 19, 2010

Page 98: Layar us tour august 2010

<?php $lat = $_GET['lat']; $lon = $_GET['lon'];

$hotspot = array( 'title' => 'Sticky POI', 'line2' => 'It sits right', 'line3' => 'next to you', 'line4' => '', 'attribution' => 'footnote', 'lat' => (int)($lat + 0.0005) * 1000000.0), 'lon' => (int)($lon * 1000000.0) );?>

Playing with coordinates

Thursday, August 19, 2010

Page 99: Layar us tour august 2010

Adding actions

Go to website

Thursday, August 19, 2010

Page 100: Layar us tour august 2010

<?php $hotspot = array( 'title' => 'Bäckerei Blank',

...

'actions' => array( array( 'label' => 'Go to website', 'uri' => 'http://www.hoppala.eu' ) ) );?>

Adding actions

Thursday, August 19, 2010

Page 101: Layar us tour august 2010

Adding audio

Thursday, August 19, 2010

Page 102: Layar us tour august 2010

<?php $hotspot = array( 'title' => 'Bäckerei Blank',

...

'actions' => array( array( 'label' => 'Play song', 'uri' => 'audio://mydomain.com/song.mp3' ) ) );?>

Adding audio

Thursday, August 19, 2010

Page 103: Layar us tour august 2010

Adding video

...WINVOLVE...

Thursday, August 19, 2010

Page 104: Layar us tour august 2010

<?php $hotspot = array( 'title' => 'Quiznos store',

...

'actions' => array( array( 'label' => 'Play video', 'uri' => 'video://mydomain.com/video.3gp' ) ) );?>

Adding video

Thursday, August 19, 2010

Page 105: Layar us tour august 2010

Auto trigger

Muzar.org

Thursday, August 19, 2010

Page 106: Layar us tour august 2010

Auto trigger

Muzar.org

Thursday, August 19, 2010

Page 107: Layar us tour august 2010

<?php $hotspot = array( 'title' => 'Splinter Cell',

...

'actions' => array( array( 'label' => 'Play video', 'uri' => 'video://mydomain.com/explosion.3gp', 'autoTriggerRange' => 5, 'autoTriggerOnly' => true ) ) );?>

Auto trigger

Thursday, August 19, 2010

Page 108: Layar us tour august 2010

Berlin Wall 3D

Thursday, August 19, 2010

Page 109: Layar us tour august 2010

Berlin Wall 3D

Thursday, August 19, 2010

Page 110: Layar us tour august 2010

<?php $hotspot = array( ...

'dimension' => 3, 'object' => array( 'baseURL' => 'http://mydomain.com/', 'full' => 'mymodel.l3d ', 'size' => 20 // tell client before loading model ), 'transform' => array( 'angle' => 0, 'rel' => FALSE, 'scale' => 10 // upscale model ) );?>

Adding 3D models

Thursday, August 19, 2010

Page 111: Layar us tour august 2010

3D Model Converter

Thursday, August 19, 2010

Page 112: Layar us tour august 2010

Berlin Wall 3D

Thursday, August 19, 2010

Page 113: Layar us tour august 2010

© 2010, Layar B.V.

More immersive experiences

Thursday, August 19, 2010

Page 114: Layar us tour august 2010

POI interaction

Background actions

Thursday, August 19, 2010

Page 115: Layar us tour august 2010

Moving POIs

Flexible refresh rate

Thursday, August 19, 2010

Page 116: Layar us tour august 2010

Place POIs

Action on entire layer

Thursday, August 19, 2010

Page 117: Layar us tour august 2010

Happy easter!Looking forward to see you again!

HOPPALA Goes Easter

Thursday, August 19, 2010

Page 118: Layar us tour august 2010

Focus on user experience

UI Customization

Thursday, August 19, 2010

Page 119: Layar us tour august 2010

Oscillate

Rotate

Texture animation

Animations

Thursday, August 19, 2010

Page 120: Layar us tour august 2010

Quiznos 3D animation

...WINVOLVE...

Thursday, August 19, 2010

Page 121: Layar us tour august 2010

Quiznos 3D animation

...WINVOLVE...

Thursday, August 19, 2010

Page 122: Layar us tour august 2010

© 2010, Layar B.V.

Don‘t feel like coding?

Thursday, August 19, 2010

Page 123: Layar us tour august 2010

© 2010, Layar B.V.

Layar CMS in the cloud

Thursday, August 19, 2010

Page 124: Layar us tour august 2010

www.hoppala.eu

Thursday, August 19, 2010

Page 125: Layar us tour august 2010

www.hoppala.eu

Thursday, August 19, 2010

Page 126: Layar us tour august 2010

© 2010, Layar B.V.

Thank you!Marc René Gardeya, CEO HOPPALA

www.hoppala.eu

www.layar.com/create

Thursday, August 19, 2010

Page 127: Layar us tour august 2010

© 2010, Layar B.V.

Q&AThursday, August 19, 2010