SlideShare a Scribd company logo
PASW4Joomla!
La Quarta versione di Joomla! per la scuola
29 maggio 2015
Giornata Aperta Sul Web 2015
Milano
PASW4Joomla!
Il modello presentato rappresenta l'evoluzione dei modelli realizzati negli anni scorsi
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
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Le novità introdotte
IL MOTORE
Joomla! 3
IL TEMPLATE
Zhong
ALBO ONLINE
nativo per joomla 3.x
Amministrazione Trasparente
4
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il motore
Joomla! 3.4
Al momento del rilascio di questo modello, la versione corrente è la 3.4.1
http://www.joomla.org/3/it/
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il motore
Joomla! 3.4
Un esempio di schermata relativa al pannello di amministrazione
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il motore
Joomla! 3.4
Un esempio di schermata relativa alla gestione delle estensioni
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il motore
Joomla! 3.4
Un esempio di schermata relativa alla gestione articoli
NOVITÀ IMPORTANTE!
La possibilità di gestire le versioni degli articoli
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
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!
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il template
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
众人拾柴火焰高
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il template
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 众
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
Il template
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
众人拾柴火焰高
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
众
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
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 template
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
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
La versione del template Zhong per Porte Aperte Sul Web
non riporta i crediti del produttore*
Una necessaria premessa…
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015
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
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
http://www.accessibletemplate.com/zhong/features
E ancora…
!
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
http://www.accessibletemplate.com/zhong/features
Elenco delle caratteristiche disponibile all'url:
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.
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".
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.
Questi moduli sono: tutti i parte-top / bottom / posizioni sinistra / destra e di tutte le posizioni footer-top e main-top.
https://www.accessibletemplate.com/demo/gallery/documentation/modules-and-menus-style
Elenco stili moduli e menù al seguente url
Stili dei moduli e dei menù
•zf--block-coat--marked-default
•zf--block-coat—plain
•zf--block-coat--full-width
•zf--block-coat--marked-light
•zf--block-coat--marked-dark
•zf--block-coat--colored-red
•zf--menu-container
NOTA BENE: puoi associare diversi stili e abbinare lo stile "menu container"
con uno degli stili precedenti
Nel modello pasw4joomla abbiamo assegnato alcuni di questi stili ai moduli presenti: tramite il pannello di amministrazione del
template è possibile visualizzare gli stili applicati e modificarli a piacimento.
https://www.accessibletemplate.com/demo/gallery/documentation/snippets
Elenco Snippets al seguente url
What is a snippet?
The template snippets are special CSS classes that you can assign to HTML elements to style them.
Cosa sono gli snippets?
Gli snippets del template costituiscono speciali classi CSS che tu puoi assegnare agli elementi
HTML per associare uno stile determinato.
Posso assegnare gli stili degli snippets a:
 TESTO
 PAGINA INTERA
 MODULO
 MENU
 IMMAGINI
Snippets
Cosa manca nella
versione free
Slideshow accessibile
Personalizzazione
grafica aggiuntiva
Layout mobile
http://valesweb.altervista.org/joomla3/
ALBO ONLINE
nativo per joomla 3.x
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!
http://valesweb.altervista.org/joomla3/
ALBO ONLINE
nativo per joomla 3.x
4
Per l'installazione, la configurazione e la gestione del componente rimandiamo al sito di Vales
4
Amministrazione Trasparente
Realizzazione Contenuti
Pietro Campanile
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 di Amministrazione
Trasparente è opera di Pietro
Campanile.
Analisi delle caratteristiche del modello
Realizzazione Rosario Profeta
Video Tutorial di installazione
http://www.paswjoomla.net/
http://www.scuolacooperativa.net/joomla/
Sviluppi futuri
Un secondo modello con joomla! FAP
Testing di ulteriori plugin
Verifiche tecniche modulo "firma circolari"
Plugin per la gestione della Cookie policy
…
http://www.paswjoomla.net/
http://www.scuolacooperativa.net/joomla/
Workshop Joomla! Milano 29 maggio 2015
Giornata Aperta Sul Web 2015 Presentazione curata da A. Todaro
PASW4Joomla!
La Quarta versione del
modello di PASW
Il 29 maggio a Milano
AUTORI DEL MODELLO
ANTONIO TODARO
ROSARIO PROFETA
PIETRO CAMPANILE
ANTONIO POLITO
ANNARITA LAURI
GIULIO OLLASCI
VALERIO SICHI ALBO ONLINE

