tecnologie lato client: i browser stefano clemente [email protected] © 2005 stefano clemente i...

Tecnologie lato Client:Tecnologie lato Client:i Browseri Browser

Stefano [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)

6 Ottobre 2005 Stefano Clemente 2

Riferimenti bibliograficiRiferimenti 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


IntroduzioneIntroduzione

• 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


Connessione a InternetConnessione a Internet

• Hardware−modem−NIC (Network Interface Card)

• ISP (Internet Service Provider)−permettono la connessione a Internet−esempi

• Libero• TIN• Tiscali


Connessione a InternetConnessione 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


Connessione a InternetConnessione a Internet

• Connessione Dial-Up−Usano le normali linee telefoniche−Richiedono un modem

• Una volta stabilito il tipo di collegamento è possibile configurare un PC


Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP


Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9

Microsoft Internet Explorer 6 Microsoft Internet Explorer 6 (MSIE)(MSIE)




MSIEMSIE

•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://


• 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 ( )

MSIEMSIE


MSIEMSIE

• 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


MSIEMSIE

• Il modo più semplice di utilizzare la cronologia è attraverso i bottoni “IndietroIndietro” e “AvantiAvanti”

• L’uso dei bottoni Avanti e Indietro permette il richiamo delle pagine all’interno di una sessione di navigazione

• Cliccando sul bottone “CronologiaCronologia” è 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


MSIEMSIE• 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


MSIE: La cacheMSIE: La cache• MSIE mantiene una copia delle pagine visitate in alcune directory di

cache, consentendo anche la navigazione “fuori linea”


MSIEMSIE

• È possibile interrompere il caricamento di una pagina attraverso il bottone “StopStop”

• È possibile ricaricare una pagina attraverso il bottone “RefreshRefresh”

• È possibile salvare i link alle pagine web preferite


MSIEMSIE

• È possibile visualizzare il sorgente HTML della pagina web visualizzata


MSIE: Ricerche in InternetMSIE: 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

http://www.google.it/


MSIE: Ricerche in InternetMSIE: 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


MSIE: FTPMSIE: 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

ftp://www.ei.unibo.it/


MSIE: FTPMSIE: 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


MSIE: OpzioniMSIE: Opzioni

• Dal menu StrumentiStrumenti → Opzioni Internet…Opzioni Internet… è possibile accedere a una maschera di configurazione di MSIE


MSIE: Opzioni → GeneraleMSIE: Opzioni → Generale

•Scelta della pagina da visualizzare all’apertura di MSIE

•Gestione della cache

•Gestione della cronologia


MSIE: Opzioni → ProtezioneMSIE: Opzioni → Protezione•Permette di specificare delle

categorie di siti e applicare a ciascuna un livello di protezione


MSIE: Opzioni → PrivacyMSIE: Opzioni → Privacy

•Consente di scegliere quali tipi di informazioni inviare ai siti visitati attraverso una politica di blocco dei cookie


MSIE: Opzioni → ContenutoMSIE: Opzioni → Contenuto

• Permette di specificare a quali pagine accedere in base al loro contenuto

• Gestione dei certificati di identità


MSIE: Opzioni → ConnessioniMSIE: Opzioni → Connessioni

•Scelta della connessione a Internet


MSIE: Opzioni → ProgrammiMSIE: Opzioni → Programmi

• Programmi di default per i vari servizi Internet


MSIE: Opzioni → AvanzateMSIE: Opzioni → Avanzate

Mozilla Firefox 1.0.4Mozilla Firefox 1.0.4




MozillaMozilla

• Mozilla è un progetto il cui scopo è quello di proseguire lo sviluppo di Netscape Communicator come open-source

• 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


MozillaMozilla

• 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à

http://www.mozilla.org/


Mozilla FirefoxMozilla 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/


Mozilla o Firefox?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


InstallazioneInstallazione


Installazione StandardInstallazione Standard


Installazione PersonalizzataInstallazione Personalizzata


InstallazioneInstallazione


Primo AvvioPrimo Avvio


FirefoxFirefox• 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


FirefoxFirefox• Firefox tiene traccia della navigazione mantenendo la

cronologia degli indirizzi visitati

• Il modo più semplice di utilizzare la cronologia è attraverso i bottoni “IndietroIndietro” e “AvantiAvanti” posti nella “Barra di NavigazioneBarra di Navigazione” o cliccando sulla freccia rivolta verso il basso nella “Barra degli Barra degli IndirizziIndirizzi”

• L’uso dei bottoni AvantiAvanti e IndietroIndietro permette il richiamo delle pagine all’interno di una sessione di navigazione


FirefoxFirefox• Non esiste un

bottone “CronologiaCronologia” nella “Barra di Barra di NavigazioneNavigazione”

• La cronologia può essere richiamata cliccando sulla voce “CronologiaCronologia” del menu “VaiVai” o con la combinazioni di tasti <CTRL+H><CTRL+H>


FirefoxFirefox•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


Firefox: La cacheFirefox: La cache• Firefox mantiene una copia delle pagine visitate in alcune

directory di cache, consentendo anche la navigazione “fuori linea”


FirefoxFirefox• È possibile interrompere il caricamento di una

pagina attraverso il bottone “StopStop”• È possibile ricaricare una pagina attraverso il

bottone “ReloadReload”• È possibile salvare i link alle pagine web

preferite come “SegnalibriSegnalibri”


FirefoxFirefox

• È possibile visualizzare il sorgente HTML della pagina web visualizzata


Firefox: Ricerche in InternetFirefox: Ricerche in Internet

• Nella “Barra della Barra della NavigazioneNavigazione” è 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


Firefox: FTPFirefox: 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

ftp://www.ei.unibo.it/


Firefox: FTPFirefox: 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


Firefox: OpzioniFirefox: Opzioni

• Dal menu “StrumentiStrumenti” → “Opzioni…Opzioni…” è possibile accedere a una maschera di configurazione di Firefox

tecnologie lato client: i browser stefano clemente [email protected] © 2005 stefano clemente i...

Documents