SlideShare una empresa de Scribd logo
1 de 21
CORSO PRATICO DI
INFORMATICA
Livello “ONLINE”
Prima lezione
Ing. Stefano Gorla
STRUTTURA DEL CORSO
1. Internet
– Storia di Internet
– Le pagine WEB
– I Browser
– I motori di ricerca
• Uso base e avanzato
– Branded services
• Wikipedia
• Google tools
2. Posta elettronica
– Casella e-mail
– Invio e ricezione
3. Web e
comunicazione
– Social networking
– Instant messaging
4. Sicurezza in rete
30/01/2015 2
INTRODUZIONE
Internet – Modelli di comunicazione – Ipertesti
30/01/2015 3
LA NASCITA DI INTERNET
30/01/2015 4
ARPA (1969)
•1958: Ministero della Difesa USA  Defence Advanced Research Projects Agency (ARPA)
•23 computer sparsi geograficamente con difficoltà di comunicazione tra loro
•ARPANET: primo collegamento telefonico tra 4 nodi: Uni L.A., SRI Stanford, Uni S. B., Uni Utah
ARPANET-
INTERNET
(‘70-’80)
•Connessione con CYCLADES (FR) e con Univ. Londra tramite NORSAR (NO)
•1976: Regina Elisabetta invia la sua prima e-mail
•1982: Definizione dei protocolli TCP e IP: Nasce INTERNET
•1984: inizia la fase “Europea” di internet: il CERN incarica Cisco Systems di occuparsi dell’adozione di
TCP/IP
World Wide Web
(1991)
•1990: Tim Berners-Lee e Robert Caillau (CERN) inventano il protocollo HTTP e il linguaggio HTML
•1991: Invenzione di WorldWideWeb, primo browser per ipertesti
•1994: Nasce Netscape Navigator, antenato di Firefox
•1995: Microsoft inventa il browser Internet Explorer. Internet si diffonde sempre più rapidamente.
INTERNET OGGI
• Rete mondiale (o globale) ad accesso
pubblico
• Principale mezzo di comunicazione di massa
• Centinaia di milioni di computer collegati tra
loro
– Tramite mezzi trasmissivi differenti
– Ma che condividono un linguaggio comune
(protocollo)
• Struttura polimorfica: per collegare due
endpoint non è detto che esista un solo
percorso.
30/01/2015 5
STRUTTURA POLIMORFICA
30/01/2015 6
INTERNET OGGI
• Offre numerosi servizi: WWW, posta
elettronica, VoIP, WebTV, FTP, P2P…
• Primo utilizzo massivo di internet:
condivisione di informazioni
– Tramite il linguaggio comune, un computer
chiede una “informazione”
– Una macchina risponde fornendo l’informazione o
un messaggio di errore
• Nascita di macchine che mettono a disposizione un
archivio di informazioni e attendono che un utente
consulti questo archivio
30/01/2015 7
ARCHITETTURA CLIENT-SERVER
• Modello usato dai computer per dialogare
• 2 tipologie di componenti:
– Client: macchina che effettua richieste
– Server: macchina che risponde al client
30/01/2015 8
Domande
Risposte
Client Server
CLIENT
1. Contatta il server (sa come trovarlo)
– Esempio: www.microsoft.com
2. Richiede una risorsa
– Esempio: la pagina di benvenuto
3. Se l’elaborazione non è terminata, chiede
al server altre risorse
4. [Mostra a video il risultato
dell’elaborazione]
30/01/2015 9
SERVER
• Risponde al client fornendo le risorse
richieste
• Gestisce l’uso contemporaneo delle
risorse da parte di più client
– Esempio: accesso simultaneo ad un sito
– Esempio: accesso simultaneo ad informazioni
in tempo reale
• [Identifica il client e personalizza le
risposte]
30/01/2015 10
CLIENT-SERVER
30/01/2015 11
IPERTESTO
• È l’elemento principale che usiamo quando
navighiamo in internet.
• Insieme di documenti
– Collegati tra loro tramite parole chiave.
• È possibile la lettura non lineare
– qualsiasi documento può essere "il successivo", in
base alla scelta del lettore di quale parola chiave
usare come collegamento.
• La scelta di una parola chiave diversa porta
all'apertura di un documento diverso:
– all'interno dell'ipertesto sono possibili praticamente
infiniti percorsi di lettura.
30/01/2015 12
IPERTESTO
• Insieme di porzioni di testo che hanno un modello di collegamento
non sequenziale e, quindi, molti percorsi di lettura possibili.
(David Kolb, scrittore e filosofo)
30/01/2015 13
PARTE PRIMA: NAVIGAZIONE
Pagine WEB – Browsers – Navigazione – Motori di ricerca
30/01/2015 14
PAGINE WEB
• Realizzazione informatica degli ipertesti
• Linguaggio HTML: HyperText Markup
Language
– Testi “semplici” (scritti con Blocco Note)
arricchiti con un linguaggio “a marcatori”
• Definisce attributi del testo o metodi di
impaginazione
• Definisce i collegamenti verso altre pagine
• Crea riferimenti ad altre risorse (es: immagini o
contenuti interattivi)
30/01/2015 15
HYPERTEXT MARKUP LANGUAGE
30/01/2015 16
BROWSER
• Programma che consente di navigare negli
ipertesti e di visualizzare sul monitor il contenuto
delle pagine
– Richiede una pagina ad un server
– Interpreta il codice HTML
– Richiede eventuali altre risorse (immagini…)
– Genera graficamente la pagina e la visualizza a video
– Consente all’utente di navigare nell’ipertesto
• Click – Avanti – Indietro – Home…
• Internet Explorer
• Mozilla Firefox
• Google Chrome…
30/01/2015 17
ELEMENTI COMUNI DEI
BROWSER
• Barra dell’indirizzo
– Consente di digitare indirizzi di siti
• Pulsanti di navigazione
– Home o Pagina iniziale
– Avanti
– Indietro
• Cronologia
• Segnalibri/Preferiti
• Navigazione a schede
30/01/2015 18
30/01/2015 19
NAVIGAZIONE
• Digitare un indirizzo nell’apposita barra
– www.terredifrontiera.co.it
• [HOST.]DOMINIO[/percorso]
• Premere INVIO
• Proseguire nella navigazione:
– Uso dei LINK
– Uso dei pulsanti del browser
– Scaricamento oggetti collegati
30/01/2015 20
USO DEI PREFERITI (FF, IE)
• Aggiungere una pagina ai preferiti
– (Solo FF) Segnalibri non catalogati
– Barra dei preferiti
• Organizzare i preferiti
30/01/2015 21

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)4 - Introduzione al Web (1/2)
4 - Introduzione al Web (1/2)
 
