Corso manzoni lezione 1-2-3

Corso di informatica@Manzoni

Dott. Antonio CalanducciLezione I: Navigazione Web

Lezione II: SegnalibriLezione III: Google Ricerca Web

Scuola Media A.ManzoniCatania, 10/05/2010

wdwdwdwdwdw

A. Calanducci - Corso@Manzoni: Lezione I - Catania, 10/05/2010

Welcome• Antonio Calanducci

- INFN CT, Researcher

- UniCT, Facoltà di Lettere e Filosofia, Contract Professor

-

-

• Contatti:

- [email protected]

2

wdwdwdwdwdw


Orario corso• Maggio

- Lunedì, ore 15:30-19:00/19:30

• Giugno

- Lunedi/Venerdi, ore 15:30-18:30

• Durata corso: 40 ore, 13 incontri

3

wdwdwdwdwdw


Programma• Moduli 5,6,7 del Syllabus

- descrive in dettaglio cosa un candidato deve conoscere e saper fare per conseguire l’ECDL

- ECDL: European Computer Driving Licence

• Modulo 5: Uso delle basi di dati (Microsoft Access)

• Modulo 6: Strumenti di presentazione (Microsoft Powerpoint)

• Modulo 7: Navigazione e comunicazione in rete (Mozilla Firefox, Gmail)

- creazione di un blog4

wdwdwdwdwdw


Blog del corso• http://corsomanzoni.wordpress.com

• Materiale didattico:

- slides

- esercizi

- eventuali approfondimenti

5

http://corsomanzoni.wordpress.com

http://corsomanzoni.wordpress.com

wdwdwdwdwdw


- Internet, World Wide Web, URLs, ipertesti, HTML

- Laboratorio:

- Utilizzo del browser

- Siti sicuri (HTTPs) e certificati digitali

- cenni di crittografia

- pericoli della rete e sistemi di protezione

- Laboratorio:

- Utilizzo del Web

- Estrazione di materiale dal Web

Outline

6

wdwdwdwdwdw


Storia di Internet• 1983, in USA nasce ARPANET, prima rete di computer

per scopi militari:

- trasmissione delle informazioni in caso di attacchi nucleari

- pacchetti e routing alternativo garantivano la comunicazione in qualsiasi condizione

• 1980, ARPANET si diffonde alle università

- separazione del mondo militare

- nasce Internet, prima in USA e poi in Europa

7

wdwdwdwdwdw


Instradamento o routing• Il routing è la sequenza di dispositivi (hardware di rete, i.e.

router o computer intermedi) che un pacchetto deve attraversare per raggiungere il dispositivo di destinazione

• ogni pacchetto che compone un messaggio viaggia in maniera indipendente dagli altri

8

wdwdwdwdwdw


Internet• È una rete mondiale di computers (e dispositivi abilitati)

ad accesso pubblico

• la “Rete delle reti”

- collega le reti nazionali dei vari paesi del mondo

• uno dei principali mezzi di comunicazione di massa

• basata sul protocollo di comunicazione TCP/IP e lo scambio di pacchetti

• ogni nodo su Internet è identificato dall’indirizzo IP

- hanno un corrispondente simbolico

9

wdwdwdwdwdw


Indirizzi Internet• Organizzati logicamente in una struttura gerarchica di

domini:

- Domini di primo livello (Top Level Domain) nazionali:

- .it, .es, .fr, .jp, .eu, etc..

- Domini di primo livello generici:

- .com, .gov, .org, .edu, etc.

• I domini sono a loro volta suddivisi in sotto-domini (dominio di secondo livello, terzo livello, etc)

- es: flett.unict.it

10

wdwdwdwdwdw


Esempi indirizzi• Indirizzo completo di un nodo:

- <nome-computer>.<sottodominio>.<sottodominio>. ... .<dominio-di-1-livello>

• Es:

- glibrary.ct.infn.it

- www.flett.unict.it

- corsomanzoni.wordpress.com

- alpha.dmi.unict.it

11

http://www.flett.unict.it

http://www.flett.unict.it

wdwdwdwdwdw


Accedere ad Internet• ISP o Internet Service Providers:

- erogatore del servizio Internet su linea telefonica

- intermediario tra l’utente domestico e la rete Internet

• Es: Tiscali, Telecom, FastWeb, Wind-Infostrada

