Représentation et édition de documents XML

Conservatoire National des Arts et des Métiers de Paris

Représentation et Représentation et édition de édition de

documents XMLdocuments XML


Le contexteLe contexte

XML est très utilisé



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>



XML est très utiliséGraphique beaucoup plus lisible :


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

?


La solution ?La solution ?


SVG

XSLT


La solution, presqueLa solution, presque


SVG

XSLT n’est pas suffisant


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.


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


ExempleExemple

Comment représenter :


1ère étape1ère étape

Générer ceci :


1ère étape1ère étape

Avec des boîtes :

b c

a


2ème étape2ème étape

Générer ceci :



La structure de boîte reste la même :

b c

a


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


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



Générer ceci :



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


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


Exemple de représentationExemple de représentation

TAGML



DRS



Fantaisie


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


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


L’éditeurL’éditeur


L’éditeurL’éditeur

Disponible à l’adresse suivante :

http://www.loria.fr/equipes/led/outils/xmlEditor.html

Contact : [email protected]

Représentation et édition de documents XML

Documents

Transcript of Représentation et édition de documents XML