Esercitazione no. 8 Introduzione al web Laboratorio di Informatica per il corso di Fisioterapia AA...

Esercitazione no. 8

Introduzione al web

Laboratorio di Informatica per il corso di Fisioterapia

AA 2008/2009

Dipartimento di Scienze dell’Informazione – Università degli Studi di Milano

Laboratorio di Informatica per il corso di Fisioterapia AA 2008/2009

2

Internet ≠ web• Internet: rete di computer interconnessi:

– rete fisica– protocolli– servizi

• World Wide Web: è il servizio (più famoso) di Internet:– rete di documenti scritti in HTML (ipertesto)– usa protocollo HTTP– multimediale: testo, grafica, suoni, filmati

~ 1980

~ 1990



3

Altri servizi/protocolliPosta elettronica: consente agli utenti di

scambiarsi messaggi.– protocollo SMTP (Simple Mail Transfer Protocol):

invio email– protocollo POP (Post Office Protocol): lettura remota

della posta elettronica– protocollo IMAP (Interactive Mail Access Protocol):

più moderno e funzionale del POP

Trasferimento di file tra calcolatori– FTP (File Transfer Protocol)

Connessione remota: – TELNET (TELecommunication NETwork)

SSH (Secure SHell)

SFTP (Secure FTP)

Protocolli cifrati:



4

I browser: applicativi multiprotocollo

tutti i browser implementano il protocollo HTTP, ma sono in

grado di comunicare anche con altri protocolli:

– di posta (SMTP/POP/IMAP)

• menu Strumenti > Posta elettronica e news in Internet Explorer

• in Mozilla Application Suite (non in Mozilla Firefox)

– il trasferimento di file (FTP)• es. ftp://ftp.microsoft.com/

– le news (NNTP)



5

I browser

• Internet Explorer

• Firefox http://www.mozillaitalia.it/firefox/

• Safari http://www.apple.com/it/safari/

• Opera http://www.opera.com/

• Chrome http://www.google.com/chrome/



6

I browser: applicazioni a finestre



7

I browser: funzionalità• barra dell’indirizzo/URL• pagina principale• nuova scheda/finestra• aggiorna/ricarica• stop/interrompi• salvataggio pagine e salvataggio oggetti • dimensione carattere, colore sfondo, ecc.• preferiti/segnalibri• visualizzazione sorgente pagina/HTML• stampa• proxy es. http://proxy.unimi.it/



8

I browser: sicurezza• blocco pop-up• codifica crittografica SSL es. https://

auth.unimi.it/studenti/index.html• cronologia/history• file scaricati• cache dei documenti• cookie• moduli • password• applet, javascript

Fate attenzione !!!



9

Software dalla rete...• Freeware: programmi distribuiti gratuitamente e

utilizzabili da chiunque senza limitazioni

• Shareware: programmi distribuiti gratuitamente così che sia possibile provarli prima di acquistarli. Spesso hanno alcune limitazioni di utilizzo:– temporali → trial – funzionali → demo.

• Adware: programma distribuito gratuitamente in bundle (combinazione) con software di natura pubblicataria.



10

...ma occhio ai “cattivi”• Virus: codice inserito all’interno di un programma o file in modo che si

diffonda da un computer all’altro a seguito di un’azione umana (es. aprire un allegato)

• Worm: come un virus, ma non necessita dell’intervento umano per l’infezione, bensì sfrutta alcune vulnerabilità del sistema (es. i client di posta)

• Trojan: codice nascosto all’interno di un’applicazione innocua con lo scopo di ingannare l’utente e indurne l’esecuzione.

• Spyware: software che raccoglie informazioni relative ai dati o all’attività dell’utente.

• Phishing: un messaggio o sito web che cerca di indurre l'utente a rivelare informazioni personali in modo fraudolento camuffando la propria reale identità dietro a una fonte legittima autorevole, come es. le poste, banche, ecc.



11

Protezione• usate

– Antivirus (Avast, Antivir, ...)– Antispyware (Spybot, Adaware, ...)– Firewall (Sygate, Kerio, Zone Alarm ...)

• disabilitate salvataggio dei dati personali/sensibili quando non siete sicuri che il computer sia protetto (internet cafè, casa di amici, ...)

• phishing: osservate sempre l’URL della pagina

• laddove possibile, verificate certificati, codifica SSL, ecc.



12

Portali• Portale: una ‘porta di ingresso’ al

web, propone agli utenti una selezione di

– informazioni: es. news, articoli, forum ...– servizi: es. un motore di ricerca, posta

elettronica ...– intrattenimento: es. giochi, chat, filmati ...

• sono spesso personalizzabili (→ cookie!)



