XMLXML

Un format d'échange et un Un format d'échange et un langage de présentation des langage de présentation des

données associé au HTMLdonnées associé au HTML

XML : philosophieXML : philosophie

►Format d'échange des données :Format d'échange des données : Fichier de texte brut, sans caractères Fichier de texte brut, sans caractères

spéciaux.spéciaux. Structure indépendante de la mise en Structure indépendante de la mise en

forme.forme. Syntaxe simple, structurée et normalisée.Syntaxe simple, structurée et normalisée.

XML : définitionsXML : définitions

►XML = eXML = eXXtended tended MMarkup arkup LLanguageanguage►CSS = CSS = CCascade ascade SStyle tyle SSheetheet►XSL= XML Style Language XSL= XML Style Language

TransformationsTransformations (XSLT)(XSLT)

XML : philosophieXML : philosophie

►Séparation des données et de la Séparation des données et de la présentation de celles-ciprésentation de celles-ci Utilisation de scripts (php, asp, …)pour Utilisation de scripts (php, asp, …)pour

construire la feuille XML des données,construire la feuille XML des données, Utilisation de feuille de style CSS pour Utilisation de feuille de style CSS pour

définir la présentation,définir la présentation, Utilisation de feuille de style XSL pour Utilisation de feuille de style XSL pour

transformer les balises XML en HTML.transformer les balises XML en HTML.

XML : Production d'une page XML : Production d'une page HTMLHTML

D onnées

Page W eb H TM L affichée

(page virtuelle)

Requête SQL

Script de production de

la feuille HTML

Extraction et présentation des données : volumineux et

difficile à maintenir

Feuille de données HTML (virtuelle)

envoyée au client

Feuille de style

C SS

Association du code html au style

(par le navigateur)

Feuille HTML volumineuse

XML : Production d'une page XML : Production d'une page XMLXML__

D onnées Feuille de style

C SS

Page W eb H TM L affichée

(page virtuelle)

Requête SQL

Script de production de la feuille XML

Script de présentation des

données

Extraction et présentation des données : volumineux et difficile à maintenir

Feuille de données XML (virtuelle)

envoyée au clientFeuille de style, script de mise en forme XSL

envoyée au client

Extraction contenant les données, uniquement.

Facile à maintenir

XML : Des balises comme on XML : Des balises comme on veutveut

►Pas de norme de nommage des balisesPas de norme de nommage des balises►Une seule contrainte : ouvrir et fermer Une seule contrainte : ouvrir et fermer

les balises (comme en html)les balises (comme en html) Exemple :Exemple :

►<balise <balise propriété=valeurpropriété=valeur>> ContenuContenu </balise></balise>

Balise de début

Contenu de la balise

Balise de fin : /balise

Propriété de la balise

XML : Des balises comme on XML : Des balises comme on veutveut

► ExempleExemple<listeDesGroupes><listeDesGroupes>

<titreDeLaListe><titreDeLaListe>GroupeGroupe</titreDeLaListe></titreDeLaListe><groupe <groupe id="g001"id="g001">>

<nom><nom>Groupe folklorique du Groupe folklorique du BachkortostanBachkortostan</nom></nom>

<pays><pays>BachkirieBachkirie</pays></pays></groupe></groupe><groupe <groupe id="g002"id="g002">>

<nom><nom>Marina Prudencio ChavezMarina Prudencio Chavez</nom></nom><pays><pays>BolivieBolivie</pays></pays>

</groupe></groupe>……

</listeDesGroupes></listeDesGroupes>(*) Notez l'entrelacement des balises, comme en html

**

*

XML : Ajouter une XML : Ajouter une présentationprésentation

► Entête "mime", arbre XMLEntête "mime", arbre XML► Définit que la feuille contient une structure de données XML, Définit que la feuille contient une structure de données XML,

arbre=structure.arbre=structure.

► CSS : Présentation par feuille de styleCSS : Présentation par feuille de style► Définit les styles de présentation : couleur, position, etc. …Définit les styles de présentation : couleur, position, etc. …

► XSL : Feuille de style de transformation des XSL : Feuille de style de transformation des balisesbalises

► Script de conversion des balises XML en balises HTML.Script de conversion des balises XML en balises HTML.

► DTD : Feuille de définition des balisesDTD : Feuille de définition des balises► Définit et fige les noms des balises et leur arborescence Définit et fige les noms des balises et leur arborescence

possible. possible. ► Permet de fixer "l'orthographe et la syntaxe" de l'arbre.Permet de fixer "l'orthographe et la syntaxe" de l'arbre.

XML : les exemples du TDXML : les exemples du TD

►XML1.php : texte brutXML1.php : texte brut Produit un texte sans présentation :Produit un texte sans présentation :

groupe(s) Groupe folklorique du Bachkortostan Bachkirie Marina Prudencio Chavez Bolivie Nangola Bahia de Salvador Brésil Bizone de Kawarma Bulgarie Groupe folklorique camerounais Cameroun Syoung Yaru Mask Dance Group Corée du Sud Pipe Band Ecosse Aira da Pedra Espagne The Jersey Caledonian Pipe Band Jersey Groupe …

XML : les exemples du TDXML : les exemples du TD

►XML2.phpXML2.php►+ type mime+ type mime

Affiche l'arbre XML :Affiche l'arbre XML :

+ ou - : Possibilité de "plier" ou "déplier" les

sous arbres.

XML : les exemples du TDXML : les exemples du TD

►XML3.php : XML3.php : ►+ feuille de style + feuille de style

CSSCSS

Affiche une page Affiche une page avec une avec une présentation présentation approximative :approximative :

XML : les exemples du TDXML : les exemples du TD

►XML4.php : + feuille de style XMLXML4.php : + feuille de style XML►XML5.php : + feuilles de style XML et XML5.php : + feuilles de style XML et

CSSCSS