&L’interazione tra i device ed il mondo    reale dall’HTML5 al «mobile»            Alessio Garbi          ( alessio.garbi@...
Di cosa parleremo• Le potenzialità offerte oggi dai nuovi  device• La standardizzazione permessa  dall’HTML5• L’utilizzo m...
I nuovi device• Smart phone, Tablet, Ph-ablet• In più rispetto al passato:  – Nuovo HW (Cam, GPS, Touch, ecc.)  – Potenza ...
Non solo «phone oriented»• Smart TV (cam, voice)• Occhiali  – Google Project Glass  – Epson BT-100• Orologi  – I’m watch (...
A disposizione....• HW  – Schermi touch -> gestures  – GPS e WiFi -> geolocalizzazione  – Bussola ed accelerometro -> orie...
L’approccio nativo• Il frazionamento dei sistemi operativi:  – Android (phone, tablet, forni, TV, radio, ecc.)  – iOS (iPh...
La strada dell’HTML5• La soluzione «cross-platform»• Standard non ancora standard• Supporto in forte crescita (sopratutto ...
HTML5: cos’è?• Markup language - <b>html</b>• Browser web come interprete (quindi  presente in qualsiasi piattaforma)• «og...
Le nuove API di HTML5• Nuove API e specifiche per:  – accesso all’HW  – funzionalità evolute• In particolare:  – Media (st...
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 del device  – 360°: in che direzione sti...
AR in azione• Attraverso le l’hw del device si renderizzano  informazioni contestualizzate sulla realtà              Liber...
...e possibili integrazioni• Servizi, integrazioni col Cloud  –   Reverse geocoding  –   Percorsi  –   Ricerche per disatn...
AR «atipica»• «input dati» attraverso l’AR  – Identificazione/modifica oggetti  – Controllo device• Riconoscimento di ogge...
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, ...
Sintesi vocale• Lettura di testi integrata  – Flessibile  – Pronto a leggere qualsiasi tipo di contenuto• Esempi di utiliz...
Riconoscimento vocale• Automatic Speech Recognition• Riconoscimento del «parlato naturale»  – Supporto multilingue• Ad ogg...
NFC e prossimità• Near Field Communication• Dialogo sicuro (pagamenti)• Funziona solo in prossimità (5/10 cm)• Applicabile...
Novità, novità, novità• Lampadine controllabili via device:  Philips• Microonde, autoradio, casalinghi  «Android based»• T...
Conclusioni• Nuovi modi di interagire• Interazioni sempre più immersive• Attenzione ed apertura a standard di  interfaccia...
Upcoming SlideShare
Loading in …5
×

2012 11 xonne - seminario sdb e handimatica - v1

295
-1

Published on

L'intervento tenuto da Alessio Garbi per SQcuola di Blog sul tema dell'interazione tra i device e il mondo reale

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

  • Be the first to like this

No Downloads
Views
Total Views
295
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2012 11 xonne - seminario sdb e handimatica - v1

  1. 1. &L’interazione tra i device ed il mondo reale dall’HTML5 al «mobile» Alessio Garbi ( alessio.garbi@xonne.it )
  2. 2. Di cosa parleremo• Le potenzialità offerte oggi dai nuovi device• La standardizzazione permessa dall’HTML5• L’utilizzo massimo garantito dalle 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) – Connessione «always on» (il cloud a disposizione)• Risultato: device estremamente orientati all’interazione con l’utente www. .it
  4. 4. Non solo «phone oriented»• Smart TV (cam, voice)• Occhiali – Google Project Glass – Epson BT-100• Orologi – I’m watch (http://www.imwatch.it) – Google Smartwatch• Guanti – Google Gloves• Netbook e notebook (cam, touch, geolocation) 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, ecc.) – iOS (iPhone, iPad, MusicPlayer) – Vari altri proprietari (BlackBerry, Bada, 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 dell’HTML5• La soluzione «cross-platform»• Standard non ancora standard• Supporto in forte crescita (sopratutto sul mobile) – Modalità nativa – Attraverso framework proprietari• W3C (http://www.w3.org/), supporto attuale (http://caniuse.com/ ) www. .it
  8. 8. HTML5: cos’è?• Markup language - <b>html</b>• Browser web come interprete (quindi presente in qualsiasi piattaforma)• «oggetti» interfacciabili e programmabili via JavaScript con disponibilità di librerie open stabili ed affidabili (jQuery, Modernizer, ecc.)• Interfacce dinamiche e «responsive» via CSS3 www. .it
  9. 9. Le nuove API di HTML5• 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, vibration, 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 (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 del device – 360°: in che direzione stiamo guardando? – Con quale inclinazione stiamo guardando?• Gestione stream video www. .it
  13. 13. AR in azione• Attraverso le l’hw del device si renderizzano informazioni contestualizzate sulla realtà Liberi di muoversi http://www.youtube.com/watch?v=t9CYpnIsteI www. .it
  14. 14. ...e possibili integrazioni• Servizi, integrazioni col Cloud – Reverse geocoding – Percorsi – Ricerche per disatnza e contestualizzate su aree geografiche – Indicazioni sull’accessibilità, traffico• Maggior interazione – Occhiali, orologi, ecc.• Esempi di AR... – Layar, Wikitude, Google Sky www. .it
  15. 15. AR «atipica»• «input dati» attraverso l’AR – Identificazione/modifica oggetti – Controllo device• Riconoscimento di oggetti reali – Volti («face unlock», face.com) – Markers (immagini, segnaposti) – Colori (aree specifiche)• Elaborazione del mondo reale – Sostituzione elementi/immagini 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 del «parlato naturale» – Supporto multilingue• Ad oggi – iOS: Siri, solo in modalità connessa – Android: dalla versione 4.1 anche in modalità «offline», sistema nativo di inserimento testi 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 Sintesi in tempo reale, NON audio preregistrati www. .it
  21. 21. Novità, novità, novità• Lampadine controllabili via device: Philips• Microonde, autoradio, casalinghi «Android based»• Tag NFC per la casa : Sony www. .it
  22. 22. Conclusioni• Nuovi modi di interagire• Interazioni sempre più immersive• Attenzione ed apertura a standard di interfacciamento (HTML 5, ecc.) www. .it
  23. 23. Grazie! Alessio Garbi( alessio.garbi@xonne.it )
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×