il web gianpaolo cecere introduzione. 2 conoscere il web come mezzo interattività come...
TRANSCRIPT
![Page 1: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/1.jpg)
Il Web
Gianpaolo Cecere
Introduzione
![Page 2: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/2.jpg)
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à
![Page 3: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/3.jpg)
3
Le radici del Web
Testo elettronico
Ipertesti
Reti di comunicazione
WEB
1989 Nascita del Web
![Page 4: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/4.jpg)
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
![Page 5: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/5.jpg)
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
![Page 6: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/6.jpg)
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
![Page 7: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/7.jpg)
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
![Page 8: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/8.jpg)
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
![Page 9: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/9.jpg)
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 …
![Page 10: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/10.jpg)
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
![Page 11: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/11.jpg)
11
Tecnologia di base del Web
Architettura client-server del Web
URL e HTTP
Come funziona un Web server
![Page 12: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/12.jpg)
12
Architettura client-server
Cliente 1
Cliente 2
Cliente 3
Richiesta 1
Risposta 1
Richiesta 3
Risposta 3
Server
![Page 13: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/13.jpg)
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.
![Page 14: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/14.jpg)
14
Come funziona il Web server
Browser 1
Browser 2
Browser 3
Web Server
http://infouma.di.unipi.it/studenti/index.html
![Page 15: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/15.jpg)
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
![Page 16: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/16.jpg)
16
Un modello concettuale per il Web
IMMAGINITESTO
CODICE
Comportamento
PresentazioneStruttura
![Page 17: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/17.jpg)
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>
![Page 18: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/18.jpg)
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
![Page 19: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/19.jpg)
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)
![Page 20: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/20.jpg)
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
![Page 21: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere](https://reader036.vdocuments.pub/reader036/viewer/2022062512/5542eb66497959361e8d2705/html5/thumbnails/21.jpg)
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