SlideShare a Scribd company logo
1 of 37
Realtà aumentata nel Mobile
  Cos’è, come funziona e...come crearvi il vostro layer



   Andrea Piovani - IT Web&Mobile Developer
                 Email : a.piovani@gmail.com
                        Twitter: andreaaa_p
Realtà? Aumentata.
Realtà? Aumentata.
Realtà? Aumentata.
La realtà a umentata è la
sovrapposizione di livelli informativi


elementi 	

v irtuali, 2d e 3d, dati
geolocalizzati (gps) etc


ad un flusso video che riprende la
realtà di tutti i giorni (da Wikipedia)
Realtà aumentata


   Pc        Mobile
(webcam)   (smartphone)
Realtà aumentata
              FORME
   Pc
(webcam)
Realtà aumentata
   Pc
(webcam)




FORME
Realtà aumentata
                           GPS
   Mobile                   +
 (smartphone)            BUSSOLA
                            +
                     ACCELEROMETRO
                            +
                        INTERNET
       -POSIZIONE-
GEOLOCALIZZAZIONE
Realtà aumentata
                  -POSIZIONE-
               GEOLOCALIZZAZIONE
  Mobile
(smartphone)



Vista “live”
  Mappa
  Elenco
TUSCANY+
Realtà aumentata
                              Hello ?
FATTI TROVARE!
                   Pronto ?

                    “ho visto che...”



                 Self-triggered actions:
                 azioni “georeferenziate”,
                 che iniziano quando ti avvicini
                 ad un punto stabilito (visione
                 di video, musica, etc)
Realtà aumentata

      Mobile               FATTI TROVARE!
    (smartphone)

                                    Hello ?
                             Pronto ?
• Mappe
• Chiamate Audio / Video      “ho visto che...”
• SMS
• E-mail
• Mobile sites
ieri....




Fonte : www.layar.com
oggi....




Fonte : www.layar.com
Tecnologia già alla
 portata di tutti
Mass Market
Realtà aumentata

  Mobile                         Hello ?
(smartphone)               Pronto ?

                           “ho visto che...”

• Mappe
• Chiamate Audio / Video
• SMS                         ALTO TASSO
• E-mail                   DI CONVERSIONE
• Mobile sites
Fonte : www.layar.com
Fonte : www.layar.com
Fonte : www.layar.com
Augmented reality capable
     Smartphone:

 • 10 Milioni nel 2009
 • 80 Milioni nel 2010
 • 400 Milioni nel 2012
 • 900 Milioni a inizio 2013
 Fonte: Gartner, Macquarie
Opportunità di business

       SERVIZI


    Layer “premium”

   Client “brandizzati”
TURISMO          INTRATTENIMENTO

         BUSINESS

                       Agenzie per il
                         turismo
Agriturismi

     Strutture ricettive
                                 Eventi

       Info point
                           ...
Veniamo al dunque..
Slide su slideshare / WhyMCA.org :
      “Creare applicazioni augemented reality
      ready su piattaforma Android”
      (Ivano Brogonzoli)

“Riconoscimento di forme per innesti AR”
(Stefano Pace)
Veniamo al dunque..                   (con Layar)



• Ottenere la developer key
• Definire il layer sul provisioning
 website

• Esporre un restFull Web Service (json)

• Eventualmente predisporre un Msite
Architettura
Architettura
 No cache
Architettura
                  No cache




NO Push (x ora)
Architettura
                           No cache




   NO Push (x ora)
Aggiornate ogni 5 min o 100m
Architettura
                           No cache




                                      80 e 443 TCP port




   NO Push (x ora)
Aggiornate ogni 5 min o 100m
Architettura
                           No cache




                                      80 e 443 TCP port




   NO Push (x ora)
Aggiornate ogni 5 min o 100m


                                                          M-site
Architettura
                                                          Filtri, icone, auth, 2d/
                                                          3d…

                           No cache




                                      80 e 443 TCP port




   NO Push (x ora)
Aggiornate ogni 5 min o 100m


                                                                  M-site
Esempio di richiesta               (con Layar)



 http://devAPI.example.com/getPOIs/?
  countryCode=IT
 &lon=4.887339&timestamp=1249226148713
 &userId=ed48067cda8e1b985dbb8ff3653a2da4f
  d490a37
 &developerId=896&developerHash=1ee6d294aa
  6b639b365899f844257523c5bf9702
 &RADIOLIST=a&radius=6245&CUSTOM_SLIDER=2
  3987.0
 &lat=52.377544&layerName=snowy4
 &SEARCHBOX=asdfdhcgg&accuracy=100
Esempio di risposta                                (con Layar)



