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

Alfabetizzazione di base per la realizzazione di siti web scolastici

Prof. Michele Maffucci gennaio 2014

CC BY-SA 4.0

Formazione Personale ATA DSGA neo immessi in ruolo e Assistenti Amministrativi con funzioni da DSGA !Ufficio Scolastico Territoriale di Torino

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.

Prof. Michele Maffucci

Il relatore!!Prof. Michele Maffucci !www.maffucci.it [email protected] !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

http://www.maffucci.it

mailto:[email protected]

http://www.twitter.com/maffucci/

http://www.facebook.com/maffucci.it/

https://plus.google.com/+MicheleMaffucci/

http://it.linkedin.com/in/maffucci

http://creativecommons.org/licenses/by-sa/4.0/







Struttura del corso

CC BY-SA 4.0 Prof. Michele Maffucci


Struttura del corso

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


NetworkingLe reti di computer

CC BY-SA 4.0

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


Le reti di computer

apparati di rete

Uff. didattica

Uff. protocollo

Uff. DSGA

Uff. Dirigente Scolastico

Uff. contabilitàUff. personale

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

Networking

CC BY-SA 4.0

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


Le reti di computer

Scuola sede principale

Scuola succursale 1

Scuola succursale 2

15 Km

7 Km

Networking

CC BY-SA 4.0

WAN: Wide Area Network - reti geografiche !Le reti geografiche servono per la comunicazione tra centri situati in città, nazioni o continenti diversi.

Le reti di computer

WAN

LAN - (Torino) LAN - (Roma)


Networking


Internet

CC BY-SA 4.0

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.


Internet

(fonte)

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.

Il sistema funziona su scala planetaria, non ha sede geografica né confini.

Networking

http://it.wikipedia.org/wiki/Internet


Curiosità!per riflettere sulla vastità di

connessioni internet e sull’utilizzo della rete


Pagine web visualizzate al minuto


rilevazione del 17.01.14 - ore 18,15

InternetCuriosità

(fonte)

Networking

http://www.akamai.com



Parole chiaviInternetCuriosità

(fonte)




InternetCuriosità

(fonte)

Networking



Cosa succedei in 1 minuto su internet

CC BY-SA 4.0 Prof. Michele Maffuccifonte

InternetCuriosità Networking

http://scoop.intel.com/files/2012/03/infographic_1080_logo.jpg

CC BY-SA 4.0 Prof. Michele Maffuccifonte

mailto:scoop.intel.com/files/2012/03/infographic_1080_logo.jpg?subject=


Indirizzo IP

CC BY-SA 4.0

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.


173.194.113.240

95.100.221.15

205.251.242.54

199.16.156.230

173.252.110.27

98.139.183.24

173.194.113.231

Indirizzo IP Networking

https://support.google.com/a/answer/2573637?hl=it


nome di dominio

CC BY-SA 4.0

Il nome di dominio è un marchio identificativo 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 identificativo 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.


Nome di dominio Networking

CC BY-SA 4.0

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

esempio.com è un URL (indirizzo web)!!Esempi di nomi di dominio sono • google.com • wikipedia.org


(fonte)


https://support.google.com/a/answer/2573637?hl=it


google.com = 173.194.113.230

wikipedia.org = 208.80.154.224

facebook.com = 173.252.110.27

twitter.com = 199.16.156.230



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


CC BY-SA 4.0

Analogia geografica


Via Coazze 18 = latitudine: 45° 4.473’! longitudine: 7° 39.191'



Ad un nome di dominio possono corrispondere più indirizzi IP

Nome di dominio

173.194.113.227

173.194.113.224

173.194.113.232173.194.113.231

173.194.113.238

173.194.113.229

173.194.113.228

173.194.113.230

173.194.113.233

173.194.113.225

173.194.113.226

google.com

Networking


Il nome del dominio deve essere registrato.!!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

89.97.132.168 istruzione.it

!213.92.16.101

repubblica.it !

206.190.36.45 yahoo.com

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

Networking


DNS Domain Name System


DNS!computer!

!colleziona

IP

89.97.132.168 istruzione.it !

213.92.16.101 repubblica.it !

206.190.36.45 yahoo.com !

……!……

89.97.132.168 istruzione.it

