5. Introduzione al web (ii)

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Corso di Strumenti e applicazioni del Web

5. Introduzione al Web

(II)

Roberto Polillo

Edizione 2014-15

2

Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Ilsito del corso, con il materiale completo, si trova inwww.corsow.wordpress.com . Data la rapida evoluzione della rete, il corsoviene aggiornato ogni anno.

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 ):

La licenza non si estende alle immagini provenienti da altre fonti ealle screen shots, i cui diritti restano in capo ai rispettivi proprietari,che, ove possibile, sono stati indicati. L'autore si scusa per eventualiomissioni, e resta a disposizione per correggerle.

R.Polillo - Marzo 2015

Queste slides

http://www.corsow.wordpress.com/

http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it

Naming: URI, URL, URN4

URI

Uniform Resource Identifier

URN

Uniform Resource Name

Specifica il nome della

risorsa

Esempio:

(International Standard Book Number)


URL

Uniform Resource Locator

Specifica l'indirizzo della

risorsa

Esempio5


Web

server

Root /

A corso

B

Index.html

File

syste

m d

el com

pute

r

Se non mettete l’URL completo…6


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

http://en.wikipedia.org/wiki/Virtual_hosting

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


7

Esempi:bit.lytinyurl.comt.Co….

Statistiche d'accesso e altri servizi

HTTPinternet

Browser

Web

server

HTML

HTMLPUT

GET

Servizio di URL shortening

http://www.rpolillo.it/index.php/2013/01/workshop-su-digital-heritage-levoluzione-della-memoria-1-feb-2012-in-bicocca/

http://bit.ly/1FKg3oN

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


8

Esempio


9

1.Bla bla bla2. 1.1 Blu blu blu

Lorem ipsum dolor sitamet, consectetuer adipiscing

Nonummy nibh euismodtincidunt ut laoreet dolore

magna aliquam erat volutpat.

1.2 Bli bli bliUt wisi enim ad minim

veniam, quis nostrud exercitation ullamcorper suscipit

Struttura

Heading 1

Heading 2

paragrafo

Verdana, bold, 24

Verdana, bold, 18

Verdana, corsivo, 12

PresentazioneContenuto

HTML: esempio


10

HTML: link


11

Testo attivo

Immagine attiva

BottoneTab

I link possono assumere

diverse forme


HTML: immagini


13

HTML: iframe


14

<iframe width="560" height="315"

src="http://www.youtube.com/embed/qrO4YZeyl0I"

frameborder="0" allowfullscreen></iframe>

Sito

YouTube

Flickr

Incorporazione ("embedding")

iFrame


15

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/


16

http://www.key4biz.it/elex-corte-giustizia-ue-lembedding-non-viola-copyright/

Scripts (client side)


17

Script eseguito dal

browser

Può esserci anche un link allo script

Scripts (server side)


18

Script eseguito dal

server

<html>

<body>

<?php

echo "ciao"

?>

</body>

</html>

<html>

<body>

ciao

</body>

</html>

ciao

Embedding


19

<html>

<body>

embed code

</body>

</html>

oggetto attivo

disponibile sulla rete

In sintesi…


20

BROWSER

File HTML

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


21

5. Introduzione al web (ii)

Education

Transcript of 5. Introduzione al web (ii)