Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

TYPO3 per la pubblica amministrazione

715 views

Published on

Presentazione del Government Package di TYPO3

Il Government Package è una distribuzione pre-configurata di TYPO3. Contiene Best Practices per migliorare il livello di accessibilità dei siti web.
Il Government Package è un buon punto di partenza per sviluppare con TYPO3 siti web per la pubblica amministrazione che rispettino la normativa italiana sulla accessibilità (Legge stanca e successive circolari tecniche).
Il Government Package è un progetto ancora in progress. Solo parte degli obiettivi iniziali del progetto sono stati raggiunti.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

TYPO3 per la pubblica amministrazione

  1. 1. TYPO3 per la Pubblica Amministrazione Rino RazziT3Camp Italia 2012 Bologna 16/17 Novembre 2012Levento italiano dedicato a TYPO3 Novotel fiera Bologna
  2. 2. T3CAMP Italia Presentazione relatore Bologna 16 -17 novembre 2012 Rino Razzi Dal 1994 si occupa di progettazione e consulenza web Nel 1996 co-fondatore della Archimede Informatica Società Cooperativa di cui è tuttora il presidente Nel 1997 si laurea in Scienze dellInformazione allUniversità di Pisa Dal 2003 ha cominciato a realizzare portali con TYPO3 Nel 2010 è diventato “Certified TYPO3 Integrator” In Archimede Informatica si occupa di coordinare e gestire l’intera fase di realizzazione dei progetti web, dalla analisi dei requisiti alla progettazione fino alla implementazione finale.Pag. 2 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  3. 3. T3CAMP Italia Presentazione relatore Bologna 16 -17 novembre 2012 Archimede Informatica: alcuni clienti e partner ISTAT – Istituto Nazionale di Statistica CNR di Pisa (vari istituti) Università di Pisa, Università di Firenze, Università della Calabria Opera Primaziale Pisana Language Logic L.L.C. - USA The 3rd Degree Limited – Londra Quotidiano nazionale “il manifesto” Centro di Ricerca Beni Culturali (CriBeCu) - Scuola Normale di Pisa Comune di Pisa e di Pistoia AS I- Agenzia Spaziale Italiana Legacoop Nazionale e RegionaliPag. 3 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  4. 4. T3CAMP Italia Obiettivo della relazione Bologna 16 -17 novembre 2012 Presentazione del Government Package di TYPO3 Il Government Package è una distribuzione pre-configurata di TYPO3. Contiene Best Practices per migliorare il livello di accessibilità dei siti web. Il Government Package è un buon punto di partenza per sviluppare con TYPO3 siti web per la pubblica amministrazione che rispettino la normativa italiana sulla accessibilità (Legge stanca e successive circolari tecniche). Il Government Package è un progetto ancora in progress. Solo parte degli obiettivi iniziali del progetto sono stati raggiunti.Pag. 4 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  5. 5. T3CAMP Italia Schema della presentazione Bologna 16 -17 novembre 2012 Di seguito tratteremo i seguenti punti Cenni sul concetto di accessibilità dei siti web, sulle leggi italiane e sugli standard internazionali Che cosè lAccessibilità di un sito web LAccessibilità per la legge italiana Gli standar internazionali e le tecnologie Presentazione del TYPO3 Government Package Chi lo ha realizzato e perchè Caratteristiche e funzionalità per laccessibilità Scaricare ed installare il Package Risorse utiliPag. 5 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  6. 6. T3CAMP Italia LAccessibilità di un sito web Bologna 16 -17 novembre 2012 Che cosè lAccessibilità di un sito web Da Wikipedia: “ Laccessibilità nelle tecnologie e nel Web Una risorsa accessibile facilita laccesso alla più grande fascia di individui, con ogni tipo di mezzo e disabilità. Più nello specifico, un sito web accessibile : Utilizza un codice o struttura semanticamente corretta, logica e con una grammatica formale validata Utilizza testi chiari, fluenti e facilmente comprensibili Utilizza testi alternativi per ogni tipo di contenuto multimediale Sfrutta titoli e link che siano sensati anche al di fuori del loro contesto (evitando, ad esempio, link su locuzioni come "clicca qui") Ha una disposizione coerente e lineare dei contenuti e dellinterfaccia grafica Inoltre, come già detto dovrebbe essere compatibile col maggior numero di configurazioni software e hardware e utilizzare colori standard e ad alto contrasto fra di loro. “Pag. 6 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  7. 7. T3CAMP Italia LAccessibilità in Italia Bologna 16 -17 novembre 2012 LAccessibilità per la legge italiana La legge Stanca (9 gennaio 2004), contiene le disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici. I soggetti destinatari della legge, sono: pubbliche amministrazioni enti pubblici economici aziende private concessionarie di servizi pubblici enti di assistenza e di riabilitazione pubblici aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico aziende municipalizzate regionali aziende appaltatrici di servizi informatici.Pag. 7 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  8. 8. T3CAMP Italia LAccessibilità in Italia Bologna 16 -17 novembre 2012 Definizioni di Accessibilità e Tecnologie Assistive La legge Stanca introduce due definizioni di base: a) «accessibilità»: la capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari; b) «tecnologie assistive»: gli strumenti e le soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici.Pag. 8 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  9. 9. Accessibilità e standard T3CAMP Italia Bologna tecnologici 16 -17 novembre 2012 Gli standar internazionali e le tecnologie W3C - World Wide Web Consortium Le linee guida internazionalmente più utilizzate per quanto concerne il web sono le WCAG (Web Content Accessibility Guidelines) redatte dalla WAI (Web Accessibility Initiative, sezione del World Wide Web Consortium). La versione più recente è la WCAG 2.0: - W3C Recommendation 11 December 2008: http://www.w3.org/TR/WCAG20/ - versione italiana: http://www.w3.org/Translations/WCAG20-it/ HTML5 E lultima evoluzione di HTML. Non nasce specificamente per migliorare laccessibilità, ma introduce comunque nuove strutture “semantiche”, che facilitano laccessibiltà dei contenuti (nav, section, article, …). Inoltre semplifica la gestione e la fruizione dei contenuti multimediali (video, audio, immagini)Pag. 9 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  10. 10. Il Government Package di T3CAMP Italia Bologna TYPO3 16 -17 novembre 2012 Cosa è il Government PackageIl Government Package: una distribuzione pre-configurata di TYPO3 che racchiude le Best Practices per migliorare il livello di accessibilità dei siti web. realizzato dalla TYPO3 Association con il finanziamento di una agenzia governativa tedesca (Bundesanstalt für Landwirdschaft und Ernährung) con lobiettivo generale di migliorare laccessibilità e lusabilità un buon punto di partenza per lo sviluppo dei siti web conformi alle raccomandazioni e alle normativa sulla accessibilità. disponibile solo per TYPO3 4.7 e TYPO3 6.0Pag. 10 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  11. 11. Il Government Package di T3CAMP Italia Bologna TYPO3 16 -17 novembre 2012 Gli ingredienti principali TYPO3 4.7 Set di estensioni ottimizzate TYPO3 HTML5 / New css_styled_content A21Glossary / ContrastSwitch Government Package Jquery Colorbox / ..... Layout e Design pensati per Uso di “em” CSS “ad hoc” “ad hoc” accessibilitàPag. 11 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  12. 12. Il Government Package di T3CAMP Italia Bologna TYPO3 16 -17 novembre 2012 Features Accessibilità skip links per facilitare la navigazione dei screen reader uso del tasto TAB per la navigazione main navigation main content column avere un buon rapporto di contrasto e la “opzione contrasto” predisposto per funzionare bene con lo zoom del browser Glossario degli acronimi Screen reader “embedded” nel browser (online demo)Pag. 12 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  13. 13. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Skip links per screen readerPag. 13 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  14. 14. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Skip links per screen readerPag. 14 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  15. 15. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Skip links per screen readerPag. 15 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  16. 16. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Skip links per screen reader HTML <body id="three-columns"> <div id="container"> <div class="wrapper"> <p class="sr-hint no-print"> <a href="home.html#nav-main" >Vai alla navigazione</a> - <a href="home.html#content-column" >Vai ai contenuti</a> </p> <header class="no-print"> <nav role="navigation" id="nav-top"> <h2 class="sr-hint"> Top-Navigation </h2>.....................Pag. 16 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  17. 17. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Uso del TAB per navigazione La funzionalità di navigazione con il TAB è ottenuta con il PlugIn jQuery ColorBox, inserito in TYPO3 con la omonima estensione jQueryColorBoxPag. 17 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  18. 18. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Opzione contrasto Usa lestensione Contrast Switch (key: contrast) per attivare una versione ad alto contrasto della pagina. Lestensione attiva un CSS alternatvo e salva lo stato nella sessione utente.Pag. 18 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  19. 19. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Opzione contrasto Usa lestensione Contrast Switch (key: contrast) per attiavre una versione ad alto contrasto della pagina. Lestensione attiva un CSS alternatvo e salva lo stato nella sessione utente.Pag. 19 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  20. 20. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Compatibile con zoom del browser Usando lo zoom del browser (CTRL + e CTRL -) la pagina resta proporzionata. Uso di “em” invece di “px” nei CSS. Help agli utenti sulluso dei tasti di zoomPag. 20 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  21. 21. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Glossario gestito automaticamente Un Glossario viene gestito automaticamente da TYPO3. Tutti i termini presenti nel glossario vengono automaticamente trovati ni testi del sito e lincati alla voce con la descrizione. Viene utilizzata lestensione typo3 A21GlossaryPag. 21 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  22. 22. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Screen Reader “embedded” nella pagina(SOLO SULLA DEMO ONLINE) In ogni pagina è presente un link alla funzione che effettua lo screenreading del testo contenuto nella pagina. Funziona con la estensione ReadSpeaker che utilizza ilservizio online omonimo. Il link è attivabile da tastiera con uno shortcut da tastiera (accesskey=L).Usando la combinazione di tasti giusta (dipende dal browser e dal SO) si attiva direttament lo speaker.Pag. 22 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  23. 23. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Screen Reader “embedded” nella pagina(SOLO SULLA DEMO ONLINE) In ogni pagina è presente un link alla funzione che effettua lo screenreading del testo contenuto nella pagina. Funziona con la estensione ReadSpeaker che utilizza ilservizio online omonimo. Il link è attivabile da tastiera con uno shortcut da tastiera (accesskey=L).Usando la combinazione di tasti giusta (dipende dal browser e dal SO) si attiva direttament lo speaker.Pag. 23 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  24. 24. Government Package : T3CAMP Italia Bologna features 16 -17 novembre 2012 Nuovi TAG HTML5 utilizzati <body id="three-columns"> ........ <header class="no-print"> <nav id="nav-top" role="navigation"> <h2 class="sr-hint">Top-Navigation</h2> </nav> <div id="title">..........</div> <div id="logo"> ........</div> </header> .............................................................. <section> <article id="c157"> <header class="csc-header csc-header-n1"> <h1 class="csc-firstHeader">Das TYPO3 Government Package</h1> </header> </article> <article id="c155"> .......... </article>Pag. 24 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  25. 25. Il Government Package di T3CAMP Italia Bologna TYPO3: dove si trova 16 -17 novembre 2012 Scaricare e installare il Package Package scaricabile dal http://typo3.org/download/ Package installabile con stesse modalità dellIntroduction Package Seguire le procedure standar di installazione di TYPO3 Virtual Appliance scaricabile da http://www.typo3-installer.de Appliance con TYPO3 e Government Package per VMWare e VirtualBox Con VMWare basta scaricare il Player e far partire la macchian virtuale Molto comodo per fare un test in tempi rapidi e con poco lavoroPag. 25 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  26. 26. T3CAMP Italia Risorse utili Bologna 16 -17 novembre 2012Accessibilità, Leggi, standardSito IWA Italy (International Webmaster Association) riguardante laccessibilità ● → http://webaccessibile.org/Schema del Regolamento attuazione della legge Stanca ● → http://www.governo.it/presidenza/web/regolamento09072004.htmlLinee guida per i siti web della PA - Edizioni 2010 e 2011 ● → http://www.funzionepubblica.gov.it/lazione-del-ministro/linee-guida-siti-web- pa/presentazione.aspxWeb Content Accessibility Guidelines (WCAG) 2.0 - W3C Recommendation 11 December 2008 ● → http://www.w3.org/TR/WCAG20/ ● → http://www.w3.org/Translations/WCAG20-it/ (versione italiana)Pag. 26 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  27. 27. T3CAMP Italia Risorse utili Bologna 16 -17 novembre 2012 Demo del Government Package http://government.v4.demo.typo3.org/home.html Pagina ufficiale del progetto Typo3 Government Package: http://forge.typo3.org/projects/v4dist-government/repository Sito per scaricare la Virtual Appliance Typo3 Government Package http://www.typo3-installer.de (appliance Typo3 con Gov Pack)Pag. 27 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  28. 28. T3CAMP Italia Risorse utili Bologna 16 -17 novembre 2012 Considerazioni finali Il Government Package NON è lunico modo per sviluppare siti accessibili in TYPO3 - Con la potenza e la versatilità di TYPO3, si può già fare tutto. - Il Government Package è un buon esempio da cui prendere spunto sia per le funzionalità implementate che per le soluzioni tecniche scelte. Il Government Package è ancora un “work in progress” - Non tutte le funzionalità previste nel progetto iniziale sono ancora state implemente. - Molto dipende anche dagli sviluppi di HTML5, da come sarà supportato da TYPO3 e da come sarà supportato nei vari cliente/devicePag. 28 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/
  29. 29. T3CAMP Italia Risorse utili Bologna 16 -17 novembre 2012 FINE GRAZIE PER LATTENZIONE !!!Pag. 29 E-mail: razzi@archicoop.it || web: http://www.archicoop.it/

×