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 collegamenti entranti stella entrante x x In molto strutture (Web): Nodi: elementi minimali di informazione (pagine web) Collegamenti tra nodi (link) Link associati a parole attive
Collegamenti Multimedialità Classificazione dei collegamenti Interni/esterni al nodo Interni o esterni al sito Link di navigazione/attivazione Attivazione: transizione dinamica Es. modulo di ricerca Multimedialità: presenza di molte forme di comunicazione Testo Immagini Suoni Filmati Multimedialità Diversi tipi di multimedialità: Intrinseca, additiva, nativa Ristretta: convergenza in un unico contesto Interattiva Reti e Web
Ipermedialità Convergenza tra ipertestualità e multimedialità ipermedialità (WWW) Progettato al CERN (Ginevra) da Cailliau e Berners-Lee (fine anni 80) Facilitazione delle comunicazioni Caratteristiche Ipertestualità Multimedialità Distribuito su rete (Internet) : costituito da pagine web distribuite su server dotate di collegamenti unidirezionali (link) consultabili tramite browser (Internet Explorer, Firefox, Opera, Chrome, ) Visualizzazione delle pagine Navigazione Sito web: insieme pagine con una coerenza rispetto Autore Argomento di comunicazione Destinatario Collocazione fisica Home page: pagina iniziale del sito
Portale: sito con molteplicità di servizi informativi e comunicativi Servizio web: sito web che offre servizi e informazioni in modo interattivo Tipi di siti: Aziendali Istituzionali Personali Pagine statiche: descrizione completa sul server Pagine dinamiche: generata da un programma prelevando informazioni da archivi Generata a seguito di una richiesta dell utente Es. Moduli di ricerca Siti dinamici basati su CMS (Content Management Systems) HTTP Web creato da Berners-Lee basato su tre standard: HTTP HTML URL W3C ( Consortium ): ente con lo scopo di sviluppare tecnologie su cui si basa il Web 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 HTTP Trasferimento tra server e client: Server invia il file richiesto al client File visualizzato dal browser Informazioni sul client a seguito di una richiesta: Indirizzo IP Sistema operativo e browser Risoluzione dello schermo e profondità di colore Sito dal quale proviene Eventuale query effettuata Informazioni locali sulla visita Informazioni memorizzate in file di log HTML Tecnologie per il Web HTML (Hypertext markup language ): linguaggio di marcatura per la scrittura di documenti ipertestuali TAG: comandi per Caratteristiche di formattazione Link ipertestuali Incorporare oggetti multimediali 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 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 URL URL 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 http://www.unibg.it/dondi/esami/gennaio.html 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