More Related Content

What's hot

WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
Marco Milesi
 
WordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumentiWordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumenti
Marco Milesi
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
Lavia Di Sabatino
 
Perchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del WebPerchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del Web
bonaventuradibello
 
CMS Scolastici 11mag09
CMS Scolastici 11mag09CMS Scolastici 11mag09
CMS Scolastici 11mag09
Renata Durighello
 
Lezione 3 - Il CMS Joomla
Lezione 3 - Il CMS JoomlaLezione 3 - Il CMS Joomla
Lezione 3 - Il CMS Joomla
Giuseppe Cramarossa
 
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
bsdlover
 
La social media policy a scuola: da dove cominciare?
La social media policy a scuola: da dove cominciare?La social media policy a scuola: da dove cominciare?
La social media policy a scuola: da dove cominciare?
Federica Scarrione
 
Wordpress corso base 2013
Wordpress corso base 2013Wordpress corso base 2013
Wordpress corso base 2013
Valentina Cinelli
 
Il tuo sito online con i C.M.S.
Il tuo sito online con i C.M.S.Il tuo sito online con i C.M.S.
Il tuo sito online con i C.M.S.
Boris Amico
 
WordPress per siti scolastici a norma
WordPress per siti scolastici a normaWordPress per siti scolastici a norma
WordPress per siti scolastici a norma
Marco Milesi
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso Bacic
Renato Gelforte
 
Differenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.comDifferenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.com
Olegs Belousovs
 
05 - Introduzione al Web II
05 - Introduzione al Web II05 - Introduzione al Web II
05 - Introduzione al Web II
Giuseppe Vizzari
 
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
bsdlover
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenze
Raoul Pettenò
 
Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e Conversazione
Giorgio Taverniti
 

What's hot (19)

WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
WordPress per siti scolastici a norma: motori di ricerca, utenti e gestione g...
 
WordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumentiWordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumenti
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
 
Perchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del WebPerchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del Web
 
CMS Scolastici 11mag09
CMS Scolastici 11mag09CMS Scolastici 11mag09
CMS Scolastici 11mag09
 
Lezione 3 - Il CMS Joomla
Lezione 3 - Il CMS JoomlaLezione 3 - Il CMS Joomla
Lezione 3 - Il CMS Joomla
 
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…
 
Joomla
JoomlaJoomla
Joomla
 
La social media policy a scuola: da dove cominciare?
La social media policy a scuola: da dove cominciare?La social media policy a scuola: da dove cominciare?
La social media policy a scuola: da dove cominciare?
 
I Love WordPress
I Love WordPressI Love WordPress
I Love WordPress
 
Wordpress corso base 2013
Wordpress corso base 2013Wordpress corso base 2013
Wordpress corso base 2013
 
Il tuo sito online con i C.M.S.
Il tuo sito online con i C.M.S.Il tuo sito online con i C.M.S.
Il tuo sito online con i C.M.S.
 
WordPress per siti scolastici a norma
WordPress per siti scolastici a normaWordPress per siti scolastici a norma
WordPress per siti scolastici a norma
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso Bacic
 
Differenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.comDifferenza tra WordPress.org e WordPress.com
Differenza tra WordPress.org e WordPress.com
 
05 - Introduzione al Web II
05 - Introduzione al Web II05 - Introduzione al Web II
05 - Introduzione al Web II
 
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
Siti Web: Content Management System (CMS): soluzioni Open Source per lo svilu...
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenze
 
Wordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e ConversazioneWordpress, Blog, SEO e Conversazione
Wordpress, Blog, SEO e Conversazione
 

