Siti web scolastici - corso base indirizzato ai DSGA neo immessi in ruolo

Alfabetizzazione di base
per la realizzazione di siti
web scolastici
Formazione Personale ATA
DSGA neo immessi in ruolo e
Assistenti Amministrativi con funzioni da DSGA
!

Ufﬁcio Scolastico Territoriale di Torino
Prof. Michele Maffucci
gennaio 2014
CC BY-SA 4.0

Il presente corso di 6 ore, (sviluppato in una
giornata), fornisce le competenze
tecnologiche di base per consentire al
Direttore dei Servizi Generali Amministrativi
della scuola, di analizzare e partecipare a
gruppi di progetto (con personale informatico
specializzato) volti allo sviluppo di siti web
scolastici.
!
!
!
!
!
Le seguenti slide sono da intendersi come indice degli argomenti trattati.

CC BY-SA 4.0


Il relatore!
!
!
www.maffucci.it
michele@maffucci.it
!
www.twitter.com/maffucci/
www.facebook.com/maffucci.it/
plus.google.com/+MicheleMaffucci/
!
it.linkedin.com/in/maffucci

Licenza presentazione:

CC BY-SA 4.0

Struttura del corso

CC BY-SA 4.0


Struttura del corso

CC BY-SA 4.0

Networking!
• Reti di computer
• Internet
• Indirizzo IP
• Nome di dominio
• DNS
• URL
• Gerarchia dei domini
• Server e servizi server
!
Registrazione/hosting!
• Internet Service Provider
• Linee guida per la registrazione di un dominio
• Web Server e Hosting di un sito
• Sito statico e sito dinamico
• Registrazione di un dominio gov.it
!
Realizziamo il sito!
• CMS
• Tipologie di CMS
• Wordpress
• Amministrazione trasparente
• AVCP xml
!


Le reti di computer

CC BY-SA 4.0


Le reti di computer

Networking

Le reti vengono genericamente classificate in base alla
loro estensione geografica:
!

•

LAN: Local Area Network - reti locali

•

MAN: Metropolitan Area Network - reti metropolitane

•

WAN: Wide Area Network - reti geografiche

CC BY-SA 4.0


Le reti di computer

Networking

LAN: Local Area Network - reti locali
!
Le reti locali permettono la condivisione di elaboratori, risorse e dati
all’interno di un ediﬁcio o di un centro di elaborazione situato
in ediﬁci contigui;

Uff. DSGA

Uff. didattica

apparati di rete

Uff. Dirigente
Scolastico

Uff. protocollo

Uff. personale

Uff. contabilità

Gli apparati di rete possono essere dispositivi che consentono la gestione
dell’instradamento dell’informazione o computer specializzati nel fornire
particolari servizi.
CC BY-SA 4.0


Le reti di computer

Networking

MAN: Metropolitan Area Network - reti
metropolitane 
Le reti metropolitane collegano nodi di una stessa città (stessa
area metropolitana)
Scuola
sede principale

Scuola
succursale 1

15 Km

7K

m
Scuola
succursale 2

CC BY-SA 4.0


Le reti di computer

Networking

WAN: Wide Area Network - reti geograﬁche
!

Le reti geograﬁche servono per la
comunicazione tra centri situati in città, nazioni
o continenti diversi.

LAN - (Torino)

LAN - (Roma)

WAN

CC BY-SA 4.0


Internet

CC BY-SA 4.0


Internet

Networking

Internet (contrazione della locuzione
inglese interconnected networks,
ovvero "reti interconnesse") è una
rete mondiale di reti di computer
ad accesso pubblico, attualmente
rappresentante il principale mezzo di
comunicazione di massa, che offre all'utente una vasta serie di
contenuti potenzialmente informativi e servizi.
Costituita da alcune centinaia di milioni di computer collegati tra
loro con i più svariati mezzi trasmissivi, Internet è anche la più
grande rete di computer attualmente esistente, motivo per cui è
definita "rete delle reti", "interete", "rete globale" o "la Rete" per
antonomasia collegando tra loro a livello globale reti LAN, MAN
e WAN. (fonte)
Il sistema funziona su scala planetaria, non ha sede geografica
né confini.
CC BY-SA 4.0


Curiosità!
per riﬂettere sulla vastità di
connessioni internet e sull’utilizzo
della rete

CC BY-SA 4.0


Pagine web
visualizzate al minuto

CC BY-SA 4.0


Curiosità

Internet

Networking

rilevazione del 17.01.14 - ore 18,15

CC BY-SA 4.0

(fonte)


Curiosità

Internet

Parole chiavi

rilevazione del 17.01.14 - ore 18,15

CC BY-SA 4.0

(fonte)


Cosa succedei in
1 minuto su internet

CC BY-SA 4.0


Curiosità

CC BY-SA 4.0

fonte

Internet

Networking


CC BY-SA 4.0

fonte


Indirizzo IP

CC BY-SA 4.0


Indirizzo IP

Networking

Un indirizzo IP (Internet Protocol) è costituito
da una serie di numeri che indicano dove si
trova un determinato dispositivo nella rete
Internet. Un indirizzo IP ha un aspetto simile a
questo: 74.125.19.147 (fonte)
!

L’indirizzo IP è univoco, mai due apparati
avranno lo stesso indirizzo IP su internet.
205.251.242.54
98.139.183.24
199.16.156.230
173.194.113.240

173.252.110.27
95.100.221.15

CC BY-SA 4.0

173.194.113.231


nome di dominio

CC BY-SA 4.0


Nome di dominio

Networking

Il nome di dominio è un marchio identiﬁcativo
che può essere utilizzato per consentire ad altre
persone di giungere sul vostro sito.
!

Ogni nome di dominio è legato a uno (o più)
indirizzi IP (numero identiﬁcativo univoco, simile,
per funzionalità ad un numero telefonico). Potete
immaginare che l'indirizzo IP sia il vostro nome,
e il nome di dominio sia il vostro soprannome.
!

Entrambe le informazioni sono utili per contattarvi,
ma il soprannome sarà più facile da ricordare per
le persone che vorranno conoscervi.

CC BY-SA 4.0


Nome di dominio

Networking

I nomi di dominio, spesso chiamati
semplicemente domini, sono nomi facili da
ricordare associati a determinati indirizzi IP. Ad
esempio, il nome di dominio esempio.com si
può tradurre in 198.102.434.8. In questo modo
è molto più semplice ricordare l'URL (Uniform
Resource Locator) di un sito web. (fonte)
!

esempio.com è un URL (indirizzo web)!
!

Esempi di nomi di dominio sono
• google.com
• wikipedia.org
CC BY-SA 4.0


Nome di dominio

google.com

Networking

= 173.194.113.230

wikipedia.org = 208.80.154.224
facebook.com
twitter.com

CC BY-SA 4.0

= 173.252.110.27
= 199.16.156.230


Nome di dominio

Networking

IL NOME DI DOMINIO E’ UNICO ED
INDIVIDUA UN SOLO SITO WEB

CC BY-SA 4.0


Nome di dominio

Networking

Analogia geograﬁca
Via Coazze 18 = latitudine: 45° 4.473’!
longitudine: 7° 39.191'

