Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come...

21
Il Web Gianpaolo Cecere Introduzione

Transcript of Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come...

Page 1: Il Web Gianpaolo Cecere Introduzione. 2 Conoscere il Web come mezzo Interattività come potenzialità unica rispetto ad altri media Importante conoscere.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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