Redattore di Sito Web Dipartimentale Dipartimento di Pediatria Salus Pueri Facoltà di Medicina e Chirurgia Comunità di Pra...
<ul><li>9.45-10.30  * Perché? Parte Teorica* .  Perché, per essere abilitati ad aggiornare il sito della propria struttura...
Prima parte Perché?
<ul><li>Lo scopo di un sito di Ateneo è quello di fornire contenuti didattici, informazioni e servizi orientati all'utenza...
Personaggi ed Evoluzione del [email_address]
Corso di Formazione: Redattore di Sito Web Dipartimentale I Personaggi Web Master Redattore Utente Sito
<ul><li>Web 1.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: ieri
<ul><li>Web 2.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: oggi
<ul><li>Web 3.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: domani
Interazione Uomo – Macchina Cittadino – Servizio Pubblico
elaborazione output percezione cognizione azione input Corso di Formazione: Redattore di Sito Web Dipartimentale Interazio...
Corso di Formazione: Redattore di Sito Web Dipartimentale Interazione Uomo Macchina 2.0 elaborazione output percezione cog...
Regolamenti Leggi Standard Linee Guida
<ul><li>Regolamentazione (…) Ateneo (…) web strutture </li></ul><ul><ul><li>www.unipd.it/regolamenti/ricerca_prestazionico...
<ul><li>“… I siti dovrebbero essere * conformi alla normativa italiana in materia di accessibilità * (…) e tenere conto de...
Corso di Formazione: Redattore di Sito Web Dipartimentale Dai 22 requisiti della legge “Stanca (Campa-Palmieri)” <ul><li>R...
Un servizio informatico è accessibile quando è  P U R O   Percettibile : i contenuti multimediali possono essere percepiti...
PURO - Percettibile  Usabile (Comprensibile)  Robusto e Operabile
<ul><li>I seguenti semplici consigli, </li></ul><ul><li>mostrando l’opposto, </li></ul><ul><li>Insegnano come </li></ul><u...
Sulla Percettibilità dei colori   Non usare mai il colore per veicolare contenuti Le frasi corrette sono scritte in  verde...
Sulla Percettibilità dei colori   Usare il colore per veicolare contenuti solo se ridondante Le frasi corrette sono scritt...
<ul><li>Verificare con una stampa come appare il documento in B/W   </li></ul><ul><li>Verificare con una stampa come appar...
Utilizzare uno   sfondo semplice   chiaro  o  scuro e assicurare la leggibilità dei testi Corso di Formazione: Redattore d...
Quale delle seguenti descrizioni è la più corretta? 1: Isola di san Giorgio sul Canal Grande a Venezia 2: Un bicchiere, un...
Streaming Multicanale (contenuti sia audio che visivi tramite sottotitoli) dell'intervento con cui Piero Angela il 19 sett...
Evitare slide con troppi concetti e caratteri piccoli Corso di Formazione: Redattore di Sito Web Dipartimentale Caratteri ...
Preferire formati per la codifica di contenuti  *standard e aperti* Corso di Formazione: Redattore di Sito Web Dipartiment...
Per essere sicuri di aver creato un contenuto digitale comprensibile e percettibile da tutti,  basta selezionarlo, copiarl...
Tu sei libero  di riprodurre, distribuire, esporre in pubblico quest'opera;  alle seguenti condizioni: BY - Attribuzione. ...
Tu sei libero  di non seguire questi consigli nel creare contenuti digitali;  alle seguenti condizioni: Spreco .  Creare o...
<ul><li>The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.  ...
Upcoming SlideShare
Loading in …5
×

Corso di Formazione: Redattore di Sito Web Dipartimentale

503 views

Published on

Corso di formazione sull'aggiornamento di siti web dell’area medica accessibilmente usabili.

