Reti e Web

Ipertesto
Reti e Web
Ipertestualità e multimedialità
Ipertesto: documento elettronico
costituito da diverse parti: nodi
parti collegate tra loro: collegamenti
Navigazione: percorso tra diversi blocchi
Struttura reticolare: lettura utilizzando collegamenti
lettura non lineare
Ipertesto
Ipertesto
I collegamenti sono
orientati
collegamenti uscenti →
stella uscente
In molto strutture (Web):
Nodi: elementi minimali di informazione (pagine
web)
Collegamenti tra nodi (link)
Link associati a parole attive
collegamenti entranti
→ stella entrante
x
x
Collegamenti
Multimedialità
Classificazione dei collegamenti
Interni/esterni al nodo
Interni o esterni al sito
Link di navigazione/attivazione
Multimedialità: presenza di molte forme di
comunicazione
Attivazione: transizione dinamica
Es. modulo di ricerca
Testo
Immagini
Suoni
Filmati
…
Multimedialità
Diversi tipi di multimedialità:
Intrinseca, additiva, nativa
Ristretta: convergenza in un unico contesto
Interattiva
Reti e Web
World Wide Web
Ipermedialità
World Wide Web
Convergenza tra
World Wide Web (WWW)
Progettato al CERN (Ginevra) da Cailliau e
Berners-Lee (fine anni ‘80)
Facilitazione delle comunicazioni
ipertestualità e multimedialità
ipermedialità
World Wide Web
World Wide Web: costituito da pagine web
distribuite su server
dotate di collegamenti unidirezionali (link)
consultabili tramite browser (Internet Explorer,
Firefox, Opera, Chrome,…)
Visualizzazione delle pagine
Navigazione
Caratteristiche
Ipertestualità
Multimedialità
Distribuito su rete (Internet)
World Wide Web
Sito web: insieme pagine con una coerenza rispetto
Autore
Argomento di comunicazione
Destinatario
Collocazione fisica
Home page: pagina iniziale del sito
World Wide Web
Portale: sito con molteplicità di servizi informativi e
comunicativi
Servizio web: sito web che offre servizi e
informazioni in modo interattivo
Tipi di siti:
World Wide Web
Aziendali
Istituzionali
Personali
Web creato da Berners-Lee basato su tre standard:
HTTP
HTML
URL
W3C (World Wide Web Consortium ): ente con lo
scopo di sviluppare tecnologie su cui si basa il Web
Siti dinamici basati su CMS (Content Management
Systems)
HTTP
Generata a seguito di una richiesta dell’utente
Es. Moduli di ricerca
World Wide Web
Pagine statiche: descrizione completa sul server
Pagine dinamiche: generata da un programma
prelevando informazioni da archivi
HTTP (Hypertext Transfer Protocol): protocollo per il
trasferimento di documenti ipertestuali
Richiesta di trasferimento da client a server:
Richiesta dell’utente
Codificata dal browser
Invio richiesta al server
HTTP
Trasferimento tra server e client:
HTTP
Server invia il file richiesto al client
File visualizzato dal browser
Indirizzo IP
Sistema operativo e browser
Risoluzione dello schermo e profondità di colore
Sito dal quale proviene
Eventuale query effettuata
Informazioni locali sulla visita
HTML
HTML (Hypertext markup language ): linguaggio di
marcatura per la scrittura di documenti ipertestuali
TAG: comandi per
Caratteristiche di formattazione
Link ipertestuali
Incorporare oggetti multimediali
Informazioni sul client a seguito di una richiesta:
Informazioni memorizzate in file di log
Tecnologie per il Web
Altre tecnologie per il Web
JavaScript
Java
Flash
XML
URL
URL
URL (Uniform resource locator ): indirizzo univoco
di una risorsa nel Web
protocollo://nome_elaboratore:porta/
percorso_file?query
URL
URL
http://www.unibg.it/dondi/esami/gennaio.html
http://www.unibg.it/dondi/esami/gennaio.html
http: hypertext transfer protocol
www.unibg.it: nome elaboratore
www: elaboratore del dominio collegato al Web
unibg: organizzazione proprietaria del sito
it: tipo di organizzazione cui fa riferimento il sito
(dominio di primo livello);
it: nazione di appartenenza
Protocollo: protocollo di utilizzato (http, https,
ftp,…)
Nome_elaboratore: identificatore di un nodo della
rete (vedi DNS)
Porta: indicatore dell’applicazione destinataria
Percorso_file: percorso nel file system del server
per raggiungere un certo file
Query: eventuali informazioni sui parametri
dondi/esami/gennaio.html: percorso che identifica il file
dondi ed esami: cartelle del server;
gennaio.html: il file html (o htm)
URL complicate:
http://www.unibg.it/cgi-bin/saluti.pl?buongiorno