b) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "b) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione"

Michelangelo Boscolo
8 anni fa
Visualizzazioni

1 Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico 1 a) Multimedialità Introduzione dei tag Object, embed, ecc. possibilità di inserire plug-in, oggetti Flash per creare animazioni, file di qualsiasi tipo aperti direttamente dal browser, chiamando il corretto programma applicativo. 2 1

Multimedialità Introduzione dei tag Object, embed, ecc.

2 b) Dinamicità delle pagine lato server - Abbiamo visto che l HTML 2.0 ha introdotto il concetto di Form e CGI lato client - L HTML 3.2 ha introdotto la possibilità di inserire Applet per eseguire programmi sul client Attualmente la dinamicità è garantita dalle seguenti tecnologie: 3 Client-side: Java Applet JavaScript e VBScript (=versione ridotta di Visual Basic) Questi ultimi sono linguaggi di scripting, ossia linguaggi di programmazione più snelli, che servono per scrivere degli script. Gli script sono porzioni di codice contenute nelle pagine HTML, che vengono interpretate ed eseguite dal browser. Il browser deve supportare queste tecnologie e l utente può scegliere se abilitarle o meno 4 2

JavaScript e VBScript (=versione ridotta di Visual Basic) Questi ultimi sono linguaggi di scripting, ossia linguaggi di programmazione più snelli, che servono per scrivere

3 Server-side: CGI Java Servlet ASP PHP JSP Ciascuna di queste tecnologie deve essere installata e opportunamente configurata sul server. 5 c) Accessibilità Un contenuto è accessibile quando è universale, ossia può essere fruito da chiunque, anche affetto da disabilità. Normativa di riferimento in Italia per le Pubbliche Amministrazioni: Legge 9 gennaio 2004, n. 4, (Legge Stanca) Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici 6 3

5 c) Accessibilità Un contenuto è accessibile quando è universale, ossia può essere fruito da chiunque, anche affetto

4 d) Separazione del contenuto dalla forma Fogli di Stile: separazione tra contenuto e modalità di visualizzazione XML (extensible Markup Language): separazione anche tra tra struttura e contenuti. L XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale relative ai dati veri e propri 7 La sintassi e la grammatica di XML sono contenute in una DTD (Document Type Definition), che ha appunto la funzione di descrivere la struttura dei dati in un linguaggio comprensibile alla macchina. XML è in realtà un meta-formalismo che permette di definire dei linguaggi di tagging, specificando come possano essere composti (annidati). Molto spesso comunicazioni HTTP tra client e server riguardano scambi di documenti XML 8 4

L XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale relative ai dati veri e propri 7 La sintassi e la grammatica di XML sono contenute in

5 XHTML (extensible Hyper Text Markup Language) E attualmente il linguaggio raccomandato dal W3C per la realizzazione di siti web. Dal punto di vista del codice è molto simile a HTML: non introduce tag, attributi, metodi nuovi. La grande differenza consiste invece nelle regole sintattiche: XHTML esige rigore nell uso del codice, al fine di realizzare documenti validi ben formati. Possiamo quindi definire XHTML la riformulazione di HTML come applicazione XML. 9 Esempio di regole cui attenersi REGOLA (obbligatoria per XHTML, facoltativa in HTML) XHTML 1 Gli elementi devono essere correttamente annidati. <b><i>prova</i></b> 2 I nomi di elementi e attributi devono essere in minuscolo. XML infatti è un linguaggio case sensitive. <table><tr><td>prova </table></tr></td> 3 Gli elementi non vuoti devono essere chiusi. <p>prova</p> 4 I valori degli attributi devono essere posti tra virgolette. <img src= prova.gif > Separazione tra gli elementi che definiscono la struttura del documento (es. <body>, <table>, <p> ecc.) e quelli che definiscono la formattazione, che deve essere affidata ai CSS 10 5

La grande differenza consiste invece nelle regole sintattiche: XHTML esige rigore nell uso del codice, al fine di realizzare documenti validi ben formati.

