Tecnologie lato Client:
i Browser
Stefano Clemente
[email protected]
© 2005 Stefano Clemente
I lucidi sono in parte realizzati con materiale tratto dal libro di testo adottato tradotto in italiano:
© 2002 Prentice Hall
H. M. Deitel, P. J. Deitel, T. R. Nieto
Internet & World Wide Web – How To Program (Second Edition)
Riferimenti bibliografici
• H. M. Deitel, P. J. Deitel, T. R. Nieto
Internet & World Wide Web – How
To Program (Second Edition)
ed. Prentice Hall 2002
Capitolo 2
6 Ottobre 2005
Stefano Clemente
2
Introduzione
• Internet
− Mezzo di comunicazione e per l’interazione
− Crescita del web dettata dal bisogno di condividere
informazioni
− Browser
• Software per accedere a informazioni multimediali su web
− Microsoft Internet Explorer
− Mozilla
6 Ottobre 2005
Stefano Clemente
3
Connessione a Internet
• Hardware
− modem
− NIC (Network Interface Card)
• ISP (Internet Service Provider)
− permettono la connessione a Internet
− esempi
• Libero
• TIN
• Tiscali
6 Ottobre 2005
Stefano Clemente
4
Connessione a Internet
• Quale ISP?
− La scelta dipende tipicamente dalla valutazione della
banda richiesta e dal costo
• + veloce = + costo
• ─ veloce = ─ costo
• Connessioni a banda larga
− Permettono ai PC di essere costantemente connessi
• DSL (Digital Subscriber Line)
− Usano le linee telefoniche (senza interferenza con i segnali
voce)
− Richiedono un modem speciale
• Cable
− Usano i cavi TV
− La banda è condivisa tra gli utenti
• ISDN (Integrated Services Digital Network)
− Forniscono servizi Internet su linee telefoniche digitali o
analogiche
− Richiedono un Terminal Adapter
6 Ottobre 2005
Stefano Clemente
5
Connessione a Internet
• Connessione Dial-Up
− Usano le normali linee telefoniche
− Richiedono un modem
• Una volta stabilito il tipo di
collegamento è possibile configurare
un PC
6 Ottobre 2005
Stefano Clemente
6
6 Ottobre 2005
Stefano Clemente
7
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
8
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
9
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
10
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
11
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
12
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
13
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
14
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
15
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
16
Connessione a Internet:
Microsoft Windows XP
6 Ottobre 2005
Stefano Clemente
17
Connessione a Internet:
RedHat Linux 9
6 Ottobre 2005
Stefano Clemente
18
Connessione a Internet:
RedHat Linux 9
6 Ottobre 2005
Stefano Clemente
19
Connessione a Internet:
RedHat Linux 9
6 Ottobre 2005
Stefano Clemente
20
Connessione a Internet:
RedHat Linux 9
6 Ottobre 2005
Stefano Clemente
21
Connessione a Internet:
RedHat Linux 9
6 Ottobre 2005
Stefano Clemente
22
Microsoft Internet Explorer 6
(MSIE)
Stefano Clemente
[email protected]
© 2005 Stefano Clemente
MSIE
•Browser
−Permette di
visualizzare
informazioni
multimediali in modo
interattivo
−La figura mostra la
Home Page di EI, il cui
URI è nella barra degli
indirizzi
−L’indirizzo delle
pagine web comincia
sempre per http://
6 Ottobre 2005
Stefano Clemente
24
MSIE
• Per richiedere una pagina è
possibile digitare l’indirizzo
nella barra degli indirizzi e
premere il tasto invio sulla
tastiera o cliccare sul pulsante
“Vai”
• Una volta ottenuta la pagina è
poi possibile cliccare sugli
Hyperlink per richiamare
ulteriori elementi
− Un hyperlink può essere una
porzione di testo (solitamente
di colore diverso) o
un’immagine
− quando il puntatore del mouse
passa sopra un hyperlink, la
freccia (
) diventa una mano
con un indice puntato (
)
6 Ottobre 2005
Stefano Clemente
25
MSIE
• Un Hyperlink può riferire
− una pagina web
• se cliccato provoca la visualizzazione della pagina riferita
− un indirizzo e-mail
• se cliccato provoca l’apertura di una finestra del mailer di
default per la creazione di un nuovo messaggio indirizzato
all’indirizzo riferito
− un file
• se cliccato provoca la copia del file riferito sull’hard-disk
dell’utente (download)
• MSIE tiene traccia della navigazione mantenendo
la cronologia degli indirizzi visitati
6 Ottobre 2005
Stefano Clemente
26
MSIE
• Il modo più semplice di
utilizzare la cronologia è
attraverso i bottoni “Indietro”
e “Avanti”
• L’uso dei bottoni Avanti e
Indietro permette il richiamo
delle pagine all’interno di una
sessione di navigazione
• Cliccando sul bottone
“Cronologia” è possibile
dividere il browser in due
sezioni: la Finestra della
Cronologia e la Finestra dei
contenuti
− nella finestra della cronologia
sono contenuti gli indirizzi dei
siti visitati negli ultimi 30 giorni
• cliccando uno di questi indirizzi
si ottiene il ricaricamento dal
web della pagina relativa
6 Ottobre 2005
Stefano Clemente
27
MSIE
• Quando si digita un URI nella barra degli indirizzi, vengono
mostrati tutti gli URI analoghi in un menu a cascata dal
quale è possibile selezionare quello desiderato
• È possibile il salvataggio di
elementi dalla pagina visualizzata
(immagini, file) cliccando con il
pulsante destro del mouse
sull’elemento e scegliendo una
delle voci del menu pop-up che
appare
6 Ottobre 2005
Stefano Clemente
28
MSIE: La cache
• MSIE mantiene una copia delle pagine visitate in alcune directory di
cache, consentendo anche la navigazione “fuori linea”
6 Ottobre 2005
Stefano Clemente
29
MSIE
• È possibile interrompere il caricamento di una
pagina attraverso il bottone “Stop”
• È possibile ricaricare una pagina attraverso il
bottone “Refresh”
• È possibile salvare i link alle pagine web
preferite
6 Ottobre 2005
Stefano Clemente
30
MSIE
• È possibile
visualizzare il
sorgente HTML
della pagina web
visualizzata
6 Ottobre 2005
Stefano Clemente
31
MSIE: Ricerche in Internet
• Internet offre una miriade di informazioni
(spesso inutili)
• Si possono eseguire ricerche delle
informazioni desiderate attraverso motori di
ricerca (es. http://www.google.it)
• Google fornisce anche una comoda toolbar che
si integra con MSIE e che contiene le
funzionalità disponibili sulla sua home page
• I motori di ricerca utilizzano dei database nei
quali memorizzano le informazioni necessarie
per la ricerca
6 Ottobre 2005
Stefano Clemente
32
MSIE: Ricerche in Internet
• MSIE dispone di un metasearch engine che esegue
ricerche su vari motori di ricerca e combina i risultati
• È accessibile cliccando sul bottone
e come per
la cronologia l’effetto è quello di dividere in due
finestre il browser con una finestra di ricerca e una dei
contenuti
6 Ottobre 2005
Stefano Clemente
33
MSIE: FTP
• MSIE fornisce anche
un’interfaccia grafica per
l’uso del protocollo FTP
• L’uso del protocollo viene
richiesto dall’utente
specificando URI del tipo
ftp://www.ei.unibo.it
(ovviamente, sul server
riferito dall’URI deve essere
attivo il servizio FTP)
• Normalmente l’utente accede
come “anonymous”, cioè
come utente anonimo, sui siti
ad accesso pubblico
• Sui siti riservati è richiesto
l’inserimento di un nome
utente e di una password
6 Ottobre 2005
Stefano Clemente
34
MSIE: FTP
• Per eseguire il download di un file o di un’intera
directory basta cliccare con il tasto destro del mouse e
scegliere “Copia nella cartella…” dal menu pop-up che
appare
• È anche possibile
eseguire l’upload di
file e cartelle con le
normali modalità di
Windows
6 Ottobre 2005
Stefano Clemente
35
MSIE: Opzioni
• Dal menu Strumenti →
Opzioni Internet… è
possibile accedere a una
maschera di
configurazione di MSIE
6 Ottobre 2005
Stefano Clemente
36
MSIE: Opzioni → Generale
• Scelta della pagina
da visualizzare
all’apertura di MSIE
• Gestione della cache
• Gestione della
cronologia
6 Ottobre 2005
Stefano Clemente
37
MSIE: Opzioni → Protezione
• Permette di specificare delle
categorie di siti e applicare a
ciascuna un livello di
protezione
6 Ottobre 2005
Stefano Clemente
38
MSIE: Opzioni → Privacy
• Consente di scegliere
quali tipi di
informazioni inviare
ai siti visitati
attraverso una
politica di blocco dei
cookie
6 Ottobre 2005
Stefano Clemente
39
MSIE: Opzioni → Contenuto
• Permette di specificare a
quali pagine accedere in
base al loro contenuto
• Gestione dei certificati di
identità
6 Ottobre 2005
Stefano Clemente
40
MSIE: Opzioni → Connessioni
•Scelta della connessione a Internet
6 Ottobre 2005
Stefano Clemente
41
MSIE: Opzioni → Programmi
• Programmi di default per
i vari servizi Internet
6 Ottobre 2005
Stefano Clemente
42
MSIE: Opzioni → Avanzate
6 Ottobre 2005
Stefano Clemente
43
MSIE: Opzioni → Avanzate
6 Ottobre 2005
Stefano Clemente
44
Mozilla Firefox 1.0.4
Stefano Clemente
[email protected]
© 2005 Stefano Clemente
Mozilla
• Mozilla è un progetto il cui scopo è
quello di proseguire lo sviluppo di
Netscape Communicator come opensource
• Partecipano al progetto Netscape,
RedHat, altre società, ma anche persone
comuni sulla rete
• Il progetto ha inizio alla fine del ciclo
vita di Netscape Communicator 4.x
6 Ottobre 2005
Stefano Clemente
46
Mozilla
• Il codice di Mozilla venne rilasciato il 31
Marzo 1998
• È possibile scaricare Mozilla da
http://www.mozilla.org nelle versioni
per Microsoft Windows, per Linux
• Mozilla è un insieme di strumenti e un
browser web open-source, concepiti per
il rispetto degli standard, le performance
e la portabilità
6 Ottobre 2005
Stefano Clemente
47
Mozilla Firefox
• È un browser
− gratuito
− open-source
− per Windows, Linux e MacOS X
• È leggero, veloce, facile da usare e offre
numerosi vantaggi rispetto agli altri
browser
− navigazione per schede
− possibilità di bloccare le finestre pop-up
• http://www.mozillaitalia.org/firefox/
6 Ottobre 2005
Stefano Clemente
48
Mozilla o Firefox?
• Mozilla (Application Suite)
− suite completa di applicazioni per il web
• browser
• programma di posta elettronica
• programma per la chat
• Mozilla Firefox è solo un browser
− Mozilla Firefox è più piccolo dell'intera Mozilla suite
• più veloce e facile da usare
• Mozilla Firefox non è solamente il browser di
Mozilla
− L'interfaccia utente di Mozilla Firefox differisce in
molti modi da quella di Mozilla
• barre degli strumenti personalizzabili
6 Ottobre 2005
Stefano Clemente
49
Installazione
6 Ottobre 2005
Stefano Clemente
50
Installazione Standard
6 Ottobre 2005
Stefano Clemente
51
Installazione Personalizzata
6 Ottobre 2005
Stefano Clemente
52
Installazione Personalizzata
6 Ottobre 2005
Stefano Clemente
53
Installazione
6 Ottobre 2005
Stefano Clemente
54
Primo Avvio
6 Ottobre 2005
Stefano Clemente
55
Primo Avvio
6 Ottobre 2005
Stefano Clemente
56
Firefox
• Il funzionamento non è
molto diverso da quello
di MSIE
• Anche Firefox ha una
barra degli indirizzi
all’interno della quale è
possibile digitare un URI
e la relativa risorsa
verrà richiamata alla
pressione del tasto invio
sulla tastiera o al click
sul tasto “Vai”
• Una volta ottenuta la
pagina è poi possibile
cliccare sugli Hyperlink
per richiamare ulteriori
elementi
6 Ottobre 2005
Stefano Clemente
57
6 Ottobre 2005
Stefano Clemente
58
Firefox
• Firefox tiene traccia della navigazione mantenendo la
cronologia degli indirizzi visitati
• Il modo più semplice di utilizzare la cronologia è
attraverso i bottoni “Indietro”
e “Avanti”
posti nella “Barra di Navigazione” o cliccando sulla
freccia rivolta verso il basso nella “Barra degli
Indirizzi”
• L’uso dei bottoni Avanti e Indietro permette il
richiamo delle pagine all’interno di una sessione di
navigazione
6 Ottobre 2005
Stefano Clemente
59
Firefox
• Non esiste un
bottone
“Cronologia” nella
“Barra di
Navigazione”
• La cronologia può
essere richiamata
cliccando sulla voce
“Cronologia” del
menu “Vai” o con la
combinazioni di tasti
<CTRL+H>
6 Ottobre 2005
Stefano Clemente
60
Firefox
• Quando si digita un URI nella barra degli indirizzi, vengono
mostrati tutti gli URI analoghi in un menu a cascata dal quale è
possibile selezionare quello desiderato
• È possibile il salvataggio di elementi
dalla pagina visualizzata (immagini,
file) cliccando con il pulsante destro
del mouse sull’elemento e
scegliendo una delle voci del menu
pop-up che appare
6 Ottobre 2005
Stefano Clemente
61
Firefox: La cache
• Firefox mantiene una copia delle pagine visitate in alcune
directory di cache, consentendo anche la navigazione “fuori
linea”
6 Ottobre 2005
Stefano Clemente
62
Firefox
• È possibile interrompere il caricamento di una
pagina attraverso il bottone “Stop”
• È possibile ricaricare una pagina attraverso il
bottone “Reload”
• È possibile salvare i link alle pagine web
preferite come “Segnalibri”
6 Ottobre 2005
Stefano Clemente
63
Firefox
• È possibile visualizzare il sorgente HTML
della pagina web visualizzata
6 Ottobre 2005
Stefano Clemente
64
Firefox: Ricerche in Internet
• Nella “Barra della
Navigazione” è presente
una casella per le ricerche
in internet con i principali
motori di ricerca
• Il motore predefinito è
Google
• Il motore da utilizzare può
essere scelto cliccando
sull’icona a lato
6 Ottobre 2005
Stefano Clemente
65
Firefox: FTP
• Mozilla fornisce anche
un’interfaccia grafica per
l’uso del protocollo FTP
• L’uso del protocollo viene
richiesto dall’utente
specificando URI del tipo
ftp://www.ei.unibo.it
(ovviamente, sul server
riferito dall’URI deve essere
attivo il servizio FTP)
• Normalmente l’utente
accede come “anonymous”,
cioè come utente anonimo,
sui siti ad accesso pubblico
• Sui siti riservati è richiesto
l’inserimento di un nome
utente e di una password
6 Ottobre 2005
Stefano Clemente
66
Firefox: FTP
• Non dispone di
un’interfaccia
simile a quella
delle cartelle di
Windows, ma
converte le
directory in file
html dove i
nomi dei file e
delle directory
sono hyperlinks
6 Ottobre 2005
Stefano Clemente
67
Firefox: Opzioni
• Dal menu “Strumenti”
→ “Opzioni…” è
possibile accedere a una
maschera di
configurazione di Firefox
6 Ottobre 2005
Stefano Clemente
68
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
69
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
70
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
71
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
72
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
73
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
74
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
75
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
76
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
77
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
78
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
79
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
80
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
81
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
82
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
83
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
84
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
85
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
86
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
87
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
88
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
89
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
90
Firefox: Opzioni
6 Ottobre 2005
Stefano Clemente
91