Webapp HTML5/CSS3 nelle strategie di territorio

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

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

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à?

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://www.fabriziocaccavello.akebia.itfabrizio@akebia.it

Webapp HTML5/CSS3 nelle strategie di territorio

Devices & Hardware