![Page 1: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/1.jpg)
Gli ipertesti del World Wide WebFunzionamento e tecniche di realizzazione
a cura di Loris Tissìno(www.tissino.it)
![Page 2: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/2.jpg)
Internet: termini essenziali
hostip (internet protocol)indirizzi IPdns (domain name system)dominio
![Page 3: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/3.jpg)
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
![Page 4: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/4.jpg)
Modello client-server
l'applicazione client (il browser) invia una richiesta
l'applicazione server invia una risposta
![Page 5: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/5.jpg)
URL
uniform resource locator,localizzatore uniforme di risorse
esempi:http://www.inv.org/http://www.inv.org/percorso/doc.htmlhttp://www.inv.org/mostra?id=51
![Page 6: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/6.jpg)
Protocollo HTTP – richiesta
GET /percorso/doc.html HTTP/1.1Host: ...User-Agent: ...Accept: ...Accept-Language:Referer: ...If-modified-since: ......
![Page 7: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/7.jpg)
Protocollo HTTP – risposta
HTTP/1.1 200 OKDate: ...Server: ...Content-Type: ......
![Page 8: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/8.jpg)
Linguaggio HTML
HTML, hyper-text markup language,linguaggio di marcatura degli ipertesti
file di testo “puro”permette collegamenti ipertestuali
locali o remoti
![Page 9: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/9.jpg)
Esempio di codice HTML
<HTML><HEAD><TITLE>Pagina web di esempio</TITLE></HEAD><BODY><P>Pagina di esempio a cura di<A HREF=”http://www.tissino.it”>Loris Tissino</a>.</P></BODY></HTML>
![Page 10: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/10.jpg)
Standard aperti
HTTP e HTML sono standard apertiVantaggi:
sviluppo di diverse applicazioni client e server, editors, tecnologie
supporto di tutte le piattaforme nessun vincolo con un fornitore
specifico
![Page 11: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/11.jpg)
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
![Page 12: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/12.jpg)
Staticità e dinamicità
Pagine web dinamiche:elaborazione sul lato client
Pagine web generate dinamicamente:elaborazione sul lato server
![Page 13: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/13.jpg)
Dinamicità sul lato client
immagini animatejavascriptfogli di stile (css)html dinamicoapplets javaanimazioni flashaudio / video
![Page 14: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/14.jpg)
Elaborazione sul lato server
CGI, common gateway interface (perl, c)
ASP (active server pages)PHP (php: hypertext preprocessor)
![Page 15: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/15.jpg)
Elaborazione quando?
al momento della richiestaal momento della messa in linea dei
contenutia intervalli regolari prestabiliti
![Page 16: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/16.jpg)
Contenuti digitali
cd rom / dvdsito web
![Page 17: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/17.jpg)
Cd rom
puro contenuto (file semplici)web cdapplicazioni (es. giochi)cd interattivo (es. enciclopedie
multimediali)
![Page 18: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/18.jpg)
Sito web
internetintranetextranet
![Page 19: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/19.jpg)
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
![Page 20: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/20.jpg)
Sessione di lavoro
registrazione utente (solo una volta) dati utente, conferma via email,
attivazionelogin
inizio della sessione, a volte è previsto un timeout
logout fine della sessione
![Page 21: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/21.jpg)
Cookies
lett. “biscotti”, piccole sequenze di caratteri per il mantenimento delle informazioni relative alla sessione
scambiate tra browser e server webqualche pericolo per la privacy...
![Page 22: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/22.jpg)
Cookies – un esempio (¼)
il browser chiede una pagina al server
il server risponde:eccoti 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”
![Page 23: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/23.jpg)
Cookies – un esempio (2/4)
l'utente compila il modulo della pagina ed il browser invia i dati insieme al cookieutente=paperinopassword=ltdnppqqqcookie=abcd01234
il server riconosce l'utente, e memorizza che al cookie “abcd01234” corrisponde l'utente autenticato “paperino”
![Page 24: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/24.jpg)
Cookies – un esempio (¾)
per le operazioni successive, il browser invia solo la richiesta (non più nome utente e password) accompagnata dal cookie:cookie=abcd01234
il server, in base al cookie, sa che l'utente è “paperino”
![Page 25: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()](https://reader034.vdocuments.pub/reader034/viewer/2022052522/5542eb49497959361e8b4d96/html5/thumbnails/25.jpg)
Cookies – un esempio (4/4)
alla chiusura della sessione, il browser richiama una pagina appositamente predisposta, sempre passando il cookie:cookie=abcd01234
il server memorizza che il cookie indicato non è più associato all'utente “paperino”