CC BY-SA 4.0


Nome di dominio

Networking

google.com
173.194.113.238

173.194.113.228

173.194.113.227

173.194.113.226

173.194.113.229
173.194.113.224

173.194.113.231

173.194.113.232

173.194.113.233
173.194.113.225
173.194.113.230

Ad un nome di dominio possono
corrispondere più indirizzi IP

CC BY-SA 4.0


Networking

Il nome del dominio deve
essere registrato.!

DNS

!

89.97.132.168
istruzione.it

!

213.92.16.101
repubblica.it

!

206.190.36.45
yahoo.com

!

.!
.!
.!
.!
.!
.!
.!
.

CC BY-SA 4.0

Dopo aver registrato un dominio,
questo è inserito in un registro,
chiamato DNS (Domain Name
System), contenente tutti i nomi di
dominio ed informazioni sul sito, è un
vero e proprio archivio generale di tutti
i domini a livello globale. L'indirizzo IP
del dominio viene immagazzinato su
un server (computer) DNS.
!

Un DNS si occupa di informare tutti i
computer connessi ad internet sul
vostro nome di dominio e al relativo
indirizzo IP.

DNS
Domain Name System

CC BY-SA 4.0


DNS

Networking

89.97.132.168
istruzione.it
213.92.16.101
repubblica.it

DNS!
computer!

!

colleziona
IP

89.97.132.168
istruzione.it

!

213.92.16.101
repubblica.it

!

206.190.36.45
yahoo.com

!

……!
……

206.190.36.45
yahoo.com

aaa.bbb.ccc.ddd

CC BY-SA 4.0


DNS

Networking

Analogia

utente 1
utente 2

utente 3

utente 4
utente n
CC BY-SA 4.0


URL
Uniform Resource Locator

CC BY-SA 4.0


URL

Networking

L'URL è l'indirizzo di una risorsa su Internet ed
equivale al valore visualizzato nella barra degli
indirizzi del browser. (fonte)
!

Ad esempio l’URL del mio sito è:
www.maffucci.it

CC BY-SA 4.0


URL

Networking

Quando l’utente digita un indirizzo di un sito, ad esempio:
istruzione.it un DNS converte l’indirizzo in un indirizzo numerico
89.97.132.168 che viene dato al computer dell’utente che sarà
in grado in questo modo di visualizzare il sito.

8
3

istruzione.it!
89.97.132.168
pagina

9

INTERNET

DNS!

10

pagina

computer!

7

6

2

5

89.97.132.168

4

!

colleziona
IP

89.97.132.168
istruzione.it

!

213.92.16.101
repubblica.it

!

206.190.36.45
yahoo.com

!

……!
……

1
voglio vedere il siti istruzione.it
istruzione.it

PROVIDER

89.97.132.168

5
CC BY-SA 4.0

società che vi permette di
andare su internet


GERARCHIA DEI
DOMINI

CC BY-SA 4.0


Gerarchia dei domini

Networking

maffucci.it
dominio di 1° livello

mail.maffucci.it

CC BY-SA 4.0



maffucci.it

}
}


elearning.maffucci.it


CC BY-SA 4.0

Networking

dominio di!
2° livello

dominio di!
3° livello!
(sottodominio)



Networking


classe3Aoe.elearning.maffucci.it

CC BY-SA 4.0



Networking

domini di primo livello nazionali (country code toplevel domain o ccTLD): usati da uno stato o una
dipendenza territoriale. È costituito da due lettere, per
esempio jp per il Giappone e it per l'Italia, o eu per
l'Unione Europea;
!

domini di primo livello generici (generic top-level
domain o gTLD): usati (almeno in teoria) da particolari
classi di organizzazioni (per esempio, com per
organizzazioni commerciali). Tale sufﬁsso è di tre o più
lettere. La maggior parte dei gTLDs sono disponibili in
tutto il mondo, ma per ragioni storiche gov, mil e edu
sono riservati rispettivamente al governo, all'esercito e
agli enti educativi statunitensi;
!

Lista domini di primo livello

CC BY-SA 4.0

(fonte)


Esercizio

CC BY-SA 4.0


Esercizio


Alla ricerca del sottodominio!

Networking

10!
min

!

Esercizio 1!
Usando un motore di ricerca trovare 5 domini
di terzo livello
!

Esercizio 2!
Usando un motore di ricerca trovare 5 domini
di quarto livello

CC BY-SA 4.0


Esercizio

Alla ricerca del sottodominio!

!
Soluzione!
Si supponga di voler cercare all’interno del sito istruzione.it tutti i domini di
terzo livello del tipo:

!
nome.istruzione.it

!
utilizzando Google è possibile scrivere:

!
site:*.istruzione.it -www!
per trovare tutti i risultati che hanno domini di 3° livello

!
site:*.*.istruzione.it -www!
per trovare tutti i risultati che hanno domini di 4° livello

!
site:!
la ricerca è vincolata al solo sito seguito dal “:” nel nostro caso istruzione.it

!
*!
carattere di completamento

!
-!
esclusione del testo che segue dal risultato di ricerca

CC BY-SA 4.0


Esercizio

Per saperne di più per ottenere il
massimo da Google:!
!

Pillole di tecnologia didattica: trucchi
e segreti per utilizzare Google a
scuola
!

•
•

CC BY-SA 4.0

puntata 1
puntata 2


Server

CC BY-SA 4.0


Server

Networking

Un server (servitore) è un dispositivo
informatico, generalmente un PC che può
fornire diverse tipologie di servizi ad altri
dispositivi informatici detti client (clienti). I
client possono essere dei PC.
!

Afﬁnchè sia possibile offrire un servizio è
necessario che server e client siano connessi
attraverso una rete su cui viene fatta
transitare l’informazione.
!

Questa rete di connessione può essere su
cavo o WiFi.

CC BY-SA 4.0


Server

Networking

Portatile
PC

CLIENT

CLIENT

CLIENT

Tablet

Stampante di rete
CLIENT

Smatphone

CLIENT

SERVER

Sistema domotico

Laptop

CLIENT

CLIENT

Apparato di rete
CLIENT

CC BY-SA 4.0


Server

Networking

Esempi di servizi offerti dai server!
!

•
•
•
•
•
•

mail server - invio o inoltro di posta elettronica
web server - contenere i file in un sito web
file server - condivisione di file
database server - condivisione database
firewall - protezione informatica
print server - gestione delle periferiche di stampa
!

• I server possono offrire più servizi
contemporaneamente, ad esempio:
• web server
• mail server.

CC BY-SA 4.0


Server

Networking

Precisazione!
!

Per SERVER si intende sia il computer che svolge
una specifica operazione a servizio dei CLIENT,
ma anche il programma che svolge lo specifico
servizio per i CLIENT.
!

Può quindi succedere che su un computer
SERVER vengano fatti funzionare più SERVIZI
SERVER come ad esempio:
!

•

programma per la gestione e smistamento delle
stampe - SERVER di STAMPA!
!

•
CC BY-SA 4.0

programma di condivisione file - FILE SERVER

Server

Networking

Dove sono allocati i server?!
Esempi!
!

