SlideShare una empresa de Scribd logo
1 de 38
Edizione 2011-12 Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 6. Introduzione al Web Roberto Polillo
Queste slides ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Riassunto lezione precedente ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
ICANN ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Ipertesto LINK NODO
Ipertesti off-line: Hypercard (1987) stack card area sensibile (bottone invisibile) script clic
Hypercard: esempi ,[object Object],R.Polillo - Ottobre 2011
Che cos’è il Web ,[object Object],R.Polillo - Ottobre 2011 Concetto di ipertesto (es.Hypercard, 1987) Protocolli internet: - TCP/IP (primi anni 70) - DNS (primi anni 80) HTTP HTML URI BROWSER (da1990-91) + WWW =
Il World Wide Web Tim Berners-Lee (1995) "I just had to take the hypertext idea and connect it to the TCP Protocol and Domain Name System ideas and – Ta-da! – the World Wide Web! ” R.Polillo - Ottobre 2011
Il world wide web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Il world wide web Pagina (file) Link R.Polillo - Ottobre 2011
Il protocollo HTTP ,[object Object],R.Polillo - Ottobre 2011
Il world wide web: sintesi Internet Client il protocollo: HTTP R.Polillo - Ottobre 2011 Server web server File (HTML) browser Get(URL) Put
Naming: URI, URL, URN URI  Uniform Resource Identifier R.Polillo - Ottobre 2011 URN  Uniform Resource Name Specifica il nome della risorsa Esempio: (International Standard Book Number) URL  Uniform Resource Locator Specifica l'indirizzo della risorsa
URL (Uniform Resource Locator) ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011 nome  schema nome dominio nome computer nome file
Struttura di un file system R.Polillo - Ottobre 2011 Directory (folder) Root / A B C x y z y x /B/C/y
HTTP: Privacy Internet Client il protocollo: HTTP R.Polillo - Ottobre 2011 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Log  file Cookies Server web server File (HTML) browser Get(URL) Put
Il problema della varietà dei device di accesso Client 1 R.Polillo - Ottobre 2011 browser 1 Internet Server File (HTML) browser 2 Client 2 Client 3 browser 3
Esempio: screen resolution R.Polillo - Ottobre 2011 http://gs.statcounter.com/#resolution-ww-quarterly-200901-201104   (embeddable widget)
Il linguaggio HTML ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Esempio R.Polillo - Ottobre 2011 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Struttura Heading 1 Heading 2 paragrafo Verdana, bold, 24 Verdana, bold, 18 Verdana, corsivo, 12 Presentazione
HTML: esempio R.Polillo - Ottobre 2011
HTML: immagini R.Polillo - Ottobre 2011
HTML: link R.Polillo - Ottobre 2011
Testo attivo Immagine  attiva Bottone Tab I link possono assumere diverse forme R.Polillo - Ottobre 2011
Scripts (client side) R.Polillo - Ottobre 2011 Script eseguito dal browser
Scripts (server side) R.Polillo - Ottobre 2011 Script eseguito dal server <html> <body> <?php echo &quot;ciao&quot; ?> </body> </html> <html> <body> ciao </body> </html> ciao
Widgets R.Polillo - Ottobre 2011
Widget embedding R.Polillo - Ottobre 2011 <html> <body> embed code </body> </html>
Embedding: esempio R.Polillo - Ottobre 2011 <iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;http:// www.youtube.com /embed/qrO4YZeyl0I&quot; frameborder=&quot;0&quot; allowfullscreen></iframe>
In sintesi… R.Polillo - Ottobre 2011 link CLIENT
Virtualizzazione dei servizi R.Polillo - Ottobre 2011
HTML e CSS: evoluzione R.Polillo - Ottobre 2011 http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css /
W3C: World Wide Web Consortium ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Prestazioni Site Access Provider User Access Provider Internet R.Polillo - Ottobre 2011 User Web Server Banda verso UAP Caratteristiche dell ’UAP Congestione della rete Caratteristiche del SAP Banda verso SAP Caratteristiche del  server Caratteristiche del file
Quanta banda oggi? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Digital divide (banda) ,[object Object],R.Polillo - Ottobre 2011
Lavoro individuale ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011

Más contenido relacionado

La actualidad más candente

PINGAN Good Doctor
PINGAN Good DoctorPINGAN Good Doctor
PINGAN Good DoctorPeter Wises
 
