Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è...

35
+ A.A. 2012/2013 Introduzione ai Calcolatori Elettronici Domenica Sileo Università degli Studi della Basilicata Introduzione al Web WWW World Wide Web

Transcript of Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è...

Page 1: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+

A.A. 2012/2013  

Introduzione ai Calcolatori

Elettronici

Domenica Sileo Università degli Studi della Basilicata

Introduzione al Web WWW World Wide Web

Page 2: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Sommario

n World Wide Web n Web n Server Web, HTTP e URL n Browser

n Motori di ricerca

D. Sileo A.A 2013/2014

2 Introduzione al Web : WWW >> Sommario

Page 3: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Introduzione

n La crescita di internet ha aumentato notevolmente, l’uso di numerosi servizi che sono oggi molto diffusi: n Posta elettronica n Commercio on-line n Scambio messaggi (Forum/ chat) n Telelavoro, Teleconferenze n E-learning

n Un servizio fondamentale… WWW

D. Sileo A.A 2013/2014

3 Introduzione al Web : WWW >> Introduzione

Page 4: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Introduzione

n Tim Berners Lee propose il Web al CERN (Consiglio Europeo per la Ricerca Nucleare) nel 1989 n per consentire agli studiosi di avere

accesso a vari database di lavori scientifici attraverso i propri computer

n Studiosi da tutto il mondo potevano ricercare e recuperare documenti da un gran numero di server, ovunque fossero dislocati

D. Sileo A.A 2013/2014

4 Introduzione al Web : WWW >> Introduzione

Page 5: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Introduzione

n Nel 1990, Tim Berners Lee conia il nome di World Wide Web (W.W.W) per la pubblicazione in rete di ipertesti

n Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali, denominati link n A differenza di un documento standard, letto

in modo sequenziale, l’ipertesto viene navigato

D. Sileo A.A 2013/2014

5 Introduzione al Web : WWW >> Introduzione

Page 6: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Introduzione

n Il World Wide Web è un insieme vastissimo di contenuti multimediali e di servizi che possono essere resi disponibili dagli stessi utenti di Internet n I contenuti devono essere presenti su un server e

vengono fruiti tramite siti web n Sito web: insieme delle risorse presenti su uno o

più server che contengono informazioni (risorse) n È possibile accedere a tutte le risorse in rete

tramite un unico protocollo (HTTP) e un unico client (browser)

D. Sileo A.A 2013/2014

6 Introduzione al Web : WWW >> Introduzione

Page 7: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il Web

D. Sileo A.A 2013/2014

7 Introduzione al Web : WWW >> Il Web e il suo funzionamento

Connessione circolare punto-a-punto tra tutte le stazioni collegate

o L’informazione transita in una direzione e viene ricevuta a turno da ogni stazione, che verifica se

essa è destinataria del messaggio; in caso negativo la stazione rigenera il segnale e lo trasmette alla stazione successiva

www.unibas.it

Server UNIBAS

Page 8: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il Web

n L’utente richiede una risorsa (solitamente un documento) identificata da un URL

n Lo user agent (browser) interpreta l’URL e inoltra una richiesta al server opportuno (ftp, http, …)

n Il server fornisce la risorsa richiesta o un messaggio di errore

n (cont.)

D. Sileo A.A 2013/2014

8 Introduzione al Web : WWW >> Il Web e il suo funzionamento

Page 9: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il Web

n Lo user agent interpreta i contenuti del messaggio di risposta

n Se il messaggio è un documento HTML il browser si occupa automaticamente di reperire le sottoparti referenziate nel documento (immagini, applet java...)

n La risorsa viene presentata all’utente, eventualmente con l’ausilio di programmi esterni (mpeg player, audio player)

D. Sileo A.A 2013/2014

9 Introduzione al Web : WWW >> Il Web e il suo funzionamento

HTML HyperText

Markup Language

Page 10: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il Server Web

n Risponde alle richieste del browser n Trasmettendo i dati richiesti (file html,

immagini, applet, script flash, ...) n Spesso include: n un interprete per i principali linguaggi di

scripting lato server … n Esempi: MS Internet Information Server,

Netscape Server, Apache

D. Sileo A.A 2013/2014

10 Introduzione al Web : WWW >> Il Server Web

Page 11: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il protocollo HTTP

n Il protocollo per la comunicazione tra browser e server web

n Sfrutta una connessione TCP sulla porta 80 n Usa gli URL (>>) come meccanismo di

indirizzamento n Caratteristiche: n ogni connessione permette una singola

transazione n il trasferimento dati è binario

D. Sileo A.A 2013/2014

11 Introduzione al Web : WWW >> Il Protocollo HTTP

Page 12: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Uniform Resource Locator

n Gli URL definiscono una sintassi e una semantica per l’identificazione e l’accesso a risorse su Internet

