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

Profiting From Apache Brands Without Losing Your Soul
Profiting From Apache Brands Without Losing Your SoulProfiting From Apache Brands Without Losing Your Soul
Profiting From Apache Brands Without Losing Your SoulShane Curcuru
 
ClickUp TemplateHub Product Dive
ClickUp TemplateHub Product DiveClickUp TemplateHub Product Dive
ClickUp TemplateHub Product DiveAjayMerchia
 
3Rs of Internet Safety: Rights, Responsibilities and Risk Management
3Rs of Internet Safety: Rights, Responsibilities and Risk Management3Rs of Internet Safety: Rights, Responsibilities and Risk Management
3Rs of Internet Safety: Rights, Responsibilities and Risk ManagementConnectSafely
 
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...Amazon Web Services
 
Eight Reasons to be a Cisco Select Certified Partner
Eight Reasons to be a Cisco Select Certified Partner  Eight Reasons to be a Cisco Select Certified Partner
Eight Reasons to be a Cisco Select Certified Partner adityapuri
 
Security Exploit of Business Logic Flaws, Business Logic Attacks
Security Exploit of Business Logic Flaws, Business Logic AttacksSecurity Exploit of Business Logic Flaws, Business Logic Attacks
Security Exploit of Business Logic Flaws, Business Logic AttacksMarco Morana
 
Building an API Security Strategy
Building an API Security StrategyBuilding an API Security Strategy
Building an API Security StrategySmartBear
 
The API Economy: API Provider Perspective / European Identity Summit 2012
The API Economy: API Provider Perspective / European Identity Summit 2012The API Economy: API Provider Perspective / European Identity Summit 2012
The API Economy: API Provider Perspective / European Identity Summit 20123scale
 
AWS Total Cost of Ownership Hong Kong and Taiwan
AWS Total Cost of Ownership Hong Kong and TaiwanAWS Total Cost of Ownership Hong Kong and Taiwan
AWS Total Cost of Ownership Hong Kong and TaiwanAmazon Web Services
 
How to make Headless Commerce Strategy.
How to make Headless Commerce Strategy.How to make Headless Commerce Strategy.
How to make Headless Commerce Strategy.Aureate Labs
 
Application Architecture: The Next Wave | MuleSoft
Application Architecture: The Next Wave | MuleSoftApplication Architecture: The Next Wave | MuleSoft
Application Architecture: The Next Wave | MuleSoftMuleSoft
 
Aaron Mildenstein - Using Logstash with Zabbix
Aaron Mildenstein - Using Logstash with ZabbixAaron Mildenstein - Using Logstash with Zabbix
Aaron Mildenstein - Using Logstash with ZabbixZabbix
 
SailPoint - IdentityNow Identity Governance
SailPoint - IdentityNow Identity GovernanceSailPoint - IdentityNow Identity Governance
SailPoint - IdentityNow Identity GovernanceArijan Horvat
 
What is SSO? An introduction to Single Sign On
What is SSO? An introduction to Single Sign OnWhat is SSO? An introduction to Single Sign On
What is SSO? An introduction to Single Sign OnRiddhi Sood
 
Tietosuoja ja digitaalinen turvallisuus koulussa
Tietosuoja ja digitaalinen turvallisuus koulussaTietosuoja ja digitaalinen turvallisuus koulussa
Tietosuoja ja digitaalinen turvallisuus koulussaHarto Pönkä
 
webMethods Integration Cloud Deep Dive
webMethods Integration Cloud Deep DivewebMethods Integration Cloud Deep Dive
webMethods Integration Cloud Deep DiveSoftware AG
 
Peeling the Onion: Making Sense of the Layers of API Security
Peeling the Onion: Making Sense of the Layers of API SecurityPeeling the Onion: Making Sense of the Layers of API Security
Peeling the Onion: Making Sense of the Layers of API SecurityMatt Tesauro
 

La actualidad más candente (20)

Profiting From Apache Brands Without Losing Your Soul
Profiting From Apache Brands Without Losing Your SoulProfiting From Apache Brands Without Losing Your Soul
Profiting From Apache Brands Without Losing Your Soul
 
ClickUp TemplateHub Product Dive
ClickUp TemplateHub Product DiveClickUp TemplateHub Product Dive
ClickUp TemplateHub Product Dive
 
3Rs of Internet Safety: Rights, Responsibilities and Risk Management
3Rs of Internet Safety: Rights, Responsibilities and Risk Management3Rs of Internet Safety: Rights, Responsibilities and Risk Management
3Rs of Internet Safety: Rights, Responsibilities and Risk Management
 
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...
How Netflix Monitors Applications in Near Real-time w Amazon Kinesis - ABD401...
 
