Download - PHP Usergroup Stuttgart
Mobile Augmented Reality
Marc René Gardeya - - www.hoppala.eu
www.hoppala.eu
Marc René Gardeya, Founder and CEO
Mobile Augmented Reality
What it is and how it worksLayar and PHP
Marc René Gardeya - - www.hoppala.eu
airtaggingoptic internet
synthetic environment
Augmented Reality
Marc René Gardeya - - www.hoppala.eu
Marc René Gardeya - - www.hoppala.eu
Columbia University Computer Graphics and User Interfaces Lab
It‘s been there before
Marc René Gardeya - - www.hoppala.eu
What‘s so great
combines real and virtualinteractive and realtime
3D
Marc René Gardeya - - www.hoppala.eu
How it works
Layer developed by HoppalaMarc René Gardeya - - www.hoppala.eu
CameraScreen
LocationDirection
Information
MarkerlessTracking
gps compassMarc René Gardeya - - www.hoppala.eu
Marc René Gardeya - - www.hoppala.eu
MarkerbasedTracking
works everywhere needs markersonly outside works inside
Markerless Markerbased
Marc René Gardeya - - www.hoppala.eu
Future
converging technologiesimage recognitionstandardization
Marc René Gardeya - - www.hoppala.eu
Marc René Gardeya - - www.hoppala.eu
Developers Users
Brands & Content
Layar Open Platform
Marc René Gardeya - - www.hoppala.eu
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
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
Best practices
Marc René Gardeya - - www.hoppala.eu
City marketing
Layer developed by NAi / IN10
Marc René Gardeya - - www.hoppala.eu
Entertainment
Layer developed by AugmentReality
Marc René Gardeya - - www.hoppala.eu
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
Ubisoft‘s Splintercell
Layer developed by Muzar.orgMarc René Gardeya - - www.hoppala.eu
www.hoppala.eu
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
Layer developed by Hoppala / Superimpose
Berlin Wall
Marc René Gardeya - - www.hoppala.eu
Marc René Gardeya - - www.hoppala.eu
Layar Architecture
Marc René Gardeya - - www.hoppala.eu
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
{"hotspots":[],"layer":"mylayer","errorCode":0
}
JSON Response
Marc René Gardeya - - www.hoppala.eu
Return Points of Interest
Marc René Gardeya - - www.hoppala.eu
<?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
World Geodetic System 1984
-Longitude +Longitude
+Latitude
-Latitude
Stuttgart Latitude: 48.8Longitude: 9.2
WGS 84
Marc René Gardeya - - www.hoppala.eu
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
Provide actions
Marc René Gardeya - - www.hoppala.eu
<?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
3D model
Marc René Gardeya - - www.hoppala.eu
<?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
www.layar.com
Marc René Gardeya - - www.hoppala.eu
www.hoppala.eu
Marc René Gardeya, Founder and CEO
THANK YO U!