n Un URL definisce: n quale protocollo (schema) usare per accedere

alla risorsa (cioè quale server contattare) n il nome del server e la porta presso cui è

disponibile il servizio n il path della risorsa n il nome della risorsa n eventuali parametri da passare alla risorsa

D. Sileo A.A 2013/2014

12 Introduzione al Web : WWW >> Uniform Resource Locator

Page 13: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Uniform Resource Locator

n Per esempio: n http://www.google.it/index.html n http (è il protocollo) n www.google.it (indirizzo simbolico del server

google) n index.html (risorsa web ovvero il file .html) n Il carattere ‘/’ (delimitatore)

n Esempi con altri protocolli: n ftp (es: ftp://....../...../risorsa.txt) n telnet://ipese3.elet.polimi.it n mailto:[email protected]

D. Sileo A.A 2013/2014

13 Introduzione al Web : WWW >> Uniform Resource Locator

Indirizzo simbolico DNS

Domain Name System

Page 14: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il browser

n Gioca il ruolo del client n Gestisce l’interazione con l’utente

n Interpreta il linguaggio HTML e presenta i dati a video

n Generalmente include: n un interprete per i principali linguaggi di

scripting lato client... n ... e la possibilità di invocare plug-in per

visualizzare i formati non direttamente supportati n Esempi: MS Internet Explorer, Mozilla,

Opera, etc. D. Sileo A.A 2013/2014

14 Introduzione al Web : WWW >> Il browser

Page 15: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il browser

D. Sileo A.A 2013/2014

15 Introduzione al Web : WWW >> Il browser

Page 16: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il browser

n Configurazione: n Home Page n Cronologia n Impostare browser predefinito n Sicurezza

D. Sileo A.A 2013/2014

16 Introduzione al Web : WWW >> Il browser

Page 17: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Il browser

n Bookmarks o Preferiti n Aggiunta/Rimozione

n Visualizzazione sorgente di una pagina html n Analizza pagina html (Componenti Aggiuntivi

Firebug)

D. Sileo A.A 2013/2014

17 Introduzione al Web : WWW >> Il browser

Page 18: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Portale Web

n Contenitore di risorse web ben organizzato, dal quale è possibile reperire molte informazioni e offre numerosi servizi

n Sono detti anche portali internet o semplicemente portali

n Esempi di portali: n www.basilicatanet.it n http://www.informatica.unibas.it/moodle/

D. Sileo A.A 2013/2014

18 Introduzione al Web : WWW >> Portale Web

CMS Content

Managment System

Page 19: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+I motori di ricerca

n Sono software in grado di aiutare a trovare le informazioni che si stanno cercando nel web

n Permettono di effettuare un monitoraggio automatico delle risorse presenti in rete e selezionare quelle potenzialmente interessanti in base ai criteri di ricerca impostati dall’utente

n Strumento dinamico per la costruzione di una mappa di contenuti

D. Sileo A.A 2013/2014

19 Introduzione al Web : WWW >> I motori di ricerca

Google, Live, Yahoo, Altavista

Page 20: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Come funzionano

n Motori per parole chiave n Motori che utilizzano indici di contenuti

(detti più propriamente cataloghi) n I motori di ricerca sono accessibili

attraverso appositi siti web n (es.: http://www.google.it) n Ogni motore di ricerca possiede una sorta

di archivio, costantemente aggiornato, che cataloga circa il 10-15% di tutti i siti disponibili in Internet

D. Sileo A.A 2013/2014

20 Introduzione al Web : WWW >> I motori di ricerca >> Come funzionano

Page 21: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Permettono di effettuare una selezione all’interno delle risorse web visualizzando gli indirizzi dei siti che contengono, nel titolo o all’interno delle pagine, le parole chiave digitate nell’apposito modulo di ricerca

n Questi motori funzionano attraverso agenti software chiamati spider che si occupano di monitorare continuamente la rete classificando i siti in base al tipo di parole contenute al loro interno

D. Sileo A.A 2013/2014

21 Introduzione al Web : WWW >> I motori di ricerca >> Per parole chiave

Page 22: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Il motore fornisce una lista delle risorse trovate a partire dai siti che contengono una maggiore occorrenza della parola chiave,

n ma cerca anche di effettuare valutazioni semantiche sui contenuti del sito analizzando il ruolo che tali parole hanno all’interno del testo

D. Sileo A.A 2013/2014

22 Introduzione al Web : WWW >> I motori di ricerca >> Per parole chiave

Page 23: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Se digitiamo palio di siena verranno cercati tutti i siti che contengono la parola palio quelli che contengono la parola siena, quelli che contengono sia palio che siena;

n Ci ritroviamo un’infinità di siti

D. Sileo A.A 2013/2014

23 Introduzione al Web : WWW >> I motori di ricerca >> Per parole chiave

Page 24: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Criteri di ricerca: n Operatori booleani: OR, AND, NOT

n OR: informatica OR telecomunicazioni n Tutti i documenti indicizzati dal motore di ricerca

che contengono o la parola informatica o la parola telecomunicazioni

n AND: informatica AND telecomunicazioni n Tutti i documenti indicizzati dal motore di ricerca

che contengono sia la parola informatica sia la parola telecomunicazioni

D. Sileo A.A 2013/2014

24 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 25: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n NOT: NOT informatica n Tutti i documenti indicizzati dal motore di

ricerca che non contengono la parola informatica

n NOTE: n l’operatore AND può essere omesso n Gli operatori vanno scritti con le lettere

maiuscole

D. Sileo A.A 2013/2014

25 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 26: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Operatore site n effettua la ricerca nei documenti di uno specifico

sito n Per esempio >> potenza site:www.basilicatanet.it

D. Sileo A.A 2013/2014

26 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 27: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Con le virgolette n Se si scrive un gruppo di parole fra virgolette,

verrà cercata la frase, ossia le parole in quell’ordine preciso

n si tratta di una funzione molto potente, resa possibile dal fatto che il motore indicizza ciascuna parola trovata nei siti e non solo: ne ricorda il contenuto ed anche l’ordine esatto delle parole

D. Sileo A.A 2013/2014

27 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 28: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Con le virgolette n Infatti, nell’indicizzazione, il motore cerca

semplicemente una corrispondenza uno a uno di simboli senza conoscerne il significato ed è perciò in grado di trovare non solo parole in italiano, ma in qualsiasi lingua

n Se si cerca “Roberto Benigni”, il servizio trova tutti i documenti che contengono entrambe le parole, con la maiuscola, disposte l’una a fianco all’altra

D. Sileo A.A 2013/2014

28 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Senza virgolette?

Page 29: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Segni + o - n Perché una parola sia sempre inclusa nel risultato

della ricerca, la si deve fare precedere da un segno (+) senza spazi

n perché invece quella parola ne sia esclusa, la si deve far precedere da un segno (-) senza spazi

n Per esempio: n +“Roberto Benigni” –“la vita è bella”: trova tutti i

documenti che contengono la frase “Roberto Benigni” ed esclude quelli che contengono “la vita è bella” quindi troverà tutti i siti che parlano dell’attore italiano ma non relativamente al film La Vita è Bella

D. Sileo A.A 2013/2014

29 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 30: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Operatore * n Esempio: n se questo è un * n Operatore che restituisce tutti i documenti

indicizzati dal browser che contengono le parole: se questo è un e poi qualsiasi altra parola

n L’operatore * indica qualsiasi parola n ATTENZIONE tutto questo vale anche per la

ricerca di immagini

D. Sileo A.A 2013/2014

30 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 31: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Motori di ricerca per parole chiave

n Operatore * n Altri esempi:

n Chi cerca la forma inglese e americana di una parola come color (colour) può inserire l’asterisco al posto dell’eventuale “u” : colo*r

n Al posto dell’ultima lettera di una parola per cercare forme maschili e femminili, plurali o singolari: can*   cattiv* 

n Quando ci si vuole assicurare dell’ortografia di una parola, ad esempio in caso di dubbio sulla presenza di una doppia: soprat*utto

D. Sileo A.A 2013/2014

31 Introduzione al Web : WWW >> I motori di ricerca >> Criteri di ricerca

Page 32: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Google – Ricerca Avanzata

D. Sileo A.A 2013/2014

32 Introduzione al Web : WWW >> Google – Ricerca Avanzata

Page 33: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+I servizi di Google

D. Sileo A.A 2013/2014

33 Introduzione al Web : WWW >> I servizi di Google

Page 34: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Sommario

n World Wide Web n Web n Server Web, HTTP e URL n Il Browser

n Motori di ricerca

n Ringraziamenti n Parte del materiale di questa lezione è stato

sviluppato a partire dalle lezioni della Dott.ssa Vicari e della Dott.ssa Irina Coviello

D. Sileo A.A 2013/2014

34 Introduzione al Web : WWW >> Sommario

Page 35: Introduzione ai Calcolatori Elettronici · pubblicazione in rete di ipertesti ! Un ipertesto è formato da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali,

+Termini della Licenza

n This work is licensed under the Creative Commons Attribution-ShareAlike License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/1.0/ or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

n Questo lavoro viene concesso in uso secondo i termini della licenza “Attribution-ShareAlike” di Creative Commons. Per ottenere una copia della licenza, è possibile visitare http://creativecommons.org/licenses/by-sa/1.0/ oppure inviare una lettera all’indirizzo Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

D. Sileo A.A 2013/2014

35 Introduzione al Web : WWW >> Termini della Licenza