Édition d'algorithmes cliniques (Gestion:Tâches/Liste/69)

Type	Amélioration
Création	Michaël St-Gelais
Responsable(s)	Antoine Mercier-Linteau, Mattéo Delabre, Charles-Éric Noël Laflamme
État	En cours
Date de création	2018/02/01
Échéance	aucune
Priorité	Normale
Projet(s)	Project:Développement Modèle:Flowchart

<noinclude>

</noinclude>

Cette tâche consiste en trouver une façon d'éditer directement des algorithmes diagnostics directement à partir de wiki sans passer par des images. Existe-t-il déjà une librairie qu'on pourrait intégrer à l'Éditeur Visuel?

Voici ce que cette librairie devrait accomplir:

1. Permettre la création de graphiques style « flowchart ».
2. Le module devra générer une syntaxe textuelle (SVG?) qui sera réinterprétée en un graphique interactif (et non une image).
3. La syntaxe devra permettre à un programme de naviguer la logique de l'algorithme.
4. Le graphique devra être éditable à même l'interface de l'Éditeur Visuel (éditable par le web).
5. Idéalement, aucun backend sur le serveur pour faire la conversion entre la syntaxe et le graphique interactif.

---

Aucune sous-tâche à afficher.

Aucune sous-tâche assignée à cette tâche.

Sous-tâches

-	Type	Priorité	Titre	Responsable(s)	État	Création

Voir les sous-tâches terminées...

---

1 Comparaison des librairies

Nom	Extension MediaWiki	Édition visuelle	Langage de sortie	Avantages	Désavantages
Vega	Oui	Oui	JSON	Très puissant, supporte de nombreux types de visualisation de données Bonne intégration à MediaWiki (exemple) Basé sur D3.js (très populaire)	Ne semble pas supporter les diagrammes
Draw.io / Mxgraph	Très basiques: Drawio DrawioEditor	Oui, mais à l'extérieur de MediaWiki	SVG (et autres)	Populaire Interface très développée et orientée diagrammes Peut générer autre chose que des flowcharts (par ex: diagrammes d'interaction pour la physiologie)
react-flow-chart	Non	Oui	JS	Semble simple Basé sur react.js Très flexible	semble moins bien documentée
react-diagrams	Non	Oui	HTML	Très flexible Basé sur react.js
Cytoscape.js	Non	Non	?	Très utilisé dans le monde de la recherche Très flexible Supporte SBGN, un langage de description standardisé de processus biologiques	Ne semble pas d'emblée fait pour afficher des flowcharts (plugin) Super complexe

2 Comparaison des extensions MediaWiki

Adaptée de la page « Diagrams » sur mediawiki.org.

Extension MediaWiki	Édition visuelle	Langage sous-jacent	Types de diagrammes	Dépendances système	Dernière mise à jour
Cognitive Process Designer	Oui	BPMN XML	Flowcharts	Semantic MediaWiki	2016
Dia	Non	Dia	Flowcharts	Dia	2018
Ditaa	Non	ditaa	Diagrammes divers	ditaa	2018
Drawio	Non	(Intégration avec draw.io)	Diagrammes divers	—	2016
DrawioEditor	Oui	(Intégration avec draw.io)	Diagrammes divers	—	2017
GraphViz	Non	DOT, Mscgen	Flowcharts, diagrammes de séquences	GraphViz et/ou Mscgen, Extension ImageMap	2018
Mermaid	Non	Mermaid	Flowcharts, diagrammes de Gantt, autres diagrammes	—	2019

4 Archive de discussion

Je suis quasiment certain qu'il n'existe pas de module Mediawiki pour le faire. Par contre, il doit exister des librairies pour le faire à l'aide d'un navigateur. Il suffirait donc de les adapter pour en faire un plug-in de l'éditeur visuel. Antoine Mercier-Linteau (discussion) 2 février 2018 à 04:08 (EST)

Le wiki de médecine d'urgence Wikiem a fait face au même problème et ont décidé de bypasser mediawiki en générant leurs algorithmes avec LucidChart. Antoine Mercier-Linteau (discussion) 4 février 2018 à 15:01 (EST)

Ouais je sais... J'ai vu ce que WikiEM faisait, c'est pour ça que j'aurais souhaité un module pour simplifier le plus possible l'utilisation pour nos utilisateurs.

Mais en termes non spécialisé, ça veut dire quoi des librairies pour le faire à l'aide d'un navigateur et le plug-in machin truc... :D Je ne comprends pas.

Michaël St-Gelais (discussion) 7 février 2018 à 20:54 (EST)

Une librairie constituerait un base de fonctions que nous pourrions ajouter (plug-in) à l'éditeur visuel de Wikimedica. De cette manière, les éditeurs pourraient modifier les algorithmes comme ils modifient des pages. La manière dont Wikiem s'y prend, c'est à partir d'un compte partagé sur LucidCharts (genre ils donnent le password à tout le monde) duquel ils génèrent des images qu'ils importent ensuite sur leur wiki. Ça "fait la job", mais c'est très bancale et c'est loin d'être une solution durable. Antoine Mercier-Linteau (discussion) 9 février 2018 à 10:41 (EST)

Graphviz est installé sur Wikimedica, mais il y aurait aussi Mermaid. Malheureusement, ni l'une ni l'autre ne permet l'édition visuelle, mais ce pourrait être un bon point de départ. Antoine Mercier-Linteau (discussion) 9 juillet 2018 à 00:19 (EDT)