Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML.

Présentation au sujet: "Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML."— Transcription de la présentation:

1 Conservatoire National des Arts et des Métiers de Paris Représentation et édition de documents XML

2 Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé

3 Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé Difficile dinterpréter XML dans le texte :...

4 Conservatoire National des Arts et des Métiers de Paris Le contexte XML est très utilisé Graphique beaucoup plus lisible :

5 Conservatoire National des Arts et des Métiers de Paris Le problème XML... SVG ?

6 Conservatoire National des Arts et des Métiers de Paris La solution ? XML... SVG XSLT

7 Conservatoire National des Arts et des Métiers de Paris La solution, presque XML... SVG XSLT nest pas suffisant

8 Conservatoire National des Arts et des Métiers de Paris La solution XML XSLT Document 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.

9 Conservatoire National des Arts et des Métiers de Paris La représentation intermédiaire Ecrite en XML Comment 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

10 Conservatoire National des Arts et des Métiers de Paris Exemple Comment représenter :

11 Conservatoire National des Arts et des Métiers de Paris 1ère étape Générer ceci :

12 Conservatoire National des Arts et des Métiers de Paris 1ère étape Avec des boîtes : b c a

13 Conservatoire National des Arts et des Métiers de Paris Les boîtes 2 types de boîtes : finales : ne peuvent contenir ni boîtes ni ressorts non-finales : ne peuvent contenir que des boîtes et des ressorts

14 Conservatoire National des Arts et des Métiers de Paris Les boîtes Boîte finale : Petit bout de texte Largeur et hauteur fixées par celles du contenu

15 Conservatoire National des Arts et des Métiers de Paris Les boîtes Boîte non-finale horizontale : Hauteur fixée par le contenu Largeur peut varier entre un minimum et un maximum que lon peut fixer T

16 Conservatoire National des Arts et des Métiers de Paris Largeur fixée par le contenu Hauteur peut varier entre un minimum et un maximum que lon peut fixer Les boîtes Boîte non-finale verticale : T

17 Conservatoire National des Arts et des Métiers de Paris 2ème étape Générer ceci :

18 Conservatoire National des Arts et des Métiers de Paris 2ème étape La structure de boîte reste la même : b c a

19 Conservatoire National des Arts et des Métiers de Paris Propriété background Toutes les boîtes peuvent avoir un arrière- plan Pour attribuer un arrière-plan à une boîte, on fixe la valeur de lattribut background Cette information sera interprétée par le programme Java qui passe du document intermédiaire au document SVG

20 Conservatoire National des Arts et des Métiers de Paris Propriété background Avec notre exemple, on indique un background=blueRect pour les 3 boîtes de texte b c a Document de définitions Java

21 Conservatoire National des Arts et des Métiers de Paris 3ème étape Générer ceci :

22 Conservatoire National des Arts et des Métiers de Paris 3ème étape Il faut juste générer en plus les liens Un lien permet de lier graphiquement une boîte source et une boîte destination Un lien peut avoir un style b c a

23 Conservatoire National des Arts et des Métiers de Paris Ce quil faut retenir Le document intermédiaire contient : une structure de boîtes des liens (optionnels) XML XSLT Document intermédiaire SVG Java Document de définitions

24 Conservatoire National des Arts et des Métiers de Paris Exemple de représentation TAGML

25 Conservatoire National des Arts et des Métiers de Paris Exemple de représentation DRS

26 Conservatoire National des Arts et des Métiers de Paris Exemple de représentation Fantaisie

27 Conservatoire National des Arts et des Métiers de Paris Vers de lédition Intéressant de pouvoir éditer graphiquement Comment faire puisque le document SVG ne contient que des objets graphiques ? Cest le document XML source qui contient toute linformation Il faut lier un objet graphique à lélément correspondant dans le document source

28 Conservatoire National des Arts et des Métiers de Paris Complément sur le document intermédiaire Information que lon 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 XPointer désigne un élément graphique à laide dun identifiant unique

29 Conservatoire National des Arts et des Métiers de Paris Léditeur

30 Léditeur

31 Léditeur

32 Léditeur

33 Léditeur

34 Léditeur

35 Léditeur

36 Léditeur

37 Léditeur

38 Léditeur

39 Léditeur

40 Léditeur Disponible à ladresse suivante : http://www.loria.fr/equipes/led/outils/xmlEditor.html Contact : cocquet@loria.fr