213.92.16.101 repubblica.it

206.190.36.45 yahoo.com

aaa.bbb.ccc.ddd

DNS Networking


Analogia

utente 1

utente 2

utente 3

utente 4

utente n

DNS Networking


URL Uniform Resource Locator

CC BY-SA 4.0

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


URL Networking

https://support.google.com/a/answer/48090#U


CC BY-SA 4.0

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.


DNS!computer!

!colleziona

IP

89.97.132.168 istruzione.it !

213.92.16.101 repubblica.it !

206.190.36.45 yahoo.com !

……!……

voglio vedere il siti istruzione.it

89.97.132.168

1

2

8

INTERNET

società che vi permette di andare su internet

3

45

5

689.97.132.168

7

pagina

pagina

910

URL

istruzione.it PROVIDER

istruzione.it!89.97.132.168

Networking


GERARCHIA DEI DOMINI

CC BY-SA 4.0

maffucci.it


Gerarchia dei domini

dominio di 1° livellodominio di 2° livello

mail.maffucci.it

dominio di 1° livellodominio di 2° livello

dominio di 3° livello

Networking

CC BY-SA 4.0

maffucci.it





elearning.maffucci.it




dominio di!2° livello

dominio di!3° livello!

(sottodominio)

}}

Networking

http://maffucci.it

http://elearning.maffucci.it



classe3Aoe.elearning.maffucci.it






Networking

http://classe3Aoe.elearning.maffucci.it



domini di primo livello nazionali (country code top-level 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 suffisso è 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

(fonte)

Networking

http://it.wikipedia.org/wiki/Domini_di_primo_livello_nazionali

http://it.wikipedia.org/wiki/Giappone

http://it.wikipedia.org/wiki/Italia

http://it.wikipedia.org/wiki/Unione_Europea

http://it.wikipedia.org/wiki/Domini_di_primo_livello_generici

http://it.wikipedia.org/wiki/Stati_Uniti_d%27America

http://it.wikipedia.org/wiki/Elenco_di_domini_Internet_di_primo_livello

http://it.wikipedia.org/wiki/Dominio_di_primo_livello


Esercizio


Alla ricerca del sottodominio!!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

10!min

NetworkingEsercizio Gerarchia dei domini


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

http://istruzione.it


Esercizio


Esercizio

Per saperne di più per ottenere il massimo da Google:!!Pillole di tecnologia didattica: trucchi e segreti per utilizzare Google a scuola !• puntata 1 • puntata 2

http://www.maffucci.it/2011/02/22/pillole-di-tecnologia-didattica-trucchi-e-segreti-per-utilizzare-google-a-scuola-puntata-1/

http://www.maffucci.it/2011/03/01/corso-google-puntata-2/


Server

CC BY-SA 4.0

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. !Affinchè 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.


Server Networking


Server

CLIENT CLIENT

CLIENT

CLIENT

CLIENT

CLIENT

CLIENTCLIENT

PC

Portatile

Smatphone

TabletStampante di rete

Laptop

Apparato di rete

Sistema domotico

SERVER

Networking

CC BY-SA 4.0

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.


Server Networking

CC BY-SA 4.0

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

• programma di condivisione file - FILE SERVER


Server Networking

CC BY-SA 4.0

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 realizzazione di sistemi di e-learning • per la gestione del registro elettronico • per gestire i centralini telefonici • per la gestione della sicurezza dei dati • …


Server Networking


Curiosità alla scoperta dei server di Google


Curiosità

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)

Networking

http://www.google.com/about/datacenters/gallery/#/all


Imbuti di raccolta dell’aria calda proveniente dai server

(fonte)

Curiosità Networking



Anche i tubi di acqua riflettono 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.

(fonte)




Ingegnere di Goggle che effettua diagnosi sui server

(fonte)




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


http://www.google.com/about/datacenters/inside/streetview/

http://www.youtube.com/watch?v=avP5d16wEp0

http://www.google.com/about/datacenters/gallery/#/


ISP Internet Service Provider

CC BY-SA 4.0

Fornitore di servizi a privati ed aziende che a pagamento fornisce accesso ad internet. !Tra i servizi aggiunti offerti i più importanti:


Registrazione/hostingISP

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

spazio web, su cui!inserire il proprio sito

