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)

description

Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno (www.tissino.it). Internet: termini essenziali. host ip (internet protocol) indirizzi IP dns (domain name system) dominio. World Wide Web. “ragnatela mondiale” - PowerPoint PPT Presentation

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 essenzialihostip (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-serverl'applicazione client (il browser) invia

una richiestal'applicazione server invia una

risposta

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

URLuniform resource locator,

localizzatore uniforme di risorseesempi:

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.1

Host: ...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 OK

Date: ...Server: ...Content-Type: ......

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

Linguaggio HTMLHTML, 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 apertiHTTP 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 clientPagine 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 clientimmagini 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 serverCGI, 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 digitalicd rom / dvdsito web

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

Cd rompuro 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 webinternetintranetextranet

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

Applicazioni webapplicazioni 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 lavororegistrazione utente (solo una volta)

dati utente, conferma via email, attivazione

login inizio della sessione, a volte è previsto

un timeoutlogout

fine della sessione

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

Cookieslett. “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

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