{"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, ......
Infine...


• Interfaccia online per i test
• Processo di approvazione
• Tools di supporto
Domande?
Andrea Piovani - IT Web&Mobile Developer
              Email : a.piovani@gmail.com
                     Twitter: andreaaa_p

More Related Content

Viewers also liked

Customer Feedback Management
Customer Feedback ManagementCustomer Feedback Management
Customer Feedback Management
abacritt
 

Viewers also liked (8)

Customer Feedback Management
Customer Feedback ManagementCustomer Feedback Management
Customer Feedback Management
 
Apuntes 2
Apuntes 2Apuntes 2
Apuntes 2
 
certificate
certificatecertificate
certificate
 
Hot or not - who are TYPO3's competitors?
Hot or not - who are TYPO3's competitors?Hot or not - who are TYPO3's competitors?
Hot or not - who are TYPO3's competitors?
 
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerkTYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
 
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - PluswerkInnovationsmotoren für IoT - DWX 2016 - Pluswerk
Innovationsmotoren für IoT - DWX 2016 - Pluswerk
 
Offer cue The marketplace that changes everything
Offer cue The marketplace that changes everythingOffer cue The marketplace that changes everything
Offer cue The marketplace that changes everything
 
Comprehensive Maintenance in Property Management
Comprehensive Maintenance in Property ManagementComprehensive Maintenance in Property Management
Comprehensive Maintenance in Property Management
 

Similar to -- Andrea Piovani -- Realtà aumentata nel Mobile - Pane Web & Salame

whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentatawhymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
Whymca
 
Conoscenza e condivisione
Conoscenza e condivisioneConoscenza e condivisione
Conoscenza e condivisione
Fabio Carrera
 
Mobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicinaMobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicina
Andrea Piovani
 
Smau milano 2012 arena expo comm francesco-abbo
Smau milano 2012   arena expo comm francesco-abboSmau milano 2012   arena expo comm francesco-abbo
Smau milano 2012 arena expo comm francesco-abbo
SMAU
 

Similar to -- Andrea Piovani -- Realtà aumentata nel Mobile - Pane Web & Salame (20)

Mobile Revolution: La realtà Aumentata pmicamp
Mobile Revolution: La realtà Aumentata  pmicampMobile Revolution: La realtà Aumentata  pmicamp
Mobile Revolution: La realtà Aumentata pmicamp
 
whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentatawhymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
whymca Andrea Piovani Layar: la nuova frontiera della realtà aumentata
 
Cloud computing 101
Cloud computing 101Cloud computing 101
Cloud computing 101
 
Conoscenza e condivisione
Conoscenza e condivisioneConoscenza e condivisione
Conoscenza e condivisione
 
Realtà Aumentata
Realtà AumentataRealtà Aumentata
Realtà Aumentata
 
Mobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicinaMobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicina
 
SkyMedia: La tecnologia al servizio dell'intrattenimento
SkyMedia: La tecnologia al servizio dell'intrattenimentoSkyMedia: La tecnologia al servizio dell'intrattenimento
SkyMedia: La tecnologia al servizio dell'intrattenimento
 
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaRiccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
 
Mobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaMobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicina
 
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile" Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
 
HTML5, il lato client della forza...
HTML5, il lato client della forza... HTML5, il lato client della forza...
HTML5, il lato client della forza...
 
2012 11 xonne - seminario sdb e handimatica - v1
2012 11 xonne - seminario sdb e handimatica - v12012 11 xonne - seminario sdb e handimatica - v1
2012 11 xonne - seminario sdb e handimatica - v1
 
Smau milano 2012 arena expo comm francesco-abbo
Smau milano 2012   arena expo comm francesco-abboSmau milano 2012   arena expo comm francesco-abbo
Smau milano 2012 arena expo comm francesco-abbo
 
OpenGL e realtà aumentata
OpenGL e realtà aumentataOpenGL e realtà aumentata
OpenGL e realtà aumentata
 
UX: HW e/è SOCIAL
UX: HW e/è SOCIALUX: HW e/è SOCIAL
UX: HW e/è SOCIAL
 
Internet degli Oggetti e Hardware Sociali
Internet degli Oggetti e Hardware SocialiInternet degli Oggetti e Hardware Sociali
Internet degli Oggetti e Hardware Sociali
 
Android & Bluetooth: hacking e applicazioni
Android & Bluetooth: hacking e applicazioniAndroid & Bluetooth: hacking e applicazioni
Android & Bluetooth: hacking e applicazioni
 
tɛ kɛ tʃɛrkɪ (TeCHe Cerchi)
tɛ kɛ tʃɛrkɪ (TeCHe Cerchi) tɛ kɛ tʃɛrkɪ (TeCHe Cerchi)
tɛ kɛ tʃɛrkɪ (TeCHe Cerchi)
 
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
 
ITALIAN INTERACTION DESIGN DAY Firenze 19.06.2015
ITALIAN INTERACTION DESIGN DAY  Firenze 19.06.2015ITALIAN INTERACTION DESIGN DAY  Firenze 19.06.2015
ITALIAN INTERACTION DESIGN DAY Firenze 19.06.2015
 

More from Fabrizio Martire

Pane web e salame - Supportaci!
Pane web e salame - Supportaci!Pane web e salame - Supportaci!
Pane web e salame - Supportaci!
Fabrizio Martire
 
Pane web e salame - sapori d'italia
Pane web e salame - sapori d'italiaPane web e salame - sapori d'italia
Pane web e salame - sapori d'italia
Fabrizio Martire
 
Social Business - un nuovo modo di fare impresa
Social Business - un nuovo modo di fare impresaSocial Business - un nuovo modo di fare impresa
Social Business - un nuovo modo di fare impresa
Fabrizio Martire
 

More from Fabrizio Martire (20)

Comunicazione politica - Come creare consenso online - Palazzolo Digital Fest...
Comunicazione politica - Come creare consenso online - Palazzolo Digital Fest...Comunicazione politica - Come creare consenso online - Palazzolo Digital Fest...
Comunicazione politica - Come creare consenso online - Palazzolo Digital Fest...
 
"Quando i tondini sono più sexy dell’ultima bevanda energetica" - Content Ma...
"Quando i tondini sono più sexy dell’ultima bevanda energetica" - Content Ma..."Quando i tondini sono più sexy dell’ultima bevanda energetica" - Content Ma...
"Quando i tondini sono più sexy dell’ultima bevanda energetica" - Content Ma...
 
Clienti Mostro
Clienti Mostro Clienti Mostro
Clienti Mostro
 
Ignite Italia - Gummyfication - @betone
Ignite Italia - Gummyfication - @betoneIgnite Italia - Gummyfication - @betone
Ignite Italia - Gummyfication - @betone
 
Imprese sociali e social media
Imprese sociali e social mediaImprese sociali e social media
Imprese sociali e social media
 
Creativi, folli e affamati - La sfida innovativa dei bresciani in rete
Creativi, folli e affamati - La sfida innovativa dei bresciani in reteCreativi, folli e affamati - La sfida innovativa dei bresciani in rete
Creativi, folli e affamati - La sfida innovativa dei bresciani in rete
 
Social Game - Salva la spongada, Case History
Social Game - Salva la spongada, Case HistorySocial Game - Salva la spongada, Case History
Social Game - Salva la spongada, Case History
 
Le 4P del marketing nei social media
Le 4P  del marketing  nei social mediaLe 4P  del marketing  nei social media
Le 4P del marketing nei social media
 
Social CRM - la voce dell'azienda e la voce dell'utente
Social CRM - la voce dell'azienda e la voce dell'utenteSocial CRM - la voce dell'azienda e la voce dell'utente
Social CRM - la voce dell'azienda e la voce dell'utente
 
Pane web e salame - Supportaci!
Pane web e salame - Supportaci!Pane web e salame - Supportaci!
Pane web e salame - Supportaci!
 
Pane web e salame - Supportaci
Pane web e salame - SupportaciPane web e salame - Supportaci
Pane web e salame - Supportaci
 
Pane web e salame - sapori d'italia
Pane web e salame - sapori d'italiaPane web e salame - sapori d'italia
Pane web e salame - sapori d'italia
 
Brescia siliconvalley2011 locandina_definitiva
Brescia siliconvalley2011 locandina_definitivaBrescia siliconvalley2011 locandina_definitiva
Brescia siliconvalley2011 locandina_definitiva
 
Nerd economy
Nerd economyNerd economy
Nerd economy
 
Bresciaoggi - 26 Ottobre 2010 - Web 2.0 "Strumento per tagliare i costi"
Bresciaoggi - 26 Ottobre 2010 - Web 2.0 "Strumento per tagliare i costi"Bresciaoggi - 26 Ottobre 2010 - Web 2.0 "Strumento per tagliare i costi"
Bresciaoggi - 26 Ottobre 2010 - Web 2.0 "Strumento per tagliare i costi"
 
Social Business - un nuovo modo di fare impresa
Social Business - un nuovo modo di fare impresaSocial Business - un nuovo modo di fare impresa
Social Business - un nuovo modo di fare impresa
 
Up cibo 001
Up   cibo 001Up   cibo 001
Up cibo 001
 
Facebook for social media campaigns - San Marino Design Workshop
Facebook for social media campaigns - San Marino Design WorkshopFacebook for social media campaigns - San Marino Design Workshop
Facebook for social media campaigns - San Marino Design Workshop
 
Bresciaoggi - «Sostenitori e privacy: serve un uso consapevole»
Bresciaoggi - «Sostenitori e privacy: serve un uso consapevole»Bresciaoggi - «Sostenitori e privacy: serve un uso consapevole»
Bresciaoggi - «Sostenitori e privacy: serve un uso consapevole»
 
Enterprise 2.0 + social media marketing = social business?
Enterprise 2.0 + social media marketing = social business?Enterprise 2.0 + social media marketing = social business?
Enterprise 2.0 + social media marketing = social business?
 

-- Andrea Piovani -- Realtà aumentata nel Mobile - Pane Web & Salame

  • 1. Realtà aumentata nel Mobile Cos’è, come funziona e...come crearvi il vostro layer Andrea Piovani - IT Web&Mobile Developer Email : a.piovani@gmail.com Twitter: andreaaa_p
  • 5. La realtà a umentata è la sovrapposizione di livelli informativi elementi v irtuali, 2d e 3d, dati geolocalizzati (gps) etc ad un flusso video che riprende la realtà di tutti i giorni (da Wikipedia)
  • 6. Realtà aumentata Pc Mobile (webcam) (smartphone)
  • 7. Realtà aumentata FORME Pc (webcam)
  • 8. Realtà aumentata Pc (webcam) FORME
  • 9. Realtà aumentata GPS Mobile + (smartphone) BUSSOLA + ACCELEROMETRO + INTERNET -POSIZIONE- GEOLOCALIZZAZIONE
  • 10. Realtà aumentata -POSIZIONE- GEOLOCALIZZAZIONE Mobile (smartphone) Vista “live” Mappa Elenco
  • 12. Realtà aumentata Hello ? FATTI TROVARE! Pronto ? “ho visto che...” Self-triggered actions: azioni “georeferenziate”, che iniziano quando ti avvicini ad un punto stabilito (visione di video, musica, etc)
  • 13. Realtà aumentata Mobile FATTI TROVARE! (smartphone) Hello ? Pronto ? • Mappe • Chiamate Audio / Video “ho visto che...” • SMS • E-mail • Mobile sites
  • 16. Tecnologia già alla portata di tutti
  • 18. Realtà aumentata Mobile Hello ? (smartphone) Pronto ? “ho visto che...” • Mappe • Chiamate Audio / Video • SMS ALTO TASSO • E-mail DI CONVERSIONE • Mobile sites
  • 22. Augmented reality capable Smartphone: • 10 Milioni nel 2009 • 80 Milioni nel 2010 • 400 Milioni nel 2012 • 900 Milioni a inizio 2013 Fonte: Gartner, Macquarie
  • 23. Opportunità di business SERVIZI Layer “premium” Client “brandizzati”
  • 24. TURISMO INTRATTENIMENTO BUSINESS Agenzie per il turismo Agriturismi Strutture ricettive Eventi Info point ...
  • 25. Veniamo al dunque.. Slide su slideshare / WhyMCA.org : “Creare applicazioni augemented reality ready su piattaforma Android” (Ivano Brogonzoli) “Riconoscimento di forme per innesti AR” (Stefano Pace)
  • 26. Veniamo al dunque.. (con Layar) • Ottenere la developer key • Definire il layer sul provisioning website • Esporre un restFull Web Service (json) • Eventualmente predisporre un Msite
  • 29. Architettura No cache NO Push (x ora)
  • 30. Architettura No cache NO Push (x ora) Aggiornate ogni 5 min o 100m
  • 31. Architettura No cache 80 e 443 TCP port NO Push (x ora) Aggiornate ogni 5 min o 100m
  • 32. Architettura No cache 80 e 443 TCP port NO Push (x ora) Aggiornate ogni 5 min o 100m M-site
  • 33. Architettura Filtri, icone, auth, 2d/ 3d… No cache 80 e 443 TCP port NO Push (x ora) Aggiornate ogni 5 min o 100m M-site
  • 34. Esempio di richiesta (con Layar) http://devAPI.example.com/getPOIs/? countryCode=IT &lon=4.887339&timestamp=1249226148713 &userId=ed48067cda8e1b985dbb8ff3653a2da4f d490a37 &developerId=896&developerHash=1ee6d294aa 6b639b365899f844257523c5bf9702 &RADIOLIST=a&radius=6245&CUSTOM_SLIDER=2 3987.0 &lat=52.377544&layerName=snowy4 &SEARCHBOX=asdfdhcgg&accuracy=100
  • 35. Esempio di risposta (con Layar) {"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, ......
  • 36. Infine... • Interfaccia online per i test • Processo di approvazione • Tools di supporto
  • 37. Domande? Andrea Piovani - IT Web&Mobile Developer Email : a.piovani@gmail.com Twitter: andreaaa_p