I temi principali trattati durante il seminario saranno: - Un’introduzione al mondo del mobile e al rapporto che hanno gli utenti con questo settore; - Capire quali sono le soluzione migliori nel contesto aziendale; - Esempi concreti di ottimizzazioni flussi aziendali introducibili attraverso i dispositivi mobili; - Toccare con mano la realtà aumentata e le possibili interazioni con telefoni e table

1. Pillole di «mobile»
Parma, 25 Febbraio 2014
Alessio Garbi
Alessio.Garbi@Xonne.it
http://it.linkedin.com/in/alessiogarbi

2. La nostra esperienza
• 15 anni di esperienza nello
sviluppo soluzioni web
• 2 anni di ricerca e sviluppo in
ambito «mobile»
• nascita 2012
• sviluppo nativo + cross
www.
.it

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. Non solo «phone oriented»
• Netbook e notebook (cam, touch, geolocation)
• Smart TV (cam, voice)
• Occhiali
– Google Glass
– Epson BT-100
• Orologi
–
–
–
–
I’m watch (http://www.imwatch.it)
Google Smartwatch
Samsung Gear + Fit
Motorola e Sony
• Guanti
– Google Gloves
www.
.it

5. I «player»
• I grandi Players
Sistemi operativi
Hardware
• Dal 2008 ad oggi (BlackBerry, Nokia/MS, ecc.)
www.
.it

6. Il nuovo «ecosistema»
• L’ecosistema «sviluppatore» <-> «store» <->
«utente»
• I nuovi paradigmi d’utilizzo e distribuzione:
– Scaricamento compulsivo
– Micro transazioni (InAppBilling/Purchase)
– Tempo di valutazione dell’ordine dei secondi
• Nuove metriche di valutazione:
– Interfaccia
– Facilità d’uso
– Reattività
www.
.it

7. Apple vs Android
• L’Apple Store ed il Google Play Store
• Pro vs Cons - Apple e Android
– iOS
• Linearità interfacce
• Stabilità
• Approvazione
– Android
•
•
•
•
Anarchia (positiva?)
Flessibilità e nessun limite
Frammentazione interfacce e devices
Dialogo con qualsiasi elemento esterno
www.
.it

8. L’interpretabilità di Apple
Dalle «guidelines»:
2.11 Apps that duplicate Apps already in the App Store
may be rejected, particularly if there are many of them,
such as fart, burp, flashlight, and Kama Sutra Apps
2.12 Apps that are not very useful, unique, are simply
web sites bundled as Apps, or do not provide any lasting
entertainment value may be rejected
www.
.it

9. L’approccio aziendale
• Distribuzione interna
– Diretta (Android)
– VPP o EnterPrise (Apple)
• BYOD (Bring Your Own Device)
– Adattamento dell’azienda nei confronti dell’utente
– No costo HW per l’azienda
– Necessità MDM
• Sicurezza
– Mobile Device management
– Find My Phone (iOS)
– MyDevices (Android)
www.
.it

10. Gli scenari di sviluppo
1. App nativa
2. App Cross-Platform (HTML5)
3. Mobile sites
www.
.it

11. L’approccio nativo
• Pro
– controllo completo sulle funzionalità
– massime performance
• Contro
– S.O. diversi = linguaggi/ambienti diversi
– «Costo di sviluppo» x «num.piattaforme»
www.
.it

12. La soluzione «cross-platform»
• Pro
– Sviluppo 1 volta, utilizzo ovunque
– HTML5 - Standard non ancora standard
• W3C (http://www.w3.org)
• Can I use? (http://CanIUse.com)
– Supporto in forte crescita
– Modalità nativa & framework multi-platform
• Contro
– Prestazioni limitate ed altri vincoli
www.
.it

13. 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)
www.
.it

14. I Mobile sites
• Approccio:
– Adattamento del “site” per mobile
– HTML5 puro
– CSS reattivi con MediaQuery
• Pro:
– Tempo/costo sviluppo
– Sviluppo unico per singola piattaforma
– Nessun vincolo “deploy” sui “market”
• Contro:
– Normalmente sono “connesse”
– Poco interfacciamento coi sensori device
– Performance non al top
www.
.it

15. La scelta giusta?
Va valutata di caso in caso!
www.
.it

16. I punti fermi!
• User Experience
– Appeal e reattività
– Adattamento al device (phone/tablet, land/port)
– Adattamento all’utente (preferenze e utilizzabilità)
– Valutazione del contesto di utilizzo
www.
.it

17. I punti fermi!
• Centralizzazione dati
– Nuovo canale di struttura multicanale
– Server side con CMS (WordPress, SharePoint, ecc.)
– WebServices ed Api
• Gestione dati offline
– Cache dei contenuti
– Ottimizzazione del traffico (risparmio tempo e
costi banda)
www.
.it

18. I punti fermi!
• Controllo dello stato/utilizzo
– Log/debug remoto
– Statistiche!!! (Google analytics)
• Continua evoluzione
– Aggiornamenti S.O.
– Feedback sulle statistiche
www.
.it

19. A disposizione....
• HW
–
–
–
–
–
Schermi touch -> gestures
GPS e WiFi -> geo localizzazione
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

20. 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

21. 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

22. «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

23. 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

24. 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

25. 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

26. NFC, BlueTooth e prossimità
• Near Field Communication
– Dialogo sicuro (pagamenti)
– Funziona solo in prossimità (5/10 cm)
– Applicabile ad elementi esterni
(adesivi, tag, ecc.)
• BlueTooth 4.0 LE
– Basso consumo
– Raggio d’azione 30/40mt
– SmartDevices
• Scenari di verifica prossimità o controllo
presenza singoli elementi
www.
.it

27. Le «app» in azienda
• Ottimizzazione flussi e processi grazie a:
– Accesso ai dati in tempo reale
– Acquisizione automatica informazioni
– Interazione col mondo circostante
• Possibili scenari:
–
–
–
–
–
Sales force automation
Strumenti di controllo (KPI)
Configuratori e sfogliatori
Marketing e promozione (eventi)
Formazione (manuali, video, aule condivise, on site in real-time
con AR)
– Quiz e giochi (AR e Geo)
www.
.it

28. Un saluto «reale» molto «aumentato»
www.
.it

29. Grazie!
Alessio Garbi
Alessio.Garbi@Xonne.it
http://it.linkedin.com/in/alessiogarbi