caselle di posta!elettronica

registrazione e!trasferimento!

di nomi di dominio

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 fino a 20 Megabit/secondo (e oltre)


ISP Registrazione/hosting


Linee guida per la registrazione di un

dominio

CC BY-SA 4.0

E’ un passaggio molto importante in quanto dovete considerare il nome del dominio come il vostro indirizzo. !Se il nome non è chiaro ovviamente sarà difficile da ricordare.


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.

Registrazione/hosting

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ù difficili da ricordare.



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

esempio


CC BY-SA 4.0

Scelta effettuata: vittorinodafeltre.it


Registrazione dominio Registrazione/hosting

http://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

IC Vittorino da Feltre di Torino

IIS Galilei Ferrari di Torino

maffucci.it

vittorinodafeltre.it

galileiferrari.it

1 2

1 2 3 4 5 6

1

unione di 2,3,4

unione di 2,31 2 3 4 5


http://maffucci.it


http://galileiferrari.it

CC BY-SA 4.0

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!difficile da ricordare e più lungo da scrivere,

meglio utilizzare nomi uniti

vittorinodafeltre.it



CC BY-SA 4.0

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



esempio

IIS Galilei Ferrari!iisgf.it!Difficile ricordare delle lettere, mentalmente non riesco a fare subito una associazione !iisgalileif.it!potrei dimenticare di scrivere l’ultima f !meglio utilizzare nomi significativi, quindi: !galileiferrari.it



?CC BY-SA 4.0

Fate attenzione a non scegliere un nome di dominio che sia in conflitto 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 …


Registrazione/hostingRegistrazione dominio



Nel caso di domini primo livello .it potete fare una verifica 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.”


http://www.nic.it



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

1

2

3


http://maffucci.it



In alternativa qualsiasi ISP ha la possibilità di verificare 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.




aruba.itRegistrazione/hosting



aruba.it

12

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




aruba.itRegistrazione/hosting

http://aruba.it



register.itRegistrazione/hosting

http://register.it



1and1.itRegistrazione/hosting

http://1and1.it



dreamhost.comRegistrazione/hosting

http://dreamhost.com



godaddy.comRegistrazione/hosting

http://godaddy.com



hostgator.comRegistrazione/hosting

http://hostgator.com



bluehost.comRegistrazione/hosting

http://bluehost.com


Registrazione di un dominio .gov!!Con la Direttiva del Ministro per la Pubblica amministrazione n.8/2009 si evidenzia 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.



Registrazione di un dominio .gov!!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: !

• Lettera di Assunzione di Responsabilità (LAR) firmata; • Questionario compilato


http://domini.digitpa.gov.it


Registrazione di un dominio .gov!!Collegarsi al sito dell’Agenzia per l’Italia Digitale: www.digitpa.gov.it


click su dati pubblici

http://www.digitpa.gov.it


Registrazione di un dominio .gov


click su Dominio gov.it

http://gov.it




verifichiamo se il dominio che stiamo richiedendo è

libero




click su: verifica disponibilità dominio




inserire il nome di dominio




click su verifica




procedere con la registrazione




procedere con l’inserimento dei dati

identificativi dell’istituzione scolastica


Registrazione di un dominio .gov!!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-registrazione-

di-un-dominio-gov !

link alla versione PDF del tutorial: !

registrazione domini gov.it


http://www.slideshare.net/annaritalauri/tutorial-registrazione-di-un-dominio-gov

http://www.scuolacooperativa.net/wp3-social/wp-content/uploads/2013/06/tutorial-registrazionediundominio-gov-130622110417-phpapp01.pdf


Web Server e

Hosting di un sito

CC BY-SA 4.0

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.


Web Server e Hosting Registrazione/hosting

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)

http://it.wikipedia.org/wiki/Hosting

CC BY-SA 4.0

Tutte le pagine web che visitiamo giornalmente sono inserite su un web server.


Networking

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

PHP

HTML

XML

CSS

web server

Web Server e Hosting


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.

web serverclient



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:

web serverclient

http://nomehost/percorso/nomefile

nomehostpercorso

nomefile




Le tipologie di hosting !Si possono distinguere quattro tipi di hosting: !1.Web Hosting free

2.Hosting condiviso