17 - Web feed e aggregatori
17 - Web feed e aggregatori17 - Web feed e aggregatori
17 - Web feed e aggregatori
 
02 - Introduzione a Internet (I)
02 - Introduzione a Internet (I)02 - Introduzione a Internet (I)
02 - Introduzione a Internet (I)
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)
 
Ricercare nel web
Ricercare nel webRicercare nel web
Ricercare nel web
 
Corso manzoni lezione 1-2-3
Corso manzoni   lezione 1-2-3Corso manzoni   lezione 1-2-3
Corso manzoni lezione 1-2-3
 
9 - Ricercare nel Web
9 - Ricercare nel Web9 - Ricercare nel Web
9 - Ricercare nel Web
 
2 - Introduzione a Internet (1/2) - 17/18
2 - Introduzione a Internet (1/2) - 17/182 - Introduzione a Internet (1/2) - 17/18
2 - Introduzione a Internet (1/2) - 17/18
 
6 - Il browser - 17/18
6 - Il browser - 17/186 - Il browser - 17/18
6 - Il browser - 17/18
 
Introduzione a Internet (2/2) - 18/19
Introduzione a Internet (2/2) - 18/19Introduzione a Internet (2/2) - 18/19
Introduzione a Internet (2/2) - 18/19
 
EcoBox 2013: un progetto per l'uso della PirateBox
EcoBox 2013: un progetto per l'uso della PirateBoxEcoBox 2013: un progetto per l'uso della PirateBox
EcoBox 2013: un progetto per l'uso della PirateBox
 
