+ All Categories
Home > Education > ForumPA - App no grazie, lunga vita a Responsive Design

ForumPA - App no grazie, lunga vita a Responsive Design

Date post: 22-Apr-2015
Category:
Upload: fabrizio-caccavello
View: 243 times
Download: 1 times
Share this document with a friend
Description:
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.
32
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. [email protected] cfabry Fabrizio Caccavello
Transcript
Page 1: ForumPA - App no grazie, lunga vita a Responsive Design

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.

[email protected]

cfabryFabrizio Caccavello

Page 2: ForumPA - App no grazie, lunga vita a Responsive Design

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: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 4: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

DESKTOP VS MOBILE

Page 5: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

qualcosa sta cambiando

questa immagine è stata molto condivisa in rete

Page 6: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

era il 2010

Page 7: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA

Page 8: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 9: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

mobile

tabletdesktop

RESPONSIVE WEB DESIGN

adattamento in base al dispositivo

Page 10: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 11: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 12: ForumPA - App no grazie, lunga vita a Responsive 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

Page 13: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

SITO INTERNET

IL NUOVO PROGETTO

RESPONSIVE WEBAPP

Page 14: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 15: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 16: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 17: ForumPA - App no grazie, lunga vita a Responsive Design

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)

Page 18: ForumPA - App no grazie, lunga vita a Responsive Design

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?

Page 19: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 20: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

RESPONSIVE web design

APPLICAZIONE WEB

Page 21: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

STRATEGIA

RESPONSIVE web design

APPLICAZIONE WEB

Page 22: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

RESPONSIVE web design

APPLICAZIONE WEB

APPLICAZIONE NATIVA

dove trovo queste app?

Page 23: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 24: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 25: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 26: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

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

Page 27: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

Page 28: ForumPA - 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

Page 29: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

L’obiettivo è la tecnologia?

L’obiettivo è il contenuto o il servizio

Page 30: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA

Page 31: ForumPA - App no grazie, lunga vita a Responsive Design

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

Page 32: ForumPA - App no grazie, lunga vita a Responsive Design

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

Fabrizio Caccavello

cfabry

[email protected]


Recommended