Marketing Situation Analysis Report 061414 PDF
Marketing Situation Analysis Report 061414 PDFMarketing Situation Analysis Report 061414 PDF
Marketing Situation Analysis Report 061414 PDFZach Hupy
 
Ultimate Pitch Deck Template for High Growth Startups
Ultimate Pitch Deck Template for High Growth Startups Ultimate Pitch Deck Template for High Growth Startups
Ultimate Pitch Deck Template for High Growth Startups Noelle Baquiche
 
Digital 2022 China (February 2022) v01
Digital 2022 China (February 2022) v01Digital 2022 China (February 2022) v01
Digital 2022 China (February 2022) v01DataReportal
 
The Perfect Pitch Deck
The Perfect Pitch DeckThe Perfect Pitch Deck
The Perfect Pitch DeckIskender Dirik
 
Digital 2022: Essential YouTube Stats for Q1 2022 v01
Digital 2022: Essential YouTube Stats for Q1 2022 v01Digital 2022: Essential YouTube Stats for Q1 2022 v01
Digital 2022: Essential YouTube Stats for Q1 2022 v01DataReportal
 
ZaloPay Merchant Platform on K8S on-premise
ZaloPay Merchant Platform on K8S on-premiseZaloPay Merchant Platform on K8S on-premise
ZaloPay Merchant Platform on K8S on-premiseChau Thanh
 
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to Mobile
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to MobileFT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to Mobile
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to MobileFT Partners / Financial Technology Partners
 
Web Scraping IPL T20
Web Scraping IPL T20Web Scraping IPL T20
Web Scraping IPL T20Nijichinnu
 

La actualidad más candente (11)

PINGAN Good Doctor
PINGAN Good DoctorPINGAN Good Doctor
PINGAN Good Doctor
 
Marketing Situation Analysis Report 061414 PDF
Marketing Situation Analysis Report 061414 PDFMarketing Situation Analysis Report 061414 PDF
Marketing Situation Analysis Report 061414 PDF
 
Ultimate Pitch Deck Template for High Growth Startups
Ultimate Pitch Deck Template for High Growth Startups Ultimate Pitch Deck Template for High Growth Startups
Ultimate Pitch Deck Template for High Growth Startups
 
Digital 2022 China (February 2022) v01
Digital 2022 China (February 2022) v01Digital 2022 China (February 2022) v01
Digital 2022 China (February 2022) v01
 
The Perfect Pitch Deck
The Perfect Pitch DeckThe Perfect Pitch Deck
The Perfect Pitch Deck
 
Digital 2022: Essential YouTube Stats for Q1 2022 v01
Digital 2022: Essential YouTube Stats for Q1 2022 v01Digital 2022: Essential YouTube Stats for Q1 2022 v01
Digital 2022: Essential YouTube Stats for Q1 2022 v01
 
2019 CPG Growth Leaders Report
2019 CPG Growth Leaders Report2019 CPG Growth Leaders Report
2019 CPG Growth Leaders Report
 
ZaloPay Merchant Platform on K8S on-premise
ZaloPay Merchant Platform on K8S on-premiseZaloPay Merchant Platform on K8S on-premise
ZaloPay Merchant Platform on K8S on-premise
 
Zalando Overview 2014
Zalando Overview 2014Zalando Overview 2014
Zalando Overview 2014
 
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to Mobile
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to MobileFT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to Mobile
FT Partners Research: FinTech in Africa - Leapfrogging Legacy Straight to Mobile
 
Web Scraping IPL T20
Web Scraping IPL T20Web Scraping IPL T20
Web Scraping IPL T20
 

Destacado

Scrivere Post Efficaci
Scrivere Post EfficaciScrivere Post Efficaci
Scrivere Post EfficaciDML Srl
 
10. Conoscere l'utente (ii)
10. Conoscere l'utente (ii)10. Conoscere l'utente (ii)
10. Conoscere l'utente (ii)Roberto Polillo
 
Tradurre e scrivere per il web (prima parte)
Tradurre e scrivere per il web (prima parte)Tradurre e scrivere per il web (prima parte)
Tradurre e scrivere per il web (prima parte)Andrea Spila
 
Il linguaggio della pubblicità
Il linguaggio della  pubblicità Il linguaggio della  pubblicità
Il linguaggio della pubblicità Veronica Gavioli
 
