COMPONENTI PRINCIPALI Multimedialità Interattività Grafica 2D vs 3D Intelligenza.
Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come...
-
Upload
allegra-di-martino -
Category
Documents
-
view
216 -
download
0
Transcript of Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come...
Il Web
Gianpaolo Cecere
Introduzione
2
Conoscere il Web come mezzo
Interattività come potenzialità unica rispetto ad altri media
Importante conoscere la tecnologia dietro le quinte
Limiti tecnologici Ampiezza di banda della comunicazione Problemi di compatibilità
3
Le radici del Web
Testo elettronico
Ipertesti
Reti di comunicazione
WEB
1989 Nascita del Web
4
Le radici del Web: testo elettronico
Charles Goldfarb, insieme a Mosher eLorie (IBM), inventano il GML
(Generalized Markup Language)
1969
SGML, derivato da GML, è adottatodalla International Standard
Organization (diventa uno standard)
1986
Primo documento su HTMLdisponibile in rete
1991
1989 Nascita del Web
5
Le radici del Web: ipertesti
Ted Nelson conia il termine di “ipertesto”.Prima ancora, nel 1945, Vannevar Bush
aveva scritto “As we may think”
1965
Dough Engelbart fa una dimostrazionedel primo sistema ipertestuale
(NLS/AUGMENT) … e del primo mouse
1968
La Apple commercializza il Macintosh eInsieme ad esso Hypercard, un sistema
Ipertestuale grafico per PC
1984
1989 Nascita del Web
6
Le radici del Web: le reti
Nascita di ARPANET.Quattro computer collegati in rete
1969
Proposta di un protocollo comune, IP (Kahn & Cerf).
Circa 100 host collegati.
1974
100.000 calcolatori collegati
1989
10.000.000 calcolatori collegati
1995
75.000.000 calcolatori collegati
2000
1989 Nascita del Web
7
La nascita del Web
1989: Tim Berners Lee inizia il suo progetto WWW
1991: Gopher viene sviluppato presso l’Università del Minnesota1993: Marc Andreesen e Eric Brina sviluppano il primo browser grafico: Mosaic
1994: Netscape rilascia la sua prima versione del browser grafico
1995: Microsoft rilascia Explorer
8
Un’idea semplice
Basato su tre tecnologie Un indirizzo uniforme (URL) Un protocollo di trasmissione (HTTP) Un linguaggio per codificare documenti (HTML)
Elementi vincenti Semplicità: HTML è una forma molto semplificata
di SGML (con pochi tag) Universalità: disponibile su tutti i computer Compatibilità all’indietro
9
Struttura, non stile
Documenti annotati con tag di struttura, ai browser la scelta su come visualizzarli.
Mancanza: regole di stile per consentire maggiore controllo sulla formattazione
Netscape, sulla spinta del rapido successo, iniziò ad espandere HTML con tag di stile: <font>: tipo di carattere, dimensioni, colore del testo <background>: per cambiare il colore dello sfondo <blink>, <frame> … e altri tag non standard
Explorer fece lo stesso …
10
Il ruolo del consorzio W3C
Guida il processo di standardizzazione
Deve accettare le pratiche esistenti dei vari produttori, mediando tra di essi
Il risultato (HTML 3.2 e poi HTML 4.0) non è più solo un linguaggio di annotazione strutturale
11
Tecnologia di base del Web
Architettura client-server del Web
URL e HTTP
Come funziona un Web server
12
Architettura client-server
Cliente 1
Cliente 2
Cliente 3
Richiesta 1
Risposta 1
Richiesta 3
Risposta 3
Server
13
Indirizzi Web (URL)
URL (Universal Resource Locator)
http://infouma.di.unipi.it/studenti/index.html
http : il protocollo di comunicazione per il Web (Hyper Text Transfer Protocol)
infouma.di.unipi.it : l’indirizzo Internet della macchina server che il DNS (Domain Name Server) traduce in indirizzo IP oppure direttamente l’indirizzo IP
studenti/index.html : l’indirizzo della risorsa (tipicamente un file HTML) relativo alla radice del Web server.
14
Come funziona il Web server
Browser 1
Browser 2
Browser 3
Web Server
http://infouma.di.unipi.it/studenti/index.html
15
Un modello concettuale per il Web
Nell’editoria tradizionale: Testo (contenuti) Immagini (presentazione visuale)
Il Web aggiunge il comportamento Si seguono collegamenti ipertestuali Si fanno ricerche Si immettono informazioni Si consultano cataloghi SI effettuano pagamenti
16
Un modello concettuale per il Web
IMMAGINITESTO
CODICE
Comportamento
PresentazioneStruttura
17
Testo e struttura
Testo Il testo è universale (ASCII) Il testo è compatto Il testo è elaborabile
Può essere indicizzato, ricercato, trasformato …
Il testo annotato è più ricco I tag aggiungono struttura e significato Aumentano le potenzialità di elaborazione
La Microsoft è situata a Redmond e il suo presidente è Bill Gates.La <company>Microsoft</company> è situata a <location> Redmond</location> e il suo presidente è <person>Bill Gates</person>
18
Stile e presentazione
L’arricchimento di HTML con annotazioni stilistiche non è una buona idea
Lo stile dovrebbe essere specificato in modo distinto dalla struttura
La risposta sono i CSS (Cascading Style Sheets) Separano il contenuto dalle istruzioni per la presentazione
(per i browser) Le istruzioni sono di validità globale per la pagina o per il sito Sono uno standard del W3C
19
Comportamento
Il Web è interattivo, le pagine hanno un comportamento
Sono vere applicazioni informatiche interattive Usabilità: facilità con cui si svolge un certo compito
Comprare un libro in un sito di commercio elettronico Consultare l’orario dei treni Ecc.
Servono capacità di programmazione Pagine interattive (che cambiano in reazione ad eventi) Pagine dinamiche (generate al volo) Basi di dati Programmazione lato server (back-end)
20
Attività interdisciplinare
Realizzare pagine Web richiede: Capacità editoriali e di strutturazione del contenuto Capacità di presentazione grafica Capacità di programmazione
Lavoro di équipe? Editore o architetto dell’informazione Grafico Programmatore
Conoscenze interdisciplinari
21
Conclusione
Per progettare pagine Web bisogna conoscere le specificità espressive come mezzo e comprendere la tecnologia
Progettare il Web richiede un buon equilibrio tra Struttura Presentazione Programmazione