Il documento presenta WordPress come un CMS ideale per la creazione di siti scolastici, evidenziando la sua evoluzione e diffusione dal 2003. Descrive le necessità per registrare un dominio .gov.it e l'importanza di scegliere un hosting adeguato. Viene inoltre menzionata l'importanza della personalizzazione e dell'accessibilità dei contenuti, con esempi di plugin e tematiche specifiche per le scuole.

1. WordPress
per siti scolastici a norma
IPSSAR DI SAN PELLEGRINO TERME
14 MARZO 2016

3. WordPress CMS
WordPress started in 2003 with a single bit of
code to enhance the typography of everyday
writing and with fewer users than you can
count on your fingers and toes. Since then it
has grown to be the largest self-hosted
blogging tool in the world, used on millions of
sites and seen by tens of millions of people
every day.
https://wordpress.org/about/
Drupal
WordPress
Joomla

4. Porte Aperte sul Web
Iniziativa promossa da USR Lombardia nel 2003
Comunità di Pratica dal 2006
Aperta a TUTTI
«Insieme è meglio, insieme è più facile»
Accessibilità
Trasparenza
Partecipazione

5. Porte Aperte sul Web
5 CMS Open Source
Centinaia di siti scolastici in tutta italia
Supporto continuato e volontario
800+ siti scolastici registrati
https://porteapertesulweb.crowdmap.com
Accessibilità
Trasparenza
Partecipazione

6. PASW2015
◦ Quasi 1.000 siti attivati
◦ Demo: http://pasw2015.wpgov.it/
◦ Non solo istituti scolastici!
◦ Modello:
◦ Semplice
◦ Aggiornato
◦ Compatibile
◦ Espandibile
◦ Supportato

7. PASW2015 in numeri
Installazioni totali: 2304
Installazioni online: 1623
Installazioni attive: 911
Ultima installazione: 12 March 2016 alle 18:35

8. w w w. c o m u n e . c a r a s s a i . a p . i t

9. w w w. i p s s a r s a n p e l l e g r i n o . g o v. i t

10. w w w. c o m p r e n s i v o m e r a t e . g o v. i t

11. w w w. i c s c a r p a . g o v. i t

12. Di cosa abbiamo bisogno?
◦uno «SPAZIO» in cui poter caricare i nostri contenuti
associato ad un nome «nomescuola.gov.it»
1) Registrazione del nome a dominio
2) Acquisto (o sviluppo interno alla PA) di uno spazio web
(per WordPress anche di un database!)

13. Dominio e (web)Hosting
◦ Con il termine dominio, anche detto nome a dominio, si fa riferimento ad un indirizzo
in formato www.nomesito.it (o altre estensioni come .com, .net e via dicendo) che
può essere registrato da una sola persona fisica, società, associazione o governo e
può essere utilizzato per raggiungere le pagine di un sito web ad esso collegato.
◦ Con il termine webhosting facciamo spesso riferimento al completo pacchetto offerto
dalle aziende

