Il documento consiste in slide del corso "Strumenti e Applicazioni del Web" all'Università degli Studi di Milano-Bicocca, aggiornate annualmente per riflettere l'evoluzione della rete. Si approfondiscono concetti fondamentali come URI, URL, HTML e la gestione dei contenuti sul web, inclusi servizi di accorciamento URL e questioni legate ai diritti d'autore. Inoltre, vengono forniti suggerimenti per attività pratiche che incoraggiano l'esplorazione approfondita di queste tematiche.

1. Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
5. Introduzione al Web
(II)
Roberto Polillo
Edizione 2014-15

2. 2
Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
www.corsow.wordpress.com . Data la rapida evoluzione della rete, il corso
viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e
alle screen shots, i cui diritti restano in capo ai rispettivi proprietari,
che, ove possibile, sono stati indicati. L'autore si scusa per eventuali
omissioni, e resta a disposizione per correggerle.
R.Polillo - Marzo 2015
Queste slides

3. R.Polillo - Marzo 20153

4. Naming: URI, URL, URN
4
URI
Uniform Resource Identifier
URN
Uniform Resource Name
Specifica il nome della
risorsa
Esempio:
(International Standard Book Number)
R.Polillo - Marzo 2015
URL
Uniform Resource Locator
Specifica l'indirizzo della
risorsa

5. Esempio
5
R.Polillo - Marzo 2015
Web
server
Root /
A corso
B
Index.html
Filesystemdelcomputer

6. Se non mettete l’URL completo…
6
R.Polillo - Marzo 2015
rpolillo.it
Web
server
Web server (pathname di default)browser
Se ci sono vari siti sullo stesso server,
Si usano varie tecniche per fornire il sito
di default. La soluzione più elegante è
quella di definire vari host virtuali,
ciascuno con un proprio indirizzo IP.
http://en.wikipedia.org/wiki/Virtual_hosting

7. URL shortening
 Gli URL tendono ad essere lunghi  servizi che accorciano
gli URL
 Esempio: http://www.rpolillo.it/index.php/2013/01/workshop-su-digital-heritage-
levoluzione-della-memoria-1-feb-2012-in-bicocca/  http://bit.ly/1FKg3oN
R.Polillo - Marzo 2015
7
Esempi:
bit.ly
tinyurl.com
t.Co
….
Statistiche d'accesso e altri servizi
HTTP
internet
Browser
Web
server
HTML
HTML
PUT
GET
Servizio di URL shortening

8. Il linguaggio HTML
 Esigenza: distinguere contenuto, struttura logica e
modalità di presentazione delle pagine
 Ogni pagina contiene, oltre al suo contenuto
informativo, anche “meta-informazioni” che
specificano struttura e presentazione
 Queste sono scritte in un linguaggio denominato
“HyperText Markup Language” (HTML), poi anche
CSS (Cascading Style Sheet, circa 1996+)
 Il "rendering" è gestito localmente dal browser, che
conosce le caratteristiche del device
R.Polillo - Marzo 2015
8

9. Esempio
R.Polillo - Marzo 2015
9
1.Bla bla bla
2. 1.1 Blu blu blu
Lorem ipsum dolor sit
amet, consectetuer adipiscing
Nonummy nibh euismod
tincidunt ut laoreet dolore
magna aliquam erat volutpat.
1.2 Bli bli bli
Ut wisi enim ad minim
veniam, quis nostrud exerci
tation ullamcorper suscipit
Struttura
Heading 1
Heading 2
paragrafo
Verdana,
bold, 24
Verdana,
bold, 18
Verdana,
corsivo, 12
PresentazioneContenuto

10. HTML: esempio
R.Polillo - Marzo 2015
10

11. HTML: link
R.Polillo - Marzo 2015
11

12. Testo attivo
Immagine attiva
BottoneTab
I link possono assumere
diverse forme
R.Polillo - Marzo 201512

13. HTML: immagini
R.Polillo - Marzo 2015
13

14. HTML: iframe
R.Polillo - Marzo 2015
14
<iframe width="560" height="315"
src="http://www.youtube.com/embed/qrO4YZeyl0I"
frameborder="0" allowfullscreen></iframe>

15. Sito
YouTube
Flickr
Incorporazione ("embedding")
iFrame
R.Polillo - Marzo 2015
15

16. Embedding e diritto d’autore
In una sentenza del novembre 2014, la Corte di
Giustizia Europea ha stabilito che l’embedding non
viola il diritto d’autore
http://www.key4biz.it/elex-corte-giustizia-ue-
lembedding-non-viola-copyright/
R.Polillo - Marzo 2015
16

17. Scripts (client side)
R.Polillo - Marzo 2015
17
Script
eseguito dal
browser
Può esserci anche
un link allo script

18. Scripts (server side)
R.Polillo - Marzo 2015
18
Script
eseguito dal
server
<html>
<body>
<?php
echo "ciao"
?>
</body>
</html>
<html>
<body>
ciao
</body>
</html>
ciao

19. Embedding
R.Polillo - Marzo 2015
19
<html>
<body>
embed code
</body>
</html>
oggetto
attivo
disponibile sulla
rete

20. In sintesi…
R.Polillo - Marzo 2015
20
BROWSER
File HTML

21. Lavoro individuale
 Quali informazioni il browser trasmette al web server in un dialogo
HTTP? Approfonditelo, per es. sulle pagine di Wikipedia
 Approfondite la problematica dei cookies, e verificate le opzioni del
vostro browser relativamente all’accettazione dei cookies, e i
settaggi in atto.
 Approfondite il concetto di URL
 Provate qualche servizio di URL shortening, e verificate quali servizi
aggiuntivi vi vengono offerti, e il modello di business che permette
al servizio di sopravvivere sul mercato
R.Polillo - Marzo 2015
21