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.
ForumPA - App no grazie, lunga vita a Responsive Design
1. Fabrizio Caccavello
cfabry
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.
fabrizio@akebia.it
cfabryFabrizio Caccavello
2. 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
3. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
partecipazioni internazionali
partecipazioni nazionali
• Primaassociazionealmondo(dal1996)cheraggruppachi
lavoranelWeb,sianelsettorepubblicocheprivato.
• ObiettivodiIWAècreareretetraisoci,partecipare
all'evoluzionedellareteedivulgareconoscenzatramiteisoci
coneventiediniziative.
• InItaliaIWAItalyèAssociazioneprofessionalerappresentanza
delleprofessionalitàWebcherilasciaattestatodiqualità
secondoquantoprevistodallalegge4/2013,unicaAssociazione
delsettoreICTattualmentecensitadalMinisterodelloSviluppo
Economico.
L’associazione internazionale per la
professionalità nel Web
7. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
8. Fabrizio Caccavello
cfabry
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
9. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
mobile
tablet
desktop
RESPONSIVE WEB DESIGN
adattamento in base al dispositivo
10. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
MOBILE TABLET DESKTOP
BIG DESKTOPSMALL TABLET
RESPONSIVE WEB DESIGN
MOBILE FIRST
pensare prima al contenuto
il design deve adattarsi in progressione
11. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
Aggiungere un sito internet sul
proprio home screen
comparirà come un’app nativa
RESPONSIVE WEB DESIGN
12. Fabrizio Caccavello
cfabry
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
14. Fabrizio Caccavello
cfabry
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
15. Fabrizio Caccavello
cfabry
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
16. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
principali caratteristiche per le app mobile
Accesso alla fotocamera
Accesso al filesystem
Geolocalizzazione
Memorizzazione dati offline
17. Fabrizio Caccavello
cfabry
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)
18. Fabrizio Caccavello
cfabry
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?
19. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE
web design
APPLICAZIONE
WEB
stesso linguaggio
HTML CSS Javascript
differenze?
tecnologia, user experience, contenuti
STRATEGIA
22. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
RESPONSIVE
web design
APPLICAZIONE
WEB
APPLICAZIONE
NATIVA
dove trovo queste app?
23. Fabrizio Caccavello
cfabry
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à?
24. Fabrizio Caccavello
cfabry
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
25. Fabrizio Caccavello
cfabry
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
26. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
geolocalizzando l’accesso si
possono fornire informazioni
su orari, traffico, servizi nei
dintorni, ecc.
28. Fabrizio Caccavello
cfabry
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
29. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
L’obiettivo è la tecnologia?
L’obiettivo è il contenuto
o il servizio
30. Fabrizio Caccavello
cfabry
APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
SITO INTERNET
IL NUOVO PROGETTO
APPLICAZIONE
RESPONSIVE WEBAPP NATIVA
31. Fabrizio Caccavello
cfabry
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