“PASW4Joomla! Un nuovo modello di sito
scolastico in modalità di sviluppo social”
Il nuovo modello di sito scolastico su piattaforma Joomla! di
Porte Aperte Sul Web
Antonio Todaro
L’associazione internazionale per la professionalità nel Web
partecipazioni internazionali
• 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.
partecipazioni nazionali
• Associazione professionisti Web (Legge
4/2013), unica della categoria nell’elenco del
MISE.
Perché associarsi?
IWA Italy è associazione professionale
che raggruppa chi opera nel Web,
ovvero i soggetti che - ai sensi della
legge 4/2013, sono definibili come
"professionisti Web" (liberi
professionisti, dipendenti - pubblici e
privati, altre forme di lavoro che come
attività prevalente operano nel Web).
IWA Italy ha inoltre rilasciato i primi
profili professionali (G3 Web Skill
Profiles) in linea con i dettami
dell'agenda digitale europea e italiana
ed ha avviato accordi di collaborazione
con realtà di tutela del lavoro (sindacati)
e di domanda/offerta di lavoro: ancora
una volta il ruolo di IWA è quello di
unire, far collaborare e tutelare chi
opera nel Web.
http://www.skillprofiles.eu
Quota speciale
€ 50,00
Potrai ottenere uno sconto sulla quota
associativa che pagherai € 50,00 anziché
€ 65,00. Lo sconto vale sia per i nuovi
soci che per i rinnovi.
Per usufruire dello sconto usa in fase di
registrazione o rinnovo il seguente
promocode:
SMAU MILANO2015
www.iwa.it/join
PASW4Joomla! Nascita ed evoluzione
PASW4Joomla!
La Quarta versione di
"Joomla! per la scuola"
1/39
PASW4Joomla!
Il modello è stato presentato alla "Giornata Aperta Sul Web" il 29 maggio 2015: esso rappresenta
l'evoluzione dei siti Joomla realizzati negli anni scorsi dalla comunità di pratica di Porte Aperte Sul Web,
nell'ambito del progetto "Un CMS per la Scuola"
1° Modello: a cura di Lavia Di Sabatino,
basato su Joomla 1.5, template FAP
2° Modello: a cura di Gianluigi Pelizzari,
basato su Joomla 2.5 template FAP
3° Modello: a cura di Anna Rita Lauri,
basato su Joomla 2.5 template FAP
modificato
PASW4Joomla! – Esigenze rilevate
Esigenza di aggiornare i siti scolastici
dalla versione 1.5 o 2.5 di Joomla! alla
versione 3.x
Implementazione del nuovo Albo Online
nativo per Joomla 3
Lo sviluppo e l'aggiornamento della
versione 2.5 sono terminati alla fine del
2014 e ciò comporta seri rischi per la
sicurezza dei siti.
La versione di Albo Online di Valerio
Sichi necessita di una installazione
specifica su Joomla 1.5
Integrazione di Amministrazione
Trasparente
Il Template: accessibile e flessibile
Non esiste un componente che consenta di
popolare le sezioni previste dal D.Lgs.
33/2013
Esigenza di disporre di un template più
personalizzabile e tale da consentire la
gestione del layout grafico e delle posizioni
dei moduli in modo più flessibile.
PASW: Joomla per la scuola e le PA
La vera innovazione del modello PASW4Joomla è rappresentata dal
metodo di lavoro
I primi modelli sono frutto del lavoro di sviluppatori
"solitari":
Lavia Di Sabatino, Gianluigi Pelizzari, Anna Rita Lauri
Il modello
ha visto il contributo di molti
PASW: Joomla per la scuola e le PA: le origini
Il gruppo Yahoo "Porte Aperte Sul Web"
I gruppi social su Scuola Cooperativa
WordPress e Drupal avevano disposizione
spazi di condivisione di idee e di confronto e
per Joomla era disponibile la sezione
specifica sul social di Scuola Cooperativa,
tuttavia poco utilizzata.
Il gruppo Facebook "Siti Scolastici"
Plone è uno dei CMS utilizzati anche per PASW ma,
negli anni, è diminuito il numero degli utilizzatori.
"PASW: Joomla per la scuola e le PA" – un racconto fatto di post
Correva l'anno di Facebook…
"PASW: Joomla per la scuola e le PA"
Un racconto fatto di post…
PASW: Joomla per la scuola e le PA: le origini
"PASW: Joomla per la scuola e le PA"
Da un'idea di Pietro Campanile e Antonio Todaro,
Il 18 gennaio 2014
nasce il gruppo Facebook dedicato a Joomla
come diramazione di "Siti Scolastici" di Porte Aperte Sul Web
Il Creatore…
…e l'amministratore del condominio
PASW: Joomla per la scuola e le PA – Regole condivise
"PASW: Joomla per la scuola e le PA"
L'esigenza di regole e l'affermazione di appartenenza
Gruppo nato il 18 gennaio 2014.
Amministratori: Pietro Campanile, Antonio Todaro.
Gruppo dedicato agli utilizzatori di Joomla in ambito scolastico e PA.
DICHIARAZIONE D'INTENTI:
Il presente gruppo nasce sulla base dei principi che animano la comunità di pratica di
PORTE APERTE SUL WEB, della quale si condividono le logiche di scambio di
informazioni e di comunione dei saperi.
Il gruppo vuole rappresentare uno spazio più ristretto per tutti coloro che utilizzano Joomla
per la redazione di siti scolastici o della PA.
Non sarà consentito il riferimento a siti o prodotti commerciali realizzati dai membri del
gruppo o altra forma di pubblicità mirata al raggiungimento di interessi commerciali.
L'iscrizione al gruppo comporta la piena condivisione di questi intenti: non saranno accettate
nuove richieste di iscrizione quando queste provengono da utenti identificati da nick name;
non sono consentiti scambi di opinioni che possano ledere la dignità delle persone. Qualora
gli amministratori del gruppo individuassero comportamento ritenuti, a loro insindacabile
giudizio, non rispettosi di quanto qui dichiarato, sarà loro facoltà rimuovere gli utenti
responsabili. Gli amministratori del gruppo potranno modificare le impostazioni di privacy o
rimuovere il gruppo senza preavviso. La richiesta di iscrizione al gruppo è considerata quale
manifestazione di accettazione di quanto qui dichiarato.
PASW: Joomla per la scuola e le PA – Inizio di un cammino
"PASW: Joomla per la scuola e le PA"
Gli inizi
Il gruppo ha consentito da subito uno scambio
importante di informazioni relativo alla
gestione degli adempimenti amministrativi
ancora da poco introdotti dalla normativa:
Amministrazione Trasparente e Dati XML per
comunicazione "avcp"
ancora in pochi, con scarso
apporto tecnico qualificato…
PASW: Joomla per la scuola e le PA – Obiettivi del gruppo
"PASW: Joomla per la scuola e le PA"
I primi obiettivi
La necessità di un nuovo modello di sito è
emersa da subito; Joomla era rimasto fermo
rispetto a WordPress e Drupal e il modello di
Porte Aperte Sul Web ormai accusava il peso
degli anni.
E le prime soddisfazioni
Il riferimento al gruppo nelle slide di Alberto
Ardizzone.
10/39
PASW: Joomla per la scuola e le PA – Siamo 100
"PASW: Joomla per la scuola e le PA"
I primi 100
Nonostante il numero degli iscritti cresca, è
ancora difficile riuscire a coordinarsi per
creare un nuovo modello.
Molti utenti sono restii a migrare verso la
nuova versione di Joomla ma è solo
questione di mesi…
…e intanto arriva Vales
PASW: Joomla per la scuola e le PA – Il supporto per la gestione degli obblighi amministrativi
"PASW: Joomla per la scuola e le PA"
Adempimenti amministrativi: elenco base dati
Difficile pensare ad un nuovo modello quando
occorre gestire sempre più sezioni che la
normativa impone: settembre 2014 –
Comunicazione dell'elenco base dati
PASW: Joomla per la scuola e le PA – Si comincia
"PASW: Joomla per la scuola e le PA"
Si comincia
La scelta è fatta: Joomla 3.1 e template
accessibile Zhong in html 5, da poco
riconosciuto come standard
PASW: Joomla per la scuola e le PA – Il contributo di Valerio Sichi
"PASW: Joomla per la scuola e le PA"
Lavori paralleli
Mentre cominciamo a lavorare sul nuovo
modello, Valerio Sichi inizia a rilasciare le
versioni di test del nuovo Albo Online
PASW: Joomla per la scuola e le PA – Sviluppare insieme, un compito arduo
"PASW: Joomla per la scuola e le PA"
Regole di sviluppo "social"
La scelta iniziale di far contribuire tutti è stata
accantonata perché in molti casi sul sito di
test gli utenti accreditati come amministratori
non hanno comunicato le modifiche effettuate
e in alcuni casi si è dovuti ripartire da zero a
causa di problemi tecnici derivanti dai
componenti installati.
PASW: Joomla per la scuola e le PA- Le fasi finali
"PASW: Joomla per la scuola e le PA"
I lavori procedono
A dicembre 2014 siamo già a metà del lavoro:
si testano componenti, si migra su uno spazio
web acquistato per l'occasione, si aggiornano
gli articoli e i contenuti demo.
PASW: Joomla per la scuola e le PA – La presentazione del modello
Più di 90 richieste pervenute
ad oggi e 36 siti già in
produzione
A. Todaro e R. Profeta presentano il nuovo modello
Grande vetrina, grande comunità
Un nuovo modello gratuito a disposizione
delle scuole
Un altro grande traguardo
della comunità di pratica
A. Todaro – G. Pelizzari – R. Profeta – F. Colombo
al termine della presentazione del nuovo modello di sito web
Oltre al sito del Coro lirico-sinfonico Città di Enna
…e ad un paio di aziende che utilizzano il
nostro modello!
PASW: Joomla per la scuola e le PA – Considerazioni
La creazione di un gruppo Facebook specifico per
Joomla ha consentito di condividere scelte,
indirizzi di progetto, modalità operative e,
soprattutto, ha incrementato il tasso tecnico a
disposizione dei docenti webmasters, grazie al
coinvolgimento e all’adesione al progetto di
Valerio Sichi, autore del modulo “Albo online”, di
Helios Ciancio, creatore del componente J2xml
fondamentale per l’esportazione e l’importazione
di articoli e allegati, di Antonio Polito,
realizzatore del componente per la firma delle
circolari: alle loro competenze, si sono aggiunte
le conoscenze tecniche degli altri componenti del
gruppo che conta, ad oggi, poco più di 300 iscritti.
Il gruppo supporta tanti utenti
…ma pochi gli utenti attivi
Occorre immaginare scenari maggiormente
collaborativi, con il contributo di molti e
un'interazione sempre più ampia tra gli utenti
Ottobre 2015: gli utenti iscritti sono 345
PASW: Joomla per la scuola e le PA – Caratteristiche tecniche del modello
Joomla! 3.4
http://www.joomla.org/3/it/
Al momento del rilascio di questo modello, la versione corrente è la 3.4.5
Il motore
Joomla! 3.4
Un esempio di schermata relativa al pannello di amministrazione
20/39
Il motore
Joomla! 3.4
Un esempio di schermata relativa alla gestione delle estensioni
Il motore
Joomla! 3.4
NOVITÀ IMPORTANTE!
Versioni degli articoli
NOVITÀ IMPORTANTE!
Gestione dei TAG
Un esempio di schermata relativa alla gestione articoli
Il motore
La scelta di un'installazione essenziale
PASW4Joomla!
Ciascun webmaster potrà aggiungere plugin e
componenti: dopo le verifiche tecniche e i test in
produzione, il modello potrà essere implementato
grazie al contributo di tutta la comunità.
I componenti utilizzati - 1
I componenti ai quali non rinunciare
PASW4Joomla!
Backup del sito: per gestire backup manuali o
programmare backup automatici quotidiani tramite
CronJob da creare attraverso il pannello di controllo
del proprio hosting, Akeeba Backup si rivela il
componente più completo; in abbinamento con
Akeeba Extract Wizard, ricreare il proprio sito, in
locale o in remoto, è alla portata anche dei neofiti.
Importazione articoli, allegati e utenti: grazie al
componente di Helios Ciancio, programmatore
entrato a far parte della nostra comunità, migrare da
un sito ad un altro è davvero semplice. J2xml
consente di esportare e importare i contenuti e gli
utenti, mantenendo le proprietà degli oggetti.
Disegnato da Freepik
I componenti utilizzati - 2
I componenti ai quali non rinunciare
PASW4Joomla!
Form online e Albo online: nel pacchetto sono
presenti ChronoForms5 e ChronoConnectivity 5 sui
quali si basa il componente Albo Pretorio Online di
Valerio Sichi. La potenza di ChronoForms5 sta
consentendo la programmazione di modulistica
online da mettere a disposizione degli istituti
scolastici, già in parte predisposta da Pietro
Campanile e implementata sul sito da Rosario
Profeta
L'esempio di test è disponibile al link:
http://goo.gl/gqQ4am
I componenti utilizzati - 3
I componenti ai quali non rinunciare
Firma Circolari: grazie al lavoro di Antonio Polito, è
possibile disporre del componente per la firma delle
circolari. Basato su Jcomments, sono possibili la
firma delle circolari e la visualizzazione del report
delle firme da parte del personale amministrativo.
PASW4Joomla!
I componenti utilizzati - 4
I componenti ai quali non rinunciare
PASW4Joomla!
*Content Template: utile componente per la
creazione automatica di circolari con logo di istituto,
date e altri elementi che semplificano la creazione di
articoli; è possibile generare la circolare
direttamente sul sito e creare successivamente la
copia in pdf per la conservazione.
*In fase di installazione sul pacchetto PASW4Joomla
Il nuovo template
Dal sito del produttore
众人拾柴火焰高
Translation: "If everyone can contribute a small piece
of wood to the fire, the flames will go higher and
higher"
Ancient Chinese proverb
The word "Zhòng" in this ancient proverb translates into
the word "everyone" in English. It is our mission to apply
the meaning of this ancient Chinese proverb to the Web,
where the information lighting today's society can be the
flames.
Everyone has the right to carry firewood to the fire, but
so often users crash into technological barriers, mainly
because websites are not developped
with accessibility in mind
众
ZHONG
Il nuovo template: la scelta
Inoltre, nel periodo in cui l'idea di un nuovo
modello iniziava a nascere all'interno del gruppo
Facebook, il template Joomla FAP non era ancora
disponibile nella versione per Joomla! 3.x
I perché di questa scelta
Particolare attenzione all'accessibilità del template
Possibilità di personalizzazioni importanti
Numero di posizioni disponibili per i moduli
众
Sviluppato in HTML 5
Dal sito del produttore
众人拾柴火焰高
Translation: "If everyone can contribute a small piece of wood to the fire, the flames will go higher and higher" Ancient Chinese proverb
The word "Zhòng" in this ancient proverb translates into the word "everyone" in English. It is our mission to apply the meaning of this ancient Chinese proverb to the Web, where the information lighting today's society can be the flames.
Everyone has the right to carry firewood to the fire, but so often users crash into technological barriers, mainly because websites are not developped with accessibility in mind
Il nuovo template e ulteriori sviluppi
Alcune precisazioni…
La scelta di Zhong non preclude la realizzazione di una prossima versione con JoomlaFAP
JoomlaFAP adesso prevede diverse releases: solo la versione predefinita è disponibile per il download gratuito
Zhong prevede anch'esso diverse releases: la versione utilizzata per il presente modello è la versione Free
La versione del template Zhong per Porte Aperte Sul Web non
riporta i crediti del produttore*
* Per gentile concessione di Francesco Zaniol – ad uso esclusivo dei siti scolastici realizzati con il presente modello
30/39
Il nuovo template: caratteristiche
Caratteristiche principali del template free