Similar to PASW4Joomla! Il nuovo modello di sito

Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
Lavia Di Sabatino
 
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro businessphpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
Luca Scarpa
 
Convertire estensioni da Joomla! 3 a Joomla! 4
Convertire estensioni da Joomla! 3 a Joomla! 4Convertire estensioni da Joomla! 3 a Joomla! 4
Convertire estensioni da Joomla! 3 a Joomla! 4
Loredana Fineo
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
City Planner
 
Joomla! 2.5 - Presentazione al PUG Friuli
Joomla! 2.5 - Presentazione al PUG FriuliJoomla! 2.5 - Presentazione al PUG Friuli
Joomla! 2.5 - Presentazione al PUG Friuli
ccaps
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
Roberto Polillo
 
Strumenti Web2.0
Strumenti Web2.0Strumenti Web2.0
Strumenti Web2.0
sidelab1
 
Strumenti Web2
Strumenti Web2Strumenti Web2
Strumenti Web2sidelab1
 
Scelta Software Elearning
Scelta Software ElearningScelta Software Elearning
Scelta Software Elearning
FormaLms
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
Andrea Gorrini
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site builders
Roberto Polillo
 
Un social network su piattaforma Joomla!
Un social network su piattaforma Joomla!Un social network su piattaforma Joomla!
Un social network su piattaforma Joomla!
Carlo Daniele
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
Roberto Polillo
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
Giuseppe Vizzari
 
DDive11 - Mastella modello aperto-openntf-ddive11
DDive11 - Mastella modello aperto-openntf-ddive11DDive11 - Mastella modello aperto-openntf-ddive11
DDive11 - Mastella modello aperto-openntf-ddive11
Dominopoint - Italian Lotus User Group
 
Ddive11 modelloaperto
Ddive11 modelloapertoDdive11 modelloaperto
Ddive11 modelloaperto
Stefano Mastella
 
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
Antonio Todaro
 
II modulo – piattaforme cms
II modulo – piattaforme cmsII modulo – piattaforme cms
II modulo – piattaforme cms
Beesolution
 
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
Simone Bussoni
 
ConfSL: Sviluppo Applicazioni web con Symfony
ConfSL: Sviluppo Applicazioni web con SymfonyConfSL: Sviluppo Applicazioni web con Symfony
ConfSL: Sviluppo Applicazioni web con Symfony
Luca Saba
 

Similar to PASW4Joomla! Il nuovo modello di sito (20)

Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
 
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro businessphpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
phpDay 2008 - Joomla! 1.5 - Soluzione opensource per il vostro business
 
Convertire estensioni da Joomla! 3 a Joomla! 4
Convertire estensioni da Joomla! 3 a Joomla! 4Convertire estensioni da Joomla! 3 a Joomla! 4
Convertire estensioni da Joomla! 3 a Joomla! 4
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Joomla! 2.5 - Presentazione al PUG Friuli
Joomla! 2.5 - Presentazione al PUG FriuliJoomla! 2.5 - Presentazione al PUG Friuli
Joomla! 2.5 - Presentazione al PUG Friuli
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 
Strumenti Web2.0
Strumenti Web2.0Strumenti Web2.0
Strumenti Web2.0
 
Strumenti Web2
Strumenti Web2Strumenti Web2
Strumenti Web2
 
Scelta Software Elearning
Scelta Software ElearningScelta Software Elearning
Scelta Software Elearning
 
2 Esercitazione (18/19)
2 Esercitazione (18/19)2 Esercitazione (18/19)
2 Esercitazione (18/19)
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site builders
 
Un social network su piattaforma Joomla!
Un social network su piattaforma Joomla!Un social network su piattaforma Joomla!
Un social network su piattaforma Joomla!
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
DDive11 - Mastella modello aperto-openntf-ddive11
DDive11 - Mastella modello aperto-openntf-ddive11DDive11 - Mastella modello aperto-openntf-ddive11
DDive11 - Mastella modello aperto-openntf-ddive11
 
Ddive11 modelloaperto
Ddive11 modelloapertoDdive11 modelloaperto
Ddive11 modelloaperto
 
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
Il sito scolastico: guida ad una gestione condivisa su modello Joomla!
 
