Embed Size (px)
Citation preview
Conservatoire National des Arts et des Métiers de Paris
Représentation et Représentation et édition de édition de
documents XMLdocuments XML
Conservatoire National des Arts et des Métiers de Paris
Le contexteLe contexte
XML est très utilisé
Conservatoire National des Arts et des Métiers de Paris
Le contexteLe contexte
XML est très utiliséDifficile d’interpréter XML dans le texte :
<tree name="a"> <node cat="ap" id="ap_" type="std"> <narg type="bot"> <fs> <f id="X1" name="gen" /> <f id="X0" name="num" /> <f id="X2" name="restr" /> </fs> </narg> ... </node></tree>
Conservatoire National des Arts et des Métiers de Paris
Le contexteLe contexte
XML est très utiliséGraphique beaucoup plus lisible :
Conservatoire National des Arts et des Métiers de Paris
Le problèmeLe problème
XML<tree name="a"> <node cat="ap" id="ap_" type="std"> <narg type="bot"> <fs> <f id="X1" name="gen" /> <f id="X0" name="num" /> <f id="X2" name="restr" /> </fs> </narg> ... </node></tree>
SVG
?
Conservatoire National des Arts et des Métiers de Paris
La solution ?La solution ?
XML<tree name="a"> <node cat="ap" id="ap_" type="std"> <narg type="bot"> <fs> <f id="X1" name="gen" /> <f id="X0" name="num" /> <f id="X2" name="restr" /> </fs> </narg> ... </node></tree>
SVG
XSLT
Conservatoire National des Arts et des Métiers de Paris
La solution, presqueLa solution, presque
XML<tree name="a"> <node cat="ap" id="ap_" type="std"> <narg type="bot"> <fs> <f id="X1" name="gen" /> <f id="X0" name="num" /> <f id="X2" name="restr" /> </fs> </narg> ... </node></tree>
SVG
XSLT n’est pas suffisant
Conservatoire National des Arts et des Métiers de Paris
La solutionLa solution
XML
XSLTDocument
intermédiaire SVG
Java
Rôles du document intermédiaire :représenter un graphique de manière
abstraite,pas de coordonnées,décrire la position des objets
graphiques les uns par rapport aux autres.
Conservatoire National des Arts et des Métiers de Paris
La représentation La représentation intermédiaireintermédiaire
Ecrite en XMLComment réussir à placer les objets les uns
par rapport aux autres ? Par un système emprunté à LaTeX : des
boîtes imbriquées séparées par des ressorts
Conservatoire National des Arts et des Métiers de Paris
ExempleExemple
Comment représenter :
Conservatoire National des Arts et des Métiers de Paris
1ère étape1ère étape
Générer ceci :
Conservatoire National des Arts et des Métiers de Paris
1ère étape1ère étape
Avec des boîtes :
b c
a
Conservatoire National des Arts et des Métiers de Paris
2ème étape2ème étape
Générer ceci :
Conservatoire National des Arts et des Métiers de Paris
2ème étape2ème étape
La structure de boîte reste la même :
b c
a
Conservatoire National des Arts et des Métiers de Paris
Propriété Propriété backgroundbackground
Toutes les boîtes peuvent avoir un arrière-plan
Pour attribuer un arrière-plan à une boîte, on fixe la valeur de l’attribut background
Cette information sera interprétée par le programme Java qui passe du document intermédiaire au document SVG
Conservatoire National des Arts et des Métiers de Paris
Propriété Propriété backgroundbackground
Avec notre exemple, on indique un background=‘blueRect’ pour les 3 boîtes de texte
b c
a
Document de définitions
Java
Conservatoire National des Arts et des Métiers de Paris
3ème étape3ème étape
Générer ceci :
Conservatoire National des Arts et des Métiers de Paris
3ème étape3ème étape
Il faut juste générer en plus les liensUn lien permet de lier graphiquement une
boîte source et une boîte destinationUn lien peut avoir un style
b c
a
Conservatoire National des Arts et des Métiers de Paris
Ce qu’il faut retenirCe qu’il faut retenir
Le document intermédiaire contient :une structure de boîtesdes liens (optionnels)
XML
XSLTDocument
intermédiaire SVG
Java
Document de définitions
Conservatoire National des Arts et des Métiers de Paris
Exemple de représentationExemple de représentation
TAGML
Conservatoire National des Arts et des Métiers de Paris
Exemple de représentationExemple de représentation
DRS
Conservatoire National des Arts et des Métiers de Paris
Exemple de représentationExemple de représentation
Fantaisie
Conservatoire National des Arts et des Métiers de Paris
Vers de l’éditionVers de l’édition
Intéressant de pouvoir éditer graphiquementComment faire puisque le document SVG
ne contient que des objets graphiques ?C’est le document XML source qui contient
toute l’informationIl faut lier un objet graphique à l’élément
correspondant dans le document source
Conservatoire National des Arts et des Métiers de Paris
Complément sur le document Complément sur le document intermédiaireintermédiaire
Information que l’on va stocker dans le document intermédiaire sous forme de référence
Une référence :désigne un élément du document source
avec un XPointerdésigne un élément graphique à l’aide
d’un identifiant unique
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Conservatoire National des Arts et des Métiers de Paris
L’éditeurL’éditeur
Disponible à l’adresse suivante :
http://www.loria.fr/equipes/led/outils/xmlEditor.html
Contact : [email protected]
