SlideShare a Scribd company logo
1 of 21
Download to read offline
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
Tra HTML 5 e applicazioni native
L’accessibilità, una visione strategica che affonda le sue radici alle origini del web.
Molte cose che riguardano la progettazione per il web che oggi ci sembrano
irrinunciabili o semplicemente di moda, sono in realtà il frutto di un lungo percorso di
maturazione di questo mondo in costante evoluzione.
Spesso in questi anni si sono confusi i concetti di accessibilità con noiose storie di
codice o anche di progettazione a misura di disabile.
In realtà l'accessibilità riguarda tutti, da sempre, soprattutto oggi che tutti siamo
sottoposti all'utilizzo dei dispositivi "in condizioni non ottimali".
Web Project Manager e User Experience Designer.
Mi occupo di strategie di comunicazione online e di standard per il web,
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.
Agenzia per l’Italia Digitale

Area Regole, standard e guide tecniche
Membro del Consiglio Direttivo di IWA Italy.
Amministratore e fondatore di Akebia

società di servizi per il web.
About me: Fabrizio Caccavello
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
ANTEPRIMA OT
c’è chi non ama essere inquadrato dalla videocamera :)
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
mobilità e movimento
chi può dire quale sia lo stato di quiete e quello di moto?
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
RESPONSIVE
web design
APPLICAZIONE
WEB
APPLICAZIONE
NATIVA
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
WEBAPP
&
RESPONSIVE WEB DESIGN APP NATIVA
Objective C (per Apple)
Java (per Android)e altro
RESPONSIVE
web design
APPLICAZIONE
WEB
APPLICAZIONE
NATIVA
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
anche ciò che è ben fatto può non essere accessibile
ponte di Calatrava a Venezia
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
accessibilità in testa
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
Accessibilità
è la base strategica e strutturale
per la progettazione per il web
http://www.slideshare.net/cfabry/smau09
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
accessibilità riguarda milioni di persone
• disabilità motorie
• disabilità cognitive
• disabilità visive
• ipovedenze
• daltonismo
• abilità non ottimali in
genere
• disagio economico e
sociale
• funzionamento intellettivo
al limite
• sindromi varie
• DSA - BES
• ….
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
accessibilità riguarda milioni di persone
persone con:
• dispositivi non ottimali
• dispositivi desueti
• condizioni ambientali sfavorevoli
• difficoltà di accesso alla rete
• …
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
http://www.w3.org/TR/WCAG10/
Web Content Accessibility Guidelines 1.0
W3C Recommendation 5-May-1999
Web Content Accessibility Guidelines (WCAG) 2.0
W3C Recommendation 11 December 2008
http://www.w3.org/TR/WCAG20/
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
1 Percepibile
2 Utilizzabile
3 Comprensibile
4 Robusto
Web Content Accessibility Guidelines (WCAG) 2.0
W3C Recommendation 11 December 2008
http://www.w3.org/TR/WCAG20/
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
http://www.w3.org/Mobile/
The Web and Mobile Devices
Mobile Web Best Practices 1.0
http://www.w3.org/TR/mobile-bp/
W3C Recommendation 29 July 2008
Mobile Web Application Best Practices
W3C Recommendation 14 December 2010
http://www.w3.org/TR/mwabp/
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
anche questo
marciapiede
“bene o male”
è accessibile
ma dobbiamo creare il
web in modalità
“veramente”
accessibile,
a vantaggio di tutti
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
senza strategie e senza attenzione all’accessibilità rischiamo di
creare ugualmente questa classe, seppure digitale
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
non è solo
questione di
tecnologia
deve essere
un’occasione per
collaborare e
pianificare
è una questione di
strategia e di
cultura digitale
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
DIALOGO TRA INSEGNANTI IN TRENO
A: “siamo stati a vedere una classe digitale”
B: “ahh si anche noi”
A: “come erano carini!”
B: “si ma con tutti quei cosi, sembrava un bar”
A: “si, vero, poi dice che non c’avevano
connessione ma che ne sai che ci facevano quelli”
B: “si si, ma poi non vedi niente, non sai che
fanno li sopra
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
è soprattutto una questione di
cultura digitale
Fabrizio Caccavello @cfabry
3 dicembre 2014 - Bologna
Tra HTML 5 e applicazioni native
fabrizio.caccavello@gmail.com
Fabrizio Caccavello
@cfabry
fabrizio.caccavello@gmail.com