Web feed e aggregatori
Web feed e aggregatoriWeb feed e aggregatori
Web feed e aggregatori
 
8 - Web app e CMS - 17/18
8 - Web app e CMS - 17/188 - Web app e CMS - 17/18
8 - Web app e CMS - 17/18
 
2 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/172 - Introduzione a Internet (1/2) - 16/17
2 - Introduzione a Internet (1/2) - 16/17
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developer
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
 
Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19
 
8 - Il browser
8 - Il browser8 - Il browser
8 - Il browser
 
2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)2 - Introduzione ad Internet (1/2)
2 - Introduzione ad Internet (1/2)
 
12 - Social media (19/20)
12 - Social media (19/20)12 - Social media (19/20)
12 - Social media (19/20)
 

Destacado

ONLINE - 2 Seconda lezione
ONLINE - 2 Seconda lezioneONLINE - 2 Seconda lezione
ONLINE - 2 Seconda lezione
tapisge
 
A day in the life on an IP - formatted
A day in the life on an IP - formattedA day in the life on an IP - formatted
A day in the life on an IP - formatted
Peter Sargent
 
акилбекова асем+ипподром+от 16 до 65
акилбекова асем+ипподром+от 16 до 65акилбекова асем+ипподром+от 16 до 65
акилбекова асем+ипподром+от 16 до 65
Асем Акилбекова
 
Historia de la Era de la Computacion
Historia de la Era de la ComputacionHistoria de la Era de la Computacion
Historia de la Era de la Computacion
blissout
 
Sergio Marcos Resume (1)
Sergio Marcos Resume (1)Sergio Marcos Resume (1)
Sergio Marcos Resume (1)
Sergio Marcos
 

Destacado (20)

COLOMBIA DESARROLLO TECNOLÓGICO Y CIENTÍFICO
COLOMBIA DESARROLLO TECNOLÓGICO Y CIENTÍFICOCOLOMBIA DESARROLLO TECNOLÓGICO Y CIENTÍFICO
COLOMBIA DESARROLLO TECNOLÓGICO Y CIENTÍFICO
 
Summer work, narrative
Summer work, narrativeSummer work, narrative
Summer work, narrative
 
ONLINE - 2 Seconda lezione
ONLINE - 2 Seconda lezioneONLINE - 2 Seconda lezione
ONLINE - 2 Seconda lezione
 
A day in the life on an IP - formatted
A day in the life on an IP - formattedA day in the life on an IP - formatted
A day in the life on an IP - formatted
 
Temas Importantes 3 Corte Habilidades Comunicativas
Temas Importantes 3 Corte Habilidades Comunicativas Temas Importantes 3 Corte Habilidades Comunicativas
Temas Importantes 3 Corte Habilidades Comunicativas
 
Ecología andrea
Ecología andreaEcología andrea
Ecología andrea
 
акилбекова асем+ипподром+от 16 до 65
акилбекова асем+ипподром+от 16 до 65акилбекова асем+ипподром+от 16 до 65
акилбекова асем+ипподром+от 16 до 65
 
generacion de las computadoras
generacion de las computadorasgeneracion de las computadoras
generacion de las computadoras
 
Presentación1 (12)
Presentación1 (12)Presentación1 (12)
Presentación1 (12)
 
Blessings
BlessingsBlessings
Blessings
 
Applying circular economy principles to plastic packaging
Applying circular economy principles to plastic packaging Applying circular economy principles to plastic packaging
Applying circular economy principles to plastic packaging
 