• all’interno dei service provider, aziende che forniscono
servizi web e servizi di connettività internet
• all’interno di aziende che offrono servizi ai propri
dipendenti o esternamente ai propri clienti
• all’interno delle scuole:
•
•

per la gestione del registro elettronico

•

per gestire i centralini telefonici

•

per la gestione della sicurezza dei dati

•
CC BY-SA 4.0

per la realizzazione di sistemi di e-learning

…

Curiosità
alla scoperta dei server di Google

CC BY-SA 4.0


Curiosità

Networking

Una delle server farm di Google a Council Bluffs, Iowa. Ricopre una spazio di 10.684 metri quadrati. I server
nell’immagine fornirono servizi di ricerca e YouTube
(fonte)
CC BY-SA 4.0

Curiosità

Networking

Imbuti di raccolta dell’aria calda proveniente dai server
CC BY-SA 4.0

(fonte)


Curiosità

Networking

Anche i tubi di acqua riﬂettono marchio di Google: Questi tubi colorati sono responsabili del trasporto di acqua dentro e fuori il data center in Oregon.
I tubi di alimentazione dell'acqua fredda blu e i tubi rossi che convogliano l'acqua calda indietro da raffreddare.
CC BY-SA 4.0

(fonte)


Curiosità

Networking

Ingegnere di Goggle che effettua diagnosi sui server
CC BY-SA 4.0

(fonte)


Curiosità

Networking

•Fate una passeggiata in un data center di Google
•Tour video guidato nel data center di Google
•Dove batte il cuore di internet

CC BY-SA 4.0


ISP
Internet Service Provider

CC BY-SA 4.0


ISP

Registrazione/hosting

Fornitore di servizi a privati ed aziende che a
pagamento fornisce accesso ad internet.
!

Tra i servizi aggiunti offerti i più importanti:

spazio web, su cui!
inserire il proprio sito

caselle di posta!
elettronica

registrazione e!
trasferimento!
di nomi di dominio

La connessione all’ISP avviene tipicamente mediante
linea telefonica o a banda larga (via cavo o DSL).
CC BY-SA 4.0


ISP

•

•

•

•

•

•

CC BY-SA 4.0


Solitamente un ISP addebita all'utente un canone di abbonamento
mensile. L'utente quindi ha accesso a Internet ad una certa velocità
di trasferimento dati, la quale può variare sensibilmente da ISP a ISP.
!
Le tipologie di connessione ad Internet sono di 2 tipi: dial-up e in
banda larga.
!
Le connessioni di tipo dial-up fanno uso di una normale linea
telefonica e tipicamente permettono velocità di 56 Kilobit/secondo o
inferiori.
!
Le connessioni in banda larga invece possono essere di tipo ISDN,
accesso wireless, cable modem, ADSL, Satellite e Ethernet.
!
La caratteristica più importante di tutte le connessioni in banda
larga è quella di essere sempre Always On (sempre connessi alla
rete)
!
Le connessioni in banda larga possono permettere velocità di
accesso che varianodai 64 Kilobit / secondo ﬁno a 20 Megabit/
secondo (e oltre)

Linee guida per la
registrazione di un
dominio

CC BY-SA 4.0


Registrazione dominio


Il primo passo, il più importante è la
scelta del nome del sito, ovviamente
per una scuola è opportuno che sia
un nome composto dal nome della
scuola.
E’ un passaggio molto importante in quanto dovete
considerare il nome del dominio come il vostro
indirizzo.
!

Se il nome non è chiaro ovviamente sarà difﬁcile
da ricordare.

CC BY-SA 4.0




Possono essere registrati nomi di dominio lunghi al
massimo 63 caratteri, ma ciò non vuol dire che
dovete utilizzarli tutti, i nomi lunghi saranno più
difﬁcili da ricordare.
esempio

Istituto Comprensivo Vittorino da Feltre - Torino!
!

possibili soluzioni prese in analisi in fase di
progetto:
1. istututocomprensivovittorinodafeltretorino.it
2. icvittorinodafeltretorino.it
3. icvittorinodafeltre.it
4. vittorinodafeltre.it
CC BY-SA 4.0




Scelta effettuata:
vittorinodafeltre.it

CC BY-SA 4.0




Scegliere un nome di dominio per il sito scolastico
semplice da ricordare e da annotare. Buona regola
utilizzare nomi non più lunghi di 2 o 3 parole.
esempio

Michele Maffucci
1
2
IC Vittorino da Feltre di Torino
1
2
3
4 5 6

unione di 2,3,4

IIS Galilei Ferrari di Torino
1
2
3
4 5

CC BY-SA 4.0

maffucci.it
1

galileiferrari.it
unione di 2,3




Nome di dominio facile da ripetere e chiaramente
pronunciabile.

esempio

il centralino della scuola

“può dirmi il nome del sito della scuola?”
“www IIS Galilei Ferrari punto it”
“quindi: www IS Galilei Ferrari punto it”
“NO due I ed una S”
……..

quindi meglio scegliere un nome più semplice
galileiferrari.it
CC BY-SA 4.0




Evitare se possibile trattini di separazione tra le
parole, in quanto potrebbe essere non facile da
ricordare, quindi meglio attaccate tutte le parole.
esempio

Istituto Comprensivo Vittorino da Feltre - Torino!
!

vittorino-da-feltre.it!
difﬁcile da ricordare e più lungo da scrivere,
meglio utilizzare nomi uniti

CC BY-SA 4.0




Evita gli acronimi o abbreviazioni perché creano
confusione, non aiutano a ricordare.
esempio

IIS Galilei Ferrari!
iisgf.it!
Difﬁcile ricordare delle lettere, mentalmente non
riesco a fare subito una associazione
!

iisgalileif.it!
potrei dimenticare di scrivere l’ultima f
!

meglio utilizzare nomi signiﬁcativi, quindi:
!

galileiferrari.it
CC BY-SA 4.0




Fate attenzione a non scegliere un
nome di dominio che sia in conﬂitto
con un marchio registrato.

?

Accertatevi preventivamente che nessuno abbia
utilizzato prima di voi il nome che desiderate usare
per il vostro dominio.

CC BY-SA 4.0




Il nome di dominio va acquistato presso un ISP che funge
da registrar, cioè abilitato ad effettuare la registrazione di
un dominio.
!

Fate attenzione che:
!

•non tutti i registrar sono uguali è indispensabile
effettuare una ricerca per verificare: prezzi, affidabilità,
assistenza clienti
•il pagamento avviene tipicamente on-line mediante carta
di credito o PayPal, molti accettano anche il pagamento
mediante bonifico bancario (tempi più lunghi)
•il costo per la registrazione di un dominio non è elevato
generalmente si parte dai 10 € all’anno
•la registrazione di un nome di dominio può avere prezzi
diversi in funzione del dominio di primo livello
scelto: .it .net .org .com …
CC BY-SA 4.0




Nel caso di domini primo livello .it potete fare una veriﬁca della
disponibilità del nome da voi scelto andando su:
!
www.nic.it!
!
“Il Registro è l’anagrafe dei domini Internet .it, la targa Internet
dell’Italia.”

CC BY-SA 4.0




Inserito il nome di dominio scelto nel campo di ricerca, proviamo con
maffucci.it (click sulla lente o invio)