II modulo – piattaforme cms
II modulo – piattaforme cmsII modulo – piattaforme cms
II modulo – piattaforme cms
 
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
Ecommerce: Integrare Joomla! e Magento grazie a Yireo Magebridge per
 
ConfSL: Sviluppo Applicazioni web con Symfony
ConfSL: Sviluppo Applicazioni web con SymfonyConfSL: Sviluppo Applicazioni web con Symfony
ConfSL: Sviluppo Applicazioni web con Symfony
 

More from Antonio Todaro

Corso IC Caroli - IV lezione "podcast e slideshare"
Corso IC Caroli - IV lezione "podcast e slideshare"Corso IC Caroli - IV lezione "podcast e slideshare"
Corso IC Caroli - IV lezione "podcast e slideshare"
Antonio Todaro
 
Amministrazione trasparente
Amministrazione trasparenteAmministrazione trasparente
Amministrazione trasparente
Antonio Todaro
 
Albo online
Albo onlineAlbo online
Albo online
Antonio Todaro
 
Il sito web del docente II parte
Il sito web del docente II parteIl sito web del docente II parte
Il sito web del docente II parte
Antonio Todaro
 
Strumenti digitali web based
Strumenti digitali web basedStrumenti digitali web based
Strumenti digitali web based
Antonio Todaro
 
Il sito web del docente I parte
Il sito web del docente I parteIl sito web del docente I parte
Il sito web del docente I parte
Antonio Todaro
 
"Podcast e video tutorial" lezione del 22 maggio
"Podcast e video tutorial" lezione del 22 maggio"Podcast e video tutorial" lezione del 22 maggio
"Podcast e video tutorial" lezione del 22 maggio
Antonio Todaro
 
Strumenti online prima lezione 15 maggio
Strumenti online prima lezione 15 maggioStrumenti online prima lezione 15 maggio
Strumenti online prima lezione 15 maggio
Antonio Todaro
 
Seminario IN: presentazione della rete dell'IC di Verdellino
Seminario IN: presentazione della rete dell'IC di VerdellinoSeminario IN: presentazione della rete dell'IC di Verdellino
Seminario IN: presentazione della rete dell'IC di Verdellino
Antonio Todaro
 
Presentazione PAI ver. 3/2015
Presentazione PAI ver. 3/2015Presentazione PAI ver. 3/2015
Presentazione PAI ver. 3/2015
Antonio Todaro
 
Digital compensation
Digital compensationDigital compensation
Digital compensation
Antonio Todaro
 
Seminario di presentazione dei CTI della Provincia di Bergamo
Seminario di presentazione dei CTI della Provincia di BergamoSeminario di presentazione dei CTI della Provincia di Bergamo
Seminario di presentazione dei CTI della Provincia di Bergamo
Antonio Todaro
 
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare ZingoniaPresentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
Antonio Todaro
 
Indicazioni nazionali: alcune considerazioni
Indicazioni nazionali: alcune considerazioniIndicazioni nazionali: alcune considerazioni
Indicazioni nazionali: alcune considerazioni
Antonio Todaro
 
L'istituto comprensivo di verdellino piano triennale 2014 2017
L'istituto comprensivo di verdellino piano triennale 2014 2017L'istituto comprensivo di verdellino piano triennale 2014 2017
L'istituto comprensivo di verdellino piano triennale 2014 2017
Antonio Todaro
 
Indicazioni nazionali osservazione tra pari sperimentazione di rete
Indicazioni nazionali osservazione tra pari sperimentazione di reteIndicazioni nazionali osservazione tra pari sperimentazione di rete
Indicazioni nazionali osservazione tra pari sperimentazione di rete
Antonio Todaro
 
Corso per dsa: utilizzo dei software
Corso per dsa: utilizzo dei softwareCorso per dsa: utilizzo dei software
Corso per dsa: utilizzo dei software
Antonio Todaro
 
