Come funziona un sito web

ICT2: Come funziona un sito web: Modifica
1 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
COME FUNZIONA UN SITO WEB
Internet
Per comprendere meglio il funzionamento di un sito web è necessario partire da che cosa è Internet.
Internet è un sistema globale di reti di computer interconnesse. Quando due o più dispositivi elettronici
vengono connessi per permettere la comunicazione reciproca, essi formano una rete. Internet è costituita
dall’interconnessione su scala mondiale di reti di questo tipo, ciascuna appartenente ad aziende, governi o
individui, col risultato di permettere a tutti i dispositivi connessi a tale rete di reti di comunicare tra di loro.
Internet è un sistema globale di reti di computer interconnesse.
Per comunicare i computer devono essere in grado di comprendersi a vicenda. Su Internet la
comunicazione è possibile perché tutti i dispositivi parlano la stessa “lingua” o protocollo, ovvero, il
Protocollo Internet (in inglese, Internet Protocol, in sigla IP), un “mercato unico” senza barriere fisiche,
tecniche o nazionali. Il protocollo IP costituisce la base di tutti gli altri sistemi di comunicazione su Internet, è
costituito da quattro serie numeriche aventi al massimo 3 cifre, ciascuna delle quali è compresa tra 0
e 255 (per es. 176.58.107.17).
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 e offre diverse tipologie di servizi, tra i
quali il World Wide Web e la posta elettronica sono quelli più utilizzati.
Il World Wide Web si basa sull’HTTP, un protocollo che a sua volta si basa sul protocollo IP. HTTP è
l’acronimo del HyperText Transfert Protocol (protocollo di trasferimento dell’ipertesto), ed è stato creato
per scaricare i documenti ipertestuali e per spedire alcune informazioni essenziali al server.
Contenuto
Contenuto 1:
Pagina successiva
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
2 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Internet
Salta a.. 1:
Pagina successiva
WWW e Internet
Il World Wide Web è un dei tanti modi di chiamare Internet ?
Scelta multipla
Risposta 1:
Si
Replica 1
Punteggio
Salta a..
Risposta 2:
Replica 2
Punteggio
Salta a..
0
Pagina successiva
No
Il World Wibe Web non è Internet. Internet è la rete globale di computer basata su dei
protocolli di comunicazione che consentono di interconnettere reti diverse e basate su
caratteristiche di connessione anche molto diverse tra loro. Il WWW è uno dei servizi
più diffusso su Internet. Altri importanti servizi sono le mail, le messagerie istantanee,
il trasferimento di file (ftp), ecc..
1
Pagina successiva
Che cosa è il WWW
Il World Wide Web è quindi un “globally distributed hypermedia system”, ossia :
Un ipertesto, ossia un documento (elettronico) costituito da pagineconsultabili in maniera non
sequenziale attraverso l’uso di collegamenti (links) all’interno delle pagine stesse.
multimediale, ossia che contiene testo, ma anche immagini, suoni, video, ecc...
distribuito a livello mondiale, ossia tale per cui le pagine non sono tutte memorizzate in un unico
computer, ma su innumerevoli server diversi. I collegamenti contenuti in una pagina di un server
possono riferire pagine memorizzate su altri server.
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
3 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Che cosa è il WWW
I protocolli/linguaggi su cui si basa il WWW (fin dalle sue origini) sono i seguenti:
Uniform Resource Locator (URL) – Come riferire un documento. E’ una convenzione su come
scrivere il riferimenti ad altri documenti. Viene utilizzato nei link contenuti nelle pagine web.
HyperText Transfer Protocol (HTTP) – Come ottenere un documento. E’ un protocollo di
comunicazione che viene utilizzato per l’accesso a documenti ipertestuali via rete.
HyperText Markup Language (HTML) – Il formato dei documenti E’ un linguaggio per la realizzazione
di documenti ipertestuali
A questi componenti di base si sono poi aggiunti nel tempo altri componenti che consento di realizzare
pagine web più evolute e dinamiche, ad esempio:
Cascading Style Sheet (CSS): un linguaggio per descivere gli aspetti di presentazione di una pagina
web (font, colori, ecc...)
Client Scripting: un insieme di linguaggi e tecnologie (e.g. JavaScript) per realizzare pagine più
complesse e interattive (ad esempio tramite finestre pop-up, ecc...) che contengono del codice che
viene eseguito dal browser
Siti web dinamici: il server web non è più un semplice “memorizzatore e di pagine” ma esegue
applicazioni i cui output sono pagine web. Per questo nascono linguaggi quali Perl, PHP, Pyton e
ASP.
Contenuto
Contenuto 1:
Pagina successiva
Salta a.. 1:
Pagina successiva
Cosa bisogna utilizzare per visualizzare un determinato contenuto del web?
Cosa bisogna utilizzare per visualizzare un determinato contenuto del web?
Scelta multipla
Risposta 1:
un screen reader
Replica 1
Punteggio
Salta a..
Risposta 2:
0
Pagina successiva
un Browser
Replica 2
Punteggio
Salta a..
Risposta 3:
Replica 3
0
Pagina successiva
l'URL corretta
Uniform Resource Locator o URL è una sequenza di caratteri che identifica
univocamente l'indirizzo di una risorsa in Internet, tipicamente presente su un web
server, come ad esempio un documento, un'immagine, un video, rendendola
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
4 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Cosa bisogna utilizzare per visualizzare un determinato contenuto del web?
accessibile ad un client che ne fa richiesta attraverso l'utilizzo di un browser.
Punteggio
Salta a..
Risposta 4:
1
Pagina successiva
un Dominio
Replica 4
Punteggio
Salta a..
0
Pagina successiva
I siti web e i dns
Un sito web o sito internet è un insieme organizzato di pagine web, collegate tra loro per mezzo di
collegamenti ipertestuali, pubblicate su macchine note come Web server. Un web server è un computer che
può essere individuato attraverso il suo specifico indirizzo IP
Dato che l’uso di indirizzi IP per siti web non è né pratico né ‘user friendly’, sono stati creati i domain names’
(cioè i nomi a dominio, come scuoladelsociale.info). Il Domain Name System globale funziona un po’ come
una rubrica telefonica per Internet. Nel momento in cui attraverso un browser (per es. Mozilla Firefox,
Google Chrome, Internet Explorer, Safari) digitate il nome a dominio di un sito web che conoscete, il
Domain Name System è utilizzato – in modo invisibile e automatico – per reperire l’indirizzo IP
corrispondente al web server presso cui si trova il sito.
Perciò, quando digitate http://scuoladelsociale.info, il vostro computer è in grado di identificarlo come se
fosse 176.58.107.17 e invia una richiesta specifica per quel sito.
Per poter associare un dominio al ip di un server è quindi necessario registrare il dominio acquisendolo
attraverso uno dei tanti registrar presenti nella rete.
I primi due elementi necessari per poter creare un sito web sono un spazio su un web server e un dominio
registrato
Contenuto
Contenuto 1:
Pagina successiva
Salta a.. 1:
Pagina successiva
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
5 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
E' possibile accedere ad un sito web digitando nel browser solo l'indirizzo IP ?
E' possibile accedere ad un sito web digitando nel browser solo l'indirizzo IP ?
Scelta multipla
Risposta 1:
Replica 1
Punteggio
Salta a..
Risposta 2:
Si
In genere è possibile accedere ad un sito digitando l'indirizzo Ip. In alcuni casi però è
possibile fare coabitare diversi domini su un solo indirizzo IP attraverso degli hosting
virtuali. In questo caso l'indirizzo IP potrà essere associato solo ad uno dei domini
che coabitano.
1
Pagina successiva
No
Replica 2
Punteggio
Salta a..
0
Pagina successiva
Sito statico - dinamico
Sito web statico: Ogni pagina del sito ` memorizzata in un file diverso e sul web server in formato HTML.
Quando viene richiesta una pagina, il file corrispondente viene inviato al client e visualizzato cosÌ com'è dal
browser.Il web server ha un archivio di documenti HTMLche invia al client su richiesta
Sito web dinamico: I server web eseguono programmi che generano le pagine web richieste da un client.
Tali programmi spesso interrogano un data-base per ottenere le informazioni che servono per costruire le
parti principali delle pagine.
In un sito web dinamico, il server web non ha un archivio di pagine,ma esegue un programma (web
application) che genera le pagine su richiesta.
I linguaggi di programmazione più usati per le web applications sono PHP e ASP.Di solito la web application
interagisce con un database usando opportune librerie es SQL. Tra i database più usati ci sta MySQL.
La combinazione Apache (Web Server) + MySQL + PHP è la combinazione più diffusa per la realizzazione
di siti web dinamici.
Esistono soluzioni “all inclusive” per l’installazione di questa combinazione di software noti come soluzioni
LAMP (per Linux) o WAMP (per Windows), dove “WAMP" è l’acronimo formato dalle
iniziali dei nomi delle tre componenti software
Contenuto
Contenuto 1:
Pagina successiva
Salta a.. 1:
Pagina successiva
Che cosa è un CMS
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
6 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Che cosa è un CMS
Un CMS (Content Managment System) è un sistema di gestione dei contenuti che permette la creazione e
la gestione di siti WEB anche a coloro che non hanno conoscenze di programmazione. Come suggerisce il
nome, la gestione è incentrata sul concetto di contenuto. Per contenuto si intendono i post di un blog e il
blog stesso, una gallery e le sue immagini, le pagine statiche, i commenti, il logo del sito e persino gli utenti.
Tecnicamente un CSM è un’applicazione WEB che permette agli utenti, a seconda del loro ruolo, di
configurare l’aspetto del sito e di gestirne i contenuti. Le funzionalità tipiche sono:
la gestione delle pagine,
la gestione blog,
la gestione commenti,
la catalogazione dei contenuti (tramite tag),
la personalizzazione dell’aspetto grafico tramite temi,
la gestione di moduli aggiuntivi per estendere le funzionalità a disposizione,
il supporto multilingua,
la ricerca ed indicizzazione dei contenuti,
la gestione delle autorizzazioni e delle autenticazioni.
Un tipico CMS ha una struttura modulare che permette al webmaster di abilitare o disabilitare funzionalità in
totale autonomia, configurandole da un apposito pannello di controllo (il back end) mentre ciò che viene
pubblicato è disponibile nella sezione applicativa del sito (front end).
Contenuto
Contenuto 1:
Pagina successiva
Salta a.. 1:
Pagina successiva
Cosa è un CMS ?
Cosa è un CMS ?
Scelta multipla
Risposta 1:
Un sito web installato sul web server
Replica 1
Punteggio
Salta a..
Risposta 2:
0
Pagina successiva
Un sito web che permette di realizzare altri siti web
Replica 2
Punteggio
Salta a..
Risposta 3:
Replica 3
0
Pagina successiva
Un applicativo che permette di gestire i contenuti e alcune funzionalità di siti web
Si, Un Content management system, in acronimo CMS, (in italiano sistema di
gestione dei contenuti), è uno strumento software, installato su un server web, il cui
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
7 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Cosa è un CMS ?
compito è facilitare la gestione dei contenuti di siti web, svincolando l'amministratore
da conoscenze tecniche di programmazione Web.
Punteggio
Salta a..
1
Pagina successiva
Quale CMS fa al caso vostro ?
Wordpress, Joomla e Drupal sono nell'ordine i Cms più utilizzati al mondo
Ma quale di questi 3 CMS fa al caso vostro ?
Dipende, dalle vostre esigenze e dalla vostra situazione.
Tutti e tre i sistemi sono basati su free software, sono solidi, supportati da robuste comunità di sviluppatori e
una quantità enorme di funzionalità .
WordPress
WordPress è un’ottima scelta per siti di dimensioni contenute , con
un’organizzazione relativamente semplice. È il sistema più facile da
installare e da imparare, ed è facile da mantenere, aggiornare e
configurare per chiunque abbia un po’ di curiosità tecnica. Sono disponibili
molti temi grafici predefiniti, e adattarli alle proprie specifiche esigenze è
un compito che può essere banale – se ad esempio il tema vi permette di
selezionare il colore e aggiungere il proprio logo – o comunque
relativamente semplice per chi ha familiarità con HTML e CSS.
È estremamente semplice aggiornare immagini e testi, e i moduli aggiuntivi
sono moltissimi.
Tuttavia, WordPress non “scala” altrettanto bene degli altri tre CMS per gestire siti complessi. Per tipi di
contenuti personalizzati o elenchi di articoli visualizzati sulla base di regole automatiche, dovrete cercare o
realizzare un plugin o un tema che fornisca quella funzionalità. La differenziazione dei ruoli utente è limitata
a pochi ruoli, anche se sono disponibili plugin per gestire autorizzazioni in base alle sezioni o ai tipi di
contenuto.
Joomla
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
8 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Quale CMS fa al caso vostro ?
Joomla è un concorrente solido, buono per una varietà di situazioni
diverse, ed è relativamente semplice da installare e da configurare.
Occorre studiare un po’ per capire come funzionano e interagiscono fra
loro i menu, la struttura del sito e dei contenuti, ma, una volta compresa la
logica del sistema, questo fornisce una solida infrastruttura per la
creazione di strutture in grado di supportare siti anche molto grandi.
Numerosi moduli aggiuntivi forniscono una vasta gamma di funzionalità,
dagli indici ai carrelli della spesa alle funzioni per la gestione di comunità,
fornendo una solida base per diversi tipi di siti.
Se Joomla supporta strutture di sito più complesso di WordPress, non è
flessibile come Drupal. Ogni singolo contenuto è in genere associato a una singola pagina. Questo rende il
sistema più semplice da capire, ma può essere pesante da aggiornare, e pone dei limiti alla creazione di
strutture molto avanzate. Non è facile, per esempio, creare tipi di contenuti personalizzati (ad esempio, un
elenco di scuole statali che mostri le informazioni principali su ciascuna scuola), e poi mostrarlo tramite
“viste” diverse in pagine diverse del sito. Se tutto questo discorso non vi è molto chiaro, probabilmente non
è il caso di preoccuparvi: queste sono considerazioni avanzate che non si applicano alla maggior parte dei
siti.
Drupal
Flessibile e potente, Drupal è un’ottima scelta per i siti più complessi.
Supporta una vasta gamma di strutture di sito; grazie ai componenti
aggiuntivi, è possibile definire regole molto dettagliate per definire quali
contenuti vanno collocati in quali parti del sito, e anche gestire tipi di
contenuti personalizzati. Molto buono il supporto di funzionalità tipiche
delle community e del Web 2.0, compreso il supporto dei contenuti prodotti
dagli utenti. È anche facile per gli amministratori trovare e aggiornare i
contenuti, soprattutto se si installa un editor WYSIWYG (non fornito nel
pacchetto-base).
Ma la potenza di Drupal porta con sé una maggiore complessità. Capire
cosa offre il sistema e come configurarlo è più difficile che con WordPress o Joomla. Le schermate di
amministrazione per la configurazione del sito offrono un gran numero di opzioni e impostazioni, il che le
rende più difficili da interpretare. E la flessibilità del sistema implica che è fondamentale pensare bene al
modo migliore di ottenere ciò che si vuole prima di buttarsi nella realizzazione. In molti casi, conviene
incaricare un consulente esperto di Drupal piuttosto che cercare di fare da soli.
La versione più recente di Drupal, 7.x, include una nuova interfaccia di amministrazione che rende le
operazioni di editing dei contenuti e di mantenimento più intuitiva e aggiunge la possibilità di creare tipi di
contenuti personalizzati senza un add-on.
Se le vostre esigenze non sono molto complesse – vale a dire, se avete intenzione di incaricare qualcuno di
costruirvi un sito che contenga non più di qualche centinaio di pagine organizzate in una struttura
gerarchica, e che sarà aggiornato solo da un piccolo gruppo di persone nella vostra organizzazione – uno
qualunque di questi CMS farà al caso vostro.
Di fatto, la vostra scelta più importante sarà la persona a cui date l’incarico di costruire il sito. Cercate
qualcuno che capisca le vostre esigenze e la vostra organizzazione, che sappia rispondere alle vostre
domande, che sia in grado di “parlare la vostra lingua”, e che lavori volentieri con voi… e usate il CMS che
lui o lei vi suggerisce.
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
9 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Quale CMS fa al caso vostro ?
Contenuto
Contenuto 1:
Pagina successiva
Salta a.. 1:
Pagina successiva
Quanto può costare ?
Quanto costa un sito web è difficile da stabilire, sopratutto per una persona che si avvicina per la prima
volta a commissionare la realizzazione grafica e tecnica di un sito web.Le offerte presenti su internet sono
infinite, e per ogni fascia di prezzo esiste sempre il rischio di imbattersi in persone non preparate.
I prezzi variano moltissimo a seconda dell'esperienza di chi effettuerà il lavoro. La web agency può offrire
un servizio senza dubbio completo per lo sviluppo ed il mantenimento constante di un sito e ha la tendenza
a seguire il cliente ed eventualmente gestire i contenuti del sito. D'altra parte l'agenzia ha solitamente dei
costi più elevati di un freelance che comunque in molti casi può fornire gli stessi servizi per progetti di
piccola/media entità, un contatto diretto col cliente e solitamente un progetto più personalizzato.
Altro aspetto che spesso non si tengono in considerazione nelle organizzazione del terzo settore sono i
costi di gestione, sia per quanto riguarda la gestione e la pubblicazione dei contenuti sia per quel che
riguarda la promozione.
Qui sotto trovate tre tipologie di possibili costi e ore di lavoro:
Esempio Low Budget(circa 1000 euro)
Utilizzando un sito basato su un cms Wordpress.com
Una tantum:
Progettazione del sito e della struttura dei contenuti: 8 ore
Realizzazione degli elementi grafici (logo): 8 ore
Configurazione del cms e dei css: 16 ore ( persona anche senza troppa esperienza)
Posizionamento SEO : 4 ore
Formazione : a partire da 4 ore
Costi di gestione:
Pacchetto Value WordPress.com: Nome dominio e mappatura / 10GB Space / Upgrade / No Ads /
Custom Design / VideoPress – 80 euro l'anno- Altri pacchetti da tenere in considerazione e l'acquisto
di un tema premium 40 euro una tantum
Webmaster / Redazione dei contenuti: a partire da 5 ore al mese
Promozione del sito / contenuti sui SN, Newsletter, ecc : a partire da 5 ore al mese
Esempio Budget tra i 5000 e i 10000
Utilizzando un sito basato su Wordpress.org
Una tantum:
Progettazione del sito e della struttura dei contenuti: 16 ore
Realizzazione degli elementi grafici (logo, icone): 16 ore
Configurazione di Wordpress.org e dei css: 16 ore (persona con esperienza)
Posizionamento SEO : 8 ore
Formazione : a partire da 4 ore
Costi di gestione:
15/07/2013 17:01
ICT2: Come funziona un sito web: Modifica
10 di 10
http://scuoladelsociale.info/mod/lesson/edit.php?id=468
Quanto può costare ?
Web Server: Hosting (condiviso) 5 / 10 euro al mese ( dipende dal numero di visite)
Manutenzione Server / Sito: a partire da 20 ore l'anno
Webmaster / Redazione dei contenuti: a partire da 5 ore alla settimana
Promozione del sito / contenuti sui SN, Newsletter, ecc : 5 ore alla settimana
Esempio Budget sopra i 10000 euro
Utilizzando un sito basato su Joomla o Drupal
Una tantum:
Progettazione del sito e della struttura dei contenuti: 24 ore
Realizzazione degli elementi grafici (logo, icone, layout): 32 ore
Configurazione di Drupal / Joomla e dei css: 40 ore (persona con esperienza)
Formazione : a partire da 20 ore
Costi di gestione:
Web Server: VPS 20 euro al mese / server dedicato 70 euro
( dipende dal numero di visite)
Manutenzione Server / Sito: a partire da 120 ore l'anno
Webmaster / Redazione dei contenuti: a partire da 20 ore alla settimana
Promozione del sito / contenuti sui SN, Newsletter, ecc : 20 ore alla settimana
Posizionamento SEO : 5 ore al mese
Contenuto
Contenuto 1:
Salta a.. 1:
Fine lezione
Fine della lezione
15/07/2013 17:01