Tradurre e scrivere per il web (seconda parte)
Tradurre e scrivere per il web (seconda parte)Tradurre e scrivere per il web (seconda parte)
Tradurre e scrivere per il web (seconda parte)Andrea Spila
 
Copywriting Per I Motori Di Ricerca
Copywriting Per I Motori Di RicercaCopywriting Per I Motori Di Ricerca
Copywriting Per I Motori Di RicercaSempo Italia
 
Abruzzo montano, delizia per gli occhi e il palato.
Abruzzo montano, delizia per gli occhi  e il palato.Abruzzo montano, delizia per gli occhi  e il palato.
Abruzzo montano, delizia per gli occhi e il palato.creadess
 
Impariamo a documentare un evento sui social media
Impariamo a documentare un evento sui social mediaImpariamo a documentare un evento sui social media
Impariamo a documentare un evento sui social mediaULRICO HOEPLI EDITORE, MILAN
 
7. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.07. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.0Roberto Polillo
 
DML Guida al Facebook Commerce
DML Guida al Facebook CommerceDML Guida al Facebook Commerce
DML Guida al Facebook CommerceDML Srl
 
4GGD Roma #6 - Gastrolinguistica
4GGD Roma #6 - Gastrolinguistica4GGD Roma #6 - Gastrolinguistica
4GGD Roma #6 - GastrolinguisticaGGD Roma
 
5. Feed, tweet e aggregatori
5. Feed, tweet e aggregatori5. Feed, tweet e aggregatori
5. Feed, tweet e aggregatoriRoberto Polillo
 
Internet e turismo - Cogliamo le opportunità
Internet e turismo  - Cogliamo le opportunitàInternet e turismo  - Cogliamo le opportunità
Internet e turismo - Cogliamo le opportunitàBTO Educational
 
Analisi di siti: lingerie (Industrial Design Politecnico 2005)
Analisi di siti: lingerie (Industrial Design Politecnico 2005)Analisi di siti: lingerie (Industrial Design Politecnico 2005)
Analisi di siti: lingerie (Industrial Design Politecnico 2005)Roberto Dadda
 
Lezione 6 - Email marketing, comunicati stampa online, forum e community
Lezione 6 - Email marketing, comunicati stampa online, forum e communityLezione 6 - Email marketing, comunicati stampa online, forum e community
Lezione 6 - Email marketing, comunicati stampa online, forum e communityW3design sas
 
Smau Roma 2011 Luisa Carrada
Smau Roma 2011 Luisa CarradaSmau Roma 2011 Luisa Carrada
Smau Roma 2011 Luisa CarradaSMAU
 

Destacado (20)

Scrivere Post Efficaci
Scrivere Post EfficaciScrivere Post Efficaci
Scrivere Post Efficaci
 
10. Conoscere l'utente (ii)
10. Conoscere l'utente (ii)10. Conoscere l'utente (ii)
10. Conoscere l'utente (ii)
 
Tradurre e scrivere per il web (prima parte)
Tradurre e scrivere per il web (prima parte)Tradurre e scrivere per il web (prima parte)
Tradurre e scrivere per il web (prima parte)
 
6. Ricercare nel Web
6. Ricercare nel Web6. Ricercare nel Web
6. Ricercare nel Web
 
Il linguaggio della pubblicità
Il linguaggio della  pubblicità Il linguaggio della  pubblicità
Il linguaggio della pubblicità
 
Webatelier Guida Promozione Online
Webatelier Guida Promozione OnlineWebatelier Guida Promozione Online
Webatelier Guida Promozione Online
 
Tradurre e scrivere per il web (seconda parte)
Tradurre e scrivere per il web (seconda parte)Tradurre e scrivere per il web (seconda parte)
Tradurre e scrivere per il web (seconda parte)
 
Copywriting Per I Motori Di Ricerca
Copywriting Per I Motori Di RicercaCopywriting Per I Motori Di Ricerca
Copywriting Per I Motori Di Ricerca
 
Abruzzo montano, delizia per gli occhi e il palato.
Abruzzo montano, delizia per gli occhi  e il palato.Abruzzo montano, delizia per gli occhi  e il palato.
Abruzzo montano, delizia per gli occhi e il palato.
 
Impariamo a documentare un evento sui social media
Impariamo a documentare un evento sui social mediaImpariamo a documentare un evento sui social media
Impariamo a documentare un evento sui social media
 
13. Progettare il testo
13. Progettare il testo13. Progettare il testo
13. Progettare il testo
 
7. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.07. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.0
 
Albacamp
AlbacampAlbacamp
Albacamp
 
DML Guida al Facebook Commerce
DML Guida al Facebook CommerceDML Guida al Facebook Commerce
DML Guida al Facebook Commerce
 
4GGD Roma #6 - Gastrolinguistica
4GGD Roma #6 - Gastrolinguistica4GGD Roma #6 - Gastrolinguistica
4GGD Roma #6 - Gastrolinguistica
 
5. Feed, tweet e aggregatori
5. Feed, tweet e aggregatori5. Feed, tweet e aggregatori
5. Feed, tweet e aggregatori
 
Internet e turismo - Cogliamo le opportunità
Internet e turismo  - Cogliamo le opportunitàInternet e turismo  - Cogliamo le opportunità
Internet e turismo - Cogliamo le opportunità
 
Analisi di siti: lingerie (Industrial Design Politecnico 2005)
Analisi di siti: lingerie (Industrial Design Politecnico 2005)Analisi di siti: lingerie (Industrial Design Politecnico 2005)
Analisi di siti: lingerie (Industrial Design Politecnico 2005)
 
Lezione 6 - Email marketing, comunicati stampa online, forum e community
Lezione 6 - Email marketing, comunicati stampa online, forum e communityLezione 6 - Email marketing, comunicati stampa online, forum e community
Lezione 6 - Email marketing, comunicati stampa online, forum e community
 
Smau Roma 2011 Luisa Carrada
Smau Roma 2011 Luisa CarradaSmau Roma 2011 Luisa Carrada
Smau Roma 2011 Luisa Carrada
 

Similar a 6. Introduzione al web

13. Web feed e aggregatori
13. Web feed e aggregatori13. Web feed e aggregatori
13. Web feed e aggregatoriRoberto Polillo
 
5. Introduzione a internet
5. Introduzione a internet5. Introduzione a internet
5. Introduzione a internetRoberto Polillo
 
Corso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriCorso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriRoberto Polillo
 
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.02. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.0Roberto Polillo
 
4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)Roberto Polillo
 
Lezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriLezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriRoberto Polillo
 
10. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.010. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.0Roberto Polillo
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site buildersRoberto Polillo
 
Corso Web 2.0: Il Web come piattaforma
Corso Web 2.0: Il Web come piattaformaCorso Web 2.0: Il Web come piattaforma
Corso Web 2.0: Il Web come piattaformaRoberto Polillo
 
5. Introduzione al web (ii)
5. Introduzione al web (ii)5. Introduzione al web (ii)
5. Introduzione al web (ii)Roberto Polillo
 
Internet e Posta Elettronica
Internet e Posta ElettronicaInternet e Posta Elettronica
Internet e Posta Elettronicarcorra68
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMSRoberto Polillo
 
6. Il Web come piattaforma
6. Il Web come piattaforma6. Il Web come piattaforma
6. Il Web come piattaformaRoberto Polillo
 
16. Creazione collettiva
16. Creazione collettiva16. Creazione collettiva
16. Creazione collettivaRoberto Polillo
 

Similar a 6. Introduzione al web (20)

7. Il browser
7. Il browser7. Il browser
7. Il browser
 
13. Web feed e aggregatori
13. Web feed e aggregatori13. Web feed e aggregatori
13. Web feed e aggregatori
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 
5. Introduzione a internet
5. Introduzione a internet5. Introduzione a internet
5. Introduzione a internet
 
Corso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriCorso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatori
 
1. introduzione
1. introduzione1. introduzione
1. introduzione
 
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.02. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
 
4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)4. Introduzione al web (Parte I)
4. Introduzione al web (Parte I)
 
Lezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriLezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatori
 
10. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.010. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.0
 
9. CMS e online site builders
9. CMS e online site builders9. CMS e online site builders
9. CMS e online site builders
 
Corso Web 2.0: Il Web come piattaforma
Corso Web 2.0: Il Web come piattaformaCorso Web 2.0: Il Web come piattaforma
Corso Web 2.0: Il Web come piattaforma
 
5. Introduzione al web (ii)
5. Introduzione al web (ii)5. Introduzione al web (ii)
5. Introduzione al web (ii)
 
Internet e Posta Elettronica
Internet e Posta ElettronicaInternet e Posta Elettronica
Internet e Posta Elettronica
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 
6. Il Web come piattaforma
6. Il Web come piattaforma6. Il Web come piattaforma
6. Il Web come piattaforma
 
