Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 5. Introduzione.

Presentazione sul tema: "Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 5. Introduzione."— Transcript della presentazione:

1 Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 5. Introduzione al Web (II) Roberto Polillo Edizione 2014-15

2 2 Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in www.corsow.wordpress.com. Data la rapida evoluzione della rete, il corso viene aggiornato ogni anno. www.corsow.wordpress.com Il presente materiale è pubblicato con licenza Creative Commons “Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0” (http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it La licenza non si estende alle immagini provenienti da altre fonti e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che, ove possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta a disposizione per correggerle. R.Polillo - Marzo 2015 Queste slides

3 R.Polillo - Marzo 2015 3

4 Naming: URI, URL, URN 4 URI Uniform Resource Identifier URN Uniform Resource Name Specifica il nome della risorsa Esempio: (International Standard Book Number) R.Polillo - Marzo 2015 URL Uniform Resource Locator Specifica l'indirizzo della risorsa

5 Esempio 5 R.Polillo - Marzo 2015 Web server Root / A corso B Index.html File system del computer

6 Se non mettete l’URL completo… 6 R.Polillo - Marzo 2015 rpolillo.it Web server Web server (pathname di default) browser Se ci sono vari siti sullo stesso server, Si usano varie tecniche per fornire il sito di default. La soluzione più elegante è quella di definire vari host virtuali, ciascuno con un proprio indirizzo IP. http://en.wikipedia.org/wiki/Virtual_hosting

7 URL shortening  Gli URL tendono ad essere lunghi  servizi che accorciano gli URL  Esempio: http://www.rpolillo.it/index.php/2013/01/workshop-su-digital-heritage- levoluzione-della-memoria-1-feb-2012-in-bicocca/  http://bit.ly/1FKg3oN http://www.rpolillo.it/index.php/2013/01/workshop-su-digital-heritage- levoluzione-della-memoria-1-feb-2012-in-bicocca/http://bit.ly/1FKg3oN R.Polillo - Marzo 2015 7 Esempi: bit.ly tinyurl.com t.Co …. Statistiche d'accesso e altri servizi HTTP internet Browser Web server HTML PUT GET Servizio di URL shortening

8 Il linguaggio HTML  Esigenza: distinguere contenuto, struttura logica e modalità di presentazione delle pagine  Ogni pagina contiene, oltre al suo contenuto informativo, anche “meta-informazioni” che specificano struttura e presentazione  Queste sono scritte in un linguaggio denominato “HyperText Markup Language” (HTML), poi anche CSS (Cascading Style Sheet, circa 1996+)  Il "rendering" è gestito localmente dal browser, che conosce le caratteristiche del device R.Polillo - Marzo 2015 8

9 Esempio R.Polillo - Marzo 2015 9 1.Bla bla bla 2.1.1 Blu blu blu Lorem ipsum dolor sit amet, consectetuer adipiscing Nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 1.2 Bli bli bli Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit Struttura Heading 1 Heading 2 paragrafo Verdana, bold, 24 Verdana, bold, 18 Verdana, corsivo, 12 Presentazione Contenuto

10 HTML: esempio R.Polillo - Marzo 2015 10

11 HTML: link R.Polillo - Marzo 2015 11

12 Testo attivo Immagine attiva Bottone Tab I link possono assumere diverse forme R.Polillo - Marzo 2015 12

13 HTML: immagini R.Polillo - Marzo 2015 13

14 HTML: iframe R.Polillo - Marzo 2015 14

15 Sito YouTube Flickr Incorporazione ("embedding") iFrame R.Polillo - Marzo 2015 15

16 Embedding e diritto d’autore In una sentenza del novembre 2014, la Corte di Giustizia Europea ha stabilito che l’embedding non viola il diritto d’autore http://www.key4biz.it/elex-corte-giustizia-ue- lembedding-non-viola-copyright/ R.Polillo - Marzo 2015 16

17 Scripts (client side) R.Polillo - Marzo 2015 17 Script eseguito dal browser Può esserci anche un link allo script

18 Scripts (server side) R.Polillo - Marzo 2015 18 Script eseguito dal server <?php echo "ciao" ?> <?php echo "ciao" ?> ciao ciao ciao

19 Embedding R.Polillo - Marzo 2015 19 embed code oggetto attivo disponibile sulla rete

20 In sintesi… R.Polillo - Marzo 2015 20 link BROWSER File HTML

21 Lavoro individuale  Quali informazioni il browser trasmette al web server in un dialogo HTTP? Approfonditelo, per es. sulle pagine di Wikipedia  Approfondite la problematica dei cookies, e verificate le opzioni del vostro browser relativamente all’accettazione dei cookies, e i settaggi in atto.  Approfondite il concetto di URL  Provate qualche servizio di URL shortening, e verificate quali servizi aggiuntivi vi vengono offerti, e il modello di business che permette al servizio di sopravvivere sul mercato R.Polillo - Marzo 2015 21