Coordinatore GdL Siti Web per ESTAR. Docente corsi di programmazione componenti JoomlaHost.it e Joomla.it

Transcript

1

2 Coordinatore GdL Siti Web per ESTAR Docente corsi di programmazione componenti JoomlaHost.it e Joomla.it mail: info@davidfrassi.it sito: twitter:

3 1) ESTAR: Ente di supporto tecnico-amministrativo regionale, al servizio della Sanità Toscana 2) Obiettivo: realizzare con ESTAR il primo prototipo di sito istituzionale che unisce insieme gradevolezza e accessibilità, non trascurando la sicurezza 3) La scelta di Joomla come CMS Open source per i siti istituzionali regionali;

4 4) L'accessibilità con JoomlaFAP, strumenti di validazione semi automatica e requisiti WCAG 2.0 5) Nuovo sito di ESTAR: nuovo concept grafico, fotografico e adattabilità ai dispositivi mobili.

5 Punto 1 ESTAR: Ente di supporto tecnico amministrativo regionale, al servizio della Sanità Toscana

6 Istituito con L.R. n. 26/ 2014 a decorrere dal 1 ottobre 2014 per l esercizio, mediante dipartimenti di livello regionale, delle funzioni tecniche, amministrative e di supporto delle aziende sanitarie, degli enti del servizio sanitario regionale e delle società della salute è dotato di personalità giuridica pubblica, di autonomia amministrativa, organizzativa, contabile, gestionale e tecnica nello svolgimento della propria attività si articola in tre sezioni territoriali di Area Vasta: Nord-Ovest, Centro e Sud-Est.

7 Centro Nord Ovest Sud Est Regione Toscana "Nord-ovest": ASL di Lucca, Massa e Carrara, Versilia, Pisa e Livorno e AOUP di Pisa; "Sud-est": ASL di Siena, Arezzo e Grosseto e azienda ospedaliero-universitaria di Siena; "Centro": ASL di Firenze, Prato, Pistoia, Empoli e AOU di Careggi e Meyer (Firenze);

8 ASL 1 - Massa e Carrara ASL 2 - Lucca ASL 3 - Pistoia ASL 4 - Prato ASL 5 - Pisa ASL 6 - Livorno ASL 7 - Siena ASL 8 - Arezzo ASL 9 - Grosseto ASL 10 - Firenze ASL 11 - Empoli ASL 12 - Viareggio Versilia AOU Pisana - Pisa AOU Careggi - Firenze AOU Mayer - Firenze AOU Senese - Siena Ai quali si sommano tutti i siti delle Società della Salute e degli altri Enti di supporto, i siti Intranet, i siti tematici ed altri siti di servizio. La stima totale ammonta a circa 90 siti web totali +

9 Punto 2 Obiettivo: realizzare con ESTAR il primo prototipo di sito istituzionale che unisce insieme gradevolezza e accessibilità, non trascurando la sicurezza

10 progettare il primo prototipo regionale per la standardizzazione dei siti istituzionali della Sanità Toscana. Si vogliono privilegiare le seguenti caratteristiche: Accessibilità Gradevolezza Sicurezza La famosa coperta corta

