Programma delle lezioniLABORATORIO B

Lezione 01: 27/02 martedi 10-12 Lezione 02: 06/03 martedi 10-12 Lezione 03: 13/03 martedi 10-12 Lezione 04: 20/03 martedi 10-12 Lezione 05: 27/03 martedi 10-12 Lezione 06: 03/04 martedi 10-12 Lezione 07: 17/04 martedi 10-12 Lezione 08: 24/04 martedi 10-12 Lezione 09: 04/05 venerdi 10-12 Lezione 10: 08/05 martedi 10-12

Dove? "laboratorio multimediale"

Informatica Umanistica A.A. 2005/2006

LEZIONE 6

Ripasso XML – DTDIntroduzione a XSL

Lezione 6SOMMARIO

1. Ripasso XML e concetti DTD2. Validare per imparare3. Ripasso di alcuni esempi4. Primi passi con XSL5. Primi esempi con XSL

XML – DTD – XSL

Nel file XML c’è il contenuto “vero e proprio” semanticamente strutturato

La DTD (o lo Schema) definiscono la sintassi

dell’XML

Il file XSL definisce la visualizzazione

Breve riassunto progetto

PAGINA .XML (contenuto)

PAGINA .DTD (struttura - almeno 3 livelli)

PAGINA .XSL (visualizzazione)

VALIDATORE:http://validator.w3.org/

Un esempio più completo - File: lettera.xml

<?xml version="1.0" encoding="UTF-8" standalone=“yes" ?>