- in genere forniscono anche una casella di posta elettronica e spazio Web

- assegnano un indirizzo IP dinamico al router o modem

12

wdwdwdwdwdw


WWW e ipertesti• Il World Wide Web (o Web) è il principale servizio di

Internet:

- insieme di documenti multimediali, composti da testo, grafica, animazioni, filmati, suoni, collegati tra loro

- ipetesti, pagine web collegate tra loro da hyperlinks o links

- consultazione non sequenziale, percorsi diversi

- ogni sito web è un ipertesto, pagine web memorizzate su uno o più computers (server web), a cui è possibile accedere tramite un browser (client web)

- Internet è un enorme ipertesto13

wdwdwdwdwdw


Linguaggio HTML• HyperText Markup Language: è il linguaggio per scrivere

le pagine Web

- istruzioni racchiuse tra marcatori, i tag, tra < .. >

14

<HTML><HEAD><TITLE>Una pagina web</TITLE></HEAD><BODY><P>Hello, world!</P></BODY></HTML>

wdwdwdwdwdw


URL• Uniform Resource Locator è l’indirizzo di una risorsa su

Internet

- es:

- http://s1stem1.files.wordpress.com/2010/03/sistemi-lezione-ii.pdf

- Componenti di una URL:

- protocollo (HTTP)

- indirizzo nodo (s1stem1.files.wordpress.com)

- percorso sul server (/2010/03/)

- nome del file (sistemi-lezione-ii.pdf)

- Altri protocolli Internet: ftp://, https://, feed://

15

http://s1stem1.files.wordpress.com/2010/03/sistemi-lezione-ii.pdf

http://s1stem1.files.wordpress.com/2010/03/sistemi-lezione-ii.pdf

wdwdwdwdwdw


Accedere al WWW• Web Browsers

- Mozilla Firefox

- Internet Explorer

- Google Chrome

- Apple Safari

- Opera

• Protocollo HTTP

- Request/Response

16

URL Request (www.google.it)

HTTP Response (HTML)

http://www.google.it










wdwdwdwdwdw


Altri servizi di Internet• Posta elettronica (E-mail)

• Gruppi di discussione (newsgroups)

• Trasferimento di files (FTP, File Transfer Protocol)

• Instant Messaging (chat) - Skype, MSN, ICQ, etc

• Telefonia (VOIP: Voice Over IP)

• File sharing (BitTorrent, eMule)

17

wdwdwdwdwdw


Test di consolidamento• Con il termine Internet si intende:

☐ l’insieme di documenti multimediali disponibili sul Web

☐ l’insieme dei canali attraverso cui passano le informazioni

☐ un protocollo di comunicazine

☐ un servizio

• l’URL è

☐ un client Web

☐ l’indirizzo di una risorsa disponibile attraverso Internet

☐ sinonimo di link

☐ un server web

18

wdwdwdwdwdw


Test di consolidamento• l’HTML è

☐ un protocollo di trasmissione

☐ un sito

☐ un server

☐ un linguaggio di marcatura di ipertesti

• l’acronimo ISP indica

☐ un tipo di servizio internet

☐ un protocollo di trasmissione

☐ un erogatore di servizio internet

☐ un sito

19

wdwdwdwdwdw


Test di consolidamento• Con il termine HTTP si intende

☐ un tipo di protocollo

☐ un dominio

☐ un provider

☐ un servizio

• Indicare quali tra i seguenti sono browsers:

☐ Google

☐ Windows

☐ Opera

☐ Internet Explorer

20

wdwdwdwdwdw


Lab: Utilizzo del browser• Mozilla Firefox

• Avviare il browser (3 modi)

• Analisi interfaccia

• Chiusura del browser

• Inserire una URL

• Apertura di una pagina web in una nuova scheda o finestra

• Interrompere il caricamento di una pagina Web

• Aggiornare una pagina Web21

wdwdwdwdwdw


Lab: impostazioni• Cambiare la pagina iniziale/home page di un browser

• Aumentare la dimensione dei caratteri/tutto schermo

• Cancellare parte o tutta la cronologia

• Cancellare i file Internet temporanei/cache

• Mostrare e nascondere le barre degli strumenti

22

wdwdwdwdwdw


Lab: Navigazione• Attivare un collegamento ipertestuale