1

2
3

CC BY-SA 4.0



CC BY-SA 4.0





In alternativa qualsiasi ISP ha la possibilità di veriﬁcare la
disponibilità del nome da voi scelto con qualsiasi dominio di
primo livello:
!

.it .org .net .com .eu …!
!

Gli ISP oltre che permettere la registrazione di un dominio,
consentono anche la possibilità di ospitare le pagine web
del sito, cioè consentono l’hosting del sito.
!

La valutazione della tipologia di hosting dovrà essere
fatta da personale tecnico specializzato della scuola.!
!

Vediamo alcuni esempi
italiani ed esteri.

CC BY-SA 4.0




aruba.it

CC BY-SA 4.0




aruba.it
1.Inserire il nome
2.selezionare il dominio di primo livello

1
2

CC BY-SA 4.0




register.it

CC BY-SA 4.0




1and1.it

CC BY-SA 4.0




dreamhost.com

CC BY-SA 4.0




godaddy.com

CC BY-SA 4.0




hostgator.com

CC BY-SA 4.0




bluehost.com

CC BY-SA 4.0




Registrazione di un dominio .gov!
!

Con la Direttiva del Ministro per la Pubblica amministrazione
n.8/2009 si evidenzia l’importanza di ﬁssare 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.

CC BY-SA 4.0




!

La procedura di registrazione, da fare con personale
informatico specializzato, prevede la compilazione online
di un form collegandosi all’indirizzo:
!

http://domini.digitpa.gov.it
!

e successivamente, seguendo le istruzioni
dell’applicazione, l'invio entro 30 giorni solari a DigitPA
dei seguenti documenti:
!
•
•

CC BY-SA 4.0

Lettera di Assunzione di Responsabilità (LAR) ﬁrmata;
Questionario compilato




!

Collegarsi al sito dell’Agenzia per l’Italia Digitale:
www.digitpa.gov.it

click su dati pubblici

CC BY-SA 4.0




Registrazione di un dominio .gov

click su Dominio gov.it

CC BY-SA 4.0





veriﬁchiamo se il dominio
che stiamo richiedendo è
libero

CC BY-SA 4.0





click su: veriﬁca
disponibilità dominio

CC BY-SA 4.0





inserire il nome di
dominio

CC BY-SA 4.0





click su veriﬁca

CC BY-SA 4.0





procedere con la
registrazione

CC BY-SA 4.0





procedere con
l’inserimento dei dati
identiﬁcativi
dell’istituzione scolastica

CC BY-SA 4.0




!

Una guida sulla modalità di compilazione del form on-line e
l’invio dei dati dell’istituzione scolastica, può essere fatta
seguendo il tutorial ben dettagliato, realizzato della Prof.ssa
ANNA RITA LAURI.
!

il link al tutorial:
!

http://www.slideshare.net/annaritalauri/tutorial-registrazionedi-un-dominio-gov
!

link alla versione PDF del tutorial:
!

registrazione domini gov.it
CC BY-SA 4.0


Web Server
e
Hosting di un sito

CC BY-SA 4.0


Web Server e Hosting


In informatica si definisce
hosting (dall'inglese to host,
ospitare) un servizio di Rete che
consiste nell'allocare su un server
web le pagine web di un sito
web, rendendolo così accessibile
dalla rete Internet e ai suoi utenti.
Tale "server web", definito "host", è connesso ad Internet in
modalità idonea a garantire l'accesso alle pagine del sito
mediante il web browser dell'host client dell'utente, con
identificazione dei contenuti tramite dominio ed indirizzo IP.
!

Il servizio può essere gratuito o a pagamento, tipicamente a
qualità maggiore nel secondo caso. (fonte)

CC BY-SA 4.0



Networking

Tutte le pagine web che
visitiamo giornalmente sono
inserite su un web server.
Un web server è un pc, su cui ci
saranno ﬁle che in parte sono
come quelli presenti nei nostri pc
di casa: jpg, mp3, gif però su di
esso vengono inseriti ﬁle che
hanno alcune peculiarità.

web server

XML
CSS
PHP
HTML

CC BY-SA 4.0



Networking

Semplificando: la differenza di un Web Server dal PC di
casa vostra e che i file in esso contenuti sono accessibili
dalla rete attraverso un protocollo detto HTTP (HyperText
Transfer Protocol) che è una modalità di trasferimento dei
dati via internet.
!

I computer che accedono ai file contenuti su un Web
Server sono detti client.

client

CC BY-SA 4.0

web server



Networking

L'accesso ai file sul server avviene, come già detto in precedenza,
attraverso l'URL (Universal Resource Locator) che indica la localizzazione
di un file in rete.
!
L’URL è così formato
!
http://nomehost/percorso/nomefile!
!
• http:// indica la modalità di trasferimento dei dati;
• nomehost nome del computer (il server) che contiene i file;
• /percorso/ il percorso fra le cartelle del server;
• nomefile il nome del file che si vuole visualizzare:
nomefile

nomehost
client

percorso

web server

http://nomehost/percorso/nomefile
CC BY-SA 4.0




Le tipologie di hosting
!

Si possono distinguere quattro tipi di hosting:
!

1.Web Hosting free
2.Hosting condiviso
3.Hosting dedicato
4.Cloud hosting

CC BY-SA 4.0




Web Hosting free
!
Non è indicato per un trafﬁco elevato (quantità di utenti che
consultano il sito) ma può essere adatto per piccoli siti. Le
funzionalità offerte sono pochissime, non permette ad esempio la
registrazione di un dominio proprio e limitata capacità di
installazione di applicativi web.
!
Pregi!
• Ideale per veriﬁcare il funzionamento di siti di piccole
dimensioni, accettabile per la realizzazione di siti personali.
• In alcuni casi viene offerta la possibilità di utilizzare sistemi
automatici di pubblicazione di pagine web ed e-mail gratuite.
!
Difetti!
• Non è possibile utilizzare nomi di dominio personali.
• Limitate funzionalità.
• Limitata sicurezza.
• Lentezza di consultazione delle pagine web.
• Database assente ho di piccole dimensioni.

CC BY-SA 4.0




Hosting condiviso!
!
Il funzionamento basato sulla condivisione delle risorse. Su un
server vengono ospitati più siti che condivideranno lo stesso
hardware. E’ possibile gestire una mole di traffico superiore
all’hosting gratuito. Potrete avere un nome di dominio e la
possibilità di gestire moli di traffico più ampie dell’hosting gratuito.
!
Pregi!
!
• costo non eccessivo;
• buon controllo sulla sicurezza;
• nome di dominio proprio;
• posta elettronica legata al nome di dominio;
• possibilità di installare applicativi web.
!
Difetti!
!
• mole di traffico limitato (da condividere con gli altri siti installati
sullo stesso server);
• basso controllo (da parte nostra) sulla sicurezza del sito.
CC BY-SA 4.0




