Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno...

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

Transcript of Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno...

Page 1: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Sito web

internetintranetextranet

Page 19: Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno ()

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

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

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

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

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

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

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”