Dipartimento di Pediatria Salus Pueri
Facoltà di Medicina e Chirurgia
Comunità di Pratica U-WAKES

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
503
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Corso di Formazione: Redattore di Sito Web Dipartimentale

  1. 1. Redattore di Sito Web Dipartimentale Dipartimento di Pediatria Salus Pueri Facoltà di Medicina e Chirurgia Comunità di Pratica U-WAKES Corso di formazione sull'aggiornamento di siti web dell’area medica accessibilmente usabili
  2. 2. <ul><li>9.45-10.30 * Perché? Parte Teorica* . Perché, per essere abilitati ad aggiornare il sito della propria struttura, è necessario conoscere: </li></ul><ul><li>1) il regolamento d’Ateneo; </li></ul><ul><li>2) la legge italiana sui siti web di PA (L. 4/2004); </li></ul><ul><li>3) gli standard internazionali del W3C (WCAG 2.0)? </li></ul><ul><li>10.45-11.30 * Come? Parte Pratica* . Come applicare alle istanze dipartimentali e a quella della presidenza della Facoltà, i principi generali suggeriti da regolamenti, leggi e standard? </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Sommario
  3. 3. Prima parte Perché?
  4. 4. <ul><li>Lo scopo di un sito di Ateneo è quello di fornire contenuti didattici, informazioni e servizi orientati all'utenza (Studenti, Docenti, Ricercatori…). </li></ul><ul><li>Un sito con informazioni aggiornate può dare un servizio altrimenti è una inutile e ridicola vetrina. </li></ul><ul><li>E' opportuno fornire a tutti coloro che pubblicano sul web, semplici linee guida condivise sull’usabilità accessibile che recepiscono le indicazioni a livello: </li></ul><ul><ul><li>Locale: Regolamento d’Ateneo </li></ul></ul><ul><ul><li>Nazionale: Legge Stanca (Campa-Palmieri) </li></ul></ul><ul><ul><li>Internazionale: WCAG/W3C </li></ul></ul><ul><li>Per questo è necessario curare * l'uniformità funzionale* dell’offerta didattica e dei servizi. </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Premesse
  5. 5. Personaggi ed Evoluzione del [email_address]
  6. 6. Corso di Formazione: Redattore di Sito Web Dipartimentale I Personaggi Web Master Redattore Utente Sito
  7. 7. <ul><li>Web 1.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: ieri
  8. 8. <ul><li>Web 2.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: oggi
  9. 9. <ul><li>Web 3.0 </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Evoluzione: domani
  10. 10. Interazione Uomo – Macchina Cittadino – Servizio Pubblico
  11. 11. elaborazione output percezione cognizione azione input Corso di Formazione: Redattore di Sito Web Dipartimentale Interazione Uomo Macchina 1.0
  12. 12. Corso di Formazione: Redattore di Sito Web Dipartimentale Interazione Uomo Macchina 2.0 elaborazione output percezione cognizione azione input
  13. 13. Regolamenti Leggi Standard Linee Guida
  14. 14. <ul><li>Regolamentazione (…) Ateneo (…) web strutture </li></ul><ul><ul><li>www.unipd.it/regolamenti/ricerca_prestazionicontoterzi-Ricerca.htm </li></ul></ul><ul><li>* Legge “Stanca (Campa-Palmieri)”* “Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici” </li></ul><ul><ul><li>www.governo.it/Presidenza/web/legge09012004.html </li></ul></ul><ul><li>WCAG 2.0: linee guida del progetto WAI del W3C. </li></ul><ul><ul><li>www.w3.org/TR/WCAG/ </li></ul></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Ateneo, Legge “Stanca” e WCAG/W3C
  15. 15. <ul><li>“… I siti dovrebbero essere * conformi alla normativa italiana in materia di accessibilità * (…) e tenere conto delle linee guida del progetto WAI - Web Accessibility Initiative del W3C (WCAG 2.0 ndr).” </li></ul><ul><li>Il regolamento nel 2004 non imponeva ma solo proponeva ma dal novembre del 2009 c’é </li></ul><ul><li>http://www.accessibile.gov.it/consulta/ </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Regolamentazione (…) Ateneo (…) web strutture
  16. 16. Corso di Formazione: Redattore di Sito Web Dipartimentale Dai 22 requisiti della legge “Stanca (Campa-Palmieri)” <ul><li>Requisiti 3 e 18 : Curare la presentazione multicanale di oggetti multimediali e non testuali. Fornire nel caso di immagini, e in special modo di quelle con del testo, la descrizione. Inoltre, ove possibile, includere un riassunto o dei sottotitoli nel caso di filmati. </li></ul><ul><li>Requisiti 4 e 6 : Curare la leggibilità visiva e sonora delle informazioni testuali. Fare attenzione ai colori scelti che devono avere un buon contrasto e che non devono essere usati da soli per veicolare le informazioni. </li></ul><ul><li>Requisito 19 : Curare che la navigazione sia chiara e semplice. Il testo dei link dev'essere indicativo dell'oggetto a cui fa riferimento anche se decontestualizzato. Il contenuto deve permettere di raggiungere le varie sezioni del documento in maniera agevole. </li></ul><ul><li>Requisito 2 : Curare l’identificazione della lingua principale con cui è scritto il contenuto della pagina. Nelle pagine multilingua inserire le informazioni necessarie ad identificare I cambiamenti di lingua nelle frasi. </li></ul>
  17. 17. Un servizio informatico è accessibile quando è P U R O Percettibile : i contenuti multimediali possono essere percepiti anche anche se non si vede (audiodescrizione) o non si sente (sottotitoli); Usabile/Comprensibile : le informazioni devono essere chiare e semplici in ogni lingua; Robusto : vengono utilizzati standard ISO/W3C affinché, sia oggi che domani i contenuti, siano percepibili e usabili; Operabile : l’interfaccia per l’input è multimodale (contemporaneamente più modalità: voce/mouse/tastiera/touch screen) e la velocità dell’output visivo e vocale è personalizzabile Autore foto: Marco Filippi Licenza: Corso di Formazione: Redattore di Sito Web Dipartimentale WCAG 2.0 standard web del W3C
  18. 18. PURO - Percettibile Usabile (Comprensibile) Robusto e Operabile
  19. 19. <ul><li>I seguenti semplici consigli, </li></ul><ul><li>mostrando l’opposto, </li></ul><ul><li>Insegnano come </li></ul><ul><li>realizzare un </li></ul><ul><li>contenuto </li></ul><ul><li>digitale </li></ul><ul><li>P U R O </li></ul>http://boobam.org/tetra.htm Corso di Formazione: Redattore di Sito Web Dipartimentale Tetraedro PURO
  20. 20. Sulla Percettibilità dei colori Non usare mai il colore per veicolare contenuti Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit Un BYTE è composto da 8 bit Diventa in stampa e in video per alcuni Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit Un BYTE è composto da 8 bit Corso di Formazione: Redattore di Sito Web Dipartimentale Mai solo colore per veicolare contenuti
  21. 21. Sulla Percettibilità dei colori Usare il colore per veicolare contenuti solo se ridondante Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit: Falso Un BYTE è composto da 8 bit: Vero Diventa in stampa e in video per alcuni Le frasi corrette sono scritte in verde quelle errate in rosso Un BYTE è composto da 9 bit: Falso Un BYTE è composto da 8 bit: Vero Corso di Formazione: Redattore di Sito Web Dipartimentale Non solo colore per veicolare contenuti
  22. 22. <ul><li>Verificare con una stampa come appare il documento in B/W </li></ul><ul><li>Verificare con una stampa come appare il documento in B/W </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale Stampare a colori costa
  23. 23. Utilizzare uno sfondo semplice chiaro o scuro e assicurare la leggibilità dei testi Corso di Formazione: Redattore di Sito Web Dipartimentale Usare sfondi semplici
  24. 24. Quale delle seguenti descrizioni è la più corretta? 1: Isola di san Giorgio sul Canal Grande a Venezia 2: Un bicchiere, un piatto e una forchetta 3: 10 gondole blu Corso di Formazione: Redattore di Sito Web Dipartimentale Descrivere immagini e filmati
  25. 25. Streaming Multicanale (contenuti sia audio che visivi tramite sottotitoli) dell'intervento con cui Piero Angela il 19 settembre ha aperto nell'Aula Magna dell'Università di Padova il Convegno Berlin 5 su Open Access Corso di Formazione: Redattore di Sito Web Dipartimentale Multicanalità vs Multimedialità Estratto: http://www. youtube .com/watch?v= dtCeVpOgqFY Completo: http://www. webmultimediale .it/play. php ? vid =210 E’ importante curare la multi-canalità di un oggetto didattico multi-mediale attraverso commenti, audiodescrizioni o sottotitoli per renderlo PURO
  26. 26. Evitare slide con troppi concetti e caratteri piccoli Corso di Formazione: Redattore di Sito Web Dipartimentale Caratteri grandi e frasi corte! Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta . Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti . Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti.
  27. 27. Preferire formati per la codifica di contenuti *standard e aperti* Corso di Formazione: Redattore di Sito Web Dipartimentale Formati e protocolli standard e aperti Esempi di formati digitali standard e aperti : PDF, TXT, HTML, XML, JPEG, MP3, MPEG proprietari: DOC(X), XLS(X), PPT(X), NRG, MDB
  28. 28. Per essere sicuri di aver creato un contenuto digitale comprensibile e percettibile da tutti, basta selezionarlo, copiarlo, incollarlo in un editor di testo, stamparlo in bianco e nero e… farlo leggere ad un bimbo di 6 anni! Corso di Formazione: Redattore di Sito Web Dipartimentale Regola d’oro per un redattore PURO
  29. 29. Tu sei libero di riprodurre, distribuire, esporre in pubblico quest'opera; alle seguenti condizioni: BY - Attribuzione. Devi attribuire la paternità dell'opera. NC - Non commerciale. Non puoi usare quest'opera per fini commerciali. SA - Condividi nello stesso modo. Se alteri o trasformi quest’opera usa una licenza identica o equivalente. Corso di Formazione: Redattore di Sito Web Dipartimentale Licenza di utilizzo CC- BY-NC-SA
  30. 30. Tu sei libero di non seguire questi consigli nel creare contenuti digitali; alle seguenti condizioni: Spreco . Creare oggetti intrinsecamente accessibili evita costosi adeguamenti. Miopia . Ogni ‘normodotato’ è abile solo temporaneamente e relativamente. Inciviltà . Violazione legge 4/2004 e standard internazionali ISO/W3C Corso di Formazione: Redattore di Sito Web Dipartimentale Licenza di *non* utilizzo
  31. 31. <ul><li>The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. </li></ul><ul><li>La forza del Web risiede nella sua universalità. Che tutti possano avervi accesso, indipendentemente da eventuali disabilità, ne è un aspetto essenziale&quot; </li></ul><ul><li>Tim Berners-Lee </li></ul>Corso di Formazione: Redattore di Sito Web Dipartimentale La forza del Web Fine prima parte

×