13

Portali generalisti/orizzontali• www.excite.com

• my.yahoo.com

• my.netscape.com

• www.msn.com

• www.libero.it

• www.virgilio.it

• www.kataweb.it

• ...



14

Portali specifici/verticali• Servizio di pagine gialle www.paginegialle.it

• Trasporto ferroviario www.trenitalia.com

• Consultazione quotidiani www.repubblica.it

• Università www.unimi.it

• Ministeri www.ministerosalute.it

• libri www.bol.it

• ...



15

I motori di ricerca• Il motore di ricerca è un server che

periodicamente ispeziona i documenti residenti sulla rete e li indicizza in base al loro contenuto e alla struttura dei loro link

• Un motore di ricerca fornisce un servizio di ricerca sulla rete per parole chiave fornite dall’utente

• Ogni ricerca produce una lista di link (ordinata per rilevanza) ai documenti contenenti quelle parole chiave



16

I motori di ricerca

– http://www.google.com/– http://www.altavista.com/– http://www.yahoo.com/– http://www.excite.com/– http://www.lycos.it/– http://www.virgilio.it/– http://arianna.libero.it/– http://www.askjeeves.com/– ...



17

I motori di ricerca: operatori booleani

AND, + Restringe il campo di ricercaigiene AND dentale oppure +igiene +dentaleentrambi i termini devono essere presenti (default di Google)

OR Estende il campo di ricercaigiene OR dentale

AND NOT, - Restringe il campo di ricercaNon è riconosciuto da tutti i motori

igiene AND NOT dentale oppure igiene -dentale

“” le parole chiave si devono trovare di seguito “igiene dentale”

Es. http://www.google.it/advanced_search



18

• Cercate informazioni circa le modalità e strumenti di ricerca di Google e preparate un documento Word dove presentate almeno 5 operatori che non abbiamo visto in questa lezione. Suggerimento: cercate “operatori logici in google” in Google.

• Cliccate su “ricerca avanzata” in Google ( a dx della casella di inserimento testo) e provate la modalità “a form” per la ricerca avanzata.

• Ricercate informazioni circa la fisioterapia UTILIZZANDO gli operatori di Google di cui abbiamo appena parlato ed eventualmente altri di cui avete trovato informazioni svolgendo il primo punto dell’esercizio ( ad esempio: +, -, “”) .

Esercizio di ricerca



19

URL• un URL (Uniform Resource Locator) non è

altro che un indirizzo internet.

• esempio: http://homes.dsi.unimi.it/~lipori/

come dove chi/cosa

protocollo nome host percorso

http:// homes.dsi.unimi.it ~lipori



20

I proxy

• Un proxy è un server che svolge la funzione di agente per gli utenti di altri computer

• Configurando il proprio browser in modo che usi un proxy, le richieste di un documento non saranno fatte dal proprio computer direttamente al sito remoto, ma dal proxy server, che si preoccupa poi di fornirci il documento → utile per:– autenticazione – privacy



21

Cookie• informazione generata da un server Web e

memorizzata nel calcolatore dell’utente, pronta per essere reperita in un accesso futuro

• permettono la personalizzazione dell’informazione ottenuta dal Web

– Es. per personalizzare motori di ricerca con le proprie preferenze, per memorizzare liste della spesa, per permettere che un utente partecipi ad un concorso solo una volta.

• memorizzati nella cartella personale dell’utente



22

Applet, JavaScript• Consentono di inserire dei programmi

all’interno di page web

– applet: programmi scritti in Java, vengono eseguiti dall’interprete Java contenuto all’interno del browser

es. www.javaonthebrain.com/brain.html

– JavaScript: linguaggio di scripting, il codice è contenuto nella pagina web e viene interpretato ed eseguito direttamente dal browser al caricamento del documento.



23

HTML: HyperText Markup Language

• È un sistema di marcatura/formattazione del testo • filosofia alternativa al WYSIWYG (what you see is

what you get = “ciò che vedi è ciò che ottieni”) tipica di editor come Microsoft word

• Permette – formattazione del testo mediante l’uso di comandi (tag)

• <i>corsivo</i> → corsivo• <b>grassetto</b> → grassetto• ...

– collegamenti (link) ad altre risorse disponibili sul WWW• <a ...>collegamento</a> → collegamento

– definizione di maschere di inserimento dati– inclusione di altri oggetti complessi (immagini, suoni, etc)

Esercitazione no. 8 Introduzione al web Laboratorio di Informatica per il corso di Fisioterapia AA...

Documents

Transcript of Esercitazione no. 8 Introduzione al web Laboratorio di Informatica per il corso di Fisioterapia AA...