PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

42
“PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social” Antonio Todaro Il nuovo modello di sito scolastico su piattaforma Joomla! di Porte Aperte Sul Web

Transcript of PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Page 1: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

“PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social”

Antonio Todaro

Il nuovo modello di sito scolastico su piattaforma Joomla! di Porte Aperte Sul Web

Page 2: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

• 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.

• Associazione professionisti Web (Legge 4/2013), unica della categoria nell’elenco del MISE.

L’associazione internazionale per la professionalità nel Web

partecipazioni internazionali

partecipazioni nazionali

http://www.iwa.it

Page 3: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

SMAU MILANO2015

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:

www.iwa.it/join

Perché associarsi?

Page 4: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW4Joomla! Nascita ed evoluzione

PASW4Joomla!

La Quarta versione di "Joomla! per la scuola"

1/39

Page 5: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

Page 6: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW4Joomla! – Esigenze rilevate

Esigenza di aggiornare i siti scolastici Esigenza di aggiornare i siti scolastici dalla versione 1.5 o 2.5 di Joomla! alla dalla versione 1.5 o 2.5 di Joomla! alla

versione 3.xversione 3.x

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.

Implementazione del nuovo Albo OnlineImplementazione del nuovo Albo Onlinenativo per Joomla 3nativo per Joomla 3

Integrazione di Amministrazione Integrazione di Amministrazione TrasparenteTrasparente

Non esiste un componente che consenta di popolare le sezioni previste dal D.Lgs.

33/2013

Il Template: accessibile e flessibileIl Template: accessibile e flessibile

La versione di Albo Online di Valerio Sichi necessita di una installazione

specifica su Joomla 1.5

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.

Page 7: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

Page 8: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA: le origini

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"

Il gruppo Yahoo "Porte Aperte Sul Web" I gruppi social su Scuola Cooperativa

Plone è uno dei CMS utilizzati anche per PASW ma, negli anni, è diminuito il numero degli utilizzatori.

Page 9: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

"PASW: Joomla per la scuola e le PA" – un racconto fatto di post

"PASW: Joomla per la scuola e le PA"

Correva l'anno di Facebook…

Un racconto fatto di post…

Page 10: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

Page 11: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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 appartenenzaGruppo 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.

Page 12: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Inizio di un cammino

"PASW: Joomla per la scuola e le PA"

Gli iniziIl 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…

Page 13: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Obiettivi del gruppo

"PASW: Joomla per la scuola e le PA"

I primi obiettiviLa 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 soddisfazioniIl riferimento al gruppo nelle slide di Alberto Ardizzone.

10/39

Page 14: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Siamo 100

"PASW: Joomla per la scuola e le PA"

I primi 100Nonostante 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

Page 15: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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 datiDifficile pensare ad un nuovo modello quando occorre gestire sempre più sezioni che la normativa impone: settembre 2014 – Comunicazione dell'elenco base dati

Page 16: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Si comincia

"PASW: Joomla per la scuola e le PA"

Si cominciaLa scelta è fatta: Joomla 3.1 e template

accessibile Zhong in html 5, da poco riconosciuto come standard

Page 17: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Il contributo di Valerio Sichi

"PASW: Joomla per la scuola e le PA"

Lavori paralleliMentre cominciamo a lavorare sul nuovo modello, Valerio Sichi inizia a rilasciare le

versioni di test del nuovo Albo Online

Page 18: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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.

Page 19: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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.

Page 20: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – La presentazione del modello

A. Todaro – G. Pelizzari – R. Profeta – F. Colomboal termine della presentazione del nuovo modello di sito web

Grande vetrina, grande comunitàUn nuovo modello gratuito a disposizione

delle scuole

Più di 90 richieste pervenute ad oggi e 36 siti già in

produzione

A. Todaro e R. Profeta presentano il nuovo modello

Un altro grande traguardo della comunità di pratica

…e ad un paio di aziende che utilizzano il nostro modello!

Oltre al sito del Coro lirico-sinfonico Città di Enna

Page 21: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

PASW: Joomla per la scuola e le PA – Considerazioni

Il gruppo supporta tanti utentiLa 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.

…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

Page 22: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Joomla! 3.4

Al momento del rilascio di questo modello, la versione corrente è la 3.4.5

http://www.joomla.org/3/it/

PASW: Joomla per la scuola e le PA – Caratteristiche tecniche del modello

Page 23: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Il motore

Joomla! 3.4