3.Hosting dedicato

4.Cloud hosting




Web Hosting free !Non è indicato per un traffico 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 verificare 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.




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.




Hosting dedicato !Consente un totale controllo del sito. E’ previsto l’affitto 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 traffico; • 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.




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 traffico; • distribuzione geografica dei server.

!Difetti!

• costo elevato.




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 grafico uguale a quello che utilizzate sul vostro computer di casa. !

• La differenza risiede nelle tecnologie usate.




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.




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

• 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; •affidabile; •scalabile.

Web Server e Hosting Registrazione/hosting


Siti statici e siti dinamici


statico e dinamico Registrazione/hosting

Come già detto: !Un "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.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).



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.



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.



Sito dinamico!!Le pagine dinamiche contengono oltre che codice HTML anche codice per l'esecuzione di programmi sul Web Server. !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 specifica richiesta. !Il contenuto della pagina non è deciso a priori ma varia in funzioni di diverse condizioni.

PHP + HTML

PHP + HTML

MySql (database)



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,

modifica 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 grafica del sito e

soggetta a vincoli maggiori.

PHP + HTML

PHP + HTML

MySql (database)



Sito dinamico!!Esempio!!Quando effettuate una ricerca con Google, il risultato della vostra richiesta (inglese query) non era già presente con un file statico su server con quella specifica richiesta, ma la pagina HTML viene generata come risposta dell'esecuzione di un programma situato sui server di Google. !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.

query risposta



Sito dinamico

Scuola



E per la scuola cosa scegliamo?!!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 (uffici, 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.

PHP + HTML

PHP + HTML

MySql (database)


PHP e MySQL


PHP e MySQL Registrazione/hosting

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

DB

http://it.wikipedia.org/wiki/Base_di_dati



Cosa vuol dire MySQL?

MySQL è tra i più diffusi database Open Source basato sul linguaggio SQL. !L'acronimo SQL significa "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 modifica e l'inserimento di nuovi elementi.



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.



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

+Sul server devono esserci



Esempio: caratteristiche di un noto sito scolastico di Torino, ospitato presso aruba.it!!Le caratteristiche tecniche sono sufficienti per realizzare un sito dinamico.



• 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 configurate: 148 (numero attualmente di mail configurate) • 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.



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


Realizziamo il sito


CMS


CMS Realizziamo il sito

CMSUn 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: !

• blog • enciclopedia on-line, • forum • e-commerce • …


CMSL’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

Vedono!SOLO!

le pagine del sito

Amministrano (e vedono)!

i contenuti del SITO



L’utente legge i contenuti!impaginati ed inseriti in un contesto grafico

L’amministratore!inserisce, modifica, cancella i contenuti del sito




Quale CMS per la scuola?

Consigliati



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

+



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’Ufficio 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.”

http://www.porteapertesulweb.it/



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.

http://www.porteapertesulweb.it/tutorial/



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

+


WordPress


WordPress Realizziamo il sito

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.

PRATICA

http://corsodsga.maffucci.it



• 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

CONSEGNA

http://corsodsga.maffucci.it



Front end e back end!!Due tipologie di visualizzazione:

Front end: parte visibile da qualsiasi utente Back end: parte visibile solo agli amministratori del sito (aggiunta, modifica, cancellazione di contenuti)



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

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



La bacheca



Il menù top



Il menù laterale

STATO DEL SISTEMA

GESTIONE DEI CONTENUTI

GESTIONE CMS



Gestione contenutiArticoli - 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 differiscono dai post perché non sono soggetti ad una data di pubblicazione. Sono anche definite “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.



Gestione contenuti



Articoli - elenco articoli



Nuovo articolo



Nuovo articolo - formattazione testo



Modifica articoloIn 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).



Modifica rapida articolo



Pagine - elenco



Nuova pagina



Media - elenco



Media - aggiungi nuovo



Media - modifica



Categorie e tag

Due modi per organizzare i contenuti: !

• categorie: ordinamento per argomento

• tag: ordinamento per parole chiave



Commenti



TemiI temi sono impiegati per la personalizzazione grafica del sito e possono essere gratuiti oppure a pagamento.



Temi - installazione



Temi - installazione da wordpress.org/themes

http://wordpress.org/themes