Crea Solutions Sales Presentation 2015 2016
Crea Solutions Sales Presentation 2015   2016Crea Solutions Sales Presentation 2015   2016
Crea Solutions Sales Presentation 2015 2016
 
Realidad Aumentada - Congreso Escuela 2.0 Granada 2011
Realidad Aumentada - Congreso Escuela 2.0 Granada 2011Realidad Aumentada - Congreso Escuela 2.0 Granada 2011
Realidad Aumentada - Congreso Escuela 2.0 Granada 2011
 
Historia de la Era de la Computacion
Historia de la Era de la ComputacionHistoria de la Era de la Computacion
Historia de la Era de la Computacion
 
Presentacion redaccion de textos
Presentacion redaccion de textosPresentacion redaccion de textos
Presentacion redaccion de textos
 
Eyes ears nose throat
Eyes ears nose throatEyes ears nose throat
Eyes ears nose throat
 
Realidad Aumentada - 3 IN ONE
Realidad Aumentada - 3 IN ONERealidad Aumentada - 3 IN ONE
Realidad Aumentada - 3 IN ONE
 
Sergio Marcos Resume (1)
Sergio Marcos Resume (1)Sergio Marcos Resume (1)
Sergio Marcos Resume (1)
 
Proyecto ambiental rally
Proyecto ambiental rallyProyecto ambiental rally
Proyecto ambiental rally
 
Juan jose ruiz calderon 9 04
Juan jose ruiz calderon 9 04Juan jose ruiz calderon 9 04
Juan jose ruiz calderon 9 04
 

Similar a ONLINE - 1 Prima lezione

Sistemi lezione-iv-internet-e-posta-elettronica
Sistemi lezione-iv-internet-e-posta-elettronicaSistemi lezione-iv-internet-e-posta-elettronica
Sistemi lezione-iv-internet-e-posta-elettronica
University of Catania
 
Storia internet
Storia internetStoria internet
Storia internet
alioth76
 
Come nasce internet e l' evoluzione del web
Come nasce internet e l' evoluzione del webCome nasce internet e l' evoluzione del web
Come nasce internet e l' evoluzione del web
sociologianuovimedia
 
Laboratorio di redazioni specialistiche 2012 - 1
Laboratorio di redazioni specialistiche 2012 - 1Laboratorio di redazioni specialistiche 2012 - 1
Laboratorio di redazioni specialistiche 2012 - 1
redazionispecialistiche
 
Lezione 3 internet
Lezione 3 internetLezione 3 internet
Lezione 3 internet
dpgiuseppe69
 

Similar a ONLINE - 1 Prima lezione (20)

03 - Introduzione a Internet II
03 - Introduzione a Internet II03 - Introduzione a Internet II
03 - Introduzione a Internet II
 
Sistemi lezione-iv-internet-e-posta-elettronica
Sistemi lezione-iv-internet-e-posta-elettronicaSistemi lezione-iv-internet-e-posta-elettronica
Sistemi lezione-iv-internet-e-posta-elettronica
 
Storia internet
Storia internetStoria internet
Storia internet
 
Slide servizi internet
Slide servizi internetSlide servizi internet
Slide servizi internet
 
Architettura web
Architettura webArchitettura web
Architettura web
 
Come nasce internet e l' evoluzione del web
Come nasce internet e l' evoluzione del webCome nasce internet e l' evoluzione del web
Come nasce internet e l' evoluzione del web
 
Storia ed Architettura di Internet e del web
Storia ed Architettura di Internet e del webStoria ed Architettura di Internet e del web
Storia ed Architettura di Internet e del web
 
11 - L'evoluzione del web
11 - L'evoluzione del web11 - L'evoluzione del web
11 - L'evoluzione del web
 
$Rzgejzw
$Rzgejzw$Rzgejzw
$Rzgejzw
 
