Internet Architettura del www

Transcript

1 Internet Architettura del www

2 Internet è una rete di computer. Il World Wide Web è l insieme di servizi che si basa sull architettura di internet. In una rete, ogni nodo (detto host) è connesso a tutti gli altri Affinchè i computer possano condividere risorse debbono seguire tutti le stesse regole (standard;protocolli)

3 Supponiamo che il signor Rossi di Jesi voglia avere un informazione dal suo amico Petrelli a New York e decida quindi di inviargli un messaggio. Affinchè il messaggio arrivi a destinazione è necessario che: Rossi conosca l indirizzo di Petrelli Il messaggio venga consegnato da un postino che conosca la strada tra la casa di Rossi e quella di Petrelli e che abbia un mezzo di trasporto per raggiungerla. Il messaggio sia scritto in una lingua parlata sia da Rossi che da Petrelli Rossi Petrelli

4 L host A (sender) deve conoscere l indirizzo dell host di destinazione (receiver) INDIRIZZO IP ; URL Il messaggio (request) deve essere consegnato con un mezzo di trasporto PROTOCOLLO TCP : HTTP Il messaggio deve essere scritto in un linguaggio comprensibile ad entrambi HTML sender receiver

5 Ogni nodo in internet è identificato da un Indirizzo IP (Internet Protocol) che ne identifica in maniera univoca la posizione. In questo modo può essere raggiunto da ognuno degli altri nodi della rete L indirizzo IP è formato da quattro numeri (da 0 a 255) separati da un punto, secondo la struttura

6 Al fine di facilitare l identificazione degli host nella rete è stato sviluppato il sistema dei Nomi di Dominio, con il quale è possibile risolvere l indirizzo IP di un nodo attraverso dei particolari indici che gestiscono la registrazioni di nomi univoci opportunamente registrati. Il compito di risolvere un NOME host in un INDIRIZZO IP è affidato ai server DNS. Server DNS

7 HyperText Trasmission Protocol (HTTP) è il protocollo che permette il reperimento delle risorse Web. E un protocollo applicativo (5 livello) di richiesta/risposta basato tipicamente sulla suite di protocolli TCP/IP. Tutti i client e server Web devono supportare il protocollo HTTP per poter scambiare richieste e risposte. Per questa ragione i client e i server Web sono chiamati anche client HTTP e server HTTP.

8 Il protocollo HTTP è costituito da una richiesta e una risposta. Il protocollo HTTP identifica le risorse attraverso URL (Universal resource locator) La richiesta, inoltrata dal client, contiene l URL della risorsa, il metodo (POST o GET), e delle extension header (informazioni quali data della richiesta, browser, SO, etc..) La risposta comprende, oltre che il contenuto (immagine, ipertesto, etc..), il codice della risposta.

9 Esito Codice numerico (status code) Specifica testuale (reason phrase) OK, la risorsa è stata trovata e viene inviata 200 OK Accesso vietato 403 Forbidden Risorsa non esistente 404 Not found Errore nel server 500 Server error Non implementato 501 Not Implemented Servizio non disponibile 503 Service Unavailable

10 schema :// host.domain / pathname http :// / lezioni/lezione_01.html schema: indica il modo con cui accedere alla risorsa, cioè quale protocollo bisogna usare per interagire con il server che controlla la risorsa. Il metodo di accesso più comune è HTTP host.domain: è l hostname del nodo nel quale risiede la risorsa Web. pathname: identifica la risorsa presso il server Web. In particolare, si specifica il cammino all interno dell organizzazione del file system dedicata alle risorse Web. Nel caso in cui il pathname non contenga alcun nome di file, si suppone che la pagina selezionata sia quella di default.

11 Il linguaggio più diffuso nel WWW è sicuramente l HyperText Markup Language, l HTML. L ipertesto è innanzitutto un differente sistema di lettura. La lettura del testo, infatti, non è più sequenziale ma scelta direttamente dall utente che attraverso dei collegamenti (link) può scegliere la successione dei testi così come preferisce. Una pagina HTML è un file di testo in cui i dati sono inseriti all interno di particolari strutture, chiamate TAG, che descrivono la struttura del dato. Queste pagine vengono poi renderizzate dai browser che processano tali tag interpretando le informazioni di struttura in moda da definire un layout.

