4. Introduzione al web (Parte I)

Edizione 2013-14

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Corso di Strumenti e applicazioni del Web

4. Introduzione al WebRoberto Polillo

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 2014

Queste slides

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, 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

Ipertesto

cardarea sensibile(bottone invisibile)

script

Ipertesti off-line: Hypercard (1987)

Realizzato da Bill Atkinson perApple Macintosh

Apple Macintosh, 1984+

Hypercard: esempi (video)

Computer chronicles: Hypercard Mania!https://www.youtube.com/watch?v=BeMRoYDc2z8 Intervista a Bill Atkinson, con esempi importanti (22', da vedere)

The Manhole (1988, 8') di Rand e Robin Millerhttps://www.youtube.com/watch?v=YyOTq1EpV5o

A children hypercard adventure (3'): http://bit.ly/XFN1hT

Myst, 1993 (di Rand e Robin Miller)

(Le immagini che seguono sono contigue)

L'idea di base del World Wide Web

Archiviare pagine di ipertesto su computer in Internet, permettendo di linkarle fra loro (indipendendentemente dalla loro collocazione)

Permetterne l’accesso da qualunque computer in Internet

Specificandone soltanto un nome simbolico (URL, Uniform Resource Locator), o cliccando il link su una pagina

Il world wide web

INTERNET

Pagina (file) Link

Che cos’è il World Wide Web

Un sistema di tecnologie correlate, evolutesi con continuità a partire dai primi anni ’90:

Concetto di ipertesto (es.Hypercard, 1987)

Protocolli internet:- TCP/IP (primi anni 70) - DNS (primi anni 80)

• HTTP• HTML• URI• BROWSER(da1990-91)

Il World Wide Web20

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!”

Il protocollo HTTP

HOST HOSTROUTER ROUTER

Web server

Trasporto

Internet

Network

Internet

Network

Internet

Network

Browser

Trasporto

Internet

Network

Protocollo HTTP

TCP: Transmission Control Protocolo

IP: Internet Protocolo

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”)

Il protocollo HTTP

HTTPinternetBrowser

Web server

GET (URL)

HTMLPUT

Protocollo stateless

HTTP: privacy

HTTPinternetBrowser

Web server

GET (URL)

HTMLPUT

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

Web analytics

In tempo differitoanalisi ex-post dei dati raccolti nel log file

In tempo realeanalisi della situazione correnteEs.: Google Analytics

HTTP: privacy

HTTPinternetBrowser

Web server

GET (URL)

HTMLPUT

Cookies

• Files 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

Naming: URI, URL, URN26

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

Esempio27

Web server

Root /

A corso

Index.html

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/YbLyml

Esempi:bit.lytinyurl.comt.Co….

Statistiche d'accesso e altri servizi

HTTPinternetBrowser

Web server

HTMLPUT

Servizio di URL shortening

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

4. Introduzione al web (Parte I)

Education

Transcript of 4. Introduzione al web (Parte I)

Tempo, Attività, Obiettivi, Parte 1 Introduzione

1) Introduzione file · Web view1) Introduzione. Ogni scuola di pensiero parte, a seconda delle proprie convinzioni, da ipotesi interpretative diverse e giunge a formulazioni teoriche

Problemi di acquisizione del tedesco L2 da parte di ... · Web viewProblemi di acquisizione del tedesco L2 da parte di parlanti con L1 italiana: la posizione di V. Introduzione.

INTRODUZIONE AL CORSO –parte logistica

lezione10 introduzione web programming

INTRODUZIONE - Amazon Web Services

Introduzione (parte III)Introduzione (parte III) · 2020. 1. 17. · Introduzione (parte III)Introduzione (parte III) Argomenti della lezione ... L’interfaccia socket di BerkeleyL’interfaccia

Introduzione agli studi storici - terza parte

Introduzione al Grid Computing (parte 1)

Appunti di Sistemi di Elab. 1 Parte Treunina.stidue.net/CalcolatoriElettronici2_DMCA_TAKEDOW… · Web view6.1. Introduzione. Elenchiamo di seguito le principali caratteristiche

Introduzione all’Informatica – parte 2 · Introduzione all’Informatica – parte 2 Lezione frontale Prof. Raffaella Folgieri ... • Dunque i confronti vengono effettuati grazie

Geodesia spaziale - parte I: introduzione

Polveri Interstellari (Introduzione all’Universo Parte VI)

Presentazione Introduzione seconda parte PRIMA

Parte 1: introduzione

INDICE INTRODUZIONE. PARTE PRIMA: SI NTOMI

Introduzione - Web design

Introduzione alla Sicurezza Web Introduzione Web Security1.

PARTE SPERIMENTALE - Benvenuti su …tesi.cab.unipd.it/40592/1/TESI_COMPLETA_DEF_16_APR.doc · Web viewPer quanto riguarda il mercato europeo, il primo timido tentativo di introduzione

Argomenti del corso Parte 1: Introduzione/ usabilita/user centered design Il funzionamento del web, gli ipertesti ed linguaggio del web Cenni di usabilità.