Informatica per la comunicazione"
- lezione 10 Evoluzione del Web"
• Nell’evoluzione del Web si distinguono oggi diverse fasi:"
– Web 1.0: la fase iniziale, dal 1991 ai primi anni del 2000"
– Web 2.0: dai primi anni del 2000 a oggi (il termine “Web
2.0” è stato usato per la prima volta nel 2004)"
– Web 3.0: ciò che il Web dovrebbe diventare nei
prossimi anni"
– ..."
• La distinzione fra queste fasi è piuttosto vaga, e autori
diversi le definiscono in modi differenti: per comodità faremo
comunque uso di questa terminologia, almeno in modo
informale"
Il Web 1.0"
risorse rese disponibili "
problemi e soluzioni"
la tipologia dell’interazione"
Risorse rese disponibili"
• Il Web 1.0 è innanzitutto un ipertesto multimediale
distribuito:"
– ipertesto: il Web 1.0 è costituito da pagine collegate
fra loro da link, che consentono a un utente di
navigare nell’ipertesto"
– multimediale: le pagine contengono un testo
audiovisivo nel senso più ampio del termine: testo
linguistico, grafici, immagini, video"
– distribuito: le pagine dell’ipertesto risiedono su molti
host distinti, connessi tramite internet"
• Un insieme di pagine web correlate (in genere, ma non
necessariamente, memorizzate su un singolo host)
costituiscono un sito Web"
Problemi e soluzioni"
• La seguente tabella schematizza i principali
problemi del Web 1.0 e le relative soluzioni:"
"
problema"
soluzione"
costruire le pagine"
linguaggio HTML
(HyperText Markup Language)"
pubblicare le pagine"
protocollo HTTP,
URL (Uniform Resource Locator)"
trovare le pagine"
motori di ricerca"
visualizzare le pagine"
browser"
lato server"
"
lato client"
I linguaggi di marcatura"
•
Un linguaggio di marcatura (markup language) è un sistema di
simboli convenzionali (chiamati tag) che possono essere utilizzati
per marcare certe sezioni di un testo, associando una
determinata proprietà a ciascuna sezione"
• Esempio:"
" <titoloOpera>La Divina Commedia</titoloOpera>
<nomeAutore>Dante Alighieri</nomeAutore>
<titoloVolume>Inferno</titoloVolume>
<titoloCapitolo>Canto I</titoloCapitolo>
<testo>
Nel mezzo del cammin di nostra vita
mi ritrovai per una selva oscura
ché la diritta via era smarrita
...
</testo>
•
I tag si comportano come delle parentesi: a ogni tag di apertura deve
corrispondere un tag di chiusura e fra questi è contenuta la sezione
marcata del testo:"
" <titoloOpera>Il cacciatore di aquiloni</titoloOpera>
• È possibile inserire l’una nell’altra sezioni marcate di testo:"
" <capitolo>
<titoloCapitolo>Uno</titoloCapitolo>
<periodo>
Sono diventato la persona che sono oggi all’età di
dodici anni, in una gelida giornata invernale del
1975.
...
</periodo>
...
</capitolo>
...
Il linguaggio HTML"
•
HTML (HyperText Markup Language) è un linguaggio
standard per la marcatura di ipertesti, ovvero di testi che
possono contenere collegamenti (link) ad altre pagine"
• HTML prevede un insieme prefissato di tag, il cui significato è
definito da una raccomandazione W3C"
"Esempi di tag HTML:"
" "<head> ... </head>
<style>... </style>
<title>... </title>
<body> ... </body>
"HTML (HyperText Markup Language) è un linguaggio
standard per la marcatura di ipertesti, ovvero di testi che
possono contenere collegamenti (link) ad altre pagine"
"HTML prevede un insieme prefissato di tag, il cui significato è
definito da una raccomandazione W3C"
"Esempi di tag HTML:"
" "<head> ... </head>“Significato” va sempre
<style>... </style>
inteso in maniera molto
<title>... </title>
debole in informatica.
<body> ... </body>Ricordatevi della stanza
cinese.
"
Significato?"
<題>Freedom</題>
Il W3C dice:"
Authors should use the TITLE element to
identify the contents of a document. Since
users often consult documents out of context,
authors should provide context-rich titles.
Thus, instead of a title such as "Introduction",
which doesn't provide much contextual
background, authors should supply a title such
as "Introduction to Medieval Bee-Keeping"
instead."
Le pagine HTML"
• Nel caso più semplice, una pagina web è un file di testo
marcato tramite tag HTML ""
• per costruire una pagina è possibile: "
• scrivere direttamente un file HTML utilizzando un
editor di file di testo"
• oppure scrivere una pagina web con uno
strumento software specifico, che la traduce
automaticamente in HTML"
• per visualizzare una pagina è possibile:"
• utilizzare un browser, che è in grado di
visualizzare i file HTML interpretando i tag in
modo coerente con le raccomandazioni W3C"
Pagine dinamiche"
• L’accesso a una pagina web può innescare l’esecuzione di
programmi, ad esempio per eseguire la prenotazione di un
biglietto aereo"
• Questi programmi possono generare, in tutto o in parte, la
pagina che viene visualizzata all’interno dal browser: si parla
allora di pagine dinamiche, mentre le pagine contenenti un testo
fisso sono dette pagine statiche"
• Ad esempio, il sito del corso cs.unibg.it/verdicch/ico.html è costituito da una pagina statica,
mentre durante l’acquisto di un biglietto su easyjet.com si può
vedere una sequenza di pagine dinamiche"
• Le pagine dinamiche di easyjet.com hanno una caratteristica in
più: sono pagine interattive, che generano contenuti diversi a
seconda di particolari richieste eseguite dall’utente"
Pubblicare pagine"
• Una pagina web si dice “pubblicata” quando è accessibile tramite
internet"
• Per accedere a una pagina occorre localizzarla nella rete"
• A questo scopo ogni pagina web è contraddistinta da un URL
(Uniform Resource Locator), ad esempio:"
http://cs.unibg.it/verdicch/ico.html"
"
Una pagina web si dice “pubblicata” quando è accessibile
tramite internet"
Per accedere a una pagina occorre localizzarla nella rete"
A questo scopo ogni pagina web è contraddistinta da un URL
(Uniform Resource Locator), ad esempio:"
http://cs.unibg.it/verdicch/ico.html"
"
la parte http:// identifica il protocollo di trasferimento di
ipertesti (ISO/OSI livello 7, vedi III-1:26)"
la parte www.usi.ch identifica un dominio (vedi III-1:28)"
la parte universita/library.htm identifica un file HTML (come
indicato dall’estensione htm) descrivendo il cammino nel
file system dello host corrispondente al dominio (vedi
II-1:9)"
Una pagina web si dice “pubblicata” quando è accessibile
tramite internet"
Per accedere a una pagina occorre localizzarla nella rete"
A questo scopo ogni pagina web è contraddistinta da un URL
(Uniform Resource Locator), ad esempio:"
http://cs.unibg.it/verdicch/ico.html"
identifica il protocollo di trasferimento di ipertesti
(ISO/OSI livello 7, vedi III-1:26)"
la parte www.usi.ch identifica un dominio (vedi III-1:28)"
la parte universita/library.htm identifica un file HTML (come
indicato dall’estensione htm) descrivendo il cammino nel
file system dello host corrispondente al dominio (vedi
II-1:9)"
Una pagina web si dice “pubblicata” quando è accessibile
tramite internet"
Per accedere a una pagina occorre localizzarla nella rete"
A questo scopo ogni pagina web è contraddistinta da un URL
(Uniform Resource Locator), ad esempio:"
http://cs.unibg.it/verdicch/ico.html"
identifica l’host in internet"
Una pagina web si dice “pubblicata” quando è accessibile
tramite internet"
Per accedere a una pagina occorre localizzarla nella rete"
A questo scopo ogni pagina web è contraddistinta da un URL
(Uniform Resource Locator), ad esempio:"
http://cs.unibg.it/verdicch/ico.html"
"identifica un file HTML (come indicato
dall’estensione html) descrivendo il
cammino nel file system (tra le cartelle in cui
sono organizzati i file) dello host"
