SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
Augmented Reality
    e il Web
         a cura di

  SalvatoreLaisa.net
  I N TER ACTI V E  DESI GNER
cominciamo con la domandona...

COS’E’ LA REALTA’ AUMENTATA
  (AUGMENTED REALITY)?


                        SalvatoreLaisa.net
                        IN T E R ACT IVE  D E S IG N E R
c it an d o Wi k ip e d i a :

      “La realtà aumentata è
l’inserimento di livelli virtuali ad
  un flusso video che riprende la
      realtà di tutti i giorni”

                                    SalvatoreLaisa.net
                                    IN T E R ACT IVE  D E S IG N E R
quindi...


+                         =




            SalvatoreLaisa.net
            IN T E R ACT IVE  D E S IG N E R
w o w, c o m e p o r t i a m o t u t t o q u e s t o
                sul web?




    Grazie a FLASH PLAYER!
                                        SalvatoreLaisa.net
                                        IN T E R ACT IVE  D E S IG N E R
scomponiamo in due parti il
     funzionamento:




  Hardware & Software




                      SalvatoreLaisa.net
                      IN T E R ACT IVE  D E S IG N E R
hardware


Prima di tutto abbiamo bisogno di
 un simbolo da far riconoscere al
   software, in gergo chiamato
           “marcatore”


                         SalvatoreLaisa.net
                         IN T E R ACT IVE  D E S IG N E R
hardware


Il marcatore è una forma semplice
   monocromatica che funge da
   interruttore per “accendere”
        la realtà aumentata


                         SalvatoreLaisa.net
                         IN T E R ACT IVE  D E S IG N E R
hardware




           SalvatoreLaisa.net
           IN T E R ACT IVE  D E S IG N E R
hardware


Il marcatore può essere distribuito
in forma stampata (cartoline, fogli,
    adesivi, ecc..) o digitale (su
      cellulari, smartphone)


                           SalvatoreLaisa.net
                           IN T E R ACT IVE  D E S IG N E R
software


 Con quali software possiamo
sviluppare applicazioni web in
      realtà aumentata?


                       SalvatoreLaisa.net
                       IN T E R ACT IVE  D E S IG N E R
software




Con i principali IDE per Flash/AS3

                         SalvatoreLaisa.net
                         IN T E R ACT IVE  D E S IG N E R
software

             e basta?

 ... no ci serve una libreria per la
         Realtà Aumentata!
Ne abbiamo addirittura 2 per AS3:


                           SalvatoreLaisa.net
                           IN T E R ACT IVE  D E S IG N E R
software


FLARToolkit & FLARManager

   PS: entrambe gratuite!



                      SalvatoreLaisa.net
                      IN T E R ACT IVE  D E S IG N E R
software


         Abbiamo finito?
  Ehm no... dato che AR è una
  tecnologia che lavora sulle 3
dimensioni, serve conoscere delle
    liberie 3D per Flash/AS3

                         SalvatoreLaisa.net
                         IN T E R ACT IVE  D E S IG N E R
software


  Da qualche anno girano varie
librerie 3D per Flash/AS3, come:
    Papervision3D, Away3D,
         Alternativa 3D...


                        SalvatoreLaisa.net
                        IN T E R ACT IVE  D E S IG N E R
software


... necessarie, e di fatto incluse nelle
  librerie, per lavorare con la Realtà
    Aumentata, specie se vogliamo
 importare modelli tridimensionali!


                              SalvatoreLaisa.net
                              IN T E R ACT IVE  D E S IG N E R
software




           SalvatoreLaisa.net
           IN T E R ACT IVE  D E S IG N E R
wow! ma come si impara?

sul web le risorse non mancano!

  mikkoh.com (Mikko Haapoja)
gotoandlearn.com (Lee Brimelow)
  flash.tarotaro.org (TaroTaro)
         saqoosha.net (?)

                        SalvatoreLaisa.net
                        IN T E R ACT IVE  D E S IG N E R
ma per cosa usiamo tutto questo?


 Attualmente AR sta riscuotendo
   successo nelle campagne di
marketing virale per offrire nuove
esperienze interrative con i brand


                          SalvatoreLaisa.net
                          IN T E R ACT IVE  D E S IG N E R
