SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Digital strategy for Netflix: Narcos
Digital strategy for Netflix: NarcosDigital strategy for Netflix: Narcos
Digital strategy for Netflix: NarcosClément Simon
 
Discord company analysis
Discord company analysisDiscord company analysis
Discord company analysisBOYANG XU
 
Multiple Channel Networks - MCN's
Multiple Channel Networks - MCN'sMultiple Channel Networks - MCN's
Multiple Channel Networks - MCN'sMyspeedhub
 
ChatGPT Cheatsheet 2023
ChatGPT Cheatsheet 2023ChatGPT Cheatsheet 2023
ChatGPT Cheatsheet 2023SaahilThakur
 
OTT & The Future of Connected TV
OTT & The Future of Connected TVOTT & The Future of Connected TV
OTT & The Future of Connected TVClearbridge Mobile
 
Facebook and Data Mining
Facebook and Data MiningFacebook and Data Mining
Facebook and Data MiningPratik Dalvi
 
How to Establish a Strong Visual Brand on Social Media
How to Establish a Strong Visual Brand on Social MediaHow to Establish a Strong Visual Brand on Social Media
How to Establish a Strong Visual Brand on Social MediaRebekah Radice
 
Esanthramanujam-ChatGPT vs Bard-PPT.pptx
Esanthramanujam-ChatGPT vs Bard-PPT.pptxEsanthramanujam-ChatGPT vs Bard-PPT.pptx
Esanthramanujam-ChatGPT vs Bard-PPT.pptxesANTHHHH
 
How to Build an App with ChatGPT.pdf
How to Build an App with ChatGPT.pdfHow to Build an App with ChatGPT.pdf
How to Build an App with ChatGPT.pdfStephenAmell4
 
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...Winkl
 
ESRB PTA PRESENTATION
ESRB PTA PRESENTATIONESRB PTA PRESENTATION
ESRB PTA PRESENTATIONEarn N Burn
 

Tendances (20)

Digital strategy for Netflix: Narcos
Digital strategy for Netflix: NarcosDigital strategy for Netflix: Narcos
Digital strategy for Netflix: Narcos
 
Discord company analysis
Discord company analysisDiscord company analysis
Discord company analysis
 
AI@TeacherEducation 2023
AI@TeacherEducation 2023AI@TeacherEducation 2023
AI@TeacherEducation 2023
 
Multiple Channel Networks - MCN's
Multiple Channel Networks - MCN'sMultiple Channel Networks - MCN's
Multiple Channel Networks - MCN's
 
Discovering TikTok
Discovering TikTokDiscovering TikTok
Discovering TikTok
 
TCP/IP Introduction
TCP/IP IntroductionTCP/IP Introduction
TCP/IP Introduction
 
ChatGPT Cheatsheet 2023
ChatGPT Cheatsheet 2023ChatGPT Cheatsheet 2023
ChatGPT Cheatsheet 2023
 
Tcp/ip model and protocol
Tcp/ip model and protocolTcp/ip model and protocol
Tcp/ip model and protocol
 
OTT Market Analysis
OTT Market AnalysisOTT Market Analysis
OTT Market Analysis
 
Aol presentation
Aol presentationAol presentation
Aol presentation
 
OTT & The Future of Connected TV
OTT & The Future of Connected TVOTT & The Future of Connected TV
OTT & The Future of Connected TV
 
Facebook and Data Mining
Facebook and Data MiningFacebook and Data Mining
Facebook and Data Mining
 
How to Establish a Strong Visual Brand on Social Media
How to Establish a Strong Visual Brand on Social MediaHow to Establish a Strong Visual Brand on Social Media
How to Establish a Strong Visual Brand on Social Media
 
Esanthramanujam-ChatGPT vs Bard-PPT.pptx
Esanthramanujam-ChatGPT vs Bard-PPT.pptxEsanthramanujam-ChatGPT vs Bard-PPT.pptx
Esanthramanujam-ChatGPT vs Bard-PPT.pptx
 
How to Build an App with ChatGPT.pdf
How to Build an App with ChatGPT.pdfHow to Build an App with ChatGPT.pdf
How to Build an App with ChatGPT.pdf
 
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
Instagram vs YouTube vs TikTok - Which platform to run your Influencer Market...
 
Tcp
TcpTcp
Tcp
 
Ali shahbazi khojasteh - deep web
Ali shahbazi khojasteh - deep webAli shahbazi khojasteh - deep web
Ali shahbazi khojasteh - deep web
 
ESRB PTA PRESENTATION
ESRB PTA PRESENTATIONESRB PTA PRESENTATION
ESRB PTA PRESENTATION
 
Router
RouterRouter
Router
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

TeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxTeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxteccarellilorenzo
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................giorgiadeascaniis59
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxlorenzodemidio01
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfteccarellilorenzo
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxlorenzodemidio01
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....giorgiadeascaniis59
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxteccarellilorenzo
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxlorenzodemidio01
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...Nguyen Thanh Tu Collection
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxlorenzodemidio01
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxteccarellilorenzo
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.camillaorlando17
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................giorgiadeascaniis59
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereMarco Chizzali
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxsasaselvatico
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticanico07fusco
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024IISGiovanniVallePado
 

Dernier (17)

TeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxTeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 

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.