20. Cloud computing
20. Cloud computing20. Cloud computing
20. Cloud computing
 
L'aspetto sociale del p2p
L'aspetto sociale del p2pL'aspetto sociale del p2p
L'aspetto sociale del p2p
 
l'aspetto sociale del p2p
l'aspetto sociale del p2pl'aspetto sociale del p2p
l'aspetto sociale del p2p
 
16. Creazione collettiva
16. Creazione collettiva16. Creazione collettiva
16. Creazione collettiva
 

Más de Roberto Polillo

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroRoberto Polillo
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsRoberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniRoberto Polillo
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto Polillo
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)Roberto Polillo
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)Roberto Polillo
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e seggRoberto Polillo
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatoriRoberto Polillo
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 

Más de Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 

Último

Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoyanmeng831
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaSalvatore Cianciabella
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptcarlottagalassi
 

Último (7)

Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.ppt
 

6. Introduzione al web

  • 1. Edizione 2011-12 Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 6. Introduzione al Web Roberto Polillo
  • 2.
  • 3.
  • 4.
  • 6. Ipertesti off-line: Hypercard (1987) stack card area sensibile (bottone invisibile) script clic
  • 7.
  • 8.
  • 9. Il World Wide Web Tim Berners-Lee (1995) &quot;I just had to take the hypertext idea and connect it to the TCP Protocol and Domain Name System ideas and – Ta-da! – the World Wide Web! ” R.Polillo - Ottobre 2011
  • 10.
  • 11. Il world wide web Pagina (file) Link R.Polillo - Ottobre 2011
  • 12.
  • 13. Il world wide web: sintesi Internet Client il protocollo: HTTP R.Polillo - Ottobre 2011 Server web server File (HTML) browser Get(URL) Put
  • 14. Naming: URI, URL, URN URI Uniform Resource Identifier R.Polillo - Ottobre 2011 URN Uniform Resource Name Specifica il nome della risorsa Esempio: (International Standard Book Number) URL Uniform Resource Locator Specifica l'indirizzo della risorsa
  • 15.
  • 16. Struttura di un file system R.Polillo - Ottobre 2011 Directory (folder) Root / A B C x y z y x /B/C/y
  • 17.
  • 18. Il problema della varietà dei device di accesso Client 1 R.Polillo - Ottobre 2011 browser 1 Internet Server File (HTML) browser 2 Client 2 Client 3 browser 3
  • 19. Esempio: screen resolution R.Polillo - Ottobre 2011 http://gs.statcounter.com/#resolution-ww-quarterly-200901-201104 (embeddable widget)
  • 20.
  • 21.
  • 22. HTML: esempio R.Polillo - Ottobre 2011
  • 23. HTML: immagini R.Polillo - Ottobre 2011
  • 24. HTML: link R.Polillo - Ottobre 2011
  • 25. Testo attivo Immagine attiva Bottone Tab I link possono assumere diverse forme R.Polillo - Ottobre 2011
  • 26. Scripts (client side) R.Polillo - Ottobre 2011 Script eseguito dal browser
  • 27. Scripts (server side) R.Polillo - Ottobre 2011 Script eseguito dal server <html> <body> <?php echo &quot;ciao&quot; ?> </body> </html> <html> <body> ciao </body> </html> ciao
  • 28. Widgets R.Polillo - Ottobre 2011
  • 29. Widget embedding R.Polillo - Ottobre 2011 <html> <body> embed code </body> </html>
  • 30. Embedding: esempio R.Polillo - Ottobre 2011 <iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;http:// www.youtube.com /embed/qrO4YZeyl0I&quot; frameborder=&quot;0&quot; allowfullscreen></iframe>
  • 31. In sintesi… R.Polillo - Ottobre 2011 link CLIENT
  • 32. Virtualizzazione dei servizi R.Polillo - Ottobre 2011
  • 33. HTML e CSS: evoluzione R.Polillo - Ottobre 2011 http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css /
  • 34.
  • 35. Prestazioni Site Access Provider User Access Provider Internet R.Polillo - Ottobre 2011 User Web Server Banda verso UAP Caratteristiche dell ’UAP Congestione della rete Caratteristiche del SAP Banda verso SAP Caratteristiche del server Caratteristiche del file
  • 36.
  • 37.
  • 38.