Reprsentation et dition de documents XML

1
Représentation et édition de documents XML
2
Le contexte

• XML est très utilisé

3
Le contexte

• XML est très utilisé
• Difficile dinterpréter XML dans le texte

lttree name"a"gt ltnode cat"ap" id"ap_"
type"std"gt ltnarg type"bot"gt
ltfsgt ltf id"X1" name"gen" /gt
ltf id"X0" name"num" /gt
ltf id"X2" name"restr" /gt lt/fsgt
lt/narggt ... lt/nodegt lt/treegt
4
Le contexte

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

5
Le problème

• XML

lttree name"a"gt ltnode cat"ap" id"ap_"
type"std"gt ltnarg type"bot"gt
ltfsgt ltf id"X1" name"gen" /gt
ltf id"X0" name"num" /gt
ltf id"X2" name"restr" /gt lt/fsgt
lt/narggt ... lt/nodegt lt/treegt
?
?
SVG
6
La solution ?

• XML

lttree name"a"gt ltnode cat"ap" id"ap_"
type"std"gt ltnarg type"bot"gt
ltfsgt ltf id"X1" name"gen" /gt
ltf id"X0" name"num" /gt
ltf id"X2" name"restr" /gt lt/fsgt
lt/narggt ... lt/nodegt lt/treegt
XSLT
?
SVG
7
La solution, presque

• XML

lttree name"a"gt ltnode cat"ap" id"ap_"
type"std"gt ltnarg type"bot"gt
ltfsgt ltf id"X1" name"gen" /gt
ltf id"X0" name"num" /gt
ltf id"X2" name"restr" /gt lt/fsgt
lt/narggt ... lt/nodegt lt/treegt
XSLT nest pas suffisant
?
SVG
8
La solution
XML

• 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
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
Exemple

• Comment représenter

11
1ère étape

• Générer ceci

12
1ère étape

• Avec des boîtes

13
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
Les boîtes

• Boîte finale

Petit bout de texte

• Largeur et hauteur fixées par celles du contenu

15
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

16
Les boîtes

• Boîte non-finale verticale

• Largeur fixée par le contenu
• Hauteur peut varier entre un minimum et un
  maximum que lon peut fixer

17
2ème étape

• Générer ceci

18
2ème étape

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

19
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
Propriété background

• Avec notre exemple, on indique un
  backgroundblueRect pour les 3 boîtes de texte

Java
?
Document de définitions
21
3ème étape

• Générer ceci

22
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

23
Ce quil faut retenir
Document de définitions

• Le document intermédiaire contient
• une structure de boîtes
• des liens (optionnels)

24
Exemple de représentation
TAGML
25
Exemple de représentation
DRS
26
Exemple de représentation
Fantaisie
27
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
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
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.h
  tml
• Contact cocquet_at_loria.fr