Leïa Nathan Delyo

Arrangement des fragments sur un grand format, rangés en colonnes pour être facilement lus et parce que c'est plus facile à traiter.

L'ordre d'apparition est encore à décider, entre ordre numérique des ID ou un ordre type Star Wars (4 5 6 1 2 3 3½ 7 8 9... plus aléatoire).

Derrière le texte en noir, des noeuds reliés par des lignes ou flèches en fonction des relations de question-réponse (pour ne pas dire 'parentalité' ndlr.).

Nathan a eu l'idée de faire ça sur le plotteur, parce qu'il permet l'impression à grand format.

Cet exercice permettrait de se familiariser avec la manipulation par le JavaScript DOM et de représenter graphiquement un réseau de nature distribuée.

Piste nathan d'outils: GraphVis

Pseudo-code

Graph vis est un outils Open Source de visualisation de structure en diagrammes. L'outil se base sur le language DOT

   digraph {
     a -> b 
   }

Et avec ce code on peut visualiser une bulle 'a' dont part une flèche qui mène à b.

Peut être demander un structure au init.js de produire par exemple pour le fragment 0001 d'afficher son ID et de si il a un enfant afficher :

   0001 -> 000? // l'ID de son enfant

En fessant cela on pourrai implémenter ces lignes dans graphVis et génère un digramme en SVG.

Pour le VERSO on pourrait imprimer l'entièreté des fragments en mettant juste devant chaque fragment leur ID

Code

Construire deux fonction dans le fichier databuilder.js dans lequelle on trouve plusieur fonctions. 1er fonction BuildGraph const buildDigraph = () => { let digraph = ''; Object.keys(fragments).forEach(key => { let line = key + '-> {'; //enfants = fragments[key]['children'] fragments[key]['children'].forEach (reponse => { line= line + reponse + ' '; }) line = line+'}'; digraph = digraph + line + '\n' ; }); return digraph; };