Webapp HTML5/CSS3 nelle strategie di territorio

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


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


Fabrizio Caccavello cfabry

HTML5/CSS3 e webapp nelle strategie di territorioBologna, 17 ottobre 2013

DESKTOP VS MOBILE




qualcosa sta cambiando

questa immagine è stata molto codivisa in rete




IL NUOVO PROGETTO




SITO INTERNET

IL NUOVO PROGETTO




SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE




SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE




SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA




« Nulla si crea, nulla si distrugge, tutto si trasforma »(Antoine Lavoisier)

È un progetto web che si adatta automaticamente al dispositivo che lo sta visualizzando




« 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




mobile

tabletdesktop

adattamento in base al dispositivo




mobile

tabletdesktop


adattamento in base al dispositivo




MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET

pensare prima al contenutoil design deve adattarsi in progressione




MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET


MOBILE FIRST pensare prima al contenutoil design deve adattarsi in progressione




Aggiungere un sito internet sulproprio home screencomparirà come un’app nativa




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




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




SITO INTERNET

IL NUOVO PROGETTO

RESPONSIVE 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




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




Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native




Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native

WEBAPP




principali caratteristiche per le app mobile

Accesso alla fotocamera

Accesso al filesystem

Geolocalizzazione

Memorizzazione dati offline




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)




RESPONSIVEweb design

APPLICAZIONEWEB

APPLICAZIONENATIVA

i confini tecnologici e strategici possono essere poco netti

stesso linguaggioHTML CSS Javascript





APPLICAZIONEWEB

APPLICAZIONENATIVA

i confini tecnologici e strategici possono essere poco netti


differenze?





APPLICAZIONEWEB


differenze?





APPLICAZIONEWEB


differenze?

tecnologia, user experience, contenuti

STRATEGIA





APPLICAZIONEWEB




STRATEGIA


APPLICAZIONEWEB




STRATEGIA E TERRITORIO






APPLICAZIONEWEB

APPLICAZIONENATIVA






APPLICAZIONEWEB

APPLICAZIONENATIVA

dove trovo queste app?





APPLICAZIONENATIVA

l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?





progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it






APPLICAZIONEWEB

progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it




QR Code

posso favorire l’accesso alla webapp attraverso un QR codel’utente non dovrà neanche digitare l’indirizzo web




geolocalizzando l’accesso si possono fornire informazioni su orari, traffico, servizi nei dintorni, ecc.




148 pagine in PDF sono difficilente consultabili su mobileè evidente che l’idea progettuale non è fornire questi dati a un utente in movimento




L’obiettivo è la tecnologia?

L’obiettivo è il contenuto o il servizio




SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE





• 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




Fabrizio Caccavello

cfabry

http://[email protected]


Webapp HTML5/CSS3 nelle strategie di territorio

Devices & Hardware

Transcript of Webapp HTML5/CSS3 nelle strategie di territorio