ma per cosa usiamo tutto questo?


Fuori dal web si sperimenta AR nei
  videogiochi, nelle informazioni
     turistiche e commerciali...


ma attualmente ogni porta è aperta!
                          SalvatoreLaisa.net
                          IN T E R ACT IVE  D E S IG N E R
r i c e t t a “ R e a l t à Au m e n t a t a” :

-   uno o più marcatori
-   uno sviluppatore AS3
-   software sviluppo AS3
-   libreria FLARToolkit
-   una libreria 3D AS3
-   modelli in 3D (opzionale)
-   un po di fantasia!
                                              SalvatoreLaisa.net
                                              IN T E R ACT IVE  D E S IG N E R
e t u t t o q u e s t o p u ò “ u s c i r e” d a l
   browser grazie ad Adob e AIR




  Per approfondimento su AIR
rimando al talk di Luca Mezzalira
                                          SalvatoreLaisa.net
                                          IN T E R ACT IVE  D E S IG N E R
link aumentati:


        augmentedworld.it
ge.ecomagination.com/smartgrid/
      iamironman2.com/uk/
punto-soft.com/realta-aumentata/

                           SalvatoreLaisa.net
                           IN T E R ACT IVE  D E S IG N E R
GRAZIE!
 moebiusmania.net
 salvatorelaisa.net
     mohole.it


                      SalvatoreLaisa.net
                      IN T E R ACT IVE  D E S IG N E R

Más contenido relacionado

Similar a Augmented reality e web

GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroidGoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
Ilze Silina
 
Pubb 1261 1010_keyword_business
Pubb 1261 1010_keyword_businessPubb 1261 1010_keyword_business
Pubb 1261 1010_keyword_business
I-START LTD
 

Similar a Augmented reality e web (20)

Marta leo smau 2014
Marta leo smau 2014Marta leo smau 2014
Marta leo smau 2014
 
Presentazione esimple
Presentazione esimple Presentazione esimple
Presentazione esimple
 
SMAU NAPOLI 2022 | Metaverso: un futuro possibile della didattica e della for...
SMAU NAPOLI 2022 | Metaverso: un futuro possibile della didattica e della for...SMAU NAPOLI 2022 | Metaverso: un futuro possibile della didattica e della for...
SMAU NAPOLI 2022 | Metaverso: un futuro possibile della didattica e della for...
 
GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroidGoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
GoogleVirtualRealityVRSoftwareDevelopmentKitSDKforAndroid
 
Second Life e Java: prospettive di comunicazione
Second Life e Java: prospettive di comunicazioneSecond Life e Java: prospettive di comunicazione
Second Life e Java: prospettive di comunicazione
 
Software ...e tutto ciò che comporta
Software ...e tutto ciò che comportaSoftware ...e tutto ciò che comporta
Software ...e tutto ciò che comporta
 
Shopping in AR
Shopping in ARShopping in AR
Shopping in AR
 
"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli
"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli
"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli
 
Maden SMAU marta leo
Maden SMAU marta leoMaden SMAU marta leo
Maden SMAU marta leo
 
Social_Video&Media_Strategy - Lecture 03 augmented reality
Social_Video&Media_Strategy - Lecture 03 augmented realitySocial_Video&Media_Strategy - Lecture 03 augmented reality
Social_Video&Media_Strategy - Lecture 03 augmented reality
 
La data visualization
La data visualizationLa data visualization
La data visualization
 
Quando un software è di qualità? - Agile Venture Milano 2020
Quando un software è di qualità? - Agile Venture Milano 2020Quando un software è di qualità? - Agile Venture Milano 2020
Quando un software è di qualità? - Agile Venture Milano 2020
 
Corso Base Realtà Aumentata | Introduzione (1 di 3)
Corso Base Realtà Aumentata | Introduzione (1 di 3)Corso Base Realtà Aumentata | Introduzione (1 di 3)
Corso Base Realtà Aumentata | Introduzione (1 di 3)
 
Pubb 1261 1010_keyword_business
Pubb 1261 1010_keyword_businessPubb 1261 1010_keyword_business
Pubb 1261 1010_keyword_business
 
