ForumPA - App no grazie, lunga vita a Responsive Design

  • 123 views
Uploaded 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. …

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.

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
123
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 4. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN DESKTOP VS MOBILE
  • 5. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN qualcosa sta cambiando questa immagine è stata molto condivisa in rete
  • 6. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN era il 2010
  • 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
  • 13. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN SITO INTERNET IL NUOVO PROGETTO RESPONSIVE 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
  • 20. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN RESPONSIVE web design APPLICAZIONE WEB
  • 21. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN STRATEGIA RESPONSIVE web design APPLICAZIONE WEB
  • 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.
  • 27. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN
  • 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
  • 32. Fabrizio Caccavello cfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN Fabrizio Caccavello cfabry fabrizio@akebia.it