• Spostarsi indietro e avanti tra le pagine Web già visitate

• Portarsi sulla home page

• Visualizzare gli indirizzi già visitati usando la barra degli indirizzi del browser e la cronologia

23

wdwdwdwdwdw


Lab: Segnalibri• Assegnare un segnalibro a una pagine Web. Cancellare

un segnalibro

• Visualizzare una pagina Web a partire da un segnalibro

• Creare, eliminare una cartella di segnalibri

• Inserire pagine Web in una cartella di segnalibri

• Aggiungere una cartella nella barra dei segnalibri

• Aggiungere un sito in una cartella della barra dei segnalibri

24

wdwdwdwdwdw


Hands-on• Avviare il browser Mozilla Firefox

• Creare tra i segnalibri una cartella “Quotidiani online”

- Aggiungere i seguenti siti Web alla precendente cartella:

- www.lasicilia.it

- www.repubblica.it

- www.corriere.it

- www.ilsole24ore.com

- Rimuovere uno dei quattro siti dai segnalibri

- Spostare la cartella dei quotidiani online sulla barra dei segnalibri

• Impostare www.repubblica.it come homepage25

http://www.lasicilia.it

http://www.lasicilia.it

http://www.larepubblica.it

http://www.larepubblica.it

http://www.corriere.it

http://www.corriere.it

http://www.ilsole24ore.com

http://www.ilsole24ore.com

http://www.repubblica.it

http://www.repubblica.it

wdwdwdwdwdw


Hands-on• Aprire il sito di Repubblica a partire dai segnalibri

- seguire un link relativo ad una news interessante

- ritornare alla home page con il tasto indietro

- Visualizzare un articolo di vs interesse in una nuova finestra ed un secondo articolo in una nuova scheda

• Visuallizzate la cronologia e andate ad una pagina visitata ieri

• Cancellate due siti web dalla cronologia

• Cancellare tutta la cronologia

26

wdwdwdwdwdw


Web sicuro: crittografia• HTTP è un protocollo in “chiaro”, le informazioni che

passano dal client al server viaggiano sulla rete nel formato in cui sono state generate

- es.: pagine Web, formato HTML, formato testuale

- problema: man-in-the-middle, chi legge il traffico di rete (“sniffa”) può violare la vostra privacy, o peggio modificare l’informazione

- soluzione: la crittografia consente la cifratura del dati scambiati tra client e server

- solo il client ed il server in grado di interpretare la comunicazione

27

wdwdwdwdwdw


Crittografia• è un procedimento matematico che impiega algorimi

sofisticati per rendere incomprensibile un messaggio a chi non ha la chiave per decodificare l’informazione.

- Crittografia a chiave simmetrica

- la stessa chiave per crittografare e decodificare

- la chiave deve essere condivisa tra mittente e destinatario

- Crittografia a chiave asimmetrica:

- due chiavi: una pubblica ed una privata

- la chiave pubblica per crittografare, quella privata per decodificare

28

wdwdwdwdwdw


Crittografia asimmetrica• Alice vuole mandare un messaggio a Bob

- Alice crittografia il messaggio con la chiave pubblica di Bob

- il messaggio cifrato viaggia in rete

- Bob decodifica il messaggio cifrato con la sua chiave privata

• Bob vuole mandare un messaggio ad Alice

- Bob crittografa il messaggio con la chiave pubblica di Alice

- Alice decodifica il messaggio cifrato con la sua chiave privata

29

wdwdwdwdwdw


Web sicuro: HTTPS• La connessione viene crittografata, usando il protocollo

crittografico SSL (Secure Socket Layer) o TLS (Transport Layer Security), con un meccanismo a chiave asimmetrica:

- le informazioni (es: numero di carta di credito) che il client (il browser) invia al server web sono crittografate con la chiave pubblica del server

- la chiave pubblica del server è contenuta nel certificato digitale del server

- il certificato è il “passaporto” digitale di un utente (o servizio) su Internet, garantisce l’identità di un soggetto

- è rilasciato dalle Certification Authority (garante)

30

wdwdwdwdwdw


Minacce alla sicurezza • virus: parti di software in grado di autoreplicarsi ed

infettare altri files, generalmente senza farsi rilevare dall’utente