Hosting dedicato
!
Consente un totale controllo del sito. E’ previsto l’afﬁtto di un intero
server dedicato a tutte le vostre esigenze. In alcuni casi è possibile
l’allocazione di un server acquistato da voi, all’interno delle strutture
dell’ISP. Sul server viene predisposta tutto il software necessario
per il controllo totale del vostro sito, dalle statistiche, alle visite,
all’indicizzazione.
!
Pregi!
• ottimo per elevato trafﬁco;
• controllo totale del software installato;
• nome di dominio proprio con aggiunta di un numero elevato
(in alcuni casi illimitato) di sottodomini;
• installazione di una grande quantità di applicativi web;
• ottima gestione della sicurezza.
!
Difetti!
• molto costoso;
• la gestione prevede personale tecnico preparato.

CC BY-SA 4.0




Cloud hosting!
!
Possibilità di condividere le risorse di una intera rete di server. Il
singolo servizio ad esempio: Web Server viene distribuito su più
server, ciò permette che il malfunzionamento di un server non
pregiudichi la visione del sito. Ciò consente la suddivisione del
carico di lavoro su più computer avendo come conseguenza
maggior velocità dell’intero sistema.
!
Pregi!
• pagamento in funzione delle risorse che si stanno usando;
• possibilità di aumentare e diminuire dinamicamente nel tempo
le risorse;
• ottimo per gestire elevato trafﬁco;
• distribuzione geograﬁca dei server.
!
Difetti!
• costo elevato.

CC BY-SA 4.0




Hosting Windows o Linux?
Sul server può essere installato un server con sistema
operativo Windows o sistema operativo Linux.

IMPORTANTE!
!
Il sistema utilizzato sul nostro PC non è assolutamente
rilevante nella scelta del tipo di sistema operativo del
server.!
!
• Non vi sono problemi di compatibilità e operatività tra il
computer del client (voi) ed il server.
!
• Anche nell’interfaccia di gestione dei due sistemi
server, non ritroverete un ambiente graﬁco uguale a
quello che utilizzate sul vostro computer di casa.
!
• La differenza risiede nelle tecnologie usate.
CC BY-SA 4.0




Se la necessità è quella di avere tecnologia ASP o .NET o Microsoft
Access o Microsoft SQL Server allora avrete necessità di un
hosting Windows.
!
La scelta di questa tecnologia pregiudica pagamenti di licenze o
acquisto di software.
!
Se la necessità è quella di avere tecnologia PHP, MySql, Perl,
ecc… allora avrete necessità di un hosting Linux.
!
La maggior parte dei software server utilizzati in ambiente Linux
sono distribuiti in modalità open source ad utilizzo gratuito. Non è
necessario acquistare software e licenze per il loro utilizzo.
La maggior parte dei CMS (Content Manager System - sistemi
per la creazione e gestione di siti web dinamici) funzionano su
sistemi operativi Linux.
I CMS più usati (anche nelle scuole): Joomla, WordPress, Drupal,
Plone utilizzano queste tecnologie quindi chi volesse installare ad
esempio WordPress per realizzare il proprio sito, ecc dovrà
prendere un hosting Linux.

CC BY-SA 4.0




IMPORTANTE!
!
Moltissime aziende a livello mondiale e istituzioni pubbliche
operano con hosting Linux.!
!
Alcuni esempi:
•
•
•
•
•
•
•
•
•
•
•
•
•

CC BY-SA 4.0

Google
Amazon
IBM
Virgin America
Cisco System
Panasonic
Peugeot
Toyota
Wikipedia
Dipartimento della difesa USA
Federal Aviation
Administration
La borsa di New York
CERN

•
•

•
•
•
•
•
•
•

Parlamento francese e
gendarmeria
Spagna in quasi la totalità dei
computer dell’amministrazione
pubblica e in aziende
Brasile nella totalità
dell’amministrazione pubblica
Città di Monaco
Città di Bolzano
Scuole della Russia
Scuole dell’India
Scuole della Svizzera
Università tedesche




IL MIO CONSIGLIO
E’ QUELLO DI
UTILIZZARE UN
HOSTING LINUX
Motivi!
!

•non prevede spese ulteriori per licenze, 
in quanto open source;
•facilità di utilizzo;
•velocità;
•sicurezza;
•funzionale;
•personalizzabile;
•robusto;
•afﬁdabile;
•scalabile.
CC BY-SA 4.0


Siti statici e siti
dinamici

CC BY-SA 4.0


statico e dinamico


Come già detto:
!

Un "server web", deﬁnito "host", è
connesso ad Internet in modalità
idonea a garantire l'accesso alle
pagine del sito mediante il web
browser dell'host client dell'utente,
con identiﬁcazione dei contenuti
tramite dominio ed indirizzo IP.
In modo più semplice il server web è:
!

un SOFTWARE installato su un SERVER con il compito
di elaborare pagine web, in modo da soddisfare le
richieste degli utenti (chi visita il sito).

CC BY-SA 4.0


statico e dinamico


Sito statico!
!
E’ un sito costituiti da pagine statiche, la cui
presentazione non può essere modificata
dall’utente (chi visita il sito). Le pagine sono
definite in codice HTML (estensione .html
o .htm).
!
Le pagine descrivono in ogni dettaglio
l’impaginazione, dal font utilizzato al colore del
testo alla grafica e alle immagini inserite, così
come accadrebbe con un file generato con un
editor di testi.
!
Quando l’utente richiede al Web Server la visione
di una determinata pagina HTML, questa viene
consegna al browser del client, il browser
decodifica e ne permette la visualizzazione.

CC BY-SA 4.0


statico e dinamico


Sito statico!
!
Vantaggi!
!
• rapidità di realizzazione;
• velocità di caricamento delle pagine
!
Svantaggi!
!
• aggiornare i contenuti richiede una
maggior quantità di tempo;
• l’aggiornamento dei contenuti può
essere fatto solo da personale
specializzato;
• l’interazione dell’utente è limitata
solamente alla navigazione.

CC BY-SA 4.0


statico e dinamico

Sito dinamico!


MySql (database)

!

Le pagine dinamiche contengono oltre
che codice HTML anche codice per
l'esecuzione di programmi sul Web
Server.

PHP + HTML

!

Quando l'utente richiede la
consultazione di una pagina verrà
eseguito sul server il programma inserito
nella pagina dinamica, l'esecuzione su
server genera un codice html che viene
restituito al client che visualizzerà la
richiesta della speciﬁca richiesta.

PHP + HTML

!

Il contenuto della pagina non è deciso
a priori ma varia in funzioni di diverse
condizioni.
CC BY-SA 4.0


statico e dinamico

Sito dinamico!
!
Vantaggi!
!
• semplicità nel creare, aggiornare,
eliminare contenuti sia testuali che
multimediali;
• forte interazione tra utente e sito web.;
• il cliente è autonomo nella creazione,
modiﬁca ed eliminazione dei contenuti
del proprio sito web.
!
Svantaggi!
!
• maggior complessità di realizzazione;
• pagine web mediamente meno veloci
in fase di caricamento;
• la gestione della graﬁca del sito e
soggetta a vincoli maggiori.

CC BY-SA 4.0


MySql (database)

PHP + HTML

PHP + HTML


statico e dinamico


Sito dinamico!
!

Esempio!
!

Quando effettuate una ricerca con Google,
il risultato della vostra richiesta (inglese
query) non era già presente con un ﬁle
statico su server con quella speciﬁca
richiesta, ma la pagina HTML viene
generata come risposta dell'esecuzione di
un programma situato sui server di Google.
!