Un esempio di schermata relativa al pannello di amministrazione

20/39

Page 24: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Il motore

Joomla! 3.4

Un esempio di schermata relativa alla gestione delle estensioni

Il motore

Page 25: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Il motore

Joomla! 3.4

Un esempio di schermata relativa alla gestione articoli

NOVITÀ IMPORTANTE! Versioni degli articoli

Il motore

NOVITÀ IMPORTANTE! Gestione dei TAG

Page 26: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

La scelta di un'installazione essenziale

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à.

PASW4Joomla!

Il motore

Page 27: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

I componenti ai quali non rinunciare

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.

PASW4Joomla!

I componenti utilizzati - 1

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

Page 28: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

I componenti ai quali non rinunciare

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 ProfetaL'esempio di test è disponibile al link:

PASW4Joomla!

I componenti utilizzati - 2

http://goo.gl/gqQ4am

Page 29: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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 - 3

Page 30: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

I componenti ai quali non rinunciare

*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.

PASW4Joomla!

I componenti utilizzati - 4

*In fase di installazione sul pacchetto PASW4Joomla

Page 31: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

ZHONG

众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

Dal sito del produttore众人拾柴火焰高

Il nuovo template

Page 32: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

Dal sito del produttore众人拾柴火焰高

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

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

Page 33: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

* Per gentile concessione di Francesco Zaniol – ad uso esclusivo dei siti scolastici realizzati con il presente modello

La versione del template Zhong per Porte Aperte Sul Web non riporta i crediti del produttore*

Il nuovo template e ulteriori sviluppi

30/39

Page 34: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

http://www.accessibletemplate.com/zhong/features

E ancora…

!Caratteristiche principali del template free

Pannello accessibilitàLayout Width switcherHigh Contrast LayoutBest LegibilityNight ModeFont Resize ToolResponsive ObjectsResponsive Font SizeMultilanguageCrossbrowser40 Custom Module Positions AvailableNon essential Javascript

Il nuovo template: caratteristiche

Page 35: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

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

http://www.accessibletemplate.com/zhong/features

E ancora…

!

Il nuovo template: accessibilità

Specifiche di accessibilità del template

Anchors menuSection headingsARIA Landmarks and Roles ImplementedWAI-ARIA ImplementedAll page functionalities are available via keyboardAccessible Javascript tooltips"Site help document" is providedTableless layoutSession cookiesPrint page styleHidden messagesCommented Code

Page 36: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Il nuovo template: posizioni dei moduli

http://www.accessibletemplate.com/demo/gallery/documentation/module-positions

Screenshot posizioni moduli al seguente url

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.

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.

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".

Page 37: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

http://valesweb.altervista.org/joomla3/

ALBO ONLINE

4

Grazie al prezioso lavoro di Valerio "Vales" Sichi è disponibile il componente aggiornato per albo online

Il componente è nativo per Joomla! 3.x e non

richiede doppia installazione di Joomla!

Il nuovo Albo online

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.

Specifica implementazione per il

rilascio su PASW4

Page 38: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Amministrazione Trasparente

4

Amministrazione Trasparente

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.

La struttura e la realizzazione di Amministrazione Trasparente sono opera di

Pietro Campanile.

Page 39: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Altre caratteristiche

Realizzazione Rosario Profeta

Video Tutorial di installazione

http://www.paswjoomla.net/

http://www.scuolacooperativa.net/joomla/

Link al modello e alle istruzioni per il download

Sito di test

Page 40: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Sviluppi futuri

Verifiche tecniche modulistica onlineTesting di ulteriori plugin

Un secondo modello con Joomla! FAP

Page 41: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Stay tuned!

FAP è già tra noi!

STAY TUNED!

Page 42: PASW4Joomla! Un nuovo modello di sito scolastico in modalità di sviluppo social

Ringraziamenti

Un ringraziamento speciale, con affetto e gratitudine, ad Alberto Ardizzone: senza di te non sarebbe stato possibile nulla di tutto ciò.

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.

Informazioni di contatto:Antonio Todaro

Email ufficio: [email protected] per info: [email protected]

Tel. Uff.: 035 884516

AUTORI DEL MODELLO

ANTONIO TODAROROSARIO PROFETAPIETRO CAMPANILEANTONIO POLITOANNARITA LAURIGIULIO OLLASCI

VALERIO SICHI ALBO ONLINE

"PASW: Joomla per la scuola e le PA"