La navigazione in internet ha subito negli ultimi anni un cambiamento radicale. Gli utenti da statici utilizzatori di computer desktop si sono trasformati in soggetti in movimento. Nelle comunità l’accesso a internet è diventato una consuetudine per accedere a contenuti e servizi, facilitato dalla massiccia presenza di smartphone carichi di applicazioni. Talvolta si tende però ad affidare all’applicazione un ruolo dominante, come se la creazione di un’app fosse di per sé una strategia. Viviamo in un mondo di iper-informazione e iper-connettività, ma lo sviluppo disorganizzato di contenuti e applicazioni ancora rende difficili azioni elementari, soprattutto se fatte da mobile, come la consultazione di un numero di telefono o la ricerca dell’orario di un autobus, azioni che possono sembrare facili ma che invece non lo sono.
In questo contesto HTML5, il nuovo linguaggio di scripting che prossimamente diventerà uno standard, permette di sviluppare applicazioni web e progetti di web design responsive che gli utenti possono usare senza dover scaricare un’applicazione, offrendo spesso gli stessi servizi. Quello che cambia non è soltanto l’uso della tecnologia, ma l’approccio alla creazione del contenuto, che diventa strategico.
2. Web Project Manager e User Experience Designer.!
Mi occupo di strategie di comunicazione online, e di sviluppo di applicazioni
web con particolare riferimento ai temi dell'accessibilità.!
!
Cerco di applicare ai miei progetti processi di semplificazione e riduzione in
modo da renderli più efficienti e semplici.!
!
Sono amministratore e fondatore di Akebia
società di servizi per il web.!
!
Sono membro del Consiglio Direttivo di IWA Italy.
About me: Fabrizio Caccavello
3. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio

L’associazione internazionale per la professionalità nel Web
partecipazioni internazionali
partecipazioni nazionali
• Primaassociazionealmondo(dal1996)cheraggruppachi
lavoranelWeb,sianelsettorepubblicocheprivato.
• ObiettivodiIWAècreareretetraisoci,partecipare
all'evoluzionedellareteedivulgareconoscenzatramiteisoci
coneventiediniziative.
• InItaliaIWAItalyèAssociazioneprofessionalerappresentanza
delleprofessionalitàWebcherilasciaattestatodiqualità
secondoquantoprevistodallalegge4/2013,unicaAssociazione
delsettoreICTattualmentecensitadalMinisterodelloSviluppo
Economico.
2
4. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio

Perché associarsi?
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.skillprofiles.eu
SMAUROMA2014
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
8. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
« Nulla si crea, nulla si distrugge, tutto si trasforma »
(Antoine Lavoisier)
È un progetto web che si
adatta automaticamente al
dispositivo che lo sta
visualizzando
RESPONSIVE WEB DESIGN
10. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
MOBILE TABLET DESKTOP
BIG DESKTOPSMALL TABLET
RESPONSIVE WEB DESIGN
MOBILE FIRST
pensare prima al contenuto
il design deve adattarsi in progressione
11. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Aggiungere un sito internet sul
proprio home screen
comparirà come un’app nativa
RESPONSIVE WEB DESIGN
12. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Possiamo aggiungere un
elemento (in javascript) che inviti
l’utente a utilizzare la funzione
“aggiungi a Home”
http://cubiq.org/add-to-home-screen
RESPONSIVE WEB DESIGN
(quasi) una webapp
14. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
WEBAPP
il nuovo linguaggio con cui si
costruiscono le pagine web
non è ancora uno standard del
W3C, lo diventerà forse
quest’anno (2014) ma ne viene
ugualmente consigliata
l’utilizzazione
15. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Attraverso HTML5 e i
fogli di stile CSS3 si
possono creare
progetti web che
rassomigliano ad
applicazioni native
WEBAPP
16. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
principali caratteristiche per le app mobile
Accesso alla fotocamera
Accesso al filesystem
Geolocalizzazione
Memorizzazione dati offline
17. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
Attraverso un’applicazione tipo PhoneGap è possibile
trasformare una web app in una app nativa
WEBAPP
HTML + CSS + JAVASCRIPT
APP NATIVA
Objective C (per Apple)
Java (per Android)
18. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
RESPONSIVE
web design
APPLICAZIONE
WEB
APPLICAZIONE
NATIVA
i confini tecnologici e strategici possono essere poco netti
stesso linguaggio
HTML CSS Javascript
differenze?
19. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
RESPONSIVE
web design
APPLICAZIONE
WEB
stesso linguaggio
HTML CSS Javascript
differenze?
tecnologia, user experience, contenuti
STRATEGIA
22. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
RESPONSIVE
web design
APPLICAZIONE
WEB
APPLICAZIONE
NATIVA
dove trovo queste app?
23. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
APPLICAZIONE
NATIVA
l’utente è in grado di scaricare e/o acquistare un’app
nativa dallo store mentre è in mobilità?
24. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
STRATEGIA E TERRITORIO
RESPONSIVE
web design
APPLICAZIONE
WEB
progetti web responsive e webapp si trovano
semplicemente online: http://www.miosito/it
25. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
QR Code
posso favorire l’accesso alla
webapp attraverso un QR code
l’utente non dovrà neanche digitare
l’indirizzo web
26. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
geolocalizzando l’accesso si
possono fornire informazioni
su orari, traffico, servizi nei
dintorni, ecc.
28. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
148 pagine in PDF sono difficilente
consultabili su mobile
è evidente che l’idea progettuale non è fornire questi dati a
un utente in movimento
31. Fabrizio Caccavello cfabry
applicazioni web e strategie di territorio
• pensare prima al contenuto e al servizio
• un progetto web responsive è già una
buona strategia
• una webapp ottimizzata può essere poi
trasformata in una app nativa
• pensare in questo modo strategico può
aiutare a ridurre i costi e ad avere servizi
migliori
• gli utenti devono essere facilitati nell’uso
delle tecnologie
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
32. applicazioni web e strategie di territorio
Fabrizio Caccavello
cfabry
fabrizio@akebia.it