Gli ipertesti del World Wide Web

1

• Gli ipertesti del World Wide Web
• Funzionamento e tecniche di realizzazione
• a cura di Loris Tissìno
• (www.tissino.it)

2
Internet termini essenziali

• host
• ip (internet protocol)
• indirizzi IP
• dns (domain name system)
• dominio

3
World Wide Web

• ragnatela mondiale
• riferimento ai collegamenti ipertestuali tra i
  documenti (logici) e non a quelli fisici tra i
  calcolatori
• basato su protocolli (HTTP) e linguaggi (HTML)
  standard

4
Modello client-server

• l'applicazione client (il browser) invia una
  richiesta
• l'applicazione server invia una risposta

5
URL

• uniform resource locator,localizzatore uniforme
  di risorse
• esempihttp//www.inv.org/http//www.inv.org/per
  corso/doc.htmlhttp//www.inv.org/mostra?id51

6
Protocollo HTTP richiesta

• GET /percorso/doc.html HTTP/1.1Host
  ...User-Agent ...Accept ...Accept-LanguageR
  eferer ...If-modified-since ......

7
Protocollo HTTP risposta

• HTTP/1.1 200 OKDate ...Server
  ...Content-Type ......

8
Linguaggio HTML

• HTML, hyper-text markup language,linguaggio di
  marcatura degli ipertesti
• file di testo puro
• permette collegamenti ipertestuali locali o
  remoti

9
Esempio di codice HTML

• ltHTMLgtltHEADgtltTITLEgtPagina web di
  esempiolt/TITLEgtlt/HEADgtltBODYgtltPgtPagina di
  esempio a cura diltA HREFhttp//www.tissino.itgt
  Loris Tissinolt/agt.lt/Pgtlt/BODYgtlt/HTMLgt

10
Standard aperti

• HTTP e HTML sono standard aperti
• Vantaggi
• sviluppo di diverse applicazioni client e server,
  editors, tecnologie
• supporto di tutte le piattaforme
• nessun vincolo con un fornitore specifico

11
Staticità e dinamicità

• Si può considerare dinamico
• ciò che si muove (lampeggia, scorre...)
• ciò che si modifica (è diverso, si aggiorna...)
• Si può considerare statico
• ciò che sul server è già pronto per essere
  inviato al client
• ciò che giunto al client appare immobile

12
Staticità e dinamicità

• Pagine web dinamicheelaborazione sul lato
  client
• Pagine web generate dinamicamenteelaborazione
  sul lato server

13
Dinamicità sul lato client

• immagini animate
• javascript
• fogli di stile (css)
• html dinamico
• applets java
• animazioni flash
• audio / video

14
Elaborazione sul lato server

• CGI, common gateway interface (perl, c)
• ASP (active server pages)
• PHP (php hypertext preprocessor)

15
Elaborazione quando?

• al momento della richiesta
• al momento della messa in linea dei contenuti
• a intervalli regolari prestabiliti

16
Contenuti digitali

• cd rom / dvd
• sito web

17
Cd rom

• puro contenuto (file semplici)
• web cd
• applicazioni (es. giochi)
• cd interattivo (es. enciclopedie multimediali)

18
Sito web

• internet
• intranet
• extranet

19
Applicazioni web

• applicazioni che si basano sull'interazione via
  web con l'utente, che non si limita a consultare
  (leggere, visualizzare) i documenti
• prevedono sessioni di lavoro di utenti
  riconosciuti

20
Sessione di lavoro

• registrazione utente (solo una volta)
• dati utente, conferma via email, attivazione
• login
• inizio della sessione, a volte è previsto un
  timeout
• logout
• fine della sessione

21
Cookies

• lett. biscotti, piccole sequenze di caratteri
  per il mantenimento delle informazioni relative
  alla sessione
• scambiate tra browser e server web
• qualche pericolo per la privacy...

22
Cookies un esempio (¼)

• il browser chiede una pagina al server
• il server rispondeeccoti la pagina, ti prego di
  memorizzare il cookie di nome pinco con valore
  abcd01234
• la pagina contiene un modulo (con i campi nome
  utente e password

23
Cookies un esempio (2/4)

• l'utente compila il modulo della pagina ed il
  browser invia i dati insieme al
  cookieutentepaperinopasswordltdnppqqqcookiea
  bcd01234
• il server riconosce l'utente, e memorizza che al
  cookie abcd01234 corrisponde l'utente
  autenticato paperino

24
Cookies un esempio (¾)

• per le operazioni successive, il browser invia
  solo la richiesta (non più nome utente e
  password) accompagnata dal cookiecookieabcd0123
  4
• il server, in base al cookie, sa che l'utente è
  paperino

25
Cookies un esempio (4/4)

• alla chiusura della sessione, il browser richiama
  una pagina appositamente predisposta, sempre
  passando il cookiecookieabcd01234
• il server memorizza che il cookie indicato non è
  più associato all'utente paperino