Temi - personalizzazione



Temi - personalizzazione - widget



Temi - pluginI 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.

http://wordpress.org

http://wordpress.org/plugins/



Temi - plugin - installazione



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.



Temi - utenti


Amministrazione trasparente


WordPress Amministrazione trasparente

WordPress - amministrazione trasparente

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 file xml del proprio sito. !Per quanto riguarda WordPress, Marco Milesi ha realizzato due plugin che soddisfano tali richieste: !

• Amministrazione Trasparente • AVCP XML

(fonte)

La seguente sezione è stata tratta da!Porte Aperte sul web social!

riferimento per la realizzazione di siti scolastici

http://wordpress.org/plugins/amministrazione-trasparente/

http://wordpress.org/plugins/avcp/

http://www.scuolacooperativa.net/wp3-social/





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

(fonte)

1/a





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.

1/b




Questo il risultato: !http://www.icadua.gov.it/amministrazione-trasparente/ !oppure sul sito test del corso: !http://corsodsga.maffucci.it/amministrazione-trasparente/

http://www.icadua.gov.it/amministrazione-trasparente/

http://corsodsga.maffucci.it/amministrazione-trasparente/




Bisogna creare le pagine a cui collegare uno degli indicatori:

2/a




Bisogna creare le pagine a cui collegare uno degli indicatori:

2/b



WordPress - amministrazione trasparente 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.



WordPress - amministrazione trasparente 2/d

Assegniamo una tipologia



WordPress - amministrazione trasparente 2/e

Pubblichiamo



WordPress - amministrazione trasparente 2/f

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


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.


WordPress AVCP xml

WordPress - AVCP

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


WordPress AVCP xml

WordPress - AVCP

Impostazioni


Se la fase di installazione è andata a buon fine 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 fiscale e spuntare tutte le voci che interessano:

1/a

WordPress AVCP xml

WordPress - AVCP


1/b

WordPress AVCP xml

WordPress - AVCP


1/c

WordPress AVCP xml

WordPress - AVCP


1/d

WordPress AVCP xml

WordPress - AVCP

Inserire i dati della scuola


1/e

WordPress AVCP xml

WordPress - AVCP

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


1/f

WordPress AVCP xml

WordPress - AVCP


WordPress AVCP xml

WordPress - AVCP

Lista delle gare inserite


WordPress AVCP xml

WordPress - AVCP

Inserimento nuova gara

2/a


WordPress AVCP xml

WordPress - AVCP 2/b



WordPress AVCP xml

WordPress - AVCP 2/c

Attenzione alla sintassi utilizzata per l’inserimento degli importi


WordPress AVCP xml

WordPress - AVCP

Inserimento ditte


WordPress AVCP xml

WordPress - AVCP


3/a


WordPress AVCP xml

WordPress - AVCP

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

3/b


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.


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.


WordPress AVCP xml

WordPress - AVCP

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.

4/a


WordPress AVCP xml

WordPress - AVCP

Il risultato sarà:

4/b


WordPress AVCP xml

WordPress - AVCP

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

4/c


WordPress AVCP xml

WordPress - AVCP

Il click sul nome del bando rimanda alla bando

4/c


WordPress AVCP xml

WordPress - AVCP 4/d


WordPress AVCP xml

WordPress - AVCP

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

4/e


WordPress AVCP xml

WordPress - AVCP 4/f

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


WordPress AVCP xml

WordPress - AVCP 5/aFile XML

1

2

Visualizzazione pubblica dei file XML generati


WordPress AVCP xml

WordPress - AVCP 5/bCiò che dovrà essere comunicato ad AVCP via PEC non è il link alla pagina contenete dei file XML, ma l’indirizzo singolo di ogni file.


WordPress AVCP xml

WordPress - AVCP 5/cEsempio 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).

Grazie!!Prof. Michele Maffucci !www.maffucci.it [email protected] !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


mailto:[email protected]

http://www.twitter.com/maffucci/

http://www.facebook.com/maffucci.it/

https://plus.google.com/+MicheleMaffucci/

http://it.linkedin.com/in/maffucci








http://hopstarter.deviantart.com

http://www.deleket.com

http://www.iconarchive.com/artist/hopstarter.html

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

Education

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