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

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 : cocquet@loria.fr