Pannello accessibilità
Layout Width switcher
High Contrast Layout
Best Legibility
Night Mode
Font Resize Tool
Responsive Objects
Responsive Font Size
Multilanguage
Crossbrowser
40 Custom Module Positions Available
Non essential Javascript
!
La versione free del template Zhong
per Porte Aperte Sul Web non riporta i
crediti del produttore*
•
• Per gentile concessione di Francesco Zaniol –
ad uso esclusivo dei siti scolastici realizzati con il presente modello
E ancora…
http://www.accessibletemplate.com/zhong/features
Il nuovo template: accessibilità
Specifiche di accessibilità del template












Anchors menu
Section headings
ARIA Landmarks and Roles Implemented
WAI-ARIA Implemented
All page functionalities are available via keyboard
Accessible Javascript tooltips
"Site help document" is provided
Tableless layout
Session cookies
Print page style
Hidden messages
Commented Code
!
La versione free del template Zhong
per Porte Aperte Sul Web non riporta i
crediti del produttore*
•
• Per gentile concessione di Francesco Zaniol –
ad uso esclusivo dei siti scolastici realizzati con il presente modello
E ancora…
http://www.accessibletemplate.com/zhong/features
Il nuovo template: posizioni dei moduli
Attenzione: è molto importante che alcuni moduli specifici
siano caricati SOLO nella loro posizione corrispondente.
I moduli che devono essere caricati nella loro posizione
corrispondenti sono:
breadcrumbs,
menu supporto,
lingua-switcher,
follow-use,
ricerca,
menu principale,
side-menu,
login,
footer-menu,
footer-crediti.
Per esempio:
Corretto: Caricare il modulo di ricerca all'interno
della posizione di "ricerca".
Sbagliato: Caricare il facebook, twitter, google oltre
a icone all'interno della posizione di "ricerca".
Corretto: Caricare il menu principale all'interno
della posizione di "menu principale".
Sbagliato: caricare una presentazione all'interno
della posizione di "menu principale".
Alcune altre posizioni sono più flessibili e possono ospitare una varietà di altri contenuti, come ad esempio una presentazione, contenuti collegati
all'articolo principale, altri plugin, notizie, eccetera.
Screenshot posizioni moduli al seguente url
http://www.accessibletemplate.com/demo/gallery/documentation/module-positions
Il nuovo Albo online
ALBO ONLINE
Grazie al prezioso lavoro di Valerio
"Vales" Sichi è disponibile il
componente aggiornato per albo online
4
Il componente è nativo
per Joomla! 3.x e non
richiede doppia
installazione di Joomla!
Specifica
implementazione per il
rilascio su PASW4
Changelog:
16) 06.07.2015 Albo Pretorio On Line Vales versione APOLV-J2.5-J3-V2 1.5.0 Nuove implementazioni:
validazione delle pagine W3C, autoconfigurazione di Albo per progetto PASW4 e per migrazioni
remoto/locale e viceversa, possibilità di rimuovere Sezioni e Categorie non utilizzate da atti già caricati.
http://valesweb.altervista.org/joomla3/
Amministrazione Trasparente
Amministrazione Trasparente
4
La struttura e la realizzazione di
Amministrazione Trasparente sono opera di
Pietro Campanile.
Ad oggi, non sono disponibili
componenti specifici per Joomla!
La gestione di Amministrazione Trasparente è affidata
ad un articolo strutturato con link e ancore di testo che
rimandano ad ulteriori articoli della medesima categoria,
personalizzabili da ciascun utente.
Altre caratteristiche
Video Tutorial di installazione
Realizzazione Rosario Profeta
Link al modello e alle istruzioni per il download
http://www.scuolacooperativa.net/joomla/
Sito di test
http://www.paswjoomla.net/
Sviluppi futuri
Verifiche tecniche modulistica online
Testing di ulteriori plugin
Un secondo modello con Joomla! FAP
Stay tuned!
FAP è già tra noi!
Ringraziamenti
"PASW: Joomla per la scuola e le PA"
AUTORI DEL MODELLO
ANTONIO TODARO
ROSARIO PROFETA
PIETRO CAMPANILE
ANTONIO POLITO
ANNARITA LAURI
GIULIO OLLASCI
Un ringraziamento speciale, con affetto e
gratitudine, ad Alberto Ardizzone: senza di te non
sarebbe stato possibile nulla di tutto ciò.
VALERIO SICHI ALBO ONLINE
Informazioni di contatto:
Antonio Todaro
Email ufficio: [email protected]
Email per info: [email protected]
Tel. Uff.: 035 884516
Grazie a tutta la comunità di pratica di Porte
Aperte Sul Web.
A IWA per darci la possibilità di diffondere i
principi che la animano.