38
Mobile Augmented Reality Marc René Gardeya - - www.hoppala.eu

PHP Usergroup Stuttgart

Embed Size (px)

DESCRIPTION

Mai, 12th 2010, PHP Usergroup Stuttgart

Citation preview

Page 1: PHP Usergroup Stuttgart

Mobile Augmented Reality

Marc René Gardeya - - www.hoppala.eu

Page 2: PHP Usergroup Stuttgart

www.hoppala.eu

Marc René Gardeya, Founder and CEO

Page 3: PHP Usergroup Stuttgart

Mobile Augmented Reality

What it is and how it worksLayar and PHP

Marc René Gardeya - - www.hoppala.eu

Page 4: PHP Usergroup Stuttgart

airtaggingoptic internet

synthetic environment

Augmented Reality

Marc René Gardeya - - www.hoppala.eu

Page 5: PHP Usergroup Stuttgart

Marc René Gardeya - - www.hoppala.eu

Page 6: PHP Usergroup Stuttgart

Columbia University Computer Graphics and User Interfaces Lab

It‘s been there before

Marc René Gardeya - - www.hoppala.eu

Page 7: PHP Usergroup Stuttgart

What‘s so great

combines real and virtualinteractive and realtime

3D

Marc René Gardeya - - www.hoppala.eu

Page 8: PHP Usergroup Stuttgart

How it works

Layer developed by HoppalaMarc René Gardeya - - www.hoppala.eu

CameraScreen

LocationDirection

Information

Page 9: PHP Usergroup Stuttgart

MarkerlessTracking

gps compassMarc René Gardeya - - www.hoppala.eu

Page 10: PHP Usergroup Stuttgart

Marc René Gardeya - - www.hoppala.eu

MarkerbasedTracking

Page 11: PHP Usergroup Stuttgart

works everywhere needs markersonly outside works inside

Markerless Markerbased

Marc René Gardeya - - www.hoppala.eu

Page 12: PHP Usergroup Stuttgart

Future

converging technologiesimage recognitionstandardization

Marc René Gardeya - - www.hoppala.eu

Page 13: PHP Usergroup Stuttgart

Marc René Gardeya - - www.hoppala.eu

Page 14: PHP Usergroup Stuttgart

Developers Users

Brands & Content

Layar Open Platform

Marc René Gardeya - - www.hoppala.eu

Page 15: PHP Usergroup Stuttgart

500 layers published

2.000 layers in development

3.000 content creators worldwide

1.500.000 downloads

Android & iPhone

Worlds Largest Platform

Marc René Gardeya - - www.hoppala.eu

Page 16: PHP Usergroup Stuttgart

Global preinstallation

Tens of millions of phones with Layar preinstalled already in the shops

#1 in all markets except Japan (#2)

Layar Distribution

Marc René Gardeya - - www.hoppala.eu

Page 17: PHP Usergroup Stuttgart

Best practices

Marc René Gardeya - - www.hoppala.eu

Page 18: PHP Usergroup Stuttgart

City marketing

Layer developed by NAi / IN10

Marc René Gardeya - - www.hoppala.eu

Page 19: PHP Usergroup Stuttgart

Entertainment

Layer developed by AugmentReality

Marc René Gardeya - - www.hoppala.eu

Page 20: PHP Usergroup Stuttgart

Art

Layer developed by Superimpose / VPAP

Chris Manzione: „Key element of our layer is that the objects are site-specific. This is different than most other digital media that can be easily transfered and shared.

This requires the users presence and interaction with the site itself.“

Marc René Gardeya - - www.hoppala.eu

Page 21: PHP Usergroup Stuttgart

Ubisoft‘s Splintercell

Layer developed by Muzar.orgMarc René Gardeya - - www.hoppala.eu

Page 22: PHP Usergroup Stuttgart

www.hoppala.eu

Page 23: PHP Usergroup Stuttgart

Leave a messagefor your friend

Happy easter!Looking forward to see you again!

Place 3D easter eggs from web and mobile

Layer developed by Hoppala

Easter Greetings

Marc René Gardeya - - www.hoppala.eu

Page 24: PHP Usergroup Stuttgart

Layer developed by Hoppala / Superimpose

Berlin Wall

Marc René Gardeya - - www.hoppala.eu

Page 25: PHP Usergroup Stuttgart

Marc René Gardeya - - www.hoppala.eu

Page 26: PHP Usergroup Stuttgart

Layar Architecture

Marc René Gardeya - - www.hoppala.eu

Page 27: PHP Usergroup Stuttgart

Basic webservice

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

Marc René Gardeya - - www.hoppala.eu

Page 28: PHP Usergroup Stuttgart

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

}

JSON Response

Marc René Gardeya - - www.hoppala.eu

Page 29: PHP Usergroup Stuttgart

Return Points of Interest

Marc René Gardeya - - www.hoppala.eu

Page 30: PHP Usergroup Stuttgart

<?php $hotspots = array();

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

Return Points of Interest

Marc René Gardeya - - www.hoppala.eu

Page 31: PHP Usergroup Stuttgart

World Geodetic System 1984

-Longitude +Longitude

+Latitude

-Latitude

Stuttgart Latitude: 48.8Longitude: 9.2

WGS 84

Marc René Gardeya - - www.hoppala.eu

Page 32: PHP Usergroup Stuttgart

POI next to you

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

Marc René Gardeya - - www.hoppala.eu

Page 33: PHP Usergroup Stuttgart

Provide actions

Marc René Gardeya - - www.hoppala.eu

Page 34: PHP Usergroup Stuttgart

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

...

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

Provide actions

Marc René Gardeya - - www.hoppala.eu

Page 35: PHP Usergroup Stuttgart

3D model

Marc René Gardeya - - www.hoppala.eu

Page 36: PHP Usergroup Stuttgart

<?php $hotspot = array( ...

'dimension' => 1, 'object' => array( 'baseURL' => BASEURL, 'full' => MODEL, 'size' => 20 // tell client before loading model ), 'transform' => array( 'angle' => 0, 'rel' => FALSE, 'scale' => 10 // make model 10 times larger ) );?>

3D model

Marc René Gardeya - - www.hoppala.eu

Page 37: PHP Usergroup Stuttgart

www.layar.com

Marc René Gardeya - - www.hoppala.eu

Page 38: PHP Usergroup Stuttgart

www.hoppala.eu

Marc René Gardeya, Founder and CEO

THANK YO U!