PHP Usergroup Stuttgart

Preview:

DESCRIPTION

Mai, 12th 2010, PHP Usergroup Stuttgart

Citation preview

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!

Recommended