11 Accessibilità: mediante l'uso dell'estensione JoomlaFAP Pro realizzata da Alessandro Pasotti ( Sicurezza: mediante l'adozione di politiche di limitazione permessi lato server e di controllo, tramite Intrusion Detection System (AIDE) sistemi di versionamento (Git), delle variazioni riscontrate sul file system. Gradevolezza: mediante lo studio di un concept grafico non preconfezionato ma progettato e realizzato appositamente, anche grazie alle competenze di programmazione, grafica, foto e video individuate in azienda.

12 Punto 3 La scelta di Joomla come CMS Open source per i siti istituzionali regionali;

13

14 ASL 1 - Massa e Carrara (Joomla) ASL 2 - Lucca ASL 3 Pistoia ASL 4 Prato (Joomla) ASL 5 Pisa (Joomla) ASL 6 Livorno (Joomla) ASL 7 Siena (Joomla) ASL 8 Arezzo (Joomla) ASL 9 - Grosseto ASL 10 Firenze (Joomla) ASL 11 - Empoli ASL 12 - Viareggio Versilia (Joomla) AOU Pisana Pisa (Joomla) AOU Careggi Firenze (Joomla) AOU Mayer Firenze (in migrazione a Joomla) AOU Senese Siena 30% altro 70% Joomla Circa il 70% dei siti attuali sono già realizzati con Joomla

15 Qualsiasi altro CMS proposto avrebbe comunque una curva di apprendimento superiore e maggiori costi, dal punto di vista formativo, per via della scarsa diffusione sul territorio regionale I tecnici ICT ad oggi presenti in ESTAR hanno maturato diversi anni di esperienza sul campo, andando al di là del semplice utilizzo del CMS ed approfondendo anche le problematiche relative allo sviluppo software di estensioni personalizzate. Il sottoscritto attualmente collabora come docente ai corsi organizzati da Joomla.it e JoomlaHost.it. Questi vengono riproposti periodicamente anche ai colleghi dell'azienda, innescando quindi un circolo virtuoso di continua crescita formativa.

16 Nonostante la classifica, Mark Zuckerberg ci ricorda la massima: use the right programming language for the task

17 Analisi del a cura di Arash Araby di butterfly.com

18 Punto 4 L'accessibilità con JoomlaFAP, strumenti di validazione semi automatica e requisiti WCAG 2.0

19 E' il progetto di accessibilità più maturo nel mondo Joomla L'autore, Alessandro Pasotti, ha esperienza pluriennale nel settore. Renderizza pagine con DOCTYPE in standard XHTML+ARIA 1.0 e non ancora HTML5 che, seppur inizi ad essere raccomandata anche dal W3C, non è ancora pienamente compatibile con le tecnologie assistive. Inoltre, per adesso, è disponibile soltanto un validatore sperimentale del W3C che verifica i requisiti tecnici di pagine HTML5. Alternativa degna di nota, il progetto Zhong di Francesco Zaniol che, seppur sia stato preso in forte considerazione, non ha avuto la stessa semplicità di personalizzazione, specialmente a livello di codice. Inoltre, nel bene e nel male, renderizza già in HTML5

20 Livello di supporto raggiunto, a giugno 2015, dalle tecnologie assistive in merito ad HTML5, come riportato da

21 Accessibile Rich Internet Applications (ARIA) Una suite di documenti tecnici che permettono di generare applicazioni e contenuti web dinamici accessibili alle persone con disabilità. Stiamo quindi parlando di AJAX, DHTML e di tutte le tecnologie che rendono dinamica la navigazione di un contenuto Web. (Roberto Scano)

22 Mettendo a confronto le due versioni disponibili di JoomlaFAP, è sicuramente preferibile la versione PRO che, anche se richiede un piccolo contributo annuale, presenta numerose funzionalità aggiuntive e garantisce una personalizzazione più flessibile

23 regole CSS aggiuntive temi CSS sostitutivi temi CSS aggiuntivi (caricati sul file system dall'utente)

24 Template standard versione Pro

25 Come indicato nel Vademecum Misurazione della qualità dei siti web delle PA pubblicato nell ottobre 2012 sul sito sono utilizzabili i seguenti strumenti per la verifica semi-automatica dei 12 requisiti WCAG 2.0 previsti per un sito accessibile;

26

27

28

29 Punto 5 Nuovo sito di ESTAR: nuovo concept grafico, fotografico e adattabilità ai dispositivi mobili.

30 Prima realizzazione gennaio Modifiche di stile direttamente da pannello di JoomlaFAP

31 Video decorativo per la presentazione dell'azienda Canali tematici per categoria di utenza Pannello con News a rotazione su div colorati in base alle sottosezione

32 Pannello strumenti con ricerca, accessibility links e menu principale Immagine fissa al posto del video decorativo Elementi della home centrati e con vista semplificata. 2 modalità: Smartphone e Tablet

33 Header di categoria Descrizione di categoria Override di modulo menu per la visualizzazione delle sottovoci in stile fotobutton

34 Descrizione di categoria semplificate Fotobutton a disposizione adattiva e responsive

35 Menu laterale con richiamo ai canali tematici principali

36 Modifiche effettuate all'interno delle 2 cartelle del template JoomlaFAP: CSS HTML

37 Creazione del file custom Estar_custom.css che raccoglie tutte le regole in override del css principale

38 inserire hidden-small nel pannello avanzate del modulo che si desidera nascondere nella modalità mobile inserire hidden-small soltanto in alcune parti specifiche del modulo, attraverso la modifica da pannello, per i moduli di tipo html, oppure tramite template override, per tutti gli altri moduli

39 inserire visible-smallblock nel pannello avanzate del modulo che si desidera mostrare solo nella modalità mobile inserire visible-small-block soltanto in alcune parti specifiche del modulo, attraverso la modifica da pannello, per i moduli di tipo html, oppure tramite template override, per tutti gli altri moduli

40 Modifica delle viste php di tutti i componenti e moduli interessati dalla personalizzazione

41 Grafica raster e Foto: Gimp Grafica vettoriale: Inkscape Editor on the fly: Notepad++ Editor IDE: Eclipse Luna PDT

42 Il Dlgs. 33/2013, in materia di Trasparenza, obbliga le PA alla pubblicazione, sul proprio sito istituzionale, degli obiettivi di accessibilità che l ente si prefigge di raggiungere per l anno a venire. ESTAR entro il 2016 dovrà: 1) Regidere il questionario di autovalutazione sull accessibilità 2) Produrre il documento di verifica dei 12 requisiti 3) Presentare l autocertificazione ad AgID (Agenzia per l Italia Digitale) per l ottenimento del bollino di accessibilità

43

44