WordPress per siti scolastici a norma: dominio, hosting e strumenti

WordPressper siti scolastici a norma

IPSSAR DI SAN PELLEGRINO TERME14 MARZO 2016

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

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

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

PASW2015◦ Quasi 1.000 siti attivati

◦ Demo: http://pasw2015.wpgov.it/

◦ Non solo istituti scolastici!

◦ Modello:◦ Semplice

◦ Aggiornato

◦ Compatibile

◦ Espandibile

◦ Supportato

PASW2015 in numeri

Installazioni totali: 2304

Installazioni online: 1623

Installazioni attive: 911

Ultima installazione: 12 March 2016 alle 18:35

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

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

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

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

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!)

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

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)

Il dominio .gov.it

La Direttiva del Ministro per la Pubblica amministrazione

8/2009ha 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.

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

(web)Hosting: cosa serve?

Spazio WebLinux o

Windows

DatabaseMySQL

email per la scuola(per Google Apps

chiedere info)

Backup dispazio web e

database

Eventuali servizi

accessori…

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.

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)

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)

Acquistato…

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

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

Come accedo a…

Pannello di controllo del fornitore

• dal browser!

Server FTP

• con un client FTP! (es. Filezilla)

Database MySQL

• (solitamente) dal browser

Pannello di controllo del fornitore

PLESK

CPANEL

Altro…

P.S.

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

Client vs Serverspolier: 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 SERVERclient != server

FileZilla

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

Database

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

PHPMYADMIN

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

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

Installare WordPress

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

Difficile? Proviamo!

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

FAMOUS 5-MINUTE INSTALL

https://codex.wordpress.org/Installing_WordPress

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

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…

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.

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

WordPress – CMS per la scuola 2009/2015

Dall’osservazione al progetto

• Analisi dell’esistente

• Proposte e condivisione

– Videoconferenza

– Mail

– Facebook (gruppi-chat)

«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

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. digitaleE in futuro?

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

esempio top

esempio bottom

Design: testa

Design: homepage con widget

Design: piede

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

Novità: menù di amministrazione

Novità: theme customizer

provalo anche tu in Aspetto > Personalizza

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,…)

Menù utenti (Docenti | Studenti | Famiglie)

• Utilizzo effettivo da parte delle scuole

• Modalità di aggregazione dei contenuti

• Posizione ed evidenza nel layout

Non solo per il «Mondo Scolastico»

Finegrazie per l’attenzione

[email protected]

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