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.