Date post: | 22-Apr-2015 |
Category: |
Education |
Upload: | fabrizio-caccavello |
View: | 243 times |
Download: | 1 times |
Fabrizio Caccavellocfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Nella Pubblica Amministrazione il ricorso alla costruzione di applicazioni per dispositivi mobili sembra essere diventato un elemento primario nelle strategie per la fornitura di servizi al cittadino. Attraverso le App si possono fornire servizi innovativi e rendere più efficiente la PA. Spesso però si rischia di realizzare applicazioni che sono semplicemente una trasposizione di quello che può essere già fornito attraverso un progetto web. Il confine tra un progetto web e un’applicazione per dispositivi mobili è molto meno marcato di quanto si pensi, anche perché attraverso la modalità di progettazione definita “responsive” un progetto web può avere caratteristiche davvero analoghe a un’applicazione nativa. È necessario poter scegliere con consapevolezza i prodotti di cui si ha bisogno per fornire servizi più efficienti senza sprecare inutilmente risorse.
cfabryFabrizio Caccavello
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
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
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.
L’associazione internazionale per la professionalità nel Web
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
DESKTOP VS MOBILE
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
qualcosa sta cambiando
questa immagine è stata molto condivisa in rete
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
era il 2010
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
« 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
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
mobile
tabletdesktop
RESPONSIVE WEB DESIGN
adattamento in base al dispositivo
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET
RESPONSIVE WEB DESIGN
MOBILE FIRST pensare prima al contenuto il design deve adattarsi in progressione
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Aggiungere un sito internet sul proprio home screen comparirà come un’app nativa
RESPONSIVE WEB DESIGN
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
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
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
SITO INTERNET
IL NUOVO PROGETTO
RESPONSIVE WEBAPP
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
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
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native
WEBAPP
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
principali caratteristiche per le app mobile
Accesso alla fotocamera
Accesso al filesystem
Geolocalizzazione
Memorizzazione dati offline
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
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)
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE web design
APPLICAZIONE WEB
APPLICAZIONE NATIVA
i confini tecnologici e strategici possono essere poco netti
stesso linguaggio HTML CSS Javascript
differenze?
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE web design
APPLICAZIONE WEB
stesso linguaggio HTML CSS Javascript
differenze?
tecnologia, user experience, contenuti
STRATEGIA
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE web design
APPLICAZIONE WEB
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
STRATEGIA
RESPONSIVE web design
APPLICAZIONE WEB
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE web design
APPLICAZIONE WEB
APPLICAZIONE NATIVA
dove trovo queste app?
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
APPLICAZIONE NATIVA
l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE web design
APPLICAZIONE WEB
progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
QR Code
posso favorire l’accesso alla webapp attraverso un QR code l’utente non dovrà neanche digitare l’indirizzo web
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
geolocalizzando l’accesso si possono fornire informazioni su orari, traffico, servizi nei dintorni, ecc.
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
148 pagine in PDF sono difficilente consultabili su mobile è evidente che l’idea progettuale non è fornire questi dati a un utente in movimento
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
L’obiettivo è la tecnologia?
L’obiettivo è il contenuto o il servizio
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
• 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
Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Fabrizio Caccavello
cfabry