Applicazioni web e web design responsive - SMAU Bologna 2013
1. Applicazioni web e web
design responsive: sottili
confini strategici per idee di
business che devono
prendere forma
Fabrizio Caccavello
martedì 25 giugno 13
2. Partecipazioni internazionali
Partecipazioni nazionali
INTERNATIONAL WEBMASTERS ASSOCIATION
Prima associazione al mondo (dal
1996) che raggruppa chi lavora nel
Web, sia nel settore pubblico che
privato
Obiettivo 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
3. 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 ASSOCIATION
http://www.iwa.it
martedì 25 giugno 13
4. 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
5. 5
SMAUBOLOGNA2013
quota speciale SMAU euro 50,00
Potrai 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
6. 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
8. 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
9. 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
10. 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
11. 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
12. 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
13. 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
tablet
desktop
martedì 25 giugno 13
14. Fabrizio Caccavello
Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
@cfabry
#iwasmau
14
RESPONSIVE WEB DESIGN
una gabbia
che non
costringe
martedì 25 giugno 13
15. Fabrizio Caccavello
Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
@cfabry
#iwasmau
15
RESPONSIVE WEB DESIGN
una gabbia
che non
costringe
martedì 25 giugno 13
16. 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 DESKTOP
BIG DESKTOPSMALL TABLET
martedì 25 giugno 13
17. 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 screen
comparirà come un’app nativa
martedì 25 giugno 13
18. 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
19. 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 in
HTML 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
20. 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
21. 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
22. 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
23. Fabrizio Caccavello
Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
@cfabry
#iwasmau
23
EVITARE LESEMPLIFICAZIONI
o 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
24. 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 C
NATIVE
APP
Crescenti competenze in progettazione HTML CSS JAVASCRIPT
Problem solving
Ottima conoscenza
di Phonegap
Ottima
conoscenza
del
linguaggio
martedì 25 giugno 13
25. 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