query

risposta

Le pagine dinamiche vengono costruiti con
linguaggi di programmazione, come ad
esempio PHP e questi linguaggi per
operare e costruire le pagine web devono
usare collezioni di informazioni "pure"
conservate in database realizzati ad
esempio con MySQL.
CC BY-SA 4.0


statico e dinamico


Sito dinamico

CC BY-SA 4.0


statico e dinamico


E per la scuola cosa scegliamo?!

Scuola

!

Sicuramente un sito dinamico in
grado di risponde a tutte le necessità,
dalla pubblicazione di circolari, alla
gestione della formazione on-line.
Inoltre la realizzazione e la gestione di
ogni sezione del sito può essere
facilmente organizzata in gruppi di
lavoro (ufﬁci, dipartimenti, gruppi di
progetto, ecc…) e realizzata da
persone che non hanno competenze
informatiche elevate (non bisogna
essere programmatori), riducendo
l’aggiornamento del sito ad una
semplice scrittura di un testo così
come accadrebbe per un normale
editor di testi.
CC BY-SA 4.0

MySql (database)

PHP + HTML

PHP + HTML


PHP e MySQL

CC BY-SA 4.0


PHP e MySQL


Cos’è un database
In informatica, il termine database, base di
dati o banca dati (a volte abbreviato con la
sigla DB), indica un archivio dati, o un
insieme di archivi, in cui le informazioni in
esso contenute sono strutturate e collegate
tra loro secondo un particolare modello
logico (relazionale, gerarchico, reticolare o a
oggetti) e in modo tale da consentire la
gestione/organizzazione efﬁciente dei dati
stessi e l'interfacciamento con le richieste
dell'utente attraverso i cosiddetti query
language (query di ricerca o interrogazione,
inserimento, cancellazione, aggiornamento
ecc.) grazie a particolari applicazioni
software dedicate (DBMS), basate su
un'architettura di tipo client-server. (fonte)
CC BY-SA 4.0

DB


PHP e MySQL


Cosa vuol dire MySQL?
MySQL è tra i più diffusi database Open
Source basato sul linguaggio SQL.
!

L'acronimo SQL signiﬁca "Structured
Query Language" ed indica il linguaggio
di interrogazione dei DataBase.
!

MySQL ha il compito di strutturare e
gestire i dati in modo da velocizzarne
l'accesso, la modiﬁca e l'inserimento di
nuovi elementi.

CC BY-SA 4.0


PHP e MySQL


Cosa vuol dire PHP?
PHP è un linguaggio di
programmazione “lato server” cioè
che permettono di realizzare
programmi che funzionano sul web
server.
!

L’elaborazione dei programmi scritti
in PHP restituirà al browser
dell’utente una pagina web in grado
di essere letta dal browser internet
dell’utente.

CC BY-SA 4.0


PHP e MySQL


Di cosa avete bisogno per realizzare il sito
dinamico della scuola?

Sul server devono esserci

+

CC BY-SA 4.0


PHP e MySQL


Esempio: caratteristiche di un noto sito scolastico
di Torino, ospitato presso aruba.it!
!

Le caratteristiche tecniche sono sufﬁcienti per
realizzare un sito dinamico.

CC BY-SA 4.0


PHP e MySQL


• Data scadenza: data di scadenza dell’hosting (hosting con rinnovo annuale)
• Login di autenticazione: nome utente dell’amministratore che gestisce il sito
• Tipo di servizio: Offerta Hosting Easy Linux (ne esistono diverse tipologie che
includono servizi di diverso genere)
• Numero di E-mail conﬁgurate: 148 (numero attualmente di mail conﬁgurate)
• Spazio disponibile: illimitato (spazio sull’HD del server)
• Versione PHP: (non indicata) è possibile derivarla mediante altre funzionalità e
consente.

!

Informazione sulla macchina hoster!
• IP: indirizzo IP del computer che ospita il sito
• Server: nome del server su cui è allocato il sito

!

Servizi aggiuntivi abbinati al dominio: inclusi e aggiunti in fase di acquisto. Per la
tipologia di offerta non è stato aggiunto nessun servizio aggiuntivo.

CC BY-SA 4.0


PHP e MySQL

CC BY-SA 4.0



PHP e MySQL


La scelta del provider, della tipologia di
servizio e di ogni caratteristica
sistemistica/informatica!

DEVE!
essere fatta con personale specializzato
della scuola!
o di azienda esterna
CC BY-SA 4.0


Realizziamo il sito

CC BY-SA 4.0


CMS

CC BY-SA 4.0


CMS

Realizziamo il sito

CMS
Un CMS (Content Management System), letteralmente
“sistema di gestione dei contenuti”, è uno strumento
software (programma) installato su un web server studiato
per facilitare la gestione dei contenuti di siti web,
svincolando l’utente da conoscenze tecniche di
programmazione.
!

Esistono molti tipi e categorie di CMS, ogni categoria è
specializzata per la gestione di un tipo di contenuto:
!
•
•
•
•
•

CC BY-SA 4.0

blog
enciclopedia on-line,
forum
e-commerce
…


CMS

Realizziamo il sito

CMS
L’applicazione CMS è divisa in due parti:
• la sezione di amministrazione detta back end, che
serve a produrre e controllare i contenuti del sito;
• la sezione applicativa detta front end, usata dagli
utenti esterni che consultano le pagine del sito.

UTENTI!
front end

AMMINISTRATORI!
back end

CC BY-SA 4.0

Vedono!
SOLO!
le pagine del sito

Amministrano
(e vedono)!
i contenuti del
SITO

CMS

Realizziamo il sito

L’utente legge i contenuti!
impaginati ed inseriti in
un contesto graﬁco

L’amministratore!
inserisce, modiﬁca,
cancella i contenuti
del sito

CC BY-SA 4.0


CMS

Realizziamo il sito

Quale CMS per la scuola?
Consigliati

CC BY-SA 4.0


CMS

Realizziamo il sito

Software open source gratuiti da installare su WebServer
che necessitano per il loro funzionamento di: PHP e MySQL.

+

CC BY-SA 4.0


CMS

Realizziamo il sito

Consiglio!
!

Una risorsa importantissima ed utile per l’installazione e
l’uso dei CMS: WordPress, Joomla, Drupal, Plone può
essere trovata su:
!

Porte Aperte sul Web
!
!
!
!

“La comunità di pratica di Porte aperte sul web, promossa
dall’Ufﬁcio scolastico regionale per la Lombardia, è formata
da docenti delle scuole lombarde che condividono
l’esigenza di fare parte di un ambiente basato sui principi
fortemente collaborativi e di condivisione delle conoscenze
e delle competenze nell’ambito della comunicazione web.”
CC BY-SA 4.0


CMS

Realizziamo il sito

Consiglio!
!

Nella sezione tutorial si possono trovare moltissimi
documenti e video lezioni sull’uso dei CMS,
sull’amministrazione trasparente e tutto ciò che può essere
utile per progettare un sito scolastico.

CC BY-SA 4.0


CMS

Realizziamo il sito

