mobile’applicaons:’interazioni’ conilweb’laura/assets/files/pswb/mobile... ·...
TRANSCRIPT
Mobile Applica,ons: interazioni con il Web
Do5. Vito Marzullo Do5. Stefano Norcia
Disposi,vi Mobile: definizione l A "mobile device" shall be interpreted as a (Web-‐enabled) device that is normally used away from fixed loca,ons and has been manufactured specifically to be portable and usable while moving (W3C);
l Mobile devices are designed for intermi5ent use in a nontradi,onal environment;
l They must support communica,on and data exchange
Disposi,vi Mobile: componen, a bordo l GPS (Global Posi,oning System): posizionamento geografico del disposi,vo;
l Wi-‐fi: per il collegamento ad una rete mediante un punto d’accesso;
l Accelerometro: sensore di movimento;
l Giroscopio: orientamento del disposi,vo nello spazio;
l Bluetooth: per lo scambio di da, a piccola distanza;
l NFC (Near Field Communica,on): presente solo su alcuni modelli per effe5uare lo scambio di informazioni a5raverso il “tocco”.
l Bussola
Disposi,vi Mobile: componen, a bordo(esempi) l GPS l NFC
Disposi,vi Mobile: componen, a bordo(esempi) l Layar: esempio di applica,vo per sistemi mobile che sfru5a gran parte dei
componen, presen, sul disposi,vo;
Pia5aforme per disposi,vi Mobile l Disposi,vi mobile con sistema opera,vo proprietario che supportano applicazioni a5raverso interfacce limitate (Java, BREW);
l Disposi,vi mobile avanza, (smartphones) con Sistemi Opera,vi “comple,” che me5ono a disposizione interfacce standard e vere e proprie pia5aforme per lo sviluppo di applicazioni:
v Android
v iPhone OS
v BlackBerry OS
v Altri (Palm WebOS, Samsung bada, MeeGo, ...)
Disposi,vi Mobile: modelli
Sistemi Opera,vi: Suddivisione del Mercato
Sistemi Opera,vi: Android l Sistema Opera,vo Mobile Open Source basato sul Kernel di Linux;
l Sviluppato nei laboratori Google;
l A disposizione:
v adaptable 2D graphics library, 3D graphics library based on OpenGL ES 2.0
v supports a wide variety of connec,vity technologies including GSM/EDGE, CDMA, EV-‐DO, UMTS, Bluetooth, Wi-‐Fi, and NFC
v web browser based on the open-‐source WebKit applica,on framework
v cameras, touchscreens, GPS, accelerometers suppor
Sistema Opera,vo: iPhone iOS l Sistema opera,vo di riferimento per iPhone, iPod Touch e iPad
l Derivato dal sistema opera,vo MacOSX
l L’interfaccia basata sul conce5o di “direct manipula,on” e “mul,-‐touch gesture”
l Presente accelerometro per controllare diverse applicazioni mediante il movimento (rotazione del disposi,vo effe5ua la rotazione dell’applicazione del disposi,vo)
Disposi,vi Mobile: Limi, l Hardware Limitato: computazione di grandi quan,tà di da, limitata nonostante i progressi nelle tecnologie u,lizzate;
l Consumo energe,co: alimentazione a ba5eria;
l Schermo: dimensioni rido5e ( quando si implementa un’applicazione bisogna studiare il posizionamento per favorire l’usabilità);
l Banda Limitata: a volte a consumo
l Memoria: parzialmente vero
Interazioni con il Web: Web Services l Paradigma Client Server: i da, vengono invia, all’esterno del disposi,vo
Interazioni con il Web: Web Services l Approccio per applicazioni na,ve rela,ve ai singoli sistemi opera,vi;
l L’applicazione comunica mediante lo scambio di file (XML, Json) con il Server;
l I contenu, vengono mostra, tramite l’applicazione stessa
l ESEMPIO: Facebook, Gmail etc
Interazioni con il Web: Ada5amento Contenu, l Oemizzare la pagina Web per essere fruita mediante disposi,vi Mobile;
l Ada5amento dei contenu, per schermi di piccole dimensioni;
l Ada5amento dei contenu, per evitare lo spreco di banda;
l Ada5amento delle interfacce per una navigazione Mobile Friendly;
v Ada5amento delle interazioni per touchscreen, Cyborg Mouse, Joys,ck etc;
Esempi di applicazioni l Joooid l Didaeca Web
Joooid: An Android Client for Joomla (TM) l Joomla: Content Management System;
l Joooid: applicazione per l’interazione remota tra un disposi,vo mobile con sistema opera,vo Android e il Backend di un portale web su cui è presente Joomla;
l A disposizione degli u,lizzatori:
v Creazione/ modifica/ eliminazione di un nuovo Ar,colo ;
v Possibilità di effe5uare l’upload di immagini GeoLocalizzate (mediante GPS);
v Visibile dire5amente sulla pagina di riferimento del portale ges,to dall’applicazione
Joooid: An Android Client for Joomla (TM)
l DEMO
Didaeca Web
Didaeca Web
l DEMO
Conclusioni l Panoramica sui Disposi,vi Mobile;
l Sistemi Opera,vi;
l Componen,s,ca;
l Esempi di applicazioni reali.