Cyber War: L’antivirus è un illusione
Cyber War: L’antivirus è un illusioneCyber War: L’antivirus è un illusione
Cyber War: L’antivirus è un illusione
 
cap 4
cap 4cap 4
cap 4
 
Lantichi augmented reality
Lantichi augmented realityLantichi augmented reality
Lantichi augmented reality
 
Storia di uno store digitale - Bou-tek
Storia di uno store digitale - Bou-tekStoria di uno store digitale - Bou-tek
Storia di uno store digitale - Bou-tek
 
Glueglue deck-v1
Glueglue deck-v1Glueglue deck-v1
Glueglue deck-v1
 
Lantichi augmented reality2019
Lantichi augmented reality2019Lantichi augmented reality2019
Lantichi augmented reality2019
 

Más de Better Software

Software Open Source in ambito industriale
Software Open Source in ambito industrialeSoftware Open Source in ambito industriale
Software Open Source in ambito industriale
Better Software
 

Más de Better Software (20)

How can metrics help in improving our effectiveness?
How can metrics help in improving our effectiveness?How can metrics help in improving our effectiveness?
How can metrics help in improving our effectiveness?
 
Software Open Source in ambito industriale
Software Open Source in ambito industrialeSoftware Open Source in ambito industriale
Software Open Source in ambito industriale
 
Start small stay small
Start small stay smallStart small stay small
Start small stay small
 
Dove l’utente è re
Dove l’utente è reDove l’utente è re
Dove l’utente è re
 
Quando il software si fa amare
Quando il software si fa amareQuando il software si fa amare
Quando il software si fa amare
 
Cowboy programming e l'arte del copia/incolla
Cowboy programming e l'arte del copia/incollaCowboy programming e l'arte del copia/incolla
Cowboy programming e l'arte del copia/incolla
 
Better Software: Feedback Report 2010
Better Software: Feedback Report 2010Better Software: Feedback Report 2010
Better Software: Feedback Report 2010
 
Alcune lezioni che ho imparato negli ultimi due anni
Alcune lezioni che ho imparato negli ultimi due anniAlcune lezioni che ho imparato negli ultimi due anni
Alcune lezioni che ho imparato negli ultimi due anni
 
The Fun Of A Program Manager
The Fun Of A Program ManagerThe Fun Of A Program Manager
The Fun Of A Program Manager
 
Cavallini - L'importanza del software libero nei sistemi GIS
Cavallini - L'importanza del software libero nei sistemi GISCavallini - L'importanza del software libero nei sistemi GIS
Cavallini - L'importanza del software libero nei sistemi GIS
 
Cavallini - OpenSource e sistemi GIS
Cavallini - OpenSource e sistemi GISCavallini - OpenSource e sistemi GIS
Cavallini - OpenSource e sistemi GIS
 
Better Software Feedback Partecipanti Edizione 2009
Better Software Feedback Partecipanti Edizione 2009Better Software Feedback Partecipanti Edizione 2009
Better Software Feedback Partecipanti Edizione 2009
 
Alessandro Salvatico - Ingres: il nuovo modello IT
Alessandro Salvatico - Ingres: il nuovo modello ITAlessandro Salvatico - Ingres: il nuovo modello IT
Alessandro Salvatico - Ingres: il nuovo modello IT
 
Maurizio Mesenzani - Le competenze del Project Manager
Maurizio Mesenzani - Le competenze del Project ManagerMaurizio Mesenzani - Le competenze del Project Manager
Maurizio Mesenzani - Le competenze del Project Manager
 
Elio Tondo - Linux In Azienda
Elio Tondo - Linux In AziendaElio Tondo - Linux In Azienda
Elio Tondo - Linux In Azienda
 
Massimiliano Zani - Applicazioni Mobile: tecnologie e Problematiche
Massimiliano Zani - Applicazioni Mobile: tecnologie e ProblematicheMassimiliano Zani - Applicazioni Mobile: tecnologie e Problematiche
Massimiliano Zani - Applicazioni Mobile: tecnologie e Problematiche
 
Roberto Ghislandi - Web Marketing e Web2.0
Roberto Ghislandi - Web Marketing e Web2.0Roberto Ghislandi - Web Marketing e Web2.0
Roberto Ghislandi - Web Marketing e Web2.0
 