1 esercitazione - Internet
1 esercitazione - Internet 1 esercitazione - Internet
1 esercitazione - Internet
 
Laboratorio di redazioni specialistiche 2012 - 1
Laboratorio di redazioni specialistiche 2012 - 1Laboratorio di redazioni specialistiche 2012 - 1
Laboratorio di redazioni specialistiche 2012 - 1
 
Lezione 3 internet
Lezione 3 internetLezione 3 internet
Lezione 3 internet
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18
 
8 Www2009 Parte1
8 Www2009 Parte18 Www2009 Parte1
8 Www2009 Parte1
 
7 - Ricercare nel web - 16/17
7 - Ricercare nel web - 16/177 - Ricercare nel web - 16/17
7 - Ricercare nel web - 16/17
 
Web 2.0 e Library 2.0 / Rossana Morriello
Web 2.0 e Library 2.0 / Rossana MorrielloWeb 2.0 e Library 2.0 / Rossana Morriello
Web 2.0 e Library 2.0 / Rossana Morriello
 
6. Il Web come piattaforma
6. Il Web come piattaforma6. Il Web come piattaforma
6. Il Web come piattaforma
 
Reti di computer
Reti di computerReti di computer
Reti di computer
 
06 - Il browser
06 - Il browser06 - Il browser
06 - Il browser
 
Il web e la sua evoluzione
Il web e la sua evoluzioneIl web e la sua evoluzione
Il web e la sua evoluzione
 

Último

case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 

Último (16)

Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.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
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.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
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 