Usiamo WordPress
Per questo (brevissimo corso):
• per semplicità di utilizzo e gestione
• per (mie) competenze professionali nello sviluppo di siti dinamici
(scolastici e aziendali) basati su WordPress
verrà illustrato l’utilizzo del CMS WordPress

+

CC BY-SA 4.0


WordPress

CC BY-SA 4.0


WordPress

Realizziamo il sito

PRATICA

Per questa fase del corso è stato creato un sito
TEST raggiungibile al seguente indirizzo:
!

corsodsga.maffucci.it!
!

Il sito si presenta volutamente essenziale e verrà
utilizzato per effettuare gli esercizi.

CC BY-SA 4.0


WordPress

Realizziamo il sito

CONSEGNA
• Si immagini di strutturare il sito dell’Istituto di Istruzione
Superiore James Tiberius Kirk
• Inserire i contenuti di ogni sezione secondo quanto
indicato dal relatore
• Il lavoro dovrà essere eseguito per gruppi di lavoro
ciascuno costituiti da 5 persone (quindi 5 gruppi da 5
persone)
• Ogni persona del gruppo dovrà strutturare una pagina
ed inserire almeno una news. Nella pagina e nella news
dovranno esserci immagini e link a siti esterni e a
documenti.
• Le password di accesso come editor sono quelle
consegnate dal relatore
• l’indirizzo per accedere al sito è: 
http://corsodsga.maffucci.it

CC BY-SA 4.0


WordPress

Realizziamo il sito

Front end e back end!
!
Due tipologie di visualizzazione:
Front end: parte visibile da qualsiasi utente

CC BY-SA 4.0

Back end: parte visibile solo agli amministratori
del sito (aggiunta, modiﬁca, cancellazione di
contenuti)


WordPress

Realizziamo il sito

Pannello di amministrazione del sito!
!

Si ha accesso al pannello di
amministrazione o back end direttamente
al seguente link:
!

http://www.nomesito.it/wp-login.php
!

oppure
!

http://www.nomesito.it/wp-admin.php
!

Per questo corso:
!

http://corsodsga.maffucci.it/wp-login.php

CC BY-SA 4.0


WordPress

Realizziamo il sito

La bacheca

CC BY-SA 4.0


WordPress

Realizziamo il sito

Il menù top

CC BY-SA 4.0


WordPress

Realizziamo il sito

Il menù laterale

STATO DEL SISTEMA

GESTIONE DEI CONTENUTI

GESTIONE CMS

CC BY-SA 4.0


WordPress

Realizziamo il sito

Gestione contenuti
Articoli - detti anche post, sono costituiti da: un titolo, un testo,
una data di pubblicazione. Possibilità di inserire: media, parole
chiave (tag). Gli articoli possono essere organizzati in categorie o
argomenti.

Trasparenza - gestione amministrazione trasparente (Dlgs33/2013).
Modulo aggiuntivo che non fa parte della dotazione standard di
WordPress.
Media - immagini, audio, video.

Pagine - hanno una struttura identica agli articoli, ma diﬀeriscono
dai post perché non sono soggetti ad una data di pubblicazione.
Sono anche deﬁnite “statiche”.

AVCP - Generatore XML per l’AVCP (Autorità per la Vigilanza sui
Contratti Pubblici di Lavori, Servizi e Forniture) // Art. 1 comma 32
Legge 190/2012. Modulo aggiuntivo che non fa parte della dotazione
standard di WordPress.

Commenti - sono i commenti ai post o alle pagine degli utenti.

CC BY-SA 4.0


WordPress

Realizziamo il sito

Gestione contenuti

CC BY-SA 4.0


WordPress

Realizziamo il sito

Articoli - elenco articoli

CC BY-SA 4.0


WordPress

Realizziamo il sito

Nuovo articolo

CC BY-SA 4.0


WordPress

Realizziamo il sito

Nuovo articolo - formattazione testo

CC BY-SA 4.0


WordPress

Realizziamo il sito

Modifica articolo
In lista articoli, portando il mouse sopra il titolo dell’articolo,
compariranno i link: modifica, modifica rapida, cestina, visualizza.
La modifica permette di editare nuovamente l’intero post (allo stesso
modo della creazione).

CC BY-SA 4.0


WordPress

Realizziamo il sito

Modiﬁca rapida articolo

CC BY-SA 4.0


WordPress

Realizziamo il sito

Pagine - elenco

CC BY-SA 4.0


WordPress

Realizziamo il sito

Nuova pagina

CC BY-SA 4.0


WordPress

Realizziamo il sito

Media - elenco

CC BY-SA 4.0


WordPress

Realizziamo il sito

Media - aggiungi nuovo

CC BY-SA 4.0


WordPress

Realizziamo il sito

Media - modiﬁca

CC BY-SA 4.0


WordPress

Realizziamo il sito

Categorie e tag
Due modi per organizzare i
contenuti:

!

•
•

CC BY-SA 4.0

categorie: ordinamento per
argomento
tag: ordinamento per parole
chiave


WordPress

Realizziamo il sito

Commenti

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi
I temi sono impiegati per la personalizzazione graﬁca del sito e
possono essere gratuiti oppure a pagamento.

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - installazione

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - installazione da wordpress.org/themes

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - personalizzazione

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - personalizzazione - widget

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - plugin
I plugin sono sono porzioni aggiuntive del CMS che ne estendono le funzionalità.
Sono programmi che si integrano con il CMS. Possono essere gratuiti o a
pagamento. L’installazione può essere eseguita direttamente dal back end di
WordPress o prelevabili dal sito wordpress.org dalla sezione plugin del sito.

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - plugin - installazione

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - utenti
Amministratore: ha il controllo totale del sito. Può modificare il tema,
aggiungere cancellare gli utenti, creare/eliminare i post e pagine,
aggiungere/togliere i plugin, aggiungere/togliere i widget.
!
Editore: non può amministrare la personalizzazione della grafica del
sito e del suo layout. Gestisce i propri articoli e quelli degli altri utenti,
può caricare immagini e moderare commenti.
!
Autore: Ha solamente il controllo dei propri articoli, ma non di quelli
degli altri utenti.
!
Collaboratore: può gestire solamente i propri articoli (creare ed
eliminare), ma non può pubblicarli. La pubblicazione può essere fatta
solamente da un amministratore o un editore.
!
Sottoscrittore: è un utente normale del sito che ha la possibilità di
leggere i commenti lasciati agli articoli o alle pagine. Ogni utente che si
registra al sito diventa automaticamente sottoscrittore. Questa proprietà
può essere modificata.

CC BY-SA 4.0


WordPress

Realizziamo il sito

Temi - utenti

CC BY-SA 4.0


Amministrazione
trasparente

CC BY-SA 4.0


WordPress

Amministrazione trasparente

WordPress - amministrazione trasparente
La seguente sezione è stata tratta da!
Porte Aperte sul web social!
riferimento per la realizzazione di siti scolastici

Per la normativa sulla trasparenza, le scuole sono obbligate
a trasmettere alla AVCP (Autorità per la Vigilanza sui
Contratti Pubblici di Lavoro, Servizi e Forniture) i dati relativi
ai bandi di gara, reletivamente all’anno 2013 entro il 31
gennaio 2014, nel formato aperto xml o se al di sotto di una
certa cifra segnalare il link al ﬁle xml del proprio sito.
!