More Related Content

Viewers also liked

bruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapanibruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione TrapaniBruno Bertero
 
Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàFabrizio Caccavello
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...Fabrizio Caccavello
 
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioIl patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioFederazione Italiana Pubblici Esercizi
 
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...Alberto Di Capua
 
Pamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPasquale Adamo
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Fabrizio Caccavello
 
Smau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSmau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSMAU
 
Applicazioni web e web design responsive
Applicazioni web e web design responsiveApplicazioni web e web design responsive
Applicazioni web e web design responsiveFabrizio Caccavello
 
I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015Fabrizio Caccavello
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e businessFabrizio Caccavello
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignFabrizio Caccavello
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingFabrizio Caccavello
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...Fabrizio Caccavello
 
Uni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoUni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoMarianna Colantoni
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaTurismoProvPC
 
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...Bruno Bertero
 
Progetto "Ne.T.: Network for Tourism"
Progetto "Ne.T.: Network for Tourism"Progetto "Ne.T.: Network for Tourism"
Progetto "Ne.T.: Network for Tourism"Officina Turistica
 
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Fabrizio Caccavello
 

Viewers also liked (20)

bruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapanibruno Bertero: Destinazione Trapani
bruno Bertero: Destinazione Trapani
 
Responsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilitàResponsive web design, l'altra faccia dell'accessibilità
Responsive web design, l'altra faccia dell'accessibilità
 
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...Smau bologna 2014   strategie per la progettazione web: i clientie vogliono i...
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono i...
 
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorioIl patrimonio turistico in italia: cultura, enogastronomia e territorio
Il patrimonio turistico in italia: cultura, enogastronomia e territorio
 
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...Senigallia Network  -  Convegno sulle reti turistiche. Intervento del Prof. P...
Senigallia Network - Convegno sulle reti turistiche. Intervento del Prof. P...
 
Pamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bariPamor public speaking pasquale adamo pnl coach bari
Pamor public speaking pasquale adamo pnl coach bari
 
Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013Iwa italy - Le professioni del Web - Festival d'Europa 2013
Iwa italy - Le professioni del Web - Festival d'Europa 2013
 
Dove va il Search Marketing?
Dove va il Search Marketing?Dove va il Search Marketing?
Dove va il Search Marketing?
 
Smau Napoli 2014 ISNART
Smau Napoli 2014 ISNARTSmau Napoli 2014 ISNART
Smau Napoli 2014 ISNART
 
Applicazioni web e web design responsive
Applicazioni web e web design responsiveApplicazioni web e web design responsive
Applicazioni web e web design responsive
 
I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015I siti web della PA per dispositivi mobili - ForumPA 2015
I siti web della PA per dispositivi mobili - ForumPA 2015
 
Accessibilità, tra etica e business
Accessibilità, tra etica e businessAccessibilità, tra etica e business
Accessibilità, tra etica e business
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive Design
 
La filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketingLa filiera della fiducia nella progettazione web e nel social marketing
La filiera della fiducia nella progettazione web e nel social marketing
 
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...La filiera della fiducia nella progettazione web e nel social marketing - Fab...
La filiera della fiducia nella progettazione web e nel social marketing - Fab...
 
Uni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turisticoUni te 16marzo-comunicazione digitale e storytelling turistico
Uni te 16marzo-comunicazione digitale e storytelling turistico
 
Programmazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di PiacenzaProgrammazione Turistica Provinciale - Provincia di Piacenza
Programmazione Turistica Provinciale - Provincia di Piacenza
 
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...
Isole Egadi: strategie per il rilancio e lo sviluppo turistico della destinaz...
 
Progetto "Ne.T.: Network for Tourism"
Progetto "Ne.T.: Network for Tourism"Progetto "Ne.T.: Network for Tourism"
Progetto "Ne.T.: Network for Tourism"
 
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
Strategie digitali per creare servizi online efficienti e credibili - Smau mi...
 

Similar to Mobile learning Bologna - Tra html 5 e applicazioni native.

I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...Fabrizio Caccavello
 
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Fabrizio Caccavello
 
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Fabrizio Caccavello
 
Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business orientedFabrizio Caccavello
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaDiego La Monica
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeDiego La Monica
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
 
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMill
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMillAceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMill
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMillAceMill
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Diego La Monica
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Alessio Garbin
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016Paolo Dadda
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDESMAU
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziendeGabriele Romanato
 