Presentazione di Tatiana Mulas
Presentazione di Tatiana Mulas Presentazione di Tatiana Mulas
Presentazione di Tatiana Mulas
Antonio Todaro
 
Claudia Giordano
Claudia GiordanoClaudia Giordano
Claudia Giordano
Antonio Todaro
 

More from Antonio Todaro (19)

Corso IC Caroli - IV lezione "podcast e slideshare"
Corso IC Caroli - IV lezione "podcast e slideshare"Corso IC Caroli - IV lezione "podcast e slideshare"
Corso IC Caroli - IV lezione "podcast e slideshare"
 
Amministrazione trasparente
Amministrazione trasparenteAmministrazione trasparente
Amministrazione trasparente
 
Albo online
Albo onlineAlbo online
Albo online
 
Il sito web del docente II parte
Il sito web del docente II parteIl sito web del docente II parte
Il sito web del docente II parte
 
Strumenti digitali web based
Strumenti digitali web basedStrumenti digitali web based
Strumenti digitali web based
 
Il sito web del docente I parte
Il sito web del docente I parteIl sito web del docente I parte
Il sito web del docente I parte
 
"Podcast e video tutorial" lezione del 22 maggio
"Podcast e video tutorial" lezione del 22 maggio"Podcast e video tutorial" lezione del 22 maggio
"Podcast e video tutorial" lezione del 22 maggio
 
Strumenti online prima lezione 15 maggio
Strumenti online prima lezione 15 maggioStrumenti online prima lezione 15 maggio
Strumenti online prima lezione 15 maggio
 
Seminario IN: presentazione della rete dell'IC di Verdellino
Seminario IN: presentazione della rete dell'IC di VerdellinoSeminario IN: presentazione della rete dell'IC di Verdellino
Seminario IN: presentazione della rete dell'IC di Verdellino
 
Presentazione PAI ver. 3/2015
Presentazione PAI ver. 3/2015Presentazione PAI ver. 3/2015
Presentazione PAI ver. 3/2015
 
Digital compensation
Digital compensationDigital compensation
Digital compensation
 
Seminario di presentazione dei CTI della Provincia di Bergamo
Seminario di presentazione dei CTI della Provincia di BergamoSeminario di presentazione dei CTI della Provincia di Bergamo
Seminario di presentazione dei CTI della Provincia di Bergamo
 
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare ZingoniaPresentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
Presentazione dell'IC di Verdellino al seminario: Pensare Agire Abitare Zingonia
 
Indicazioni nazionali: alcune considerazioni
Indicazioni nazionali: alcune considerazioniIndicazioni nazionali: alcune considerazioni
Indicazioni nazionali: alcune considerazioni
 
L'istituto comprensivo di verdellino piano triennale 2014 2017
L'istituto comprensivo di verdellino piano triennale 2014 2017L'istituto comprensivo di verdellino piano triennale 2014 2017
L'istituto comprensivo di verdellino piano triennale 2014 2017
 
Indicazioni nazionali osservazione tra pari sperimentazione di rete
Indicazioni nazionali osservazione tra pari sperimentazione di reteIndicazioni nazionali osservazione tra pari sperimentazione di rete
Indicazioni nazionali osservazione tra pari sperimentazione di rete
 
Corso per dsa: utilizzo dei software
Corso per dsa: utilizzo dei softwareCorso per dsa: utilizzo dei software
Corso per dsa: utilizzo dei software
 
Presentazione di Tatiana Mulas
Presentazione di Tatiana Mulas Presentazione di Tatiana Mulas
Presentazione di Tatiana Mulas
 
Claudia Giordano
Claudia GiordanoClaudia Giordano
Claudia Giordano
 