12 <HTML> <HEAD> <TITLE> Titolo pagina </TITLE> </HEAD> <BODY> Corpo del documento </BODY> </HTML>

13 Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, permettendo all utente di accedere ad una risorsa web tramite il suo URL e renderizzando il risultato finale Funzioni principali inviare opportuni messaggi al server Web per ottenere le risorse richieste interpretare il codice ipertestuale HTML elaborare il codice allo scopo di visualizzare in modo appropriato il contenuto delle pagine sullo schermo.

14 Fase di lookup Immesso l URL, il browser interroga il DNS per conoscere l indirizzo IP dell URL cercato. Fase di richiesta Il browser attiva una connessione TCP con l host che ha l indirizzo IP individuato. Mediante il protocollo HTTP richiede la risorsa specificata nell URL. Il server Web invia la pagina richiesta. Se vi sono oggetti allegati alla pagina, il browser effettua una richiesta per ciascuno di essi. Fase di visualizzazione Una volta inviati tutti gli oggetti (nel caso di protocollo HTTP/1.1) o dopo aver inviato ciascun oggetto (protocollo HTTP/1.0), il server chiude la connessione TCP. Non appena riceve il primo file, il browser analizza come visualizzare sul monitor il testo contenuto nella pagina. Il browser carica e mostra gli eventuali oggetti allegati alla pagina. Nel caso in cui l oggetto ricevuto è in qualche formato non direttamente interpretabile dal browser, questi può attivare un apposito programma plug-in che ne consente la visualizzazione

15 Client browser (1) (3) (4) oggetto Web (5) richiesta HTTP INTERNET server Web (2) Fase di lookup: (1) - (2) - (3) name server locale name server autoritativo per Fase di richiesta: (4) - (5)

16 I tag utilizzati nella sezione header sono tipicamente di tipo diverso da quelli utilizzati nella sezione body, essendo destinati a scopi differenti. I tag utilizzati nella sezione header normalmente non vengono visualizzati dal browser ma servono come informazioni di controllo e di servizio quali: metadata per convogliare informazioni utili ad applicazioni esterne (es. motori di ricerca) o al browser (es. codifica dei caratteri, utile per la visualizzazione di alfabeti non latini) metadata di tipo http-equiv per controllare informazioni aggiuntive nel protocollo HTTP collegamenti verso file di servizio esterni (CSS, script, icone visualizzabili nella barra degli indirizzi del browser) inserimento di script (codice eseguibile) utilizzati dal documento informazioni di stile (CSS locali) il titolo associato alla pagina e visualizzato nella finestra principale del browser

17 All'interno della sezione di body, che racchiude la parte visualizzabile del documento, si utilizzano i tag specifici previsti per la formattazione dei contenuti accessibili all'utente finale, ossia per il controllo di: intestazioni (titoli di capitoli, di paragrafi eccetera) strutture di testo (testo indentato, paragrafi, eccetera) aspetto del testo (grassetto, corsivo, eccetera) elenchi e liste (numerate, generiche, di definizione) tabelle moduli elettronici (campi compilabili dall'utente, campi selezionabili, menu a tendina, pulsanti eccetera) collegamenti ipertestuali e ancore layout generico del documento inserimento di immagini inserimento di contenuti multimediali (audio, video, animazioni eccetera) inserimento di contenuti interattivi (script, applicazioni esterne) Tra quelli elencati sopra, il tag <a> è quello che gioca un ruolo chiave in quanto descrive un collegamento (o link) ad un altro documento ipertestuale e consente, con un click del mouse o con un'operazione da tastiera, di abbandonare la pagina o il sito che si sta visualizzando e caricare quella indicata dal link, realizzando così la funzione di navigazione tipica dell'uso di Internet.