Introduzione al Web (1/2) - 16/17

1. Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
4. Introduzione al Web
(I)
Giuseppe Vizzari
Edizione 2016-17

2. Queste slides
Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
strumentiapplicazioniweb.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 shot, 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.

3. Sintesi delle puntate
precedenti
• Internet è una rete di reti
• Il protocollo TCP/IP suddivide il data stream in pacchetti che seguono
strade diverse (routing)
• Ogni nodo della rete è individuato da un indirizzo IP, eventualmente
assegnato da un server DHCP
• Si usano nomi di dominio strutturati, che vengono associati agli indirizzi IP
da server DNS distribuiti
• La governance di Internet è complessa e multistakeholder; le regole per
l'assegnazione dei nomi su Internet vengono gestite da ICANN
• Internet è una rete progettata per essere stupida (best effort delivery,
end-to-end principle)
• L’accesso alla rete è fornito dagli ISP, di varia dimensione e livello; con
mutui accordi di peering e di transit
• L’ecosistema di Internet è molto complesso, gli attori hanno ruoli che
variano nel tempo e interessi comuni e contrapposti
• Il principio della neutralità della rete è contrastato dagli operatori di
telecomunicazioni
• Il dibattito sulla regolamentazione è molto vivo
3

4. LINK
NODO
Ipertesto

5. Alcuni “nonni” degli ipertesti…

6. stack
card
area sensibile
(bottone invisibile)
script
clic
Ipertesti off-line: Hypercard (1987)
6
Realizzato da Bill
Atkinson per
Apple
Macintosh,
1984+

7. Hypercard: esempi (video)
• Computer chronicles: Hypercard Mania!
https://www.youtube.com/watch?v=BeMRoYDc2z
Intervista a Bill Atkinson, con esempi importanti (22', da
vedere)
• The Manhole (1988, 8') di Rand e Robin Miller
https://www.youtube.com/watch?v=YyOTq1EpV5o
• A children hypercard adventure (3'): http://bit.ly/XFN1hT
7

8. Myst, 1993 (di Rand e Robin Miller)
8
Myst was commercially
successful on release.
Along with
The 7th Guest, it was
widely regarded as a
killer application that
accelerated the sales of
CD-ROM drives.[28][45]
The game's success
also led to a number of
games which sought to
copy Myst's success,
referred to as "Myst
clones".[28]
Myst was the
bestselling PC game
throughout the 1990s,
until The Sims exceeded
its sales in 2002.

9. (Le immagini che seguono sono contigue)

18. L'idea di base del World Wide
Web
• Archiviare pagine di
ipertesto su computer in
Internet, permettendo di
collegarle fra loro
(indipendentemente dalla
loro collocazione)
• Permetterne l’accesso
da qualunque computer
in Internet
• Specificandone soltanto
un nome simbolico (URL,
Uniform Resource
Locator), o cliccando il
From: Information Management: A Proposal,
Tim Berners-Lee, CERNMarch 1989, May 1990
https://www.w3.org/History/1989/proposal.html

19. Il world wide web
19
INTERNET
Pagina (file)
Link

20. Il World Wide Web
20
Tim Berners-Lee
(1995)
"I just had to take the
hypertext idea and
connect it to the TCP
Protocol and Domain
Name System ideas
and – Ta-da! – the
World Wide Web!”

21. Che cos’è il World Wide Web
Un sistema di tecnologie correlate, evolutesi con continuità
a partire dai primi anni ’90:
21
Concetto di ipertesto
(es. Hypercard,
1987)
Protocolli internet:
- TCP/IP (primi anni
70)
- DNS (primi anni
80)
• HTTP
• HTML
• URI
• BROWSER
(dal 1990-
91)
+ WW
W
=

22. Il protocollo HTTP
22
HOST HOSTROUTER ROUTER
Web server
Trasporto
Internet
Network
Internet
Network
Internet
Network
Browser
Trasporto
Internet
Network
Protocollo HTTP
TCP: Transmission Control Protocol
IP: Internet
Protocol
ClientServer
HyperText Transfer Protocol:
le regole che governano il trasferimento di pagine web dal
computer che le archivia (“server”) al computer che le
richiede (“client”)
HyperText Transfer Protocol:
le regole che governano il trasferimento di pagine web dal
computer che le archivia (“server”) al computer che le
richiede (“client”)

23. Il protocollo HTTP
23
HTTP
internet
Browser
Web
server
HTML
GET (URL)
HTML
PUT
Protocollo stateless

24. HTTP: privacy
24
HTTP
internet
Browser
Web
server
HTML
GET (URL)
HTML
PUT
Log file
•Indirizzo IP
•Referrer
•Browser name
•Screen resolution
•OS
•… !!??##??!!
Il browser trasmette al Web
server alcune informazioni sul
richiedente…
… e il web server le raccoglie in
un log file

25. Web analytics
• In tempo differito
analisi ex-post dei dati raccolti nel log file
• In tempo reale
analisi della situazione corrente
Es.: Google Analytics
25

26. HTTP: privacy
26
HTTP
internet
Browser
Web
server
HTML
GET (URL)
HTML
PUT
Cookie
• File che vengono “parcheggiati”
dall’applicazione Web nel browser
dell’utente, per ricordarsi che cosa
ha fatto sul sito
• L’utente può chiedere al browser di
non accettarli…
• … ma in questo caso alcune
funzionalità di certi siti e servizi web
potrebbero non essere più
accessibili
• File che vengono “parcheggiati”
dall’applicazione Web nel browser
dell’utente, per ricordarsi che cosa
ha fatto sul sito
• L’utente può chiedere al browser di
non accettarli…
• … ma in questo caso alcune
funzionalità di certi siti e servizi web
potrebbero non essere più
accessibili

27. Can we live without cookies? (1/2)

28. Can we live without cookies? (2/2)
http://www.opentracker.net/article/third-party-cookies-vs-first-
party-cookies

29. La funzionalità “Do Not Track” (DNT)
dei browser
• Parleremo nel dettaglio dei
browser più avanti…
• Sappiate comunque che
dal 2007 si discute di una
funzionalità “Do Not Track”
oramai disponibile nei
moderni browser
• Sostanzialmente aggiunge
alle richieste HTTP una
richiesta di non tracciare le
richieste…
• ... Non c’è comunque
consenso su come vada
interpretata questo
genere di richiesta ed è
almeno dubbio l’effetto di
https://allaboutdnt.com/

30. Naming: URI, URL, URN
30
URI
Uniform Resource
Identifier
URN
Uniform Resource Name
Specifica il nome della
risorsa
Esempio:
(International Standard Book Number)
URL
Uniform Resource
Locator
Specifica l'indirizzo della
risorsa

31. Esempio
31
Web
server
Root /
A corso
B
Index.ht
ml
Filesystemdel
computer

32. Se non mettete l’URL completo…
32
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

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

34. Approfondimenti
• Quali informazioni il browser trasmette al web server in
un dialogo HTTP? Approfonditelo, per es. sulle pagine
di Wikipedia
• Approfondite il tema dei cookie, in particolare il blocco
dei cookie di terze parti (una buona chiave di ricerca è
“the world without cookies”)
• Il diagramma di Tim Berners Lee corrisponde davvero a
quello che poi è stato realizzato almeno nella versione
iniziale di HTML? Ne discuteremo la prossima lezione,
anche perché per ora non abbiamo parlato di HTML, ma
magari iniziate a rifletterci su
• 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