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.
Progettare layout per il mobile, riflessioni per un design di successo
Applicazioni web e web design responsive
1. Applicazioni web e web
design responsive: sottili
confini strategici per idee di
business che devono
prendere forma
Fabrizio Caccavello
Titolo della presentazione
mercoledì 20 marzo 13
2. INTERNATIONAL WEBMASTERS ASSOCIATION
http://www.iwa.it
Prima associazione al mondo (dal
Partecipazioni internazionali
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
Partecipazioni nazionali rete e divulgare conoscenza tramite
i soci con eventi ed iniziative
media partner
mercoledì 20 marzo 13
3. INTERNATIONAL WEBMASTERS ASSOCIATION
http://www.iwa.it
Perché associarsi
1 rete tra professionisti
partecipazione a gruppi di lavoro
2 anche internazionali
convenzioni per tutela professionalità
3 (esempio: studi legali)
media partner
3
mercoledì 20 marzo 13
4. 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.
http://www.iwa.it/join
4
4
mercoledì 20 marzo 13
5. 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:
SMAUROMA2013
http://www.iwa.it/join
5
mercoledì 20 marzo 13
6. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
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.
Fabrizio Caccavello 6
mercoledì 20 marzo 13
7. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
IL MIO
NUOVO
PROGETTO
Sito internet Applicazione
• interattivo • web application
• dinamico • web app per mobile
• accessibile • app nativa
• ottimizzato per mobile • ...
• ...
Fabrizio Caccavello 7
mercoledì 20 marzo 13
8. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
c’erano una volta le colonne
Sito in
ternet
la solidità delle
colonne e il
mantenimento
della struttura su
tutti i browser era
un elemento di
qualità di un
progetto web
Alessandro Fulciniti November 2005
Fabrizio Caccavello 8
mercoledì 20 marzo 13
9. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
c’è stato un tempo in cui...
ottimizzato per
la risoluzione
800x600
Fabrizio Caccavello 9
mercoledì 20 marzo 13
10. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
« Nulla si crea, nulla si distrugge, tutto si trasforma »
(Antoine Lavoisier)
Pensare a utenti che
hanno le stesse esigenze
pur utilizzando
dispositivi diversi e in
condizioni diverse
Fabrizio Caccavello 10
mercoledì 20 marzo 13
11. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
mobile
desktop
tablet
Adattarsi all’ambiente
Fabrizio Caccavello 11
mercoledì 20 marzo 13
12. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
una gabbia
che non
costringe
Fabrizio Caccavello 12
mercoledì 20 marzo 13
13. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
una gabbia
che non
costringe
Fabrizio Caccavello 13
mercoledì 20 marzo 13
14. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
MOBILE FIRST
MOBILE TABLET DESKTOP
SMALL TABLET BIG DESKTOP
Fabrizio Caccavello 14
mercoledì 20 marzo 13
15. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
Aggiungere un sito internet sul proprio home screen
comparirà come un’app nativa
Fabrizio Caccavello 15
mercoledì 20 marzo 13
16. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
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
Fabrizio Caccavello 16
mercoledì 20 marzo 13
17. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
webapp app native
sviluppo in sviluppo in linguaggio nativo
HTML CSS JAVASCRIPT
(il linguaggio di internet) migliore esperienza d’uso
tempi di sviluppo più rapidi funzionamento offline
facile aggiornamento perché accesso a tutte le funzionalità
è sufficiente aggiornare la del dispositivo
pagina web
regolare pubblicazione negli
multipiattaforma store
notifiche push
Fabrizio Caccavello 17
mercoledì 20 marzo 13
18. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
webapp app native
Attraverso un’applicazione tipo PhoneGap è possibile trasformare
una web app in una app nativa
Fabrizio Caccavello 18
mercoledì 20 marzo 13
19. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
RESPONSIVE WEB DESIGN
Objective C
NATIVE
APP
APP DEVELOPMENT
Fabrizio Caccavello 19
mercoledì 20 marzo 13
20. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
è tutto facile?
Fabrizio Caccavello 20
mercoledì 20 marzo 13
21. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
EVIT Per un design responsive basta
A
SEMP RE LE scaricare un tema di Wordpress
L
o ban IFICAZIO
alità NI 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
Fabrizio Caccavello 21
mercoledì 20 marzo 13
22. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
Crescenti competenze in progettazione HTML CSS JAVASCRIPT
Problem solving
RESPONSIVE WEB DESIGN
Objective C
Ottima
NATIVE conoscenza
APP
del
linguaggio
APP DEVELOPMENT
Ottima conoscenza di
Phonegap
Fabrizio Caccavello 22
mercoledì 20 marzo 13
23. Applicazioni web e web design responsive:
sottili confini strategici per idee di business
che devono prendere forma
cfabry
Fabrizio Caccavello 23
mercoledì 20 marzo 13