ForumPA - App no grazie, lunga vita a Responsive Design

362 views

Published on

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.

Published in: Education
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
362
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
11
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

ForumPA - App no grazie, lunga vita a Responsive Design

  1. 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. 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. 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
  4. 4. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN DESKTOP VS MOBILE
  5. 5. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN qualcosa sta cambiando questa immagine è stata molto condivisa in rete
  6. 6. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN era il 2010
  7. 7. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN SITO INTERNET IL NUOVO PROGETTO APPLICAZIONE RESPONSIVE WEBAPP NATIVA
  8. 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. 9. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN mobile tablet desktop RESPONSIVE WEB DESIGN adattamento in base al dispositivo
  10. 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. 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. 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
  13. 13. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN SITO INTERNET IL NUOVO PROGETTO RESPONSIVE WEBAPP
  14. 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. 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. 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. 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. 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. 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
  20. 20. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN RESPONSIVE web design APPLICAZIONE WEB
  21. 21. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN STRATEGIA RESPONSIVE web design APPLICAZIONE WEB
  22. 22. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN RESPONSIVE web design APPLICAZIONE WEB APPLICAZIONE NATIVA dove trovo queste app?
  23. 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. 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. 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. 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.
  27. 27. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
  28. 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. 29. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN L’obiettivo è la tecnologia? L’obiettivo è il contenuto o il servizio
  30. 30. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN SITO INTERNET IL NUOVO PROGETTO APPLICAZIONE RESPONSIVE WEBAPP NATIVA
  31. 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
  32. 32. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN Fabrizio Caccavello cfabry fabrizio@akebia.it

×