Eight Reasons to be a Cisco Select Certified Partner
Eight Reasons to be a Cisco Select Certified Partner  Eight Reasons to be a Cisco Select Certified Partner
Eight Reasons to be a Cisco Select Certified Partner
 
Security Exploit of Business Logic Flaws, Business Logic Attacks
Security Exploit of Business Logic Flaws, Business Logic AttacksSecurity Exploit of Business Logic Flaws, Business Logic Attacks
Security Exploit of Business Logic Flaws, Business Logic Attacks
 
Building an API Security Strategy
Building an API Security StrategyBuilding an API Security Strategy
Building an API Security Strategy
 
The API Economy: API Provider Perspective / European Identity Summit 2012
The API Economy: API Provider Perspective / European Identity Summit 2012The API Economy: API Provider Perspective / European Identity Summit 2012
The API Economy: API Provider Perspective / European Identity Summit 2012
 
AWS Total Cost of Ownership Hong Kong and Taiwan
AWS Total Cost of Ownership Hong Kong and TaiwanAWS Total Cost of Ownership Hong Kong and Taiwan
AWS Total Cost of Ownership Hong Kong and Taiwan
 
API strategy with IBM API connect
API strategy with IBM API connectAPI strategy with IBM API connect
API strategy with IBM API connect
 
How to make Headless Commerce Strategy.
How to make Headless Commerce Strategy.How to make Headless Commerce Strategy.
How to make Headless Commerce Strategy.
 
Application Architecture: The Next Wave | MuleSoft
Application Architecture: The Next Wave | MuleSoftApplication Architecture: The Next Wave | MuleSoft
Application Architecture: The Next Wave | MuleSoft
 
Aaron Mildenstein - Using Logstash with Zabbix
Aaron Mildenstein - Using Logstash with ZabbixAaron Mildenstein - Using Logstash with Zabbix
Aaron Mildenstein - Using Logstash with Zabbix
 
GraphQL Security
GraphQL SecurityGraphQL Security
GraphQL Security
 
Identity Management
Identity ManagementIdentity Management
Identity Management
 
SailPoint - IdentityNow Identity Governance
SailPoint - IdentityNow Identity GovernanceSailPoint - IdentityNow Identity Governance
SailPoint - IdentityNow Identity Governance
 
What is SSO? An introduction to Single Sign On
What is SSO? An introduction to Single Sign OnWhat is SSO? An introduction to Single Sign On
What is SSO? An introduction to Single Sign On
 
Tietosuoja ja digitaalinen turvallisuus koulussa
Tietosuoja ja digitaalinen turvallisuus koulussaTietosuoja ja digitaalinen turvallisuus koulussa
Tietosuoja ja digitaalinen turvallisuus koulussa
 
webMethods Integration Cloud Deep Dive
webMethods Integration Cloud Deep DivewebMethods Integration Cloud Deep Dive
webMethods Integration Cloud Deep Dive
 
Peeling the Onion: Making Sense of the Layers of API Security
Peeling the Onion: Making Sense of the Layers of API SecurityPeeling the Onion: Making Sense of the Layers of API Security
Peeling the Onion: Making Sense of the Layers of API Security
 

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

magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxpalestiniaurora
 
Le forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxLe forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxpalestiniaurora
 
Piccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docxPiccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docxpalestiniaurora
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticanico07fusco
 
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptxPalestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptxpalestiniaurora
 
Gli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda presGli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda prespalestiniaurora
 
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
 
Le forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxLe forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxpalestiniaurora
 
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptxPancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptxpalestiniaurora
 
Educazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpointEducazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpointpalestiniaurora
 
PalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docxPalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docxpalestiniaurora
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxsasaselvatico
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxteccarellilorenzo
 
presentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptxpresentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptxmichelacaporale12345
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfteccarellilorenzo
 
Pancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docxPancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docxpalestiniaurora
 
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptxPancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptxpalestiniaurora
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxteccarellilorenzo
 
magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxpalestiniaurora
 
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
 

Último (20)

magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptx
 
Le forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxLe forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docx
 
Piccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docxPiccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docx
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptxPalestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptx
 
Gli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda presGli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda pres
 
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
 
Le forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxLe forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docx
 
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptxPancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
 
Educazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpointEducazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpoint
 
PalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docxPalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docx
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
presentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptxpresentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 
Pancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docxPancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docx
 
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptxPancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.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...
 

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.