![Page 1: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/1.jpg)
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
Fabrizio Caccavello
martedì 25 giugno 13
![Page 2: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/2.jpg)
Partecipazioni internazionali
Partecipazioni nazionali
INTERNATIONAL WEBMASTERS ASSOCIATION
Prima associazione al mondo (dal 1996) che raggruppa chi lavora nel Web, sia nel settore pubblico che privatoObiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della rete e divulgare conoscenza tramite i soci con eventi ed iniziative
media partner
http://www.iwa.it
martedì 25 giugno 13
![Page 3: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/3.jpg)
3
media partner
1 rete tra professionisti
partecipazione a gruppi di lavoro anche internazionali
convenzioni per tutela professionalità (esempio: studi legali)
2
3
Perché associarsi
INTERNATIONAL WEBMASTERS ASSOCIATIONhttp://www.iwa.it
martedì 25 giugno 13
![Page 4: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/4.jpg)
4
http://www.iwa.it/join
IWA Italy è associazione professionale che raggruppa chi opera nel Web, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibili come "professionisti Web" (liberi professionisti, dipendenti - pubblici e privati, altre forme di lavoro che come attività prevalente operano nel Web).
IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web Skill Profiles) in linea con i dettami dell'agenda digitale europea e italiana ed ha avviato accordi di collaborazione con realtà di tutela del lavoro (sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo di IWA è quello di unire, far collaborare e tutelare chi opera nel Web.
martedì 25 giugno 13
![Page 5: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/5.jpg)
5
SMAUBOLOGNA2013
quota 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 seguente promocode:
http://www.iwa.it/join
martedì 25 giugno 13
![Page 6: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/6.jpg)
6
Quando si iniziano a sviluppare idee di business è necessario chiedersi quali tecnologie e forme di comunicazione siano più interessanti e quali ritorni per i propri investimenti si possano avere. Il confine tra progetti web studiati appositamente per i dispositivi mobili, e applicazioni web o native è talvolta molto sottile e il decisore ha bisogno di capire quali strade percorrere per non sprecare tempo e risorse.
martedì 25 giugno 13
![Page 7: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/7.jpg)
7
@cfabry
#iwasmau
@iwaitaly
martedì 25 giugno 13
![Page 8: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/8.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
8
IL MIO NUOVO
PROGETTO
Sito internet Applicazione• interattivo• dinamico• accessibile• ottimizzato per mobile• ...
• web application• web app per mobile• app nativa• ...
martedì 25 giugno 13
![Page 9: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/9.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
9
Sito internet
c’erano una volta le colonne
Alessandro Fulciniti November 2005
la solidità delle colonne e il
mantenimento della struttura su
tutti i browser era un elemento di
qualità di un progetto web
martedì 25 giugno 13
![Page 10: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/10.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
10
ottimizzato per la risoluzione 800x600
c’è stato un tempo in cui...
martedì 25 giugno 13
![Page 11: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/11.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
11
ottimizzato per la risoluzione 800x600
c’è stato un tempo in cui...
martedì 25 giugno 13
![Page 12: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/12.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
12
« Nulla si crea, nulla si distrugge, tutto si trasforma »(legge della conservazione della massa - Antoine Lavoisier)
RESPONSIVE WEB DESIGN
Pensare a utenti che hanno le stesse esigenze pur utilizzando dispositivi diversi e in condizioni diverse
1
martedì 25 giugno 13
![Page 13: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/13.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
13
RESPONSIVE WEB DESIGN
Adattarsi all’ambiente
mobile
tabletdesktop
martedì 25 giugno 13
![Page 14: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/14.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
14
RESPONSIVE WEB DESIGNuna gabbia che non costringe
martedì 25 giugno 13
![Page 15: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/15.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
15
RESPONSIVE WEB DESIGNuna gabbia che non costringe
martedì 25 giugno 13
![Page 16: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/16.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
16
RESPONSIVE WEB DESIGN
MOBILE FIRST
MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET
martedì 25 giugno 13
![Page 17: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/17.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
17
Aggiungere un sito internet sul proprio home screencomparirà come un’app nativa
martedì 25 giugno 13
![Page 18: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/18.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
18
Possiamo aggiungere un elemento (in javascript) che inviti l’utente a utilizzare la funzione “aggiungi a Home”
http://cubiq.org/add-to-home-screen
ora abbiamo una webapp
martedì 25 giugno 13
![Page 19: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/19.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
19
webapp app native
sviluppo inHTML CSS JAVASCRIPT(il linguaggio di internet)
tempi di sviluppo più rapidi
facile aggiornamento perché è sufficiente aggiornare la pagina web
multipiattaforma
sviluppo in linguaggio nativo
migliore esperienza d’uso
funzionamento offline
accesso a tutte le funzionalità del dispositivo
regolare pubblicazione negli store
notifiche push
martedì 25 giugno 13
![Page 20: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/20.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
20
webapp app native
Attraverso un’applicazione tipo PhoneGap è possibile trasformare una web app in una app nativa
martedì 25 giugno 13
![Page 21: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/21.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
21
RESPONSIVE WEB DESIGN
Objective C
APP DEVELOPMENT
NATIVE APP
martedì 25 giugno 13
![Page 22: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/22.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
22
è tutto facile?
martedì 25 giugno 13
![Page 23: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/23.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
23
EVITARE LE SEMPLIFICAZIONIo banalità
Per un design responsive basta scaricare un tema di Wordpress
Fare una web app è come fare un sito internet in miniatura
Trasformare una web app in app nativa con Phonegap o strumenti simili è un gioco da ragazzi
Una web app è uguale a un’app nativa
martedì 25 giugno 13
![Page 24: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/24.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
24
RESPONSIVE WEB DESIGN
APP DEVELOPMENT
Objective CNATIVE
APP
Crescenti competenze in progettazione HTML CSS JAVASCRIPTProblem solving
Ottima conoscenza di Phonegap
Ottima conoscenza del linguaggio
martedì 25 giugno 13
![Page 25: Applicazioni web e web design responsive - SMAU Bologna 2013](https://reader034.vdocuments.pub/reader034/viewer/2022042623/55383ab0550346f53d8b4711/html5/thumbnails/25.jpg)
Fabrizio Caccavello
Applicazioni web e web design responsive: sottili confini strategici per idee di business che devono prendere forma
@cfabry#iwasmau
25
cfabry
martedì 25 giugno 13