Exposé INFORSID 2014

INFORSID, Lyon, 20-23 mai 2014

Une représentation en graphe pour l'enseignement de XML

E. Desmontils!Université de Nantes

[email protected]

1. Contexte & objectifs!2. L'existant

3. Le modèle!4. Bilan

mailto:[email protected]


Contexte & Objectifs❖ Enseignements sur XML depuis de nombreuses années!

❖ Master Info (ATAL, ALMA), MIAGE, Bio-info, CCI!

❖ Approche pédagogique!

❖ Schémas XML (DTD, XSD, Relax NG)!

❖ XPath, XQuery!

❖ XSLT, SAX, DOM!

❖ Nécessité d'une représentation graphique des structures hiérarchiques XML.

2

Contexte & objectifs - L'existant - Le modèle - Bilan


Contexte & Objectifs❖ Contraintes "techniques"!

❖ Sujets de TD, TP, examen... en noir et blanc!

❖ Vidéo-projecteur !

❖ rythme soutenu, nécessite de pouvoir prendre connaissance rapidement d'un exemple!

❖ parfois un peu "fatigué"!

❖ Utilisation papier-crayon

3



Modélisations graphiques existantes❖ UML, Merise…

4



Modélisations graphiques existantes

❖ Les « feature models »!

❖ (Kang et al., 90) (Schonnens et al., 06)!

!

❖ Dédiées à XML!

❖ Forêt d'arbres!

❖ Fortement liées au schéma XSD

Oxygen XML editor

5



Modélisations graphiques existantes

❖

6


Motivations graphiques❖ Recherche d'une représentation graphique pour donner "l'idée" de

l'arbre résultant!

❖ Utilisation des "Crow's Foot Diagrams" (CFD)!

❖ (Everest, 76) !

!

!

❖ Évaluations visuelles favorables!

❖ Complexité graphique!

❖ Couleur, Noir & Blanc!

❖ (Bertin, 83) (Moody, 09)

noetunom

prénomloginmdp

Étudiant

noetucodematnnoteexnotecc

Note

codemattitre

responsablediplôme

Matière

7



Représentation des éléments XML

❖ Forme graphique : !

❖ élément : rectangle vert!

❖ contenu textuel : "listing" blanc!

❖ Exemples :!

❖ <!ELEMENT like EMPTY>!