<!DOCTYPE lettera [<!ELEMENT lettera (to, from, intestazione, corpo_domanda)><!ELEMENT to (#PCDATA)><!ELEMENT from (#PCDATA)><!ELEMENT intestazione (#PCDATA)><!ELEMENT corpo_domanda (#PCDATA)>

]>

<lettera><to>Pippo</to><from>Nicola</from><intestazione>Domanda: </intestazione><corpo_domanda>Cosa fai stasera? </corpo_domanda>

</lettera>

DTD

Contenuto XML

Validare per imparare

http://validator.w3.org/

Riassunto:Definizione ELEMENTI

Gli elementi possono essere dichiarati con la sintassi:

<!ELEMENT nome-elemento tipo> nel caso di elemento che non ha figli.

<!ELEMENT nome-elemento (figli)> per un elemento con figli: i nomi dei figli vengono dichiarati all’interno delle parentesi.

Le virgole, separano gli elementi (figlio1, figlio2) indicano un ordine di successione obbligatorio.

Riassunto: Tipi di ELEMENTI

Gli elementi vuoti vengono dichiarati con la sintassi:<!ELEMENT nome-elemento EMPTY>

Gli elementi di tipo carattere sono dichiarati con la sintassi:<!ELEMENT nome-elemento (#PCDATA)>

Gli elementi di tipo misto sono dichiarati con la sintassi:<!ELEMENT nome-elemento ANY>

Riassunto:Cardinalità ELEMENTI

Elementi obbligatori, ma presenti una sola volta:<!ELEMENT nome-elemento (figlio)>

Obbligatori, e presenti almeno una volta:<!ELEMENT nome-elemento (figlio+)>

Facoltativi e presenti diverse volte:<!ELEMENT nome-elemento (figlio*)>

Facoltativi e, se presenti, una volta sola:<!ELEMENT nome-elemento (figlio?)>

Per dichiarare due elementi presenti in alternativa:<!ELEMENT TIPO (cassetta|disco)>

ATTRIBUTI degli ELEMENTI

Gli attributi aggiungono informazioni extra sugli elementi. ESEMPIO HTML?

SINTASSI: <!ATTLIST nome-elemento nome-attributo tipo-attributo “valore-standard”>

ESEMPIO XML: <PAGAMENTO tipo="CHECK">10.000</PAGAMENTO> ESEMPIO DTD:<!ATTLIST PAGAMENTO TIPO CDATA "CHECK">

ESEMPIO XML: <contatto fax="555-667788" /> ESEMPIO DTD:

<!ATTLIST contatto fax CDATA #IMPLIED>

Attributi degli ELEMENTI (2)

Per ogni elemento possono essere indicati una serie di attributi (ATTLIST), definiti in base alla obbligatorietà o meno della loro presenza. Diversi tipi di presenza:

#REQUIRED, la presenza dell'attributo è obbligatorio

#FIXED, il valore dell'attributo è fisso #IMPLIED, l'attributo è previsto ma non

obbligatorio e non ha un valore di default.

Lista ATTRIBUTI

Sintassi: <!ATTLIST nome-elemento nome-attributo

(el1 | el2 |..) “valore-standard”> ESEMPIO DTD: <!ATTLIST pagamento tipo (check|

cash) "cash"> Il valore puo' essere o cash o check e cash e'

quello di default (se non viene specificato)

ESEMPIO XML: 1. <pagamento tipo="cash" />2. <pagamento tipo="check" />

Ripasso ENTITA’

Le entità servono per dichiarare dei testi o delle iscrizioni fisse che vengono inserite ripetutamente all’ interno dei documenti. Possono essere interne o esterne.

Sintassi:<!ENTITY nome-entità “valore">

DTD:<!ENTITY nome “Mario Rossi">

XML: (nb: l’entità costituisce parte dell’elemento email)

<email> &nome;@ditta.it </email>

XSL (eXtensible Stylesheet Language)

XSL = eXtensible Stylesheet Language

anche detto “foglio di stile”

Noooo, un altro linguaggio!?! Ma a che serve l'XSL???

XSL per immagini

immagine a http://www.cmswatch.com/images/XSL-transform-final.gif

XSL per immagini

immagine a http://www.intranetjournal.com/articles/200010/tmk0900-3b.gif

XSL per immagini

immagine a http://www.intranetjournal.com/articles/200104/wireless_files/Wireless6.gif

XSL per immagini

immagine a http://architag.com/tag/images/fig14060102-1.gif

Basi dell’XSL

Un file XSL è formato da una serie di template (modelli) che contengono le regole di trasformazione dei tag del documento XML. Questi template vengono applicati ai tag corrispondenti nel file XML.

NB: nel nostro caso, le notazioni saranno in formato HTML

Esempio intuitivo. con il file XSL potro' dire:

l'elemento “cognome” del file XML trasformalo in un elemento “H3” dell'HTML

Per applicare una formattazione ad un documento XML è necessario richiamare il documento XSL dal file XML.

Richiamare il file XSL dal documento XML

Jkfaslfd

Dkl;fsakl fdksjl

Fdsjflsdf

fsdjlsfjls

Documento rubrica.xml

Documento rubrica.xsl

Jkfaslfd

Dkl;fsakl fdksjl

Fdsjflsdf

fsdjlsfjls

Pagina web

Per applicare una formattazione ad un documento XML è necessario richiamare il documento XSL dal file XML.

Ok, ma come e dove? Seconda riga, cosi':

<?xml version="1.0" encoding="UTF-8" standalone=”yes" ?><?xml-stylesheet type="text/xsl" href="./rubrica.xsl"?>

<!DOCTYPE RUBRICA [<!ELEMENT RUBRICA (PERSONA)*><!ELEMENT PERSONA (DATI_ANAGRAFICI, TELEFONO)><!ELEMENT DATI_ANAGRAFICI (NOME*, COGNOME*, INDIRIZZO?)>

Richiamare il file XSL dal documento XML

E ora?

Ora vedremo a livello teorico i principali costrutti dell'XSL

Chi se la sente puo' provare ad applicare quanto vede (velocemente!) ad uno dei file XML (RSS) che appaiono a http://www.repubblica.it/servizi/rss/index.html

in modo da farlo apparire come la homepage di corriere.it

Salvatevi il file in locale. Facile? Noooooooooooo

Le basi dei template

In un file XSL le regole di trasformazione sono contenute all'interno degli elementi template

<xsl:template>...</xsl:template>

Tramite l'attributo match possiamo specificare il tag a cui si riferiscono queste regole.

<xsl:template match="RUBRICA">

Nel nostro esempio vedremo che il template contiene le regole di trasformazione dell'elemento root del file XML (l'elemento <rubrica>).

Esempio template

<xsl:template match="RUBRICA"><HTML> <HEAD> <TITLE>Rubrica di esempio</TITLE> </HEAD> <BODY BGCOLOR="#559cd7"> ………………..</HTML>

</xsl:template>

Estrapolazione dei dati dal documento XML

All’interno di ogni template e’ possibile effettuare delle ricerche per estrapolare dati e visualizzarli nel browser.

esempio: trova l'elemento “cognome” del file XML e trasformalo in un elemento “H3” dell'HTML

Ai dati viene applicato il linguaggio HTML per apparire su video (nel nostro caso! Altri formati di output sono possibili!)

Elementi principali per cercare elementi nel documento XML

1. Estrazione semplice dei valori 2. Estrazione condizionata3. Estrazione con if

ESTRAZIONE ELEMENTI SEMPLICE: for-each e value-of

SINTASSI:

<xsl:for-each select="nome-elemento">

<xsl:value-of select="./nome-elemento"/>

</xsl:for-each>NB: attenzione al percorso

ESTRAZIONE ELEMENTI SEMPLICE: for-each e value-of

SINTASSI:

<xsl:for-each select="nome-elemento">

<xsl:value-of select="./nome-elemento"/>

</xsl:for-each>- <xsl:....> sono tag, vanno chiusi, hanno attributi!

- di solito for-each viene usato per riempire una struttura ripetitiva (es: TABLE)

- di solito con value-of si seleziona un sottoelemento

ESTRAZIONE CONDIZIONATA DI ELEMENTI: test con []

SINTASSI:<xsl:for-each select=“nome-elemento">

<xsl:for-each select="./[nome-elemento='valore-

elemento']">

</xsl:for-each></xsl:for-each>

ESTRAZIONE CONDIZIONATA DI ATTRIBUTI: test con []

SINTASSI:<xsl:for-each select=“nome-elemento">

<xsl:for-each select="./*[@nome-attributo=‘valore-

attributo']">

</xsl:for-each></xsl:for-each>

ESTRAZIONE CONDIZIONATA: test con if

<xsl:for-each select="nome-attributo">

<xsl:if test="./nome-elemento= 'valore-attributo' ">

</xsl:if>

</xsl:for-each>

Primo file XSL

Cosa facciamo ora?

Creiamo un foglio di stile (XSL) per rubrica.xml

Istruzioni a

http://moloko.itc.it/paoloblog/a.html

ATTENZIONE!!! Al fine di modificare i file con un editor sotto Windows, ci conviene dare estensione .xml ai file XSL. Useremo quindi la seguente convenzione

File XML: rubrica_dati.xml

File XSL: rubrica_stile_001.xml

Applicheremo diversi fogli di stile allo stesso XML cambiando la seconda riga, quella che definisce il foglio di stile da usare

Esempio completo – Rubrica.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><?xml-stylesheet type="text/xsl" href="./rubrica_stile_001.xml"?>

<!DOCTYPE RUBRICA [<!ELEMENT RUBRICA (PERSONA)*><!ELEMENT PERSONA (DATI_ANAGRAFICI, TELEFONO)><!ELEMENT DATI_ANAGRAFICI (NOME*, COGNOME*, INDIRIZZO?)><!ELEMENT TELEFONO (FISSO?, MOBILE?)><!ELEMENT NOME (#PCDATA)><!ELEMENT COGNOME (#PCDATA)><!ELEMENT FISSO (NUMERO+)><!ELEMENT MOBILE (NUMERO+)><!ELEMENT NUMERO (#PCDATA)><!ELEMENT INDIRIZZO ((PIAZZA | VIA)?, N_CIVICO?, CITTA?, CAP?)><!ELEMENT PIAZZA (#PCDATA)><!ELEMENT VIA (#PCDATA)><!ELEMENT N_CIVICO (#PCDATA)><!ELEMENT CITTA (#PCDATA)><!ELEMENT CAP (#PCDATA)><!ATTLIST NUMERO prefisso CDATA #IMPLIED compagnia (wind | vodafone | tim | tre )

#IMPLIED>]>

Esempio completo – Rubrica.xml

<RUBRICA> <PERSONA>

<DATI_ANAGRAFICI><NOME>Giulio</NOME><COGNOME>Cesare</COGNOME><INDIRIZZO>

<PIAZZA>Bruto</PIAZZA><N_CIVICO>10</N_CIVICO><CITTA>Roma</CITTA><CAP>10100</CAP>

</INDIRIZZO></DATI_ANAGRAFICI><TELEFONO>

<FISSO><NUMERO prefisso="06">321654</NUMERO>

</FISSO><MOBILE>

<NUMERO compagnia="wind">32557684785</NUMERO></MOBILE>

</TELEFONO></PERSONA>

<PERSONA>

………………………………….

</PERSONA></RUBRICA>

Esempio completo – rubrica_stile_001.xml (e' un XSL!)

<?xml version="1.0"?><xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<html><head>

<title>Rubrica</title></head><body>

<font face="Verdana,Arial"><center><h1>Rubrica</h1>Qui si usa la sintassi per visualizzare il contenuto del file rubrica.xml.Si possono usare immagini, link e altro codice HTML come ad esempio:<a href="http://www.google.it"><strong> Il motore di Ricerca google </strong></a>Oppure visualizzare tutto il contenuto xml:<h5>Rubrica:</h5>

<xsl:apply-templates/>

<strong>Per non vederlo cosi la prossima volta si spieghera' la sintassi XSL: Lezione 6-7 </strong></center></font>

</body></html>

</xsl:template></xsl:stylesheet>

Esercizio finale

Modificare sintassi rubrica.xsl

XSLT – esempio1: people.xml

<?xml version="1.0" ?><?xml-stylesheet href="people.xsl" type="text/xsl" ?><people>

<person><name>

<first_name>Alan</first_name><last_name>Turing</last_name>

</name><born>1912</born><died>1954</died><profession>computer scientist</profession><profession>mathematician</profession><profession>cryptographer</profession>

</person>… (altre persone)

</people>

XSLT – esempio1: people.xsl

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl" version="1.0">

<xsl:template>

<xsl:apply-templates/>

</xsl:template>

<xsl:template match="people"><html>

<body bgcolor="#995588" text="white"><center><h1>Scienziati famosi</h1></center> <hr/><table border="1">

<xsl:for-each select="person"><tr bgcolor=“silver">

<td colspan=“4"><xsl:value-of select="name"/></td>

</tr>

Continua…

<tr>

<td>Anno di nascita: </td><td><xsl:value-of select="born"/></td>

<td>Anno di morte: </td><td><xsl:value-of select="died"/></td>

</tr>

</xsl:for-each></table>

</body></html>

</xsl:template>

</xsl:stylesheet>

Esercizio

1. Costruire la DTD per people.xml2. Validare people.xml3. Inserire l’entità autore4. Richiamare l’entità autore nel file xsl

usando il costrutto<xsl:value-of select=“…..