Per quanto riguarda WordPress, Marco Milesi ha realizzato
due plugin che soddisfano tali richieste:
!
•
•

CC BY-SA 4.0

Amministrazione Trasparente
AVCP XML
(fonte)


WordPress



1/a

Installare ed attivare Amministrazione Trasparente. Creare una pagina
(nell’immagine amministrazione trasparente) ed inserire gli short code
come indicati nella documentazione. Successivamente inserire la
pagina in una sezione del sito (in un menù o dove meglio ritenete).

CC BY-SA 4.0

(fonte)


WordPress



1/b

Gli short code inseriti sono:

!

[at-desc]
[at-head]
[at-table]

!

inoltre poiché il plug-in aggiunto inserisce indicatori non necessari per una istituzione
pubblica, ho inserito la nota:

!

NOTA! Non tutti gli indicatori sono riferibili alle attività delle amministrazioni
scolastiche.

CC BY-SA 4.0


WordPress



Questo il risultato:
!

http://www.icadua.gov.it/
amministrazionetrasparente/
!

oppure sul sito test del
corso:
!

http://
corsodsga.maffucci.it/
amministrazionetrasparente/

CC BY-SA 4.0


WordPress



2/a

Bisogna creare le pagine a cui collegare uno degli indicatori:

CC BY-SA 4.0


WordPress



2/b

Bisogna creare le pagine a cui collegare uno degli indicatori:

CC BY-SA 4.0


WordPress



2/c

Assegnamo un titolo ed un testo. Alla nuova voce possiamo anche
aggiungere, così come viene fatto per un post o per una pagina, altri media.

CC BY-SA 4.0


WordPress



2/d

Assegniamo una tipologia

CC BY-SA 4.0


WordPress



2/e

Pubblichiamo

CC BY-SA 4.0


WordPress



2/f

L’inserimento successivo di più voci per “bandi di gara e contratti” genera
una pagina simile a questa:

CC BY-SA 4.0


AVCP xml
Generatore XML per l’AVCP 
(Autorità per la Vigilanza sui Contratti Pubblici di
Lavori, Servizi e Forniture) 
Art. 1 comma 32 Legge 190/2012.

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP
L’installazione del Plug-in AVCP XML aggiunge un nuovo menù AVCP

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP
Impostazioni

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

1/a

Se la fase di installazione è andata a buon ﬁne ne avrete conferma evidente nel box
System Check-UP collocato a destra della pagina, dove tutte le voci indicate devono
essere “OK”. Inserire ora i dati della scuola: denominazione, codice ﬁscale e spuntare
tutte le voci che interessano:

CC BY-SA 4.0


WordPress

WordPress - AVCP

CC BY-SA 4.0

AVCP xml

1/b


WordPress

WordPress - AVCP

CC BY-SA 4.0

AVCP xml

1/c


WordPress

WordPress - AVCP

AVCP xml

1/d

Inserire i dati della scuola

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

1/e

Blocco per creare i data set. Il pulsante “Create Dataset” permette di di creare i dataset
per gli anni 2012, 2013, 2014. Questa azione crea 3 ﬁle XML: 2012.xml, 2013.xml,
2014.xml.
Il link presente nel blocco consente di accedere ad una pagina in cui sono contenuti tutti
i data set creati dal Plug-In.

CC BY-SA 4.0


WordPress

WordPress - AVCP

CC BY-SA 4.0

AVCP xml

1/f


WordPress

AVCP xml

WordPress - AVCP
Lista delle gare inserite

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

2/a

Inserimento nuova gara

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

2/b


CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

2/c

Attenzione alla sintassi utilizzata per l’inserimento degli importi

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP
Inserimento ditte

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

3/a


CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

3/b

Inserimento nuova gara.
Una volta inserita la nuova gara bisogna aggiornare i data set XML

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP
Creazione/aggiornamento data set XML. Click su “Crea Dataset”, al termine
verranno visualizzati i messaggi che vi informano della creazione dei
dataset.

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP
In Validazione Dataset potete verificare i i file XML che i file siano validi ed
abbiano superato il controllo con i file di esempio di validazione di AVCP.

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

4/a

Per mostrare le gare e gli appalti nel sito istituzionale, bisogna creare una
nuova pagina in cui andremmo ad inserire la lista tutte le gare e gli appalti
oppure potremo creare una pagina indice suddivisa per anni. Nell’esempio è
stata creata una pagina: Elenco bandi e appalti.

!
Inserendo il codice: [avcp] verranno visualizzati tutti i bandi e gli appalti
pubblicati in tutti gli anni.

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

4/b

Il risultato sarà:

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

4/c

Nel caso si volesse creare la pagina Elenco bandi e appalti 2014
bisognerebbe inserire come codice: [avcp anno="2014"]

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

4/c

Il click sul nome del bando rimanda alla bando

CC BY-SA 4.0


WordPress

WordPress - AVCP

CC BY-SA 4.0

AVCP xml

4/d


WordPress

WordPress - AVCP

AVCP xml

4/e

Il click sul nome dell’azienda permette di visualizzare tutti i bandi a cui
l’azienda ha partecipato.

CC BY-SA 4.0


WordPress

WordPress - AVCP

AVCP xml

4/f

Il click su uno dei bandi consente la visualizzazione del bando:
.

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

5/a

File XML

1

2

Visualizzazione
pubblica dei ﬁle
XML generati

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

5/b

Ciò che dovrà essere comunicato ad AVCP via PEC non è il link alla pagina
contenete dei ﬁle XML, ma l’indirizzo singolo di ogni ﬁle.

CC BY-SA 4.0


WordPress

AVCP xml

WordPress - AVCP

5/c

Esempio di parte del codice di 2014.xml, quindi link da comunicare ad AVCP
via PEC è (in questo esempio): http://corsodsga.maffucci.it/avcp/2014.xml (al
posto di http://corsodsga.maffucci.it/ vi sarà il nome del vostro sito).

CC BY-SA 4.0


Grazie!
!
!
www.maffucci.it
michele@maffucci.it
!
www.twitter.com/maffucci/
www.facebook.com/maffucci.it/
plus.google.com/+MicheleMaffucci/
!
it.linkedin.com/in/maffucci

Licenza presentazione:

CC BY-SA 4.0

Crediti icone usate:!
Name: Hopstarter (Jojo Mendoza)!
URL 1: http://hopstarter.deviantart.com!
URL 2: http://www.deleket.com!
URL 3: http://www.iconarchive.com/artist/hopstarter.html

Siti web scolastici - corso base indirizzato ai DSGA neo immessi in ruolo

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (8)

En vedette

En vedette (20)

Similaire à Siti web scolastici - corso base indirizzato ai DSGA neo immessi in ruolo

Similaire à Siti web scolastici - corso base indirizzato ai DSGA neo immessi in ruolo (20)

Plus de Michele Maffucci

Plus de Michele Maffucci (15)

Dernier

Dernier (19)

Siti web scolastici - corso base indirizzato ai DSGA neo immessi in ruolo