&L’interazione tra i device ed il mondo    reale dall’HTML5 al «mobile»               Alessio Garbi              alessio.g...
Di cosa parleremo...• Le potenzialità offerte oggi  dai nuovi device• La standardizzazione  permessa dall’HTML5• I risulta...
I nuovi device• Smart phone, Tablet, Ph-ablet• In più rispetto al passato:  – Nuovo HW    (Cam, GPS, Touch, ecc.)  – Poten...
Non solo «phone oriented»• Netbook e notebook (cam, touch, geolocation)• Smart TV (cam, voice)• Occhiali  – Google Project...
A disposizione....• HW –   Schermi touch -> gestures –   GPS e WiFi -> geolocalizzazione –   Bussola ed accelerometro -> o...
L’approccio nativo• Il frazionamento dei sistemi operativi:     • Android      (phone, tablet, forni, TV, radio, music pla...
La strada HTML5• La soluzione «cross-platform»• Standard non ancora standard  – W3C (http://www.w3.org)  – Can I use? (htt...
I vantaggi dell’HTML5• Markup language  (tag + descrizione dei contenuti)• Browser web come «visualizzatori»  (presenti su...
Perchè HTML5? Le nuove API• Nuove API e specifiche per:  – accesso all’HW  – funzionalità evolute• In particolare:  – Medi...
Un esempio di interazione: AR...• Realtà Aumentata:    larricchimento della percezione sensoriale umana mediante  informaz...
Localizzazione• Riconoscimento della posizione  – Non solo GPS!!  – GPS (no chiuso, aree scoperte)  – WiFi     • Android «...
Camera, display e bussola• Interfacciamento con la camera• Orientamento/direzione  – 360°: in che direzione    stiamo guar...
AR in azioneLiberi di muoversihttp://www.youtube.com/watch?v=t9CYpnIsteI            Demo                                 w...
...e possibili integrazioni• Servizi, integrazioni col Cloud  –   Reverse geocoding  –   Percorsi  –   Ricerche per distan...
«Cam» come sistema di input• Riconoscimento di oggetti reali  – Volti («face unlock», face.com)  – Colori (aree specifiche...
AR «atipica» in azione                  DEMO• Color Tracker  – http://www.youtube.com/watch?v=JKF2V1    Nok1Y• Sostituzion...
Sintesi vocale• Text To Speech: sintesi vocale• Algoritmo di sintesi che gestisce:  –Lingue diverse  –Tonalità, enfasi, pa...
Sintesi vocale• Lettura di testi integrata  – Flessibile  – Pronto a leggere qualsiasi tipo di contenuto• Esempi di utiliz...
Riconoscimento vocale• Automatic Speech Recognition• Riconoscimento «parlato naturale»  – Supporto multilingue• Ad oggi   ...
NFC e prossimità• Near Field Communication• Dialogo sicuro (pagamenti)• Funziona solo in prossimità (5/10 cm)• Applicabile...
Conclusioni• Nuovi modi di interagire• Interazioni sempre più immersive• Ad oggi privilegiate soluzioni native,  il futuro...
&       Grazie!         Alessio Garbi        alessio.garbi@xonne.ithttp://www.linkedin.com/in/alessiogarbi
Upcoming SlideShare
Loading in …5
×

Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"

428 views

Published on

Seminario tematico ad Handimatica 2012 con accenni alle tecnologie disponibili per l'interazione tra i "new device" ed il mondo reale sia dal punto di vista dell'approccio "nativo" che in prospettiva HTML5 (API e specifiche oggetti)

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
428
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"

  1. 1. &L’interazione tra i device ed il mondo reale dall’HTML5 al «mobile» Alessio Garbi alessio.garbi@xonne.it http://www.linkedin.com/in/alessiogarbi
  2. 2. Di cosa parleremo...• Le potenzialità offerte oggi dai nuovi device• La standardizzazione permessa dall’HTML5• I risultati raggiungibili oggi attraverso le soluzioni «native» www. .it
  3. 3. I nuovi device• Smart phone, Tablet, Ph-ablet• In più rispetto al passato: – Nuovo HW (Cam, GPS, Touch, ecc.) – Potenza di calcolo (processori potenti, sw sempre aggiornato) – «always connected» (il cloud a disposizione)• Risultato: device estremamente orientati all’interazione con l’utente www. .it
  4. 4. Non solo «phone oriented»• Netbook e notebook (cam, touch, geolocation)• Smart TV (cam, voice)• Occhiali – Google Project Glass – Epson BT-100• Orologi – I’m watch (http://www.imwatch.it) – Google Smartwatch• Guanti – Google Gloves www. .it
  5. 5. A disposizione....• HW – Schermi touch -> gestures – GPS e WiFi -> geolocalizzazione – Bussola ed accelerometro -> orientamento – Camera -> riconoscimento oggetti – NFC e sensore luce -> prossimità e presenza• SW – Mic -> riconoscimento vocale (ASR) – Speaker -> sintesi vocale (TTS) www. .it
  6. 6. L’approccio nativo• Il frazionamento dei sistemi operativi: • Android (phone, tablet, forni, TV, radio, music players, ecc.) • iOS (iPhone, iPad, iPodTouch) • Vari altri proprietari (BlackBerry, NetCast, WebOS, Win Phone 8, ecc.)• S.O. diversi = linguaggi/ambienti diversi• Vantaggio: controllo completo con le massime performance su tutto il device! www. .it
  7. 7. La strada HTML5• La soluzione «cross-platform»• Standard non ancora standard – W3C (http://www.w3.org) – Can I use? (http://CanIUse.com)• Supporto in forte crescita (sopratutto sul mobile)• Modalità nativa & framework multi-platform www. .it
  8. 8. I vantaggi dell’HTML5• Markup language (tag + descrizione dei contenuti)• Browser web come «visualizzatori» (presenti su qualsiasi piattaforma)• «oggetti» programmabili via JavaScript (librerie open potenti come jQuery, Modernizer, ecc.)• CSS 3 per interfacce dinamiche e «responsive» (adattabili a qualsiasi schermo/device)• Semplice, potente, supportato www. .it
  9. 9. Perchè HTML5? Le nuove API• Nuove API e specifiche per: – accesso all’HW – funzionalità evolute• In particolare: – Media (streaming, audio, video) – Geolocation (posizione) – Canvas (2D, image processing, WebGL) – Storage (memorizzazione dati) – Orientation, ecc. www. .it
  10. 10. Un esempio di interazione: AR...• Realtà Aumentata: larricchimento della percezione sensoriale umana mediante informazioni, in genere manipolate e convogliate elettronicamente, che non sarebbero percepibili con i cinque sensi• Il necessario: – Localizzazione (dove siamo) – Bussola (in che direzione stiamo guardando) – Camera (cosa vediamo) – Display (dove mostratiamo le informazioni aggiuntive) www. .it
  11. 11. Localizzazione• Riconoscimento della posizione – Non solo GPS!! – GPS (no chiuso, aree scoperte) – WiFi • Android «raccoglie» tutto • iOS su SkyHook – Celle telefoniche – IP (provider connettività) www. .it
  12. 12. Camera, display e bussola• Interfacciamento con la camera• Orientamento/direzione – 360°: in che direzione stiamo guardando? – Con quale inclinazione stiamo guardando?• Gestione stream video www. .it
  13. 13. AR in azioneLiberi di muoversihttp://www.youtube.com/watch?v=t9CYpnIsteI Demo www. .it
  14. 14. ...e possibili integrazioni• Servizi, integrazioni col Cloud – Reverse geocoding – Percorsi – Ricerche per distanza – Indicazioni sull’accessibilità, traffico• Maggior interazione – Occhiali, orologi, ecc.• Esempi di AR... – Layar, Wikitude, Google Sky www. .it
  15. 15. «Cam» come sistema di input• Riconoscimento di oggetti reali – Volti («face unlock», face.com) – Colori (aree specifiche) – Markers (immagini, segnaposti)• «input dati» attraverso la camera – Identificazione/modifica oggetti – Controllo device www. .it
  16. 16. AR «atipica» in azione DEMO• Color Tracker – http://www.youtube.com/watch?v=JKF2V1 Nok1Y• Sostituzione pavimenti – http://www.youtube.com/watch?v=PRXzq7 Mie8k www. .it
  17. 17. Sintesi vocale• Text To Speech: sintesi vocale• Algoritmo di sintesi che gestisce: –Lingue diverse –Tonalità, enfasi, pause• Sintesi in tempo reale, NON audio preregistrati www. .it
  18. 18. Sintesi vocale• Lettura di testi integrata – Flessibile – Pronto a leggere qualsiasi tipo di contenuto• Esempi di utilizzo mobile – Lettura SMS, mail, ecc. – Messaggi contestualizzati ad eventi – Sistemi di traduzione «real time»• App specifici: Dillo! www. .it
  19. 19. Riconoscimento vocale• Automatic Speech Recognition• Riconoscimento «parlato naturale» – Supporto multilingue• Ad oggi – iOS: Siri, solo in modalità connessa – Android: ora anche in modalità «offline», sistema nativo di inserimento testi – Web: «Google translate» come sempio www. .it
  20. 20. NFC e prossimità• Near Field Communication• Dialogo sicuro (pagamenti)• Funziona solo in prossimità (5/10 cm)• Applicabile ad elementi esterni (adesivi, tag, ecc.)• Apre scenari di verifica prossimità o controllo presenza singoli elementi www. .it
  21. 21. Conclusioni• Nuovi modi di interagire• Interazioni sempre più immersive• Ad oggi privilegiate soluzioni native, il futuro in direzione HTML 5 www. .it
  22. 22. & Grazie! Alessio Garbi alessio.garbi@xonne.ithttp://www.linkedin.com/in/alessiogarbi

×