Casali + Giacoma - Design Motivazionale
Casali + Giacoma - Design MotivazionaleCasali + Giacoma - Design Motivazionale
Casali + Giacoma - Design Motivazionale
 
Alex Martelli - Sviluppo Software: Esperienze, Consigli e Idee
Alex Martelli - Sviluppo Software: Esperienze, Consigli e IdeeAlex Martelli - Sviluppo Software: Esperienze, Consigli e Idee
Alex Martelli - Sviluppo Software: Esperienze, Consigli e Idee
 
Stefano Fornari - Come creare e far crescere un progetto ed una community ope...
Stefano Fornari - Come creare e far crescere un progetto ed una community ope...Stefano Fornari - Come creare e far crescere un progetto ed una community ope...
Stefano Fornari - Come creare e far crescere un progetto ed una community ope...
 

Augmented reality e web

  • 1. Augmented Reality e il Web a cura di SalvatoreLaisa.net I N TER ACTI V E  DESI GNER
  • 2. cominciamo con la domandona... COS’E’ LA REALTA’ AUMENTATA (AUGMENTED REALITY)? SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 3. c it an d o Wi k ip e d i a : “La realtà aumentata è l’inserimento di livelli virtuali ad un flusso video che riprende la realtà di tutti i giorni” SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 4. quindi... + = SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 5. w o w, c o m e p o r t i a m o t u t t o q u e s t o sul web? Grazie a FLASH PLAYER! SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 6. scomponiamo in due parti il funzionamento: Hardware & Software SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 7. hardware Prima di tutto abbiamo bisogno di un simbolo da far riconoscere al software, in gergo chiamato “marcatore” SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 8. hardware Il marcatore è una forma semplice monocromatica che funge da interruttore per “accendere” la realtà aumentata SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 9. hardware SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 10. hardware Il marcatore può essere distribuito in forma stampata (cartoline, fogli, adesivi, ecc..) o digitale (su cellulari, smartphone) SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 11. software Con quali software possiamo sviluppare applicazioni web in realtà aumentata? SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 12. software Con i principali IDE per Flash/AS3 SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 13. software e basta? ... no ci serve una libreria per la Realtà Aumentata! Ne abbiamo addirittura 2 per AS3: SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 14. software FLARToolkit & FLARManager PS: entrambe gratuite! SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 15. software Abbiamo finito? Ehm no... dato che AR è una tecnologia che lavora sulle 3 dimensioni, serve conoscere delle liberie 3D per Flash/AS3 SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 16. software Da qualche anno girano varie librerie 3D per Flash/AS3, come: Papervision3D, Away3D, Alternativa 3D... SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 17. software ... necessarie, e di fatto incluse nelle librerie, per lavorare con la Realtà Aumentata, specie se vogliamo importare modelli tridimensionali! SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 18. software SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 19. wow! ma come si impara? sul web le risorse non mancano! mikkoh.com (Mikko Haapoja) gotoandlearn.com (Lee Brimelow) flash.tarotaro.org (TaroTaro) saqoosha.net (?) SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 20. ma per cosa usiamo tutto questo? Attualmente AR sta riscuotendo successo nelle campagne di marketing virale per offrire nuove esperienze interrative con i brand SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 21. ma per cosa usiamo tutto questo? Fuori dal web si sperimenta AR nei videogiochi, nelle informazioni turistiche e commerciali... ma attualmente ogni porta è aperta! SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 22. r i c e t t a “ R e a l t à Au m e n t a t a” : - uno o più marcatori - uno sviluppatore AS3 - software sviluppo AS3 - libreria FLARToolkit - una libreria 3D AS3 - modelli in 3D (opzionale) - un po di fantasia! SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 23. e t u t t o q u e s t o p u ò “ u s c i r e” d a l browser grazie ad Adob e AIR Per approfondimento su AIR rimando al talk di Luca Mezzalira SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 24. link aumentati: augmentedworld.it ge.ecomagination.com/smartgrid/ iamironman2.com/uk/ punto-soft.com/realta-aumentata/ SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R
  • 25. GRAZIE! moebiusmania.net salvatorelaisa.net mohole.it SalvatoreLaisa.net IN T E R ACT IVE  D E S IG N E R