webapp html5/css3 nelle strategie di territorio
DESCRIPTION
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.TRANSCRIPT
HTML5/CSS3 e webappnelle strategie di territorio
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.
Fabrizio Caccavello
cfabry
Bologna, 17 ottobre 2013
sabato 26 ottobre 13
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 Akebiasocietà di servizi per il web.
Sono membro del Consiglio Direttivo di IWA Italy.
About me: Fabrizio Caccavello
sabato 26 ottobre 13
HTML5/CSS3 e webappnelle strategie di territorio
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.
Fabrizio Caccavello
cfabry
Bologna, 17 ottobre 2013
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
DESKTOP VS MOBILE
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
qualcosa sta cambiando
questa immagine è stata molto codivisa in rete
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
IL NUOVO PROGETTO
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
« Nulla si crea, nulla si distrugge, tutto si trasforma »(Antoine Lavoisier)
È un progetto web che si adatta automaticamente al dispositivo che lo sta visualizzando
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
« 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
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
mobile
tabletdesktop
adattamento in base al dispositivo
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
mobile
tabletdesktop
RESPONSIVE WEB DESIGN
adattamento in base al dispositivo
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET
pensare prima al contenutoil design deve adattarsi in progressione
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET
RESPONSIVE WEB DESIGN
MOBILE FIRST pensare prima al contenutoil design deve adattarsi in progressione
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Aggiungere un sito internet sulproprio home screencomparirà come un’app nativa
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Aggiungere un sito internet sulproprio home screencomparirà come un’app nativa
RESPONSIVE WEB DESIGN
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Possiamo aggiungere un elemento (in javascript) che inviti l’utente a utilizzare la funzione “aggiungi a Home”http://cubiq.org/add-to-home-screen
(quasi) una webapp
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
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
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
RESPONSIVE WEBAPP
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
il nuovo linguaggio con cui si costruiscono le pagine web
non è ancora uno standard del W3C (lo diventerà presumibilmente nel 2014) ma ne viene ugualmente consigliata l’utilizzazione
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
WEBAPP
il nuovo linguaggio con cui si costruiscono le pagine web
non è ancora uno standard del W3C (lo diventerà presumibilmente nel 2014) ma ne viene ugualmente consigliata l’utilizzazione
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native
WEBAPP
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
principali caratteristiche per le app mobile
Accesso alla fotocamera
Accesso al filesystem
Geolocalizzazione
Memorizzazione dati offline
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Attraverso un’applicazione tipo PhoneGap è possibile trasformare una web app in una app nativa
WEBAPPHTML + CSS + JAVASCRIPT
APP NATIVAObjective C (per Apple)
Java (per Android)
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
RESPONSIVEweb design
APPLICAZIONEWEB
APPLICAZIONENATIVA
i confini tecnologici e strategici possono essere poco netti
stesso linguaggioHTML CSS Javascript
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
RESPONSIVEweb design
APPLICAZIONEWEB
APPLICAZIONENATIVA
i confini tecnologici e strategici possono essere poco netti
stesso linguaggioHTML CSS Javascript
differenze?
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
RESPONSIVEweb design
APPLICAZIONEWEB
stesso linguaggioHTML CSS Javascript
differenze?
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
RESPONSIVEweb design
APPLICAZIONEWEB
stesso linguaggioHTML CSS Javascript
differenze?
tecnologia, user experience, contenuti
STRATEGIA
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
RESPONSIVEweb design
APPLICAZIONEWEB
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA
RESPONSIVEweb design
APPLICAZIONEWEB
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
RESPONSIVEweb design
APPLICAZIONEWEB
APPLICAZIONENATIVA
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
RESPONSIVEweb design
APPLICAZIONEWEB
APPLICAZIONENATIVA
dove trovo queste app?
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
APPLICAZIONENATIVA
l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
APPLICAZIONENATIVA
l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
STRATEGIA E TERRITORIO
RESPONSIVEweb design
APPLICAZIONEWEB
progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
QR Code
posso favorire l’accesso alla webapp attraverso un QR codel’utente non dovrà neanche digitare l’indirizzo web
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
geolocalizzando l’accesso si possono fornire informazioni su orari, traffico, servizi nei dintorni, ecc.
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
148 pagine in PDF sono difficilente consultabili su mobileè evidente che l’idea progettuale non è fornire questi dati a un utente in movimento
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
L’obiettivo è la tecnologia?
L’obiettivo è il contenuto o il servizio
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
sabato 26 ottobre 13
Fabrizio Caccavello cfabry
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
• 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
sabato 26 ottobre 13
HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013
Fabrizio Caccavello
cfabry
http://[email protected]
sabato 26 ottobre 13