SlideShare a Scribd company logo
1 of 15
Layar 
la nuova frontiera della realtà aumentata 
Come crearvi il vostro layer 
Andrea Piovani - www.cesvin.com 
twitter: andreaaa_p 
in collaborazione con 
Con il patrocinio di Sponsor Media Partner
REALTA’ AUMENTATA? 
• La realtà 
aumentata è la 
sovrapposizione di 
livelli informativi 
( elementi virtuali, 
dati geolocalizzati 
etc) ad un flusso 
video che riprende 
la realtà di tutti i 
giorni (da wikipedia) 
andrea.piovani@cesvin.com
DA QUANDO? 
Anni 90: VRML, realtà virtuale immersiva … 
Oggi: 
GPS + BUSSOLA 
su device mobili: 
potenzialmente 
alla portata di tutti 
andrea.piovani@cesvin.com
ALCUNI ESEMPI 
Due tipologie: 
DA PC (con webcam) 
DA MOBILE (geolocalizzazione) 
http://tinyurl.com/r6ahhr 
andrea.piovani@cesvin.com
LAYAR E ALTRO…. 
• Layar 
• Wikitude 
• Theodolite 
…. 
andrea.piovani@cesvin.com
LAYAR 
Molto semplice 
1)Scelta layer 
2)Visualizzazione: 
- AR (videocamera) 
- Gmaps 
- lista 
andrea.piovani@cesvin.com
LAYAR: NUOVE FEATURES 
• 3D: posizionare oggetti tridimensionali nella vista reale 
• Autenticazione: Login al tuo layer => Opportunità di business 
• Self-triggered actions: azioni “georeferenziate”, che iniziano quando ti 
avvicini ad un punto stabilito (visione di video, musica, etc) 
andrea.piovani@cesvin.com 
Scelto un P.O.I., cosa posso fare? 
- M-site 
- Tel 
- Sms
MA… VENIAMO AL DUNQUE 
Quindi? Per fare il “mio” layer? 
andrea.piovani@cesvin.com 
11°°:: CChhiiaammaarree uunnoo 
ssvviilluuppppaattoorree 
cchhee lloo ffaa ppeerr vvooii
MA… VENIAMO AL DUNQUE 
2°: - Ottenere la developer key 
- Definire il layer sul provisioning website 
- Esporre un restFull Web Service (json) 
- Eventualmente predisporre un Msite 
andrea.piovani@cesvin.com
ARCHITETTURA 
RICHIESTE DEI P.O.I.? 
andrea.piovani@cesvin.com
ESEMPIO DI RICHIESTA 
http://devAPI.example.com/getPOIs/?countryCode=IT 
&lon=4.887339&timestamp=1249226148713 
&userId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37 
&developerId=896&developerHash=1ee6d294aa6b639b365899f844257523c5bf9702 
&RADIOLIST=a&radius=6245&CUSTOM_SLIDER=23987.0 
&lat=52.377544&layerName=snowy4 
&SEARCHBOX=asdfdhcgg&accuracy=100 
andrea.piovani@cesvin.com
ESEMPIO DI RISPOSTA (JSON) 
{"hotspots": [{"distance": 100, "attribution": "This is a test layer POI provider", "title": 
"My layer - snowy4, location = 52.377544, 4.887339", "lon": 4884339, "imageURL": 
null, "line4": "RADIOLIST-None,CustSlider-None", "line3": "SEARCHBOX - asdfdgxdg", 
"line2": "DevlId - 896Settings: range=1000", "actions": [], "lat": 52374544, "type": 0, 
"id": "test_1"}, {"distance": 100, "attribution": "This is a test layer POI provider", 
"title": "My layer - snowy4, location = 52.377544, 4.887339", "lon": 4887339, 
"imageURL": null, ...... 
Risposta oggetti 3D (come li preparo? Da .obj => .l3d , con un tool) 
"hotspots": [ { "object": { "icon": "icon1.png", "baseURL": "http://layar3d.jsource.nl/", 
"full": "ghost.l3d", "size": 2 }, "actions": [ { "label": "Visit webpage", "uri": 
"http://example.com/" } ], "transform": { "rel": true, "scale": 5 } ….. 
andrea.piovani@cesvin.com
COME TESTO IL MIO LAYER? 
- Online: interfaccia per sviluppatori 
- A bordo telefono (APK x Android) 
 Processo di approvazione / pubblicazione 
andrea.piovani@cesvin.com 
Per la cronaca: 
vista 3d in Layar del cantiere della 
nuova Market Hall, Rotterdam
CHE ALTRO? 
Un aiuto: PorPOIse 
- PHP-based server per Layar (plain text DB, 
XML, Mysql) 
Dov’è il business? 
- Release di Layar col proprio Brand 
- Layer Premium 
- … 
andrea.piovani@cesvin.com
THE END 
domande? 
in collaborazione con 
andrea.piovani@cesvin.com 
twitter: andreaaa_p 
Con il patrocinio di Sponsor Media Partner

More Related Content

Similar to Layar, la nuova frontiera della realtà aumentata

WebRTC prove pratiche, esperimenti e curiosità
WebRTC prove pratiche, esperimenti e curiositàWebRTC prove pratiche, esperimenti e curiosità
WebRTC prove pratiche, esperimenti e curiositàComparto Web
 
Augmented Reality: guardare il mondo da un altro punto di vista
Augmented Reality: guardare il mondo da un altro punto di vistaAugmented Reality: guardare il mondo da un altro punto di vista
Augmented Reality: guardare il mondo da un altro punto di vistaCodemotion
 
Media Queries Next Level
Media Queries Next LevelMedia Queries Next Level
Media Queries Next LevelCarmine Alfano
 
Stanco delle solite Web App? Passa al Prgressive
Stanco delle solite Web App? Passa al PrgressiveStanco delle solite Web App? Passa al Prgressive
Stanco delle solite Web App? Passa al PrgressiveCommit University
 
Geolocalizzazione e mappe in Windows Phone 8
Geolocalizzazione e mappe in Windows Phone 8Geolocalizzazione e mappe in Windows Phone 8
Geolocalizzazione e mappe in Windows Phone 8Wind
 
Android - Programmazione Avanzata
Android -  Programmazione AvanzataAndroid -  Programmazione Avanzata
Android - Programmazione AvanzataStefano Sanna
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationAlessandro Colla
 
Applicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceApplicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceDiego La Monica
 
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...Planetek Italia Srl
 
Scala ed Rx in pratica
Scala ed Rx in praticaScala ed Rx in pratica
Scala ed Rx in praticaMichele Mauro
 
Single Page Applications
Single Page ApplicationsSingle Page Applications
Single Page ApplicationsRoberto Messora
 
ERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazioneERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazionePlanetek Italia Srl
 
Sviluppo e deployment cross-platform: Dal mobile alla Tv
Sviluppo e deployment cross-platform: Dal mobile alla Tv Sviluppo e deployment cross-platform: Dal mobile alla Tv
Sviluppo e deployment cross-platform: Dal mobile alla Tv Codemotion
 
Real world Visual Studio Code
Real world Visual Studio CodeReal world Visual Studio Code
Real world Visual Studio CodeRoberto Messora
 
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...Dominopoint - Italian Lotus User Group
 

Similar to Layar, la nuova frontiera della realtà aumentata (20)

WebRTC prove pratiche, esperimenti e curiosità
WebRTC prove pratiche, esperimenti e curiositàWebRTC prove pratiche, esperimenti e curiosità
WebRTC prove pratiche, esperimenti e curiosità
 
Augmented Reality: guardare il mondo da un altro punto di vista
Augmented Reality: guardare il mondo da un altro punto di vistaAugmented Reality: guardare il mondo da un altro punto di vista
Augmented Reality: guardare il mondo da un altro punto di vista
 
Media Queries Next Level
Media Queries Next LevelMedia Queries Next Level
Media Queries Next Level
 
Stanco delle solite Web App? Passa al Prgressive
Stanco delle solite Web App? Passa al PrgressiveStanco delle solite Web App? Passa al Prgressive
Stanco delle solite Web App? Passa al Prgressive
 
Breaking Blank
Breaking BlankBreaking Blank
Breaking Blank
 
Geolocalizzazione e mappe in Windows Phone 8
Geolocalizzazione e mappe in Windows Phone 8Geolocalizzazione e mappe in Windows Phone 8
Geolocalizzazione e mappe in Windows Phone 8
 
Android - Programmazione Avanzata
Android -  Programmazione AvanzataAndroid -  Programmazione Avanzata
Android - Programmazione Avanzata
 
Qr code eas
Qr code easQr code eas
Qr code eas
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page Application
 
Ok glass wdbs 2
Ok glass wdbs 2Ok glass wdbs 2
Ok glass wdbs 2
 
Applicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceApplicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformance
 
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...
[Webinar] Il telerilevamento da droni aerei: Le soluzioni Hexagon Geospatial ...
 
Mobile senza frontiere
Mobile senza frontiereMobile senza frontiere
Mobile senza frontiere
 
Scala ed Rx in pratica
Scala ed Rx in praticaScala ed Rx in pratica
Scala ed Rx in pratica
 
Single Page Applications
Single Page ApplicationsSingle Page Applications
Single Page Applications
 
Yagwto
YagwtoYagwto
Yagwto
 
ERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazioneERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow Presentazione
 
Sviluppo e deployment cross-platform: Dal mobile alla Tv
Sviluppo e deployment cross-platform: Dal mobile alla Tv Sviluppo e deployment cross-platform: Dal mobile alla Tv
Sviluppo e deployment cross-platform: Dal mobile alla Tv
 
Real world Visual Studio Code
Real world Visual Studio CodeReal world Visual Studio Code
Real world Visual Studio Code
 
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...
Dati, dati, dati! - Sfruttare le potenzialità delle XPages con Google Chart T...
 

Layar, la nuova frontiera della realtà aumentata

  • 1. Layar la nuova frontiera della realtà aumentata Come crearvi il vostro layer Andrea Piovani - www.cesvin.com twitter: andreaaa_p in collaborazione con Con il patrocinio di Sponsor Media Partner
  • 2. REALTA’ AUMENTATA? • La realtà aumentata è la sovrapposizione di livelli informativi ( elementi virtuali, dati geolocalizzati etc) ad un flusso video che riprende la realtà di tutti i giorni (da wikipedia) andrea.piovani@cesvin.com
  • 3. DA QUANDO? Anni 90: VRML, realtà virtuale immersiva … Oggi: GPS + BUSSOLA su device mobili: potenzialmente alla portata di tutti andrea.piovani@cesvin.com
  • 4. ALCUNI ESEMPI Due tipologie: DA PC (con webcam) DA MOBILE (geolocalizzazione) http://tinyurl.com/r6ahhr andrea.piovani@cesvin.com
  • 5. LAYAR E ALTRO…. • Layar • Wikitude • Theodolite …. andrea.piovani@cesvin.com
  • 6. LAYAR Molto semplice 1)Scelta layer 2)Visualizzazione: - AR (videocamera) - Gmaps - lista andrea.piovani@cesvin.com
  • 7. LAYAR: NUOVE FEATURES • 3D: posizionare oggetti tridimensionali nella vista reale • Autenticazione: Login al tuo layer => Opportunità di business • Self-triggered actions: azioni “georeferenziate”, che iniziano quando ti avvicini ad un punto stabilito (visione di video, musica, etc) andrea.piovani@cesvin.com Scelto un P.O.I., cosa posso fare? - M-site - Tel - Sms
  • 8. MA… VENIAMO AL DUNQUE Quindi? Per fare il “mio” layer? andrea.piovani@cesvin.com 11°°:: CChhiiaammaarree uunnoo ssvviilluuppppaattoorree cchhee lloo ffaa ppeerr vvooii
  • 9. MA… VENIAMO AL DUNQUE 2°: - Ottenere la developer key - Definire il layer sul provisioning website - Esporre un restFull Web Service (json) - Eventualmente predisporre un Msite andrea.piovani@cesvin.com
  • 10. ARCHITETTURA RICHIESTE DEI P.O.I.? andrea.piovani@cesvin.com
  • 11. ESEMPIO DI RICHIESTA http://devAPI.example.com/getPOIs/?countryCode=IT &lon=4.887339&timestamp=1249226148713 &userId=ed48067cda8e1b985dbb8ff3653a2da4fd490a37 &developerId=896&developerHash=1ee6d294aa6b639b365899f844257523c5bf9702 &RADIOLIST=a&radius=6245&CUSTOM_SLIDER=23987.0 &lat=52.377544&layerName=snowy4 &SEARCHBOX=asdfdhcgg&accuracy=100 andrea.piovani@cesvin.com
  • 12. ESEMPIO DI RISPOSTA (JSON) {"hotspots": [{"distance": 100, "attribution": "This is a test layer POI provider", "title": "My layer - snowy4, location = 52.377544, 4.887339", "lon": 4884339, "imageURL": null, "line4": "RADIOLIST-None,CustSlider-None", "line3": "SEARCHBOX - asdfdgxdg", "line2": "DevlId - 896Settings: range=1000", "actions": [], "lat": 52374544, "type": 0, "id": "test_1"}, {"distance": 100, "attribution": "This is a test layer POI provider", "title": "My layer - snowy4, location = 52.377544, 4.887339", "lon": 4887339, "imageURL": null, ...... Risposta oggetti 3D (come li preparo? Da .obj => .l3d , con un tool) "hotspots": [ { "object": { "icon": "icon1.png", "baseURL": "http://layar3d.jsource.nl/", "full": "ghost.l3d", "size": 2 }, "actions": [ { "label": "Visit webpage", "uri": "http://example.com/" } ], "transform": { "rel": true, "scale": 5 } ….. andrea.piovani@cesvin.com
  • 13. COME TESTO IL MIO LAYER? - Online: interfaccia per sviluppatori - A bordo telefono (APK x Android)  Processo di approvazione / pubblicazione andrea.piovani@cesvin.com Per la cronaca: vista 3d in Layar del cantiere della nuova Market Hall, Rotterdam
  • 14. CHE ALTRO? Un aiuto: PorPOIse - PHP-based server per Layar (plain text DB, XML, Mysql) Dov’è il business? - Release di Layar col proprio Brand - Layer Premium - … andrea.piovani@cesvin.com
  • 15. THE END domande? in collaborazione con andrea.piovani@cesvin.com twitter: andreaaa_p Con il patrocinio di Sponsor Media Partner