❖ <!ELEMENT like (#PCDATA)>

8

like

mot-clé

txt



Représentation des attributs XML ❖ Forme graphique :!

❖ conteneur : rectangle arrondi jaune!

❖ Codage textuel pour le statut des attributs

clientpseudonom-cl

prénom-cl

like#client

{stars}/'0'

9

forme DTD1 nom-cl nom-cl CDATA #REQUIRED2 %date-modif date-modif CDATA #IMPLIED3 pseudo pseudo ID #REQUIRED4 #client client IDREF #REQUIRED5 #(clients) clients IDREFS #REQUIRED6 {stars} stars (0|1|2|3|4|5)

#REQUIRED7 stars/'0' stars CDATA '0'… … …



Une extension : liens ID/IDREF

❖ Forme graphique :!

❖ IDREF : flèche pointillée bleue claire vers l'attribut ID correspondant!

❖ IDREFS : flèche pointillée bleue avec départ CFD!

❖ Attention : absent des langages de schéma

clientpseudonom-cl

prénom-cl

like#client

{stars}/'0'

txt

acteurpseudonom-a

prénom-a

filmtitre-f

#(acteurs)

10



Composition d'éléments XML

❖ Répétition d'éléments !

❖ Inspiration directe des CFD utilisés en modélisation de schémas relationnels!

❖ Utilisation asymétrique

11


A1

B1

A2

B2

A3

B3

A4

B4

<!ELEMENT A1 (B1)>

<!ELEMENT A2 (B2?)>

<!ELEMENT A3 (B3*)>

<!ELEMENT A4 (B4+)>


Composition d'éléments XML ❖ Structuration hiérarchique!


❖ séquence : point!

❖ alternative : fourche!

❖ importance de la topographie!

❖ variables planaires (Bertin, 83) !

❖ ↓ : descendance!

❖ → : ordre de la fratrie (séquence) & attributs

A

B1 B2 B3 B4

<!ELEMENT A (B1, B2, B3, B4)>

A

B1 B2 B3 B4

<!ELEMENT A (B1 | B2 | B3 | B4)>

12



Groupe et sous-groupe ❖ Forme graphique :!

❖ pentagone beige!

❖ Exemple : !

❖ <!ELEMENT artiste (joue|réalise|compose)+>

joue#dansrôle

réalise#le-film compose #la-bo-de

artiste

13



Modélisation hiérarchique

❖ Objectif : limitation de la complexité graphique !

❖ utilisation de schémas connus!

❖ limitation du nombre d’éléments du graphe (référence à un autre graphe)!


❖ nuage blanc

biographie

<body>XHTML

liste-films

film+

14



Bilan ❖ Mise en œuvre depuis plusieurs années,

avec amélioration continue...!

❖ Pas complet au regard des schémas!

❖ Mon impression :!

❖ Utile pour la compréhension des schémas!

❖ Pratique pour XPath et les API de développement !

❖ Encore un peu lourd graphiquement

15



Évaluation graphique ❖ Clarté sémiotique : relation entre l'objet graphique et le concept!

❖ Idéal → bijection!

❖ Discrimination perceptive : discrimination visuelle entre deux objets graphiques!

❖ Dépend de variables graphiques!

❖ Transparence sémantique : compréhension par les experts, mais aussi les autres!

❖ L'aspect suggère le concept!

❖ Gestion de la complexité : charge visuelle, superpositions, etc.

16

(Moody, 09)



Évaluation graphique ❖ Intégration cognitive : navigation sur plusieurs

diagrammes!

❖ Expressivité visuelle : multiplication des variables visuelles!

❖ Double codage : texte + variables visuelles!

❖ Économie graphique : pas trop de symboles graphiques!

❖ Adaptation cognitive : adaptation au(x) support(s)

17


(Moody, 09)


Bilan : mini-sondage❖ Année 2013-2014!

❖ 52 étudiants, 35 répondants!

❖ M1 MIAGE (Cl., Al.), M1 ATAL, M2 CCI!

❖ Utilité (0 à 4) : !

❖ 77% à 3 et 4!

❖ moyenne : 3,02!

❖ Complexité!

❖ 68% facile, très facile!

❖ 60% ATAL, !

❖ 54% MIAGE Cl.!

❖ 85% MIAGE Al., !

❖ 67% CCI

18

Utilité

0

2

4

6

8

10

12

14

16

0 1 2 3 4

11,4 %

57,1 %

31,4 %

Très complexeComplexeFacileTrès facile

Utilisé en CM,

TD, TP, CC


Perspectives

❖ Vers une modélisation orientée XML ?!

❖ G4LX → Schéma XML et réciproquement !

❖ Modèle Conceptuel → G4LX !

❖ IDM

19

1. Analyse 2. modèle conceptuel (MCD Merise - Classes UML)

3. modèle logique (MLD - graphes)

4. modèle physique (Schéma XML)

<?xml version="1.0" encoding="UTF-8"?><!ENTITY % xhtml SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >%xhtml;<!ELEMENT AMV (liste-types-client, liste-films, liste-artistes) >

<!ELEMENT liste-types-client (type-client)+ ><!ELEMENT type-client (client*) ><!ATTLIST type-client désignation CDATA #REQUIRED ><!ELEMENT client (liste-amis, liste-fans, liste-mots-clés?)><!ATTLIST client pseudo ID #REQUIRED nom-cl CDATA #REQUIRED prénom-cl CDATA #REQUIRED adresse CDATA #REQUIRED date-naissance-cl CDATA #REQUIRED date-inscription CDATA #REQUIRED >


Perspectives❖ Faut-il étendre le modèle ?!

❖ Types XSD !

❖ Types DTD (NMTOKEN, NOTATION)!

!

❖ Mesures de graphes pour l'aide à la pédagogie !

❖ (Moody, 09) (Le Pallec et al., 13)!

❖ Et en 3D ?

station-référence

station-observation

type-station

altitudenom

txt

20



Merci pour votre attention. Avez vous des questions ?

21

Exposé INFORSID 2014

Presentations & Public Speaking

Transcript of Exposé INFORSID 2014