Tecnologie lato Client: i Browser Stefano Clemente © 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 2005Stefano Clemente2 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 2005Stefano Clemente3 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 2005Stefano Clemente4 Connessione a Internet Hardware − modem − NIC (Network Interface Card) ISP (Internet Service Provider) − permettono la connessione a Internet − esempi Libero TIN Tiscali

6 Ottobre 2005Stefano Clemente5 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 2005Stefano Clemente6 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 2005Stefano Clemente7

6 Ottobre 2005Stefano Clemente8 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente9 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente10 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente11 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente12 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente13 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente14 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente15 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente16 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente17 Connessione a Internet: Microsoft Windows XP

6 Ottobre 2005Stefano Clemente18 Connessione a Internet: RedHat Linux 9

6 Ottobre 2005Stefano Clemente19 Connessione a Internet: RedHat Linux 9

6 Ottobre 2005Stefano Clemente20 Connessione a Internet: RedHat Linux 9

6 Ottobre 2005Stefano Clemente21 Connessione a Internet: RedHat Linux 9

6 Ottobre 2005Stefano Clemente22 Connessione a Internet: RedHat Linux 9

Microsoft Internet Explorer 6 (MSIE) Stefano Clemente © 2005 Stefano Clemente

6 Ottobre 2005Stefano Clemente24 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

6 Ottobre 2005Stefano Clemente25 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 ( ) MSIE

6 Ottobre 2005Stefano Clemente26 MSIE Un Hyperlink può riferire − una pagina web se cliccato provoca la visualizzazione della pagina riferita − un indirizzo 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 2005Stefano Clemente27 MSIE Indietro AvantiIl 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 CronologiaCliccando 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 2005Stefano Clemente28 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 2005Stefano Clemente29 MSIE: La cache MSIE mantiene una copia delle pagine visitate in alcune directory di cache, consentendo anche la navigazione “fuori linea”

6 Ottobre 2005Stefano Clemente30 MSIE StopÈ possibile interrompere il caricamento di una pagina attraverso il bottone “Stop” RefreshÈ possibile ricaricare una pagina attraverso il bottone “Refresh” È possibile salvare i link alle pagine web preferite

6 Ottobre 2005Stefano Clemente31 MSIE È possibile visualizzare il sorgente HTML della pagina web visualizzata

6 Ottobre 2005Stefano Clemente32 MSIE: Ricerche in Internet Internet offre una miriade di informazioni (spesso inutili) Si possono eseguire ricerche delle informazioni desiderate attraverso motori di ricerca (es. 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 2005Stefano Clemente33 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 2005Stefano Clemente34 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:// (ovviamente, sul server riferito dall’URI deve essere attivo il servizio FTP) 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 2005Stefano Clemente35 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 2005Stefano Clemente36 MSIE: Opzioni Strumenti Opzioni Internet…Dal menu Strumenti → Opzioni Internet… è possibile accedere a una maschera di configurazione di MSIE

6 Ottobre 2005Stefano Clemente37 MSIE: Opzioni → Generale Scelta della pagina da visualizzare all’apertura di MSIE Gestione della cache Gestione della cronologia

6 Ottobre 2005Stefano Clemente38 MSIE: Opzioni → Protezione Permette di specificare delle categorie di siti e applicare a ciascuna un livello di protezione

6 Ottobre 2005Stefano Clemente39 MSIE: Opzioni → Privacy Consente di scegliere quali tipi di informazioni inviare ai siti visitati attraverso una politica di blocco dei cookie

6 Ottobre 2005Stefano Clemente40 MSIE: Opzioni → Contenuto Permette di specificare a quali pagine accedere in base al loro contenuto Gestione dei certificati di identità

6 Ottobre 2005Stefano Clemente41 MSIE: Opzioni → Connessioni Scelta della connessione a Internet

6 Ottobre 2005Stefano Clemente42 MSIE: Opzioni → Programmi Programmi di default per i vari servizi Internet

6 Ottobre 2005Stefano Clemente43 MSIE: Opzioni → Avanzate

6 Ottobre 2005Stefano Clemente44 MSIE: Opzioni → Avanzate

Mozilla Firefox Stefano Clemente © 2005 Stefano Clemente

6 Ottobre 2005Stefano Clemente46 Mozilla 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

6 Ottobre 2005Stefano Clemente47 Mozilla Il codice di Mozilla venne rilasciato il 31 Marzo 1998 È possibile scaricare Mozilla da 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 2005Stefano Clemente48 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

6 Ottobre 2005Stefano Clemente49 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 2005Stefano Clemente50 Installazione

6 Ottobre 2005Stefano Clemente51 Installazione Standard

6 Ottobre 2005Stefano Clemente52 Installazione Personalizzata

6 Ottobre 2005Stefano Clemente53 Installazione Personalizzata

6 Ottobre 2005Stefano Clemente54 Installazione

6 Ottobre 2005Stefano Clemente55 Primo Avvio

6 Ottobre 2005Stefano Clemente56 Primo Avvio

6 Ottobre 2005Stefano Clemente57 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 2005Stefano Clemente58

6 Ottobre 2005Stefano Clemente59 Firefox Firefox tiene traccia della navigazione mantenendo la cronologia degli indirizzi visitati IndietroAvanti Barra di Navigazione Barra degli IndirizziIl 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” AvantiIndietroL’uso dei bottoni Avanti e Indietro permette il richiamo delle pagine all’interno di una sessione di navigazione

6 Ottobre 2005Stefano Clemente60 Firefox Cronologia Barra di NavigazioneNon esiste un bottone “Cronologia” nella “Barra di Navigazione” Cronologia Vai La cronologia può essere richiamata cliccando sulla voce “Cronologia” del menu “Vai” o con la combinazioni di tasti

6 Ottobre 2005Stefano Clemente61 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 2005Stefano Clemente62 Firefox: La cache Firefox mantiene una copia delle pagine visitate in alcune directory di cache, consentendo anche la navigazione “fuori linea”

6 Ottobre 2005Stefano Clemente63 Firefox StopÈ possibile interrompere il caricamento di una pagina attraverso il bottone “Stop” ReloadÈ possibile ricaricare una pagina attraverso il bottone “Reload” SegnalibriÈ possibile salvare i link alle pagine web preferite come “Segnalibri”

6 Ottobre 2005Stefano Clemente64 Firefox È possibile visualizzare il sorgente HTML della pagina web visualizzata

6 Ottobre 2005Stefano Clemente65 Firefox: Ricerche in Internet Barra della NavigazioneNella “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 2005Stefano Clemente66 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:// (ovviamente, sul server riferito dall’URI deve essere attivo il servizio FTP) 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 2005Stefano Clemente67 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 2005Stefano Clemente68 Firefox: Opzioni Strumenti Opzioni…Dal menu “Strumenti” → “Opzioni…” è possibile accedere a una maschera di configurazione di Firefox

6 Ottobre 2005Stefano Clemente69 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente70 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente71 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente72 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente73 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente74 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente75 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente76 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente77 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente78 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente79 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente80 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente81 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente82 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente83 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente84 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente85 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente86 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente87 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente88 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente89 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente90 Firefox: Opzioni

6 Ottobre 2005Stefano Clemente91 Firefox: Opzioni