• worms: software in grado di autoreplicarsi, sfruttando Internet (posta elettronica principalmente) come canale di diffusione

• trojan horses (cavalli di troia): software in grado di nascondersi all’interno di altri programmi, che vengono mandati in esecuzione dal programma che li “ospita”

- in genere aprono delle “backdoor”

- non si autoreplicano31

wdwdwdwdwdw


Minacce alla sicurezza• spyware: software in grado di carpire informazioni del

sistema su cui sono in esecuzione e di trasmetterle ad estranei

• dialer: intecettano la connessione ad internet tramite linea telefonica, e tentano di modificare il numero telefonico verso numerazioni a tariffazione speciale

• keylogger: software in grado di registrare tutto ciò che un utente digita sulla tastiera

• malware (malicious software): un qualsiasi software creato con lo scopo di causare danni nel computer su cui è eseguito

32

wdwdwdwdwdw


Progettegersi su Internet• Antivirus: un software atto a eliminare virus e malware

(trojans, worms, dialer)

- ogni malware ha la propria “firma” (o definizione)

- l’aggiornamento dell’antivirus è il processo di download delle firme dei nuovi malware che ogni giorno vengono creati

• Firewall: è un sistema hardware e/o software che controlla lo scambio d’informazioni tra un dispositivo e la rete, in modo da intercettare tentativi di intrusioni, bloccando il traffico (in ingresso e in uscita)

- basato su un sistema di regole in cascata33

wdwdwdwdwdw


Lab: moduli per raccolta dati• Saper compilare un modulo (o form) online

- http://bit.ly/corsomanzoni

• Distinguere e conoscere gli elementi:

- casella di testo (o campo)

- casella di controllo

- pulsante di opzione

- elenco a discesa

• Sottomettere un form

34

http://bit.ly/corsomanzoni

http://bit.ly/corsomanzoni

wdwdwdwdwdw


• 1995: incontro di Larry Page con Sergey Brin alla Stanford University (CA)

• 1996: i due iniziano a lavorare su BackRub

- motore di ricerca basato sull’analisi dei link

• 1998: comprano una serie di hard disk d’occasione

- primo server di Google (Lego case)

- Andy Bechtolsheim (Sun co-founder) stacca un assegno di $100,000 => nasce Google, Inc.

Storia di Google

35

wdwdwdwdwdw


Storia di Google• Primo sede: garage di un amico a Menlo Park (CA) - 1 impiegato

• Passaparola su Internet

- interfaccia minimalista

- ricerche pertinenti

- “Mi sento fortunato”

• Feb 1999: nuova sede a Palo Alto (8 impiegati)

- $25,000,000 di finanziamento

• Set 1999: nuova sede a Mountain View (40 impiegati)

• Dic 2007: circa 20000 dipendenti

• http://www.google.com/corporate/history.html

36

wdwdwdwdwdw


Google laboratory• Continuo miglioramento dei servizi esistenti e aggiunta

di nuovi

• Oltre ai servizi Web:

- nuovo browser: Google Chrome

- Google Earth, Sketch Up, Android OS

- Android e Google Phone (Nexus One)

- http://www.project10tothe100.com/intl/IT/index.html

- 10 milioni di dollari per idee originali

- piani per installare i propri server in mezzo al mare!!!

37

http://www.project10tothe100.com/intl/IT/index.html

http://www.project10tothe100.com/intl/IT/index.html

wdwdwdwdwdw


Origine del termine Google• to google = “fare una ricerca sul web”

• etimologia:

- googol (un 1 seguito da 100 zeri)

- goggles: “binocolo” --> guardare la rete da vicino

- formula magica africana, buon auspicio per la caccia

38

wdwdwdwdwdw


Ricerca Web• Il più popolare “motore di ricerca” (search engine)

• disponibile in 118 lingue su 162 domini nazionali

• Interfaccia sobria ed essenziale

- la versione statunitense (www.google.com) è la più aggiornata

- versione italiana (www.google.it) attiva dal 15 settembre 2002

• Demo: Analisi interfaccia principale di www.google.it

39

http://www.google.com

http://www.google.com



wdwdwdwdwdw


Loghi celebrativi• In occasioni di eventi speciali ed eventi storici:

- Natale, 1 aprile, Thanksgiving, 1st of the year, etc..