Flash Platform and VOIP
Flash Platform and VOIPFlash Platform and VOIP
Flash Platform and VOIPIWA
 
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...Giorgio Di Nardo
 
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...Fabrizio Caccavello
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataFabrizio Caccavello
 

Similar to Mobile learning Bologna - Tra html 5 e applicazioni native. (20)

I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
I 5 ragionamenti da fare per creare un sito internet professionale - SMAU Fir...
 
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
Progetti web vincenti: 10 requisiti, tra design e normativa, per sviluppare b...
 
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
Workshop Smau09: "Nel web del futuro l'accessibilità è strumento di business"
 
Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business oriented
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativa
 
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenzeSiti web, portali e Rich Internet Applications: tendenze e controtendenze
Siti web, portali e Rich Internet Applications: tendenze e controtendenze
 
12. Mobile internet
12. Mobile internet 12. Mobile internet
12. Mobile internet
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
 
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMill
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMillAceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMill
AceMill, case history Same Deutz-Fahr Mobile Sites by DigitalMill
 
7. Il browser
7. Il browser7. Il browser
7. Il browser
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
 
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
Lezioni Video Online. Parte 1/5. Statistiche, luoghi e modalità di consumo de...
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
Flash Platform and VOIP
Flash Platform and VOIPFlash Platform and VOIP
Flash Platform and VOIP
 
Giacomo Barbieri - Tecnologia per lo Studio - Brescia, 19/02/2014
Giacomo Barbieri - Tecnologia per lo Studio - Brescia, 19/02/2014Giacomo Barbieri - Tecnologia per lo Studio - Brescia, 19/02/2014
Giacomo Barbieri - Tecnologia per lo Studio - Brescia, 19/02/2014
 
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...
Disegnare Web Application orientate al Mobile con MVC 4 e jQuery Mobile (We W...
 
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...ForumPA 2016: Dieci requisiti per i siti web della  Pubblica Amministrazione ...
ForumPA 2016: Dieci requisiti per i siti web della Pubblica Amministrazione ...
 
Progettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionataProgettazione web e semplicità: dieci regole per una creatività ragionata
Progettazione web e semplicità: dieci regole per una creatività ragionata
 

More from Fabrizio Caccavello

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiFabrizio Caccavello
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiFabrizio Caccavello
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewFabrizio Caccavello
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017Fabrizio Caccavello
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleFabrizio Caccavello
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Fabrizio Caccavello
 
Se non sei su facebook non esisti
Se non sei su facebook non esisti Se non sei su facebook non esisti
Se non sei su facebook non esisti Fabrizio Caccavello
 
Progettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoProgettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoFabrizio Caccavello
 

More from Fabrizio Caccavello (10)

Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tuttiNon esiste UX senza accessibilità Le città per tutti sono in un web per tutti
Non esiste UX senza accessibilità Le città per tutti sono in un web per tutti
 
Non esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tuttiNon esiste UX senza accessibilità. Costruire un web per tutti
Non esiste UX senza accessibilità. Costruire un web per tutti
 
Accessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overviewAccessibility Days 2018 - GAAD - Accessibility overview
Accessibility Days 2018 - GAAD - Accessibility overview
 
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017Come vengono percepiti i siti delle PA da parte degli utenti -  forum pa 2017
Come vengono percepiti i siti delle PA da parte degli utenti - forum pa 2017
 
Marketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionaleMarketing territoriale come strategia relazionale
Marketing territoriale come strategia relazionale
 
Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)Le aziende verso facebook - (Fabrizio Caccavello)
Le aziende verso facebook - (Fabrizio Caccavello)
 
Le aziende verso facebook
Le aziende verso facebookLe aziende verso facebook
Le aziende verso facebook
 
Se non sei su facebook non esisti
Se non sei su facebook non esisti Se non sei su facebook non esisti
Se non sei su facebook non esisti
 
Progettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successoProgettare layout per il mobile, riflessioni per un design di successo
Progettare layout per il mobile, riflessioni per un design di successo
 
Smau Business 2010 Roma
Smau Business 2010 RomaSmau Business 2010 Roma
Smau Business 2010 Roma
 

