Applicazioni web e web design responsive - SMAU Bologna 2013

318 views
255 views

Published on

Web designe responsive, applicazioni web e applicazioni native. C'è un sottile filo conduttore che unisce questi mondi

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
318
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Applicazioni web e web design responsive - SMAU Bologna 2013

  1. 1. Applicazioni web e webdesign responsive: sottiliconfini strategici per idee dibusiness che devonoprendere formaFabrizio Caccavellomartedì 25 giugno 13
  2. 2. Partecipazioni internazionaliPartecipazioni nazionaliINTERNATIONAL WEBMASTERS ASSOCIATIONPrima associazione al mondo (dal1996) che raggruppa chi lavora nelWeb, sia nel settore pubblico cheprivatoObiettivo di IWA è creare rete tra isoci, partecipare allevoluzione dellarete e divulgare conoscenza tramitei soci con eventi ed iniziativemedia partnerhttp://www.iwa.itmartedì 25 giugno 13
  3. 3. 3media partner1 rete tra professionistipartecipazione a gruppi di lavoroanche internazionaliconvenzioni per tutela professionalità(esempio: studi legali)23Perché associarsiINTERNATIONAL WEBMASTERS ASSOCIATIONhttp://www.iwa.itmartedì 25 giugno 13
  4. 4. 4http://www.iwa.it/joinIWA Italy è associazione professionale che raggruppa chi opera nelWeb, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibilicome "professionisti Web" (liberi professionisti, dipendenti - pubblici eprivati, altre forme di lavoro che come attività prevalente operano nelWeb).IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web SkillProfiles) in linea con i dettami dellagenda digitale europea e italiana edha avviato accordi di collaborazione con realtà di tutela del lavoro(sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo diIWA è quello di unire, far collaborare e tutelare chi opera nel Web.martedì 25 giugno 13
  5. 5. 5SMAUBOLOGNA2013quota speciale SMAU euro 50,00Potrai ottenere uno sconto sulla quota associativa che pagherai euro 50,00 anzichéeuro 65,00. Lo sconto vale sia per i nuovi soci che per i rinnovi.Per usufruire dello sconto usa in fase di registrazione o rinnovo il seguentepromocode:http://www.iwa.it/joinmartedì 25 giugno 13
  6. 6. 6Quando si iniziano a sviluppare idee di business ènecessario chiedersi quali tecnologie e forme dicomunicazione siano più interessanti e quali ritorni per ipropri investimenti si possano avere. Il confine traprogetti web studiati appositamente per i dispositivimobili, e applicazioni web o native è talvolta molto sottilee il decisore ha bisogno di capire quali strade percorrereper non sprecare tempo e risorse.martedì 25 giugno 13
  7. 7. 7@cfabry#iwasmau@iwaitalymartedì 25 giugno 13
  8. 8. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau8IL MIONUOVOPROGETTOSito internet Applicazione• interattivo• dinamico• accessibile• ottimizzato per mobile• ...• web application• web app per mobile• app nativa• ...martedì 25 giugno 13
  9. 9. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau9Sito internetc’erano una volta le colonneAlessandro Fulciniti November 2005la solidità dellecolonne e ilmantenimentodella struttura sututti i browser eraun elemento diqualità di unprogetto webmartedì 25 giugno 13
  10. 10. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau10ottimizzato perla risoluzione800x600c’è stato un tempo in cui...martedì 25 giugno 13
  11. 11. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau11ottimizzato perla risoluzione800x600c’è stato untempo in cui...martedì 25 giugno 13
  12. 12. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau12« Nulla si crea, nulla si distrugge, tutto si trasforma »(legge della conservazione della massa - Antoine Lavoisier)RESPONSIVE WEB DESIGNPensare a utenti chehanno le stesse esigenzepur utilizzandodispositivi diversi e incondizioni diverse1martedì 25 giugno 13
  13. 13. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau13RESPONSIVE WEB DESIGNAdattarsi all’ambientemobiletabletdesktopmartedì 25 giugno 13
  14. 14. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau14RESPONSIVE WEB DESIGNuna gabbiache noncostringemartedì 25 giugno 13
  15. 15. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau15RESPONSIVE WEB DESIGNuna gabbiache noncostringemartedì 25 giugno 13
  16. 16. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau16RESPONSIVE WEB DESIGNMOBILE FIRSTMOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLETmartedì 25 giugno 13
  17. 17. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau17Aggiungere un sito internet sul proprio home screencomparirà come un’app nativamartedì 25 giugno 13
  18. 18. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau18Possiamo aggiungere unelemento (in javascript) cheinviti l’utente a utilizzare lafunzione “aggiungi a Home”http://cubiq.org/add-to-home-screenora abbiamo una webappmartedì 25 giugno 13
  19. 19. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau19webapp app nativesviluppo inHTML CSS JAVASCRIPT(il linguaggio di internet)tempi di sviluppo più rapidifacile aggiornamento perchéè sufficiente aggiornare lapagina webmultipiattaformasviluppo in linguaggio nativomigliore esperienza d’usofunzionamento offlineaccesso a tutte le funzionalitàdel dispositivoregolare pubblicazione neglistorenotifiche pushmartedì 25 giugno 13
  20. 20. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau20webapp app nativeAttraverso un’applicazione tipo PhoneGap è possibile trasformareuna web app in una app nativamartedì 25 giugno 13
  21. 21. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau21RESPONSIVE WEB DESIGNObjective CAPP DEVELOPMENTNATIVEAPPmartedì 25 giugno 13
  22. 22. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau22è tutto facile?martedì 25 giugno 13
  23. 23. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau23EVITARE LESEMPLIFICAZIONIo banalitàPer un design responsive bastascaricare un tema di WordpressFare una web app è come fare unsito internet in miniaturaTrasformare una web app in appnativa con Phonegap o strumentisimili è un gioco da ragazziUna web app è uguale a un’appnativamartedì 25 giugno 13
  24. 24. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau24RESPONSIVE WEB DESIGNAPP DEVELOPMENTObjective CNATIVEAPPCrescenti competenze in progettazione HTML CSS JAVASCRIPTProblem solvingOttima conoscenzadi PhonegapOttimaconoscenzadellinguaggiomartedì 25 giugno 13
  25. 25. Fabrizio CaccavelloApplicazioni web e web design responsive:sottili confini strategici per idee di businessche devono prendere forma@cfabry#iwasmau25cfabrymartedì 25 giugno 13

×