- olimpiadi, festa nazionale della bastiglia, etc..

• disegnati da Dennis Hwang

• primo doodle (=disegnino, ghirigoro): agosto 1998, in occasione del Burning Man Festival (Nevada)

• http://www.google.com/logos/

• http://www.doodlesource.com/

40

http://www.google.com/logos/

http://www.google.com/logos/

http://www.doodlesource.com

http://www.doodlesource.com

wdwdwdwdwdw


Ricerca di base• chiavi di ricerca (keywords) nel campo ricerca

• “Mi sento fortunato” => reindirizzamento al primo risultato

• Risultati:

- riepilogo (numero, tempo di esecuzione)

- Titolo

- Breve testo con keywords in grassetto

- URL, data e dimensione

- links a “Copia cache” e “Pagini Simili”

• Il “suggeritore”: correttore lessicale41

wdwdwdwdwdw


Il PageRank• Successo di Google: pertinenza dei risultati

• Algoritmo di classificazione delle pagine in base all’importanza (indice di popolarità, rango)

- classifiche di rilevanza -> determina la posizione nei risultati di una ricerca

• Tecnologia brevettata da Google Inc

• PageRank definito per singola pagina

• “Democrazia” nel web: ogni link verso una pagina è come un “voto” in una elezione

- numero di link (di “voti”)

- “importanza” della pagina web che ha assegnato il voto42

wdwdwdwdwdw


Operatori ricerca• Case insensitive: non c’è distinzione tra lettere minuscole e

maiuscole

• Operatore AND (automatico)

- cerca pagine che contengono TUTTI i termini, tenendo conto dell’ordine

• Operatore OR

- cerca pagina che contengono ALMENO uno dei termini

• Operatore +

- esclusione automatica di parole e carattere d’uso comune (singole cifre e lettere, preposizioni, “dove”/”quando”)

- usare “+” per una ricerca esplicita

-43

wdwdwdwdwdw


Operatori ricerca• Operatore “-”

- esclude uno o più termini dai risultati

- es: televisione -satellitare

• Operatore virgolette (“”)

- ricerca esatta della frase tra virgolette

- es: “Mario Rossi”

• Operatore asterisco (*)

- termine jolly, in sostituzione di qualsiasi termine all’interno di una frase

- es: mi * di immenso44

wdwdwdwdwdw


Composizione degli operatori• Gli operatori possono concatenati per la creazione di

complesse interrogazioni:

- es: televisione “domenica sportiva” -calcio

45

wdwdwdwdwdw


Domini delle ricerche• Opzione “pagine in Italiano”

- solo pagine il cui contenuto è scritto nella ns lingua

• Opzione “pagine provenienti da: Italia”

- pagine redatte in Italiano su server con dominio .it

• Opzione “Cerca tra i risultati”

- affina ulteriormente la ricerca, filtrando i risultati correnti

- applicazione di un AND 46

wdwdwdwdwdw


Ricerca avanzata• http://www.google.it/advanced_search?hl=it

• Campi “Trova risultati”: semplificano l’uso degli operatori AND, “”, OR, -

• Pagine redatte in una data lingua e situate in un dato paese

• Formato file: permette di includere/escludere alcuni formati di files dai risultati della ricerca (DOC, PDF, PPT, XLS, RTF, ...)

• Data: pagine aggiornate nelle ultime 24 ore, ultima settimana, ultimo mese, ultimo anno

47

http://www.google.it/advanced_search?hl=it

http://www.google.it/advanced_search?hl=it

wdwdwdwdwdw


Ricerca avanzata• Cerca in: consente di specificare se cercare le chiavi di

ricerca nel titolo, nel corpo, nell’indirizzo, nei collegamenti, ovunque nella pagina

• Dominio: ricerca all’interno di un dato sito o dominio

• Diritti di utilizzo: in base alla licenza (Creative Commons) di utilizzo:

- utilizzati e condivisi/modificati gratuitamente (e anche a scopo commerciale)

• SafeSearch: filtro per contenuti espliciti

48

wdwdwdwdwdw


Ricerca avanzata• Terza sezione della ricerca avanzata:

- possibilità di fornire una URL

• Pagine simili: pagine apparteneti allo stesso argomento

• Collegamenti: pagine che contengono collegamenti alla pagina di cui viene fornito la URL