14. Il dominio .gov.it
◦http://domini.agid.gov.it/
◦Inserendo i dati della scuola, nomi dei referenti (DS, DSGA
e tecnici) sarà possibile registrare un nome a dominio
(gratuito e con garanzia che il sito sarà ospitato in uno
spazio web associato ad un dominio .gov.it (quindi
autentico e istituzionale)

15. Il dominio .gov.it
La Direttiva del Ministro per la Pubblica amministrazione
8/2009
ha evidenziato l’importanza di fissare i criteri di
riconoscibilità, di aggiornamento, di usabilità e
accessibilità individuando con il “.gov.it” il dominio che
riconosce i siti e i portali delle pubbliche amministrazioni.
Le pubbliche amministrazioni sono tenute quindi a
provvedere all’iscrizione al dominio “.gov.it” dei siti che
intendono mantenere attivi.

20. Una volta registrato il dominio…
◦Occorre uno spazio web!
◦Attenzione: alcune aziende possono fornire tecnologie
non compatibili con un dominio .gov.it
◦Scegliere un’azienda italiana con server sul suolo italiano

21. (web)Hosting: cosa serve?
Spazio Web
Linux o
Windows
Database
MySQL
email per la scuola
(per Google Apps
chiedere info)
Backup di
spazio web e
database
Eventuali
servizi
accessori…

22. N.B.
Un server web, che sia anche di tipo «cloud»,
non è altro che un potente pc situato da
qualche parte…
Da qui l’importanza del backup: nessun pc è
immune a guasti.

23. TOS di una notissima azienda
TOS = terms of service
Ti ricordiamo inoltre che, da contratto, sei tenuto ad
effettuare periodicamente ed autonomamente una copia
di backup dell’intero contenuto dello spazio web da
conservare in luogo differente dallo stesso.
(tratto dalla pagina di presentazione del servizio di backup di una nota azienda)

24. Quanto costa un (web)Hosting
◦Dipende da tanti fattori (es. quantità di spazio, supporto
fornito, servizi scelti, economie di scala del fornitore…)
◦Non limitarsi al costo (es. non eliminare servizi accessori
come il backup)
◦Range: 50-150€ per hosting condiviso (all’anno)

25. Acquistato…
◦Una volta effettuato l’acquisto, otterremo alcune
password utili per accedere a diversi servizi acquistati.

26. 3 accessi da avere sempre «sotto mano»
Pannello di controllo del fornitore
• Gestione cicli di fatturazione, pagamenti
• Gestione dei servizi acquistati e acquistabili
• Creazione di caselle @miodominio.gov.it
Server FTP
Database MySQL

27. Come accedo a…
Pannello di controllo del fornitore
• dal browser!
Server FTP
• con un client FTP! (es. Filezilla)
Database MySQL
• (solitamente) dal browser

29. Pannello di controllo del fornitore
PLESK
CPANEL
Altro…

30. P.S.
◦Alcuni fornitori forniscono pannelli di controllo in grado di
installare ancora più facilmente CMS come WordPress

32. Client vs Server
spolier: noi ci colleghiamo a un server tramite il nostro (pc) client
◦Dobbiamo scaricare la versione client. Noi siamo un client.
Gli utenti che visitano il nostro sito lo fanno attraverso un
client.
◦Con FileZilla client ci colleghiamo al server. Quindi noi
(client) chiediamo la connessione al server del fornitore
CLIENT  internet  SERVER
client != server

33. FileZilla
w w w . m a r c o m i l e s i . m l

34. Database
w w w . m a r c o m i l e s i . m l
PHPMYADMIN

35. PhpMyAdmin
◦Memorizza tutti i contenuti che inseriamo in WordPress.
Infatti WordPress non memorizza i dati in semplici cartelle
e file (come quelli che lo compongono), ma in un
database.
◦Un database è un potente strumento in grado di
velocizzare la ricerca di moltissimi dati
◦E’ composto da tabelle, record, trigger e strutture dati

36. PhpMyAdmin
◦Memorizza tutti i contenuti che inseriamo in WordPress.
Infatti WordPress non memorizza i dati in semplici cartelle
e file (come quelli che lo compongono), ma in un
database.
◦Un database è un potente strumento in grado di
velocizzare la ricerca di moltissimi dati
◦E’ composto da tabelle, record, trigger e strutture dati

37. Installare WordPress
◦Installare WordPress consiste nel caricare il
pacchetto nel nostro spazio web (tramite
FileZilla) e associarlo al database.

38. Difficile? Proviamo!
w w w . m a r c o m i l e s i . m l
FAMOUS 5-MINUTE INSTALL

39. https://codex.wordpress.org/Installing_WordPress
◦Installare WordPress consiste nel caricare il
pacchetto nel nostro spazio web (tramite
FileZilla) e associarlo al database.

40. Plugin essenziali per la scuola
◦Amministrazione Trasparente (Marco Milesi)
◦Albo Pretorio On line (Ignazio Scimone)
◦Anac XML (Marco Milesi) (una delle due varianti)
◦EU Cookie Law
◦WP Attachments
◦Altro…

41. A che punto siamo?
Abbiamo il motore (WordPress) e abbiamo scelto qualche
optional (plugin).
Adesso manca la scelta della grafica del nostro sito
internet. La modularizzazione di WordPress ci permette di
effettuare diverse scelte e di cambiarle senza
compromettere l’intero progetto.

42. Pasw2015
Novità del nuovo tema WordPress per la
scuola
Marco Milesi
Renata Durighello
Slide adattate per il corso di marzo 2016 presso
l’IPSSAR di San Pellegrino Terme.
Originali su slideshare @milesimarco

43. WordPress – CMS per la scuola 2009/2015

44. Dall’osservazione al progetto
• Analisi dell’esistente
• Proposte e condivisione
– Videoconferenza
– Mail
– Facebook (gruppi-chat)

45. «Sidebar lunghe» e «sottopagine»
• Molti blocchi di menù
• Pagine di
secondo/terzo… livello
in vista
• Modalità di
visualizzazione delle
sottopagine
• Esigenze di
accessibilità
• Standard di
navigazione
(vecchi e nuovi)
Megamenù
Widget
Sidebars

46. Struttura dei contenuti (mappa)
• Struttura originaria del
progetto
• Contenuti obbligatori
• Può non coincidere
esattamente con i menù
• Rigore e logica:
etichette e consistenza
• Libertà di
personalizzazione
La scuola
Segreteria
Didattica
Info sul sito
Amm. digitale
E in futuro?

47. Obbiettivi Iniziali
 Standardizzazione del codice
 Supporto nuove funzioni WordPress
 Design semplificato, pulito
 Facilmente modificabile
 Accessibile con contrasti giusti, ma non disturbanti
 Maggior facilità di personalizzazione strutturale e estetica
 Widget
 WordPress Customizer
 Orientato verso i child theme
 Possibilità di aggiornamento facile e immediato

48. esempio top

49. esempio bottom

50. Design: testa

51. Design: homepage con widget

52. Design: piede

53. Novità: repository GitHub e aggiornamento
github.com/PorteAperteSulWeb/pasw2015
 Tutti possono:
 leggere il codice
 scaricare il pacchetto
 consultare la wiki
Pasw2015 integra uno script in grado di aggiornare il tema da pasw2015

54. Novità: menù di amministrazione

55. Novità: theme customizer
provalo anche tu in Aspetto > Personalizza

56. Novità: moduli
PASW SHORTCODE
impaginazione a colonne
…e presto molto altro!
CATEGORIE NELLE
PAGINE
eredità di pasw2013
utile, ma spesso abusata
SIDEBARS GENERATOR
generatore di sidebar multiple
da associare alle pagine
TASSONOMIE
DESTINATARI
sistema di tagging parallelo per
pagine e articoli basato su
destinatari (alunni, docenti,…)

57. Menù utenti (Docenti | Studenti | Famiglie)
• Utilizzo effettivo da parte
delle scuole
• Modalità di aggregazione dei
contenuti
• Posizione ed evidenza nel
layout

58. Non solo per il «Mondo Scolastico»

59. Fine
grazie per l’attenzione
m.milesi@wpgov.it
w w w . m a r c o m i l e s i . m l