PASW4Joomla! Il nuovo modello di sito

  • 1. PASW4Joomla! La Quarta versione di Joomla! per la scuola 29 maggio 2015 Giornata Aperta Sul Web 2015 Milano
  • 2. PASW4Joomla! Il modello presentato rappresenta l'evoluzione dei modelli realizzati negli anni scorsi 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 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 3. Le novità introdotte IL MOTORE Joomla! 3 IL TEMPLATE Zhong ALBO ONLINE nativo per joomla 3.x Amministrazione Trasparente 4 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 4. Il motore Joomla! 3.4 Al momento del rilascio di questo modello, la versione corrente è la 3.4.1 http://www.joomla.org/3/it/ Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 5. Il motore Joomla! 3.4 Un esempio di schermata relativa al pannello di amministrazione Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 6. Il motore Joomla! 3.4 Un esempio di schermata relativa alla gestione delle estensioni Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 7. Il motore Joomla! 3.4 Un esempio di schermata relativa alla gestione articoli NOVITÀ IMPORTANTE! La possibilità di gestire le versioni degli articoli Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 8. 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! Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 9. Il template 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 众人拾柴火焰高 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 10. Il template 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 众 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 11. Il template 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 众人拾柴火焰高 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 众 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015 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
  • 12. Il template 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 Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015 La versione del template Zhong per Porte Aperte Sul Web non riporta i crediti del produttore*
  • 13. Una necessaria premessa… Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015
  • 14. 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 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 http://www.accessibletemplate.com/zhong/features E ancora… !
  • 15. 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 http://www.accessibletemplate.com/zhong/features Elenco delle caratteristiche disponibile all'url:
  • 16. 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. 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". 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. Questi moduli sono: tutti i parte-top / bottom / posizioni sinistra / destra e di tutte le posizioni footer-top e main-top.
  • 17. https://www.accessibletemplate.com/demo/gallery/documentation/modules-and-menus-style Elenco stili moduli e menù al seguente url Stili dei moduli e dei menù •zf--block-coat--marked-default •zf--block-coat—plain •zf--block-coat--full-width •zf--block-coat--marked-light •zf--block-coat--marked-dark •zf--block-coat--colored-red •zf--menu-container NOTA BENE: puoi associare diversi stili e abbinare lo stile "menu container" con uno degli stili precedenti Nel modello pasw4joomla abbiamo assegnato alcuni di questi stili ai moduli presenti: tramite il pannello di amministrazione del template è possibile visualizzare gli stili applicati e modificarli a piacimento.
  • 18. https://www.accessibletemplate.com/demo/gallery/documentation/snippets Elenco Snippets al seguente url What is a snippet? The template snippets are special CSS classes that you can assign to HTML elements to style them. Cosa sono gli snippets? Gli snippets del template costituiscono speciali classi CSS che tu puoi assegnare agli elementi HTML per associare uno stile determinato. Posso assegnare gli stili degli snippets a:  TESTO  PAGINA INTERA  MODULO  MENU  IMMAGINI Snippets
  • 19. Cosa manca nella versione free Slideshow accessibile Personalizzazione grafica aggiuntiva Layout mobile
  • 20. http://valesweb.altervista.org/joomla3/ ALBO ONLINE nativo per joomla 3.x 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!
  • 21. http://valesweb.altervista.org/joomla3/ ALBO ONLINE nativo per joomla 3.x 4 Per l'installazione, la configurazione e la gestione del componente rimandiamo al sito di Vales
  • 23. 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 di Amministrazione Trasparente è opera di Pietro Campanile.
  • 24. Analisi delle caratteristiche del modello Realizzazione Rosario Profeta Video Tutorial di installazione http://www.paswjoomla.net/ http://www.scuolacooperativa.net/joomla/
  • 25. Sviluppi futuri Un secondo modello con joomla! FAP Testing di ulteriori plugin Verifiche tecniche modulo "firma circolari" Plugin per la gestione della Cookie policy …
  • 26. http://www.paswjoomla.net/ http://www.scuolacooperativa.net/joomla/ Workshop Joomla! Milano 29 maggio 2015 Giornata Aperta Sul Web 2015 Presentazione curata da A. Todaro
  • 27. PASW4Joomla! La Quarta versione del modello di PASW Il 29 maggio a Milano AUTORI DEL MODELLO ANTONIO TODARO ROSARIO PROFETA PIETRO CAMPANILE ANTONIO POLITO ANNARITA LAURI GIULIO OLLASCI VALERIO SICHI ALBO ONLINE