- verificare chi mi sta “linkando”

49

wdwdwdwdwdw


Funzioni speciali• Calcolatrice:

- 5+2*2

- quanto è 1 km in miglia?

- converti 2 metri in piedi

- 3 minuti in secondi

- quanti mesi ci sono in 4 anni?

• Conversione di unità

- 3 piedi in metri

- 16 gradi celsius in fareneith

50

http://www.google.it/search?hl=it&q=5%2B2*2

http://www.google.it/search?hl=it&q=5%2B2*2

http://www.google.it/search?hl=it&q=quanto+%C3%A8+1+km+in+miglia%3F

http://www.google.it/search?hl=it&q=quanto+%C3%A8+1+km+in+miglia%3F

http://www.google.it/search?hl=it&q=converti+2+metri+in+piedi

http://www.google.it/search?hl=it&q=converti+2+metri+in+piedi

http://www.google.it/search?hl=it&q=3+minuti+in+secondi

http://www.google.it/search?hl=it&q=3+minuti+in+secondi

http://www.google.it/search?hl=it&q=quanti+mesi+ci+sono+in+4+anni%3F

http://www.google.it/search?hl=it&q=quanti+mesi+ci+sono+in+4+anni%3F

wdwdwdwdwdw


Funzioni speciali• Conversione di valute

- 10 USD in euro

- converti 5 euro in pesos messicani

• Meteo

- meteo catania

• Quotazioni di borsa

- AAPL, CSCO

• Risultati sportivi, programmazione film locali, ricerca locale

- AC Milan, film Catania, pizzerie a Catani

51

wdwdwdwdwdw


Preferenze di Google• Accessibili da “Impostazioni di ricerca”

• Lingua dell’interfaccia

• Lingua della ricerca

• Filtro SafeSearch

- restrizioni contenuti espliciti sessuali

• Numero di risultati

- risultati per pagina (10/20/30/50/100)

• Finestra dei risultati

• Proposta suggerimenti52

wdwdwdwdwdw


Effettuare ricerche sul Web• Google Web search

• Enciclopedie online

- Wikipedia

- it.wikipedia.org

53

wdwdwdwdwdw


Test di consolidamento• Con il termine form si intende

- un luogo virtuale in cui confrontarsi

- il risultato di una ricerca

- un modulo elettronico

- una pagina interattiva

• Quando in un form un campo è contrassegnato da un asterisco significa che:

- l’inserimento di dati è obbligatorio

- l’inserimento di dati è facoltativo

- la casella deve essere lasciata vuota

- nessuna risposta è corretta

54

wdwdwdwdwdw


Test di consolidamento• In un form le caselle di controllo consentono:

- scelte esclusive

- scelte esclusive e non scelte multiple

- scelte multiple

- scelte da elenchi a discesa

• Sottoscrivere un form significa

- convalidare e inviare i dati inseriti

- apporre una firma digitale

- attivare il comando reset

- archiviare una copia del form

55

wdwdwdwdwdw


Test di consolidamento• Qual’è la combinazione che permette di trovare informazioni relative ai parchi presenti

Toscana, nelle Marche o in entrambe le regioni:

- (parchi OR Toscana) AND Marche

- parchi OR Toscana OR Marche

- parchi AND Toscana AND Marche

- parchi AND (Toscana OR Marche)

• Quale è la combinazione che permette di effettuare una ricerca di tutti i sentieri o di tutte le piste che si trovano sulle Dolomiti?

- sentieri OR piste OR Dolomiti

- (sentieri OR piste) AND Dolomiti

- sentieri AND NOT piste AND Dolomiti

- sentieri AND (piste OR Dolomiti)

56

wdwdwdwdwdw


Hands-on• Eseguire una ricerca su Google per trovare notizie relative ai parchi

nazionali utilizzando la frase esatta

• Trovare la ricetta della pizza napoletana

• Trovare il sito web del cinema Planet di Catania

• Trovare tutte le proiezioni dei film di oggi a Catania

• Trovare il primo treno che da Catania porta a Roma Termini domani mattina

• Organizzare un viaggio a Londra:

- trovare un volo in partenza venerdi pom e rientro domenica sera

- cercare un hotel per il pernottamento (check-in ven, check-out dom)

57

Technology

Corso manzoni lezione 1-2-3