Transcript
Page 1: Applicazioni, web e strategie di territorio

Titolo della presentazioneFabrizio Caccavello

applicazioni web e strategie di territorio

Page 2: Applicazioni, web e strategie di territorio

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

Page 3: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio



L’associazione internazionale per la professionalità nel Web

partecipazioni internazionali

partecipazioni nazionali

• Prima associazione al mondo (dal 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 rete e divulgare conoscenza tramite i soci

con eventi ed iniziative.

• In Italia IWA Italy è Associazione professionale rappresentanza

delle professionalità Web che rilascia attestato di qualità

secondo quanto previsto dalla legge 4/2013, unica Associazione

del settore ICT attualmente censita dal Ministero dello Sviluppo

Economico.

2

Page 4: Applicazioni, web e strategie di territorio

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,00Potrai 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

Page 5: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

DESKTOP VS MOBILE

Page 6: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

qualcosa sta cambiando

questa immagine è stata molto condivisa in rete

Page 7: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA

Page 8: Applicazioni, web e strategie di territorio

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

Page 9: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

mobile

tabletdesktop

RESPONSIVE WEB DESIGN

adattamento in base al dispositivo

Page 10: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET

RESPONSIVE WEB DESIGN

MOBILE FIRST pensare prima al contenuto il design deve adattarsi in progressione

Page 11: Applicazioni, web e strategie di territorio

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

Page 12: Applicazioni, web e strategie di territorio

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

Page 13: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

SITO INTERNET

IL NUOVO PROGETTO

RESPONSIVE WEBAPP

Page 14: Applicazioni, web e strategie di territorio

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

Page 15: Applicazioni, web e strategie di territorio

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

Page 16: Applicazioni, web e strategie di territorio

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

Page 17: Applicazioni, web e strategie di territorio

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)

Page 18: Applicazioni, web e strategie di territorio

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?

Page 19: Applicazioni, web e strategie di territorio

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

Page 20: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

RESPONSIVE web design

APPLICAZIONE WEB

Page 21: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

STRATEGIA

RESPONSIVE web design

APPLICAZIONE WEB

Page 22: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

STRATEGIA E TERRITORIO

RESPONSIVE web design

APPLICAZIONE WEB

APPLICAZIONE NATIVA

dove trovo queste app?

Page 23: Applicazioni, web e strategie di territorio

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

Page 24: Applicazioni, web e strategie di territorio

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

Page 25: Applicazioni, web e strategie di territorio

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

Page 26: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

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

Page 27: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

Page 28: Applicazioni, web e strategie di territorio

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

Page 29: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

L’obiettivo è la tecnologia?

L’obiettivo è il contenuto o il servizio

Page 30: Applicazioni, web e strategie di territorio

Fabrizio Caccavello cfabry

applicazioni web e strategie di territorio

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA

Page 31: Applicazioni, web e strategie di territorio

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

Page 32: Applicazioni, web e strategie di territorio

applicazioni web e strategie di territorio

Fabrizio Caccavello

cfabry

[email protected]