Post on 21-Nov-2014
description
transcript
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 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 Prof. Michele Maffucci
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
!
CC BY-SA 4.0 Prof. Michele Maffucci
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
Prof. Michele Maffucci
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;
Prof. Michele Maffucci
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)
Prof. Michele Maffucci
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)
Prof. Michele Maffucci
Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
Curiosità!per riflettere sulla vastità di
connessioni internet e sull’utilizzo della rete
CC BY-SA 4.0 Prof. Michele Maffucci
Pagine web visualizzate al minuto
CC BY-SA 4.0 Prof. Michele Maffucci
rilevazione del 17.01.14 - ore 18,15
InternetCuriosità
(fonte)
Networking
CC BY-SA 4.0 Prof. Michele Maffucci
rilevazione del 17.01.14 - ore 18,15
Parole chiaviInternetCuriosità
(fonte)
CC BY-SA 4.0 Prof. Michele Maffucci
rilevazione del 17.01.14 - ore 18,15
InternetCuriosità
(fonte)
Networking
CC BY-SA 4.0 Prof. Michele Maffucci
Cosa succedei in 1 minuto su internet
CC BY-SA 4.0 Prof. Michele Maffuccifonte
InternetCuriosità Networking
CC BY-SA 4.0 Prof. Michele Maffuccifonte
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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
Prof. Michele Maffucci
(fonte)
Nome di dominio Networking
CC BY-SA 4.0 Prof. Michele Maffucci
google.com = 173.194.113.230
wikipedia.org = 208.80.154.224
facebook.com = 173.252.110.27
twitter.com = 199.16.156.230
Nome di dominio Networking
CC BY-SA 4.0 Prof. Michele Maffucci
IL NOME DI DOMINIO E’ UNICO ED INDIVIDUA UN SOLO SITO WEB
Nome di dominio Networking
CC BY-SA 4.0
Analogia geografica
Prof. Michele Maffucci
Via Coazze 18 = latitudine: 45° 4.473’! longitudine: 7° 39.191'
Nome di dominio Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
DNS Domain Name System
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
Analogia
utente 1
utente 2
utente 3
utente 4
utente n
DNS Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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
Prof. Michele Maffucci
URL Networking
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.
Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
GERARCHIA DEI DOMINI
CC BY-SA 4.0
maffucci.it
Prof. Michele Maffucci
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
Prof. Michele Maffucci
Gerarchia dei domini
dominio di 1° livello
dominio di 2° livello
elearning.maffucci.it
dominio di 1° livello
dominio di 2° livello
dominio di 3° livello
dominio di!2° livello
dominio di!3° livello!
(sottodominio)
}}
Networking
CC BY-SA 4.0 Prof. Michele Maffucci
Gerarchia dei domini
classe3Aoe.elearning.maffucci.it
dominio di 1° livello
dominio di 2° livello
dominio di 3° livello
dominio di 4° livello
dominio di 4° livello
Networking
CC BY-SA 4.0 Prof. Michele Maffucci
Gerarchia dei domini
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
CC BY-SA 4.0 Prof. Michele Maffucci
Esercizio
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
Esercizio
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
Server Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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
Prof. Michele Maffucci
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 • …
Prof. Michele Maffucci
Server Networking
CC BY-SA 4.0 Prof. Michele Maffucci
Curiosità alla scoperta dei server di Google
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
Imbuti di raccolta dell’aria calda proveniente dai server
(fonte)
Curiosità Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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)
Curiosità Networking
CC BY-SA 4.0 Prof. Michele Maffucci
Ingegnere di Goggle che effettua diagnosi sui server
(fonte)
Curiosità Networking
CC BY-SA 4.0 Prof. Michele Maffucci
•Fate una passeggiata in un data center di Google •Tour video guidato nel data center di Google •Dove batte il cuore di internet
Curiosità Networking
CC BY-SA 4.0 Prof. Michele Maffucci
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:
Prof. Michele Maffucci
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)
Prof. Michele Maffucci
ISP Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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.
Prof. Michele Maffucci
Registrazione dominio
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
Registrazione/hosting
CC BY-SA 4.0
Scelta effettuata: vittorinodafeltre.it
Prof. Michele Maffucci
Registrazione dominio Registrazione/hosting
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.
Prof. Michele Maffucci
Registrazione dominio
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
Registrazione/hosting
CC BY-SA 4.0
Nome di dominio facile da ripetere e chiaramente pronunciabile.
Prof. Michele Maffucci
Registrazione dominio
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
Registrazione/hosting
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.
Prof. Michele Maffucci
Registrazione dominio
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
Registrazione/hosting
CC BY-SA 4.0
Evita gli acronimi o abbreviazioni perché creano confusione, non aiutano a ricordare.
Prof. Michele Maffucci
Registrazione dominio
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
Registrazione/hosting
?CC BY-SA 4.0
Fate attenzione a non scegliere un nome di dominio che sia in conflitto con un marchio registrato.
Prof. Michele Maffucci
Registrazione dominio
Accertatevi preventivamente che nessuno abbia utilizzato prima di voi il nome che desiderate usare per il vostro dominio.
Registrazione/hosting
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 …
Prof. Michele Maffucci
Registrazione/hostingRegistrazione dominio
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione 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.”
Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
Inserito il nome di dominio scelto nel campo di ricerca, proviamo con maffucci.it (click sulla lente o invio)
1
2
3
Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
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.
Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
aruba.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
aruba.it
12
1.Inserire il nome 2.selezionare il dominio di primo livello
Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
aruba.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
register.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
register.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
register.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
1and1.itRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
dreamhost.comRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
godaddy.comRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
hostgator.comRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione dominio
bluehost.comRegistrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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 dominio Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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
Registrazione dominio Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov!!Collegarsi al sito dell’Agenzia per l’Italia Digitale: www.digitpa.gov.it
Registrazione dominio Registrazione/hosting
click su dati pubblici
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
click su Dominio gov.it
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
verifichiamo se il dominio che stiamo richiedendo è
libero
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
click su: verifica disponibilità dominio
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
inserire il nome di dominio
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
click su verifica
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
procedere con la registrazione
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione di un dominio .gov
Registrazione dominio Registrazione/hosting
procedere con l’inserimento dei dati
identificativi dell’istituzione scolastica
CC BY-SA 4.0 Prof. Michele Maffucci
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
Registrazione dominio Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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.
Prof. Michele Maffucci
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)
CC BY-SA 4.0
Tutte le pagine web che visitiamo giornalmente sono inserite su un web server.
Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
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
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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 Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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.
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
Registrazione/hosting
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
Web Server e Hosting
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
Siti statici e siti dinamici
CC BY-SA 4.0 Prof. Michele Maffucci
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).
CC BY-SA 4.0 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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)
CC BY-SA 4.0 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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)
CC BY-SA 4.0 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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
CC BY-SA 4.0 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
Sito dinamico
Scuola
CC BY-SA 4.0 Prof. Michele Maffucci
statico e dinamico Registrazione/hosting
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)
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
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.
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
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 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
Di cosa avete bisogno per realizzare il sito dinamico della scuola?
+Sul server devono esserci
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
Esempio: caratteristiche di un noto sito scolastico di Torino, ospitato presso aruba.it!!Le caratteristiche tecniche sono sufficienti per realizzare un sito dinamico.
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
• 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.
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
CC BY-SA 4.0 Prof. Michele Maffucci
PHP e MySQL Registrazione/hosting
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 Prof. Michele Maffucci
Realizziamo il sito
CC BY-SA 4.0 Prof. Michele Maffucci
CMS
CC BY-SA 4.0 Prof. Michele Maffucci
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 • …
CC BY-SA 4.0 Prof. Michele Maffucci
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
CMS Realizziamo il sito
CC BY-SA 4.0 Prof. Michele Maffucci
L’utente legge i contenuti!impaginati ed inseriti in un contesto grafico
L’amministratore!inserisce, modifica, cancella i contenuti del sito
CMS Realizziamo il sito
CC BY-SA 4.0 Prof. Michele Maffucci
CMS Realizziamo il sito
Quale CMS per la scuola?
Consigliati
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
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’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.”
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
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 Prof. Michele Maffucci
WordPress
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
• 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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
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)
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
WordPress Realizziamo il sito
La bacheca
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Il menù top
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Il menù laterale
STATO DEL SISTEMA
GESTIONE DEI CONTENUTI
GESTIONE CMS
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
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.
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Gestione contenuti
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Articoli - elenco articoli
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Nuovo articolo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Nuovo articolo - formattazione testo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
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).
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Modifica rapida articolo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Pagine - elenco
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Nuova pagina
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - elenco
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - aggiungi nuovo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - aggiungi nuovo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - modifica
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - modifica
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Media - modifica
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Categorie e tag
Due modi per organizzare i contenuti: !
• categorie: ordinamento per argomento
• tag: ordinamento per parole chiave
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Commenti
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
TemiI temi sono impiegati per la personalizzazione grafica del sito e possono essere gratuiti oppure a pagamento.
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - installazione
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - installazione da wordpress.org/themes
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - personalizzazione
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - personalizzazione
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - personalizzazione - widget
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - personalizzazione - widget
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - personalizzazione - widget
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
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.
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - plugin - installazione
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - plugin - installazione
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - plugin - installazione
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - utenti
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - utenti
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - utenti
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Realizziamo il sito
Temi - utenti
CC BY-SA 4.0 Prof. Michele Maffucci
Amministrazione trasparente
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente
Questo il risultato: !http://www.icadua.gov.it/amministrazione-trasparente/ !oppure sul sito test del corso: !http://corsodsga.maffucci.it/amministrazione-trasparente/
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente
Bisogna creare le pagine a cui collegare uno degli indicatori:
2/a
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente
Bisogna creare le pagine a cui collegare uno degli indicatori:
2/b
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
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.
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente 2/d
Assegniamo una tipologia
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente 2/e
Pubblichiamo
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress Amministrazione trasparente
WordPress - amministrazione trasparente 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 Prof. Michele Maffucci
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 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
L’installazione del Plug-in AVCP XML aggiunge un nuovo menù AVCP
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Impostazioni
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
1/b
WordPress AVCP xml
WordPress - AVCP
CC BY-SA 4.0 Prof. Michele Maffucci
1/c
WordPress AVCP xml
WordPress - AVCP
CC BY-SA 4.0 Prof. Michele Maffucci
1/d
WordPress AVCP xml
WordPress - AVCP
Inserire i dati della scuola
CC BY-SA 4.0 Prof. Michele Maffucci
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.
CC BY-SA 4.0 Prof. Michele Maffucci
1/f
WordPress AVCP xml
WordPress - AVCP
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Lista delle gare inserite
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Inserimento nuova gara
2/a
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP 2/b
Inserimento nuova gara
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP 2/c
Attenzione alla sintassi utilizzata per l’inserimento degli importi
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Inserimento ditte
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Inserimento nuova gara
3/a
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Inserimento nuova gara. Una volta inserita la nuova gara bisogna aggiornare i data set XML
3/b
CC BY-SA 4.0 Prof. Michele Maffucci
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 Prof. Michele Maffucci
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 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Il risultato sarà:
4/b
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP
Il click sul nome del bando rimanda alla bando
4/c
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP 4/d
CC BY-SA 4.0 Prof. Michele Maffucci
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
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP 4/f
Il click su uno dei bandi consente la visualizzazione del bando: .
CC BY-SA 4.0 Prof. Michele Maffucci
WordPress AVCP xml
WordPress - AVCP 5/aFile XML
1
2
Visualizzazione pubblica dei file XML generati
CC BY-SA 4.0 Prof. Michele Maffucci
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.
CC BY-SA 4.0 Prof. Michele Maffucci
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 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