Mobile learning Bologna - Tra html 5 e applicazioni native.

  • 1. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com Tra HTML 5 e applicazioni native L’accessibilità, una visione strategica che affonda le sue radici alle origini del web. Molte cose che riguardano la progettazione per il web che oggi ci sembrano irrinunciabili o semplicemente di moda, sono in realtà il frutto di un lungo percorso di maturazione di questo mondo in costante evoluzione. Spesso in questi anni si sono confusi i concetti di accessibilità con noiose storie di codice o anche di progettazione a misura di disabile. In realtà l'accessibilità riguarda tutti, da sempre, soprattutto oggi che tutti siamo sottoposti all'utilizzo dei dispositivi "in condizioni non ottimali".
  • 2. Web Project Manager e User Experience Designer. Mi occupo di strategie di comunicazione online e di standard per il web, 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. Agenzia per l’Italia Digitale
 Area Regole, standard e guide tecniche Membro del Consiglio Direttivo di IWA Italy. Amministratore e fondatore di Akebia
 società di servizi per il web. About me: Fabrizio Caccavello
  • 3. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com ANTEPRIMA OT c’è chi non ama essere inquadrato dalla videocamera :)
  • 4. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com mobilità e movimento chi può dire quale sia lo stato di quiete e quello di moto?
  • 5. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com RESPONSIVE web design APPLICAZIONE WEB APPLICAZIONE NATIVA
  • 6. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com WEBAPP & RESPONSIVE WEB DESIGN APP NATIVA Objective C (per Apple) Java (per Android)e altro RESPONSIVE web design APPLICAZIONE WEB APPLICAZIONE NATIVA
  • 7. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com anche ciò che è ben fatto può non essere accessibile ponte di Calatrava a Venezia
  • 8. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com accessibilità in testa
  • 9. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com Accessibilità è la base strategica e strutturale per la progettazione per il web http://www.slideshare.net/cfabry/smau09
  • 10. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com accessibilità riguarda milioni di persone • disabilità motorie • disabilità cognitive • disabilità visive • ipovedenze • daltonismo • abilità non ottimali in genere • disagio economico e sociale • funzionamento intellettivo al limite • sindromi varie • DSA - BES • ….
  • 11. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com accessibilità riguarda milioni di persone persone con: • dispositivi non ottimali • dispositivi desueti • condizioni ambientali sfavorevoli • difficoltà di accesso alla rete • …
  • 12. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com
  • 13. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com http://www.w3.org/TR/WCAG10/ Web Content Accessibility Guidelines 1.0 W3C Recommendation 5-May-1999 Web Content Accessibility Guidelines (WCAG) 2.0 W3C Recommendation 11 December 2008 http://www.w3.org/TR/WCAG20/
  • 14. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com 1 Percepibile 2 Utilizzabile 3 Comprensibile 4 Robusto Web Content Accessibility Guidelines (WCAG) 2.0 W3C Recommendation 11 December 2008 http://www.w3.org/TR/WCAG20/
  • 15. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com http://www.w3.org/Mobile/ The Web and Mobile Devices Mobile Web Best Practices 1.0 http://www.w3.org/TR/mobile-bp/ W3C Recommendation 29 July 2008 Mobile Web Application Best Practices W3C Recommendation 14 December 2010 http://www.w3.org/TR/mwabp/
  • 16. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com anche questo marciapiede “bene o male” è accessibile ma dobbiamo creare il web in modalità “veramente” accessibile, a vantaggio di tutti
  • 17. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com senza strategie e senza attenzione all’accessibilità rischiamo di creare ugualmente questa classe, seppure digitale
  • 18. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com non è solo questione di tecnologia deve essere un’occasione per collaborare e pianificare è una questione di strategia e di cultura digitale
  • 19. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com DIALOGO TRA INSEGNANTI IN TRENO A: “siamo stati a vedere una classe digitale” B: “ahh si anche noi” A: “come erano carini!” B: “si ma con tutti quei cosi, sembrava un bar” A: “si, vero, poi dice che non c’avevano connessione ma che ne sai che ci facevano quelli” B: “si si, ma poi non vedi niente, non sai che fanno li sopra
  • 20. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com è soprattutto una questione di cultura digitale
  • 21. Fabrizio Caccavello @cfabry 3 dicembre 2014 - Bologna Tra HTML 5 e applicazioni native fabrizio.caccavello@gmail.com Fabrizio Caccavello @cfabry fabrizio.caccavello@gmail.com