Sun Academic Initiative

Sun Academic Initiative - SAI - è un programma ideato per rafforzare la collaborazione fra Sun e le Istituzioni Accademiche [ulteriori informazioni al sito SUN Microsystems].

Il nostro dipartimento ha aderito nel Giugno 2005 al programma. Ciò permetterà agli studenti, afferenti al Polo di Crema, di poter frequentare gratuitamente corsi di formazione on-line messi a disposizione direttamente da SUN Microsystems. I corsi vertono principalmente sulle tecnologie Java e Solaris. Una lista completa dei corsi la potete trovare all'indirizzo: [Elenco di tutti i Corsi disponibili].

Per il momento, il programma è aperto in via sperimentale agli studenti dei corsi "Laboratorio di Informatica Applicata" e "Laboratorio di Informatica nell'Artigianato". Di certo, i corsi costituiscono una ulteriore preziosa opportunità di studio ed approfondimento personale. Per accedere ai corsi è necessario un codice di accesso. Invito tutti gli studenti interessati a rivolgersi al docente, Roberto Sassi [sassi@dti.unimi.it] che vi fornirà le informazioni necessarie.

Una volta ricevuto i codici, trovate le istruzioni per l'accesso a questo indirizzo.

Tenete presente che ogni corso deve essere completato entro 90 giorni, calcolati dal momento in cui è stato fatto partire. Conviene pertanto selezionare e fare partire solo i corsi che si intende seguire.




Rudimenti di HTML e HTTP

Giovedì, 16 Novembre 2005




OBIETTIVI DELLA LEZIONE

In questa lezione:

  1. (ri)vedremo come costruire delle semplici pagine HTML 4.01
  2. (ri)vedremo la struttura delle tabelle HTML
  3. Comprenderemo come client e server interagiscono
  4. Vedremo i fondamenti del protocollo HTTP

HTML per esempi




Tabelle in HTML

Riferimenti utili

Le specifiche dell'HTML 4.01 in formato chm le potete trovare qui.

Un succinto manuale di riferimento ("pocket") è Gabriele Gigliotti, "HTML 4.01. La guida tascabile al linguaggio del Web", Apogeo 2004.

Siti di riferimento interessanti sono as esempio:
In Italiano:

In Inglese:




HTTP

Le pagine HTML che abbiamo imparato a costruire in questa lezione sono solo dei files di testo a cui per convenzione abbiamo dato l'estensione .html o .htm. Possiamo aprirli con un browser internet, come Internet Explorer o Firefox. I browsers mentre li leggono ne interpretano i tag HTML e visualizzano il contenuto formattato a video. Possiamo cliccare sui links, e se questi puntano a files che sono sullo stesso computer, il browser li apre e ne mostra il contenuto.




Se vogliamo invece che le nostre pagine siano disponibili sul web, dobbiamo metterle su di un Server che, su richiesta del nostro browser, ce le fornisca.


Client e Server

Il web browser che ci permette di navigare è detto client o anche user agent. Su di un computer "remoto" detto Server machine è installato un programma detto server che è in grado di fornire al client una pagina HTML in seguito ad una domanda specifica (del client).

Il client non ha nessuna idea di come il server generi il documento. Il server è per il client come una scatola nera. Il client effettua una richiesta e si aspetta un file HTML come risposta.

Il protocollo di trasferimento degli ipertesti che viene utilizzato è l'HTTP (HyperText Transfer Protocol). [Scarica i lucidi finali della lezione; sono da studiare]

Materiale di riferimento (in inglese):





Lab

Esercizio 1

Con SciTE, creare una semplice pagina personale che contenga almeno una vostra foto (se l'avete a portata di mano, altrimenti una immagine qualsiasi), il vostro nome e cognome e la vostra matricola. La pagina deve avere un titolo a vostra scelta. Disponete i vari elementi utilizzando sfondo e colori che più preferite.

Esercizio 2

  1. Creare la cartella "Esercizio2_HTML"
  2. copiare (non spostare) 6 file .java che avete scritto nelle scorse esercitazioni di laboratorio.
  3. create una pagina HTML con titolo "Esercizio2 di vostroCognome" (deve vedersi nella barra in alto della finestra del browser NON nella pagina html visualizzata).
    Scrivere il testo: 6 ESERCIZI SVOLTI IN LABORATORIO e sotto fare una tabella del tipo:
    -----------------------
    |     6 esercizi      |
    |   di nome cognome   |
    |     matricola       |
    -----------------------
    |  ex1     |  ex2     |
    -----------------------
    |  ex3     |  ex4     |
    -----------------------
    |  ex5     |  ex6     |
    -----------------------
    
    dove ex1, etc., è il nome di un file. Ciascun nome deve essere un link (funzionante) all'esercizio corrispondente (al file java).

Esercizio 3: IMPORTANTISSIMO!

Un file HTML è solo un file di testo. Abbiamo visto nella lezione scorsa che in Java possiamo creare e modificare dei file di testo. Ma allora perché non scrivere un programma che crei automaticamente delle pagine HTML? E' utilissimo sopratutto per strutture ripetitive come le tabelle.
Studia il primo esempio: CreaFileHtml1.java. Il programma crea un file HTML elementare. Non limitarti a compilarlo ed eseguirlo! Leggi attentamente il sorgente e cerca di capire ogni riga di codice!
Quando il primo esempio è chiaro, passa al secondo CreaFileHtml2.java. Il programma crea una tabella delle potenze del 2 e del 3 da 0 a 10. Studiando il sorgente vedrai un tag HTML non visto a lezione (th: serve per fare le intestazioni delle colonne).
Se hai capito i due esempi precedenti, prendendone spunto crea un tuo programma "tabelline.java" che crea una pagina HTML ("tabelline.html") con una tabella delle "tabelline" da 1 a 10 (come quella che tutti abbiamo imparato a memoria in seconda elementare).

Esercizio 4

Scrivere un programma "converti.java" che crea una pagina HTML che contiene il testo ben formattato del libro dell'"inferno" della "Divina commedia" di Dante Alighieri.
Questo è un esercizio impegnativo, ma hai le conoscenze per affrontalo! Come procedere:

  1. Scarica questo file nella tua cartella: inferno.txt. Contiene il testo del libro di Dante.
  2. Prendi spunto dagli esempi dell'esercizio precedente e prepara il programma "converti.java" in modo che crei un file HTML vuoto dal nome "inferno.html" con il titolo opportuno ("INFERNO :: DIVINA COMMEDIA :: DANTE ALIGHIERI"). Verifica che il file HTML sia stato creato opportunamente.
  3. Modifica ora il tuo programma in modo che apra il file "INFERNO.TXT" in modalità testo. Leggi un carattere alla volta dal file. Se il carattere è
    • '\n' scrivi in "inferno.html" una interruzione di riga in HTML cioè <br />
    • il primo '~' che trovi scrivi in "inferno.html" l'indicazione che il testo deve essere in corsivo cioè <i>. Al secondo scrivi </i>
    • i primi due '*' che trovi scrivi in "inferno.html" l'indicazione che il testo deve essere in neretto cioè <b>
    • . Dopo il quarto carattere '*' scrivi </b>.
    • altrimenti copialo tale e quale in "inferno.html".
    Per sapere se il carettere '*' è il secondo o il quarto che trovi, utilizza una variabile che incrementi quando ne trovi uno e che azzeri quando scrivi il tag di chiusura </b>. Lo stesso vale per il carattere '~'.

©2005 Roberto Sassi