ONLINE - 1 Prima lezione

  • 1. CORSO PRATICO DI INFORMATICA Livello “ONLINE” Prima lezione Ing. Stefano Gorla
  • 2. STRUTTURA DEL CORSO 1. Internet – Storia di Internet – Le pagine WEB – I Browser – I motori di ricerca • Uso base e avanzato – Branded services • Wikipedia • Google tools 2. Posta elettronica – Casella e-mail – Invio e ricezione 3. Web e comunicazione – Social networking – Instant messaging 4. Sicurezza in rete 30/01/2015 2
  • 3. INTRODUZIONE Internet – Modelli di comunicazione – Ipertesti 30/01/2015 3
  • 4. LA NASCITA DI INTERNET 30/01/2015 4 ARPA (1969) •1958: Ministero della Difesa USA  Defence Advanced Research Projects Agency (ARPA) •23 computer sparsi geograficamente con difficoltà di comunicazione tra loro •ARPANET: primo collegamento telefonico tra 4 nodi: Uni L.A., SRI Stanford, Uni S. B., Uni Utah ARPANET- INTERNET (‘70-’80) •Connessione con CYCLADES (FR) e con Univ. Londra tramite NORSAR (NO) •1976: Regina Elisabetta invia la sua prima e-mail •1982: Definizione dei protocolli TCP e IP: Nasce INTERNET •1984: inizia la fase “Europea” di internet: il CERN incarica Cisco Systems di occuparsi dell’adozione di TCP/IP World Wide Web (1991) •1990: Tim Berners-Lee e Robert Caillau (CERN) inventano il protocollo HTTP e il linguaggio HTML •1991: Invenzione di WorldWideWeb, primo browser per ipertesti •1994: Nasce Netscape Navigator, antenato di Firefox •1995: Microsoft inventa il browser Internet Explorer. Internet si diffonde sempre più rapidamente.
  • 5. INTERNET OGGI • Rete mondiale (o globale) ad accesso pubblico • Principale mezzo di comunicazione di massa • Centinaia di milioni di computer collegati tra loro – Tramite mezzi trasmissivi differenti – Ma che condividono un linguaggio comune (protocollo) • Struttura polimorfica: per collegare due endpoint non è detto che esista un solo percorso. 30/01/2015 5
  • 7. INTERNET OGGI • Offre numerosi servizi: WWW, posta elettronica, VoIP, WebTV, FTP, P2P… • Primo utilizzo massivo di internet: condivisione di informazioni – Tramite il linguaggio comune, un computer chiede una “informazione” – Una macchina risponde fornendo l’informazione o un messaggio di errore • Nascita di macchine che mettono a disposizione un archivio di informazioni e attendono che un utente consulti questo archivio 30/01/2015 7
  • 8. ARCHITETTURA CLIENT-SERVER • Modello usato dai computer per dialogare • 2 tipologie di componenti: – Client: macchina che effettua richieste – Server: macchina che risponde al client 30/01/2015 8 Domande Risposte Client Server
  • 9. CLIENT 1. Contatta il server (sa come trovarlo) – Esempio: www.microsoft.com 2. Richiede una risorsa – Esempio: la pagina di benvenuto 3. Se l’elaborazione non è terminata, chiede al server altre risorse 4. [Mostra a video il risultato dell’elaborazione] 30/01/2015 9
  • 10. SERVER • Risponde al client fornendo le risorse richieste • Gestisce l’uso contemporaneo delle risorse da parte di più client – Esempio: accesso simultaneo ad un sito – Esempio: accesso simultaneo ad informazioni in tempo reale • [Identifica il client e personalizza le risposte] 30/01/2015 10
  • 12. IPERTESTO • È l’elemento principale che usiamo quando navighiamo in internet. • Insieme di documenti – Collegati tra loro tramite parole chiave. • È possibile la lettura non lineare – qualsiasi documento può essere "il successivo", in base alla scelta del lettore di quale parola chiave usare come collegamento. • La scelta di una parola chiave diversa porta all'apertura di un documento diverso: – all'interno dell'ipertesto sono possibili praticamente infiniti percorsi di lettura. 30/01/2015 12
  • 13. IPERTESTO • Insieme di porzioni di testo che hanno un modello di collegamento non sequenziale e, quindi, molti percorsi di lettura possibili. (David Kolb, scrittore e filosofo) 30/01/2015 13
  • 14. PARTE PRIMA: NAVIGAZIONE Pagine WEB – Browsers – Navigazione – Motori di ricerca 30/01/2015 14
  • 15. PAGINE WEB • Realizzazione informatica degli ipertesti • Linguaggio HTML: HyperText Markup Language – Testi “semplici” (scritti con Blocco Note) arricchiti con un linguaggio “a marcatori” • Definisce attributi del testo o metodi di impaginazione • Definisce i collegamenti verso altre pagine • Crea riferimenti ad altre risorse (es: immagini o contenuti interattivi) 30/01/2015 15
  • 17. BROWSER • Programma che consente di navigare negli ipertesti e di visualizzare sul monitor il contenuto delle pagine – Richiede una pagina ad un server – Interpreta il codice HTML – Richiede eventuali altre risorse (immagini…) – Genera graficamente la pagina e la visualizza a video – Consente all’utente di navigare nell’ipertesto • Click – Avanti – Indietro – Home… • Internet Explorer • Mozilla Firefox • Google Chrome… 30/01/2015 17
  • 18. ELEMENTI COMUNI DEI BROWSER • Barra dell’indirizzo – Consente di digitare indirizzi di siti • Pulsanti di navigazione – Home o Pagina iniziale – Avanti – Indietro • Cronologia • Segnalibri/Preferiti • Navigazione a schede 30/01/2015 18
  • 20. NAVIGAZIONE • Digitare un indirizzo nell’apposita barra – www.terredifrontiera.co.it • [HOST.]DOMINIO[/percorso] • Premere INVIO • Proseguire nella navigazione: – Uso dei LINK – Uso dei pulsanti del browser – Scaricamento oggetti collegati 30/01/2015 20
  • 21. USO DEI PREFERITI (FF, IE) • Aggiungere una pagina ai preferiti – (Solo FF) Segnalibri non catalogati – Barra dei preferiti • Organizzare i preferiti 30/01/2015 21