6 e) Web semantico Esistono due approcci diversi alla semantizzazione delle risorse: utilizzando tag e annotazioni inserite dagli utenti Web 2.0, folksonomie utilizzando ontologie e linguaggi basati su XML per descrivere le risorse Semantic Web 11 SEMANTIC WEB Nuova frontiera della ricerca, che rappresenta una estensione del web corrente, in cui l informazione è annotata semanticamente mediante l uso di XML e ontologie, consentendo in questo modo alle macchine di capire e processare il contenuto delle pagine (o meglio delle risorse all interno delle pagine). Linguaggi: RDF(S) OWL 12 6

ricerca, che rappresenta una estensione del web corrente, in cui l informazione è annotata semanticamente mediante l uso di XML e ontologie,

7 Emulazione di Terminale = Servizio per la connessione interattiva ad altri host sulla rete Protocollo di comunicazione tra client e server: Telnet (Terminal Network) Protocollo ASCII, usa TCP Funzioni: Remote login, utilizzando la porta 23 (di solito è disabilitato per motivi di sicurezza) Es. telnet 23 (login remota, disabilitata) Accesso interattivo ai servizi di rete ASCII, utilizzando la porta corrispondente, 13 Es. telnet 80 (accesso al sito Web) File transfer = Servizio per trasferire file di qualsiasi tipo Client = ftp client; browser Server = ftp server Protocollo di comunicazione tra client e server: FTP (File Transfer Protocol). Protocollo ASCII Usa TCP come protocollo di trasporto Attiva una connessione di controllo (porta 21) persistente e una connessione per la trasmissione dati (porta 20) non persistente Configurazione diritti di accesso 14 7

it 23 (login remota, disabilitata) Accesso interattivo ai servizi di rete ASCII, utilizzando la porta corrispondente, 13 Es. telnet www.di.unito.

8 File transfer porta 20 porta 21 Trasferimento dati processo di controllo Trasferimento dati processo di controllo Sistema operativo Sistema operativo TCP/IP - Internet 15 Posta Elettronica = Permette lo cambio di messaggi tra host, anche non direttamente connessi. Formato dell'indirizzo: mailbox_name@domain Es. carlino@libero.it Protocollo SMTP (Simple Mail Transfer Protocol) Client e Server sono definiti MTA = Message Transfer Agent MTA Client = server SMTP con ruolo di client MTA Server = server SMTP con ruolo di server Meccanismo di spooling (store and forward) 16 8

Formato dell'indirizzo: mailbox_name@domain Es. carlino@libero.

9 SMTP (Simple Mail Transfer Protocol) MTA client invio messaggi spool area client (trasf. in background) Interfaccia Utente SMTP su connessione TCP lettura messaggi spazio per (mailbox) MTA server server (accettazione ) 17 SMTP (Simple Mail Transfer Protocol) RFC 821 Protocollo ASCII Porta 25, protocollo di trasporto TCP 18 9

in background) Interfaccia Utente SMTP su connessione TCP lettura messaggi spazio

10 SMTP (Simple Mail Transfer Protocol) 19 SMTP (Simple Mail Transfer Protocol) Formato dei Messaggi: RFC 822 Dati testuali a 7 bit MIME (Multipurpose Internet Mail Extension) Nuovi header principali: MIME-Version Content-Type Content-Transfer-Encoding 20 10

a 7 bit MIME (Multipurpose Internet Mail Extension) Nuovi

11 SMTP (Simple Mail Transfer Protocol) Configurazioni complesse: User Agent su host diversi dai server SMTP Mail exchanger MX MTA intermedi Relay Gateway 21 POP e IMAP Accesso mediante User Agent dislocati su host diversi dai server SMTP e protocolli utilizzati User Agent (ossia Mailer quali Outlook, Eudora, ecc.), che usano SMTP per l invio dei messaggi, mentre per la lettura usano POP (Post Office Protocol), porta 110, TCP, connessione a un server POP IMAP (Internet Message Access Protocol), porta 143, connessione a un server IMAP Servizi di posta su Web (forniti per es. da yahoo!, libero, tin, ecc.) Usano HTTP per invio e lettura 22 11

), che usano SMTP per l invio dei messaggi, mentre per la lettura usano POP (Post Office Protocol), porta 110, TCP, connessione a un server POP IMAP (Internet

Documenti analoghi

Protocolli applicativi: FTP

Protocolli applicativi: FTP FTP: File Transfer Protocol. Implementa un meccanismo per il trasferimento di file tra due host. Prevede l accesso interattivo al file system remoto; Prevede un autenticazione