https://wiki.lololand.org/index.php?action=history&feed=atom&title=Exemple_BPMN.js Exemple BPMN.js - Historique des versions 2026-05-25T20:49:04Z Historique des versions pour cette page sur le wiki MediaWiki 1.45.1 https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&diff=155&oldid=prev Loic : Harmonisation du titre interne (BPMN.js) 2026-04-02T17:27:00Z <p>Harmonisation du titre interne (BPMN.js)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 2 avril 2026 à 19:27</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td> <td colspan="2" class="diff-lineno">Ligne 1 :</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= Exemple BPMN <del style="font-weight: bold; text-decoration: none;">JS </del>=</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= Exemple BPMN<ins style="font-weight: bold; text-decoration: none;">.js </ins>=</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Cette page montre un workflow &#039;&#039;&#039;BPMN&#039;&#039;&#039; rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039; dans MediaWiki.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Cette page montre un workflow &#039;&#039;&#039;BPMN&#039;&#039;&#039; rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039; dans MediaWiki.</div></td></tr> <!-- diff cache key mediawiki:diff:1.41:old-151:rev-155:php=table --> </table> Loic https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&diff=151&oldid=prev Loic : Loic a déplacé la page Exemple BPMN JS vers Exemple BPMN.js : Harmonisation du titre (BPMN JS -> BPMN.js) 2026-04-02T17:25:38Z <p>Loic a déplacé la page <a href="/index.php/Exemple_BPMN_JS" class="mw-redirect" title="Exemple BPMN JS">Exemple BPMN JS</a> vers <a href="/index.php/Exemple_BPMN.js" title="Exemple BPMN.js">Exemple BPMN.js</a> : Harmonisation du titre (BPMN JS -&gt; BPMN.js)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 2 avril 2026 à 19:25</td> </tr><tr><td colspan="4" class="diff-notice" lang="fr"><div class="mw-diff-empty">(Aucune différence)</div> </td></tr> <!-- diff cache key mediawiki:diff:1.41:old-28:rev-151 --> </table> Loic https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&diff=28&oldid=prev Loic le 18 mars 2026 à 22:23 2026-03-18T22:23:52Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 19 mars 2026 à 00:23</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Ligne 3 :</td> <td colspan="2" class="diff-lineno">Ligne 3 :</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Cette page montre un workflow &#039;&#039;&#039;BPMN&#039;&#039;&#039; rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039; dans MediaWiki.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Cette page montre un workflow &#039;&#039;&#039;BPMN&#039;&#039;&#039; rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039; dans MediaWiki.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class="oc-bpmn-container"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class="oc-bpmn-container<ins style="font-weight: bold; text-decoration: none;">" style="width:100%; max-width:100%; overflow:auto; border:1px solid #ccc; padding:8px; box-sizing:border-box;</ins>"&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>   &lt;div class="oc-bpmn-viewer"&gt;&lt;/div&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>   &lt;div class="oc-bpmn-viewer<ins style="font-weight: bold; text-decoration: none;">" style="width:100%; height:600px; min-height:600px;</ins>"&gt;&lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>   &lt;pre class="oc-bpmn-xml"&gt;&lt;?xml version="1.0" encoding="UTF-8"?&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>   &lt;pre class="oc-bpmn-xml<ins style="font-weight: bold; text-decoration: none;">" style="display:none;</ins>"&gt;&lt;?xml version="1.0" encoding="UTF-8"?&gt;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;bpmn:definitions xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;bpmn:definitions xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   xmlns:bpmn=&quot;http://www.omg.org/spec/BPMN/20100524/MODEL&quot;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   xmlns:bpmn=&quot;http://www.omg.org/spec/BPMN/20100524/MODEL&quot;</div></td></tr> <!-- diff cache key mediawiki:diff:1.41:old-20:rev-28:php=table --> </table> Loic https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&diff=20&oldid=prev Loic : /* Exemple BPMN JS */ 2026-03-18T22:12:09Z <p><span class="autocomment">Exemple BPMN JS</span></p> <a href="https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&amp;diff=20&amp;oldid=7">Voir les modifications</a> Loic https://wiki.lololand.org/index.php?title=Exemple_BPMN.js&diff=7&oldid=prev Maintenance script : Création de la page d'exemple BPMN 2026-03-18T20:54:49Z <p>Création de la page d&#039;exemple BPMN</p> <p><b>Nouvelle page</b></p><div>= Exemple BPMN JS =<br /> <br /> Cette page montre un workflow &#039;&#039;&#039;BPMN&#039;&#039;&#039; rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039; dans MediaWiki.<br /> <br /> &lt;div class=&quot;oc-bpmn-container&quot;&gt;<br /> &lt;div class=&quot;oc-bpmn-viewer&quot;&gt;&lt;/div&gt;<br /> &lt;pre class=&quot;oc-bpmn-xml&quot;&gt;&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&amp;gt;<br /> &amp;lt;bpmn:definitions xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;<br /> xmlns:bpmn=&quot;http://www.omg.org/spec/BPMN/20100524/MODEL&quot;<br /> xmlns:bpmndi=&quot;http://www.omg.org/spec/BPMN/20100524/DI&quot;<br /> xmlns:dc=&quot;http://www.omg.org/spec/DD/20100524/DC&quot;<br /> xmlns:di=&quot;http://www.omg.org/spec/DD/20100524/DI&quot;<br /> id=&quot;Definitions_1&quot;<br /> targetNamespace=&quot;http://bpmn.io/schema/bpmn&quot;&amp;gt;<br /> &amp;lt;bpmn:process id=&quot;Process_1&quot; isExecutable=&quot;false&quot;&amp;gt;<br /> &amp;lt;bpmn:startEvent id=&quot;StartEvent_1&quot; name=&quot;Début&quot;&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_1&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;/bpmn:startEvent&amp;gt;<br /> &amp;lt;bpmn:userTask id=&quot;Task_1&quot; name=&quot;Analyser la demande&quot;&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_1&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_2&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;/bpmn:userTask&amp;gt;<br /> &amp;lt;bpmn:exclusiveGateway id=&quot;Gateway_1&quot; name=&quot;Complet ?&quot;&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_2&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_3&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_4&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;/bpmn:exclusiveGateway&amp;gt;<br /> &amp;lt;bpmn:userTask id=&quot;Task_2&quot; name=&quot;Demander des compléments&quot;&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_4&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_5&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;/bpmn:userTask&amp;gt;<br /> &amp;lt;bpmn:userTask id=&quot;Task_3&quot; name=&quot;Valider&quot;&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_3&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;bpmn:outgoing&amp;gt;Flow_6&amp;lt;/bpmn:outgoing&amp;gt;<br /> &amp;lt;/bpmn:userTask&amp;gt;<br /> &amp;lt;bpmn:endEvent id=&quot;EndEvent_1&quot; name=&quot;Fin&quot;&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_5&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;bpmn:incoming&amp;gt;Flow_6&amp;lt;/bpmn:incoming&amp;gt;<br /> &amp;lt;/bpmn:endEvent&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_1&quot; sourceRef=&quot;StartEvent_1&quot; targetRef=&quot;Task_1&quot; /&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_2&quot; sourceRef=&quot;Task_1&quot; targetRef=&quot;Gateway_1&quot; /&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_3&quot; name=&quot;Oui&quot; sourceRef=&quot;Gateway_1&quot; targetRef=&quot;Task_3&quot; /&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_4&quot; name=&quot;Non&quot; sourceRef=&quot;Gateway_1&quot; targetRef=&quot;Task_2&quot; /&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_5&quot; sourceRef=&quot;Task_2&quot; targetRef=&quot;EndEvent_1&quot; /&amp;gt;<br /> &amp;lt;bpmn:sequenceFlow id=&quot;Flow_6&quot; sourceRef=&quot;Task_3&quot; targetRef=&quot;EndEvent_1&quot; /&amp;gt;<br /> &amp;lt;/bpmn:process&amp;gt;<br /> &amp;lt;bpmndi:BPMNDiagram id=&quot;BPMNDiagram_1&quot;&amp;gt;<br /> &amp;lt;bpmndi:BPMNPlane id=&quot;BPMNPlane_1&quot; bpmnElement=&quot;Process_1&quot;&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;StartEvent_1_di&quot; bpmnElement=&quot;StartEvent_1&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;173&quot; y=&quot;117&quot; width=&quot;36&quot; height=&quot;36&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;Task_1_di&quot; bpmnElement=&quot;Task_1&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;260&quot; y=&quot;95&quot; width=&quot;100&quot; height=&quot;80&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;Gateway_1_di&quot; bpmnElement=&quot;Gateway_1&quot; isMarkerVisible=&quot;true&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;425&quot; y=&quot;110&quot; width=&quot;50&quot; height=&quot;50&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;Task_2_di&quot; bpmnElement=&quot;Task_2&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;540&quot; y=&quot;180&quot; width=&quot;120&quot; height=&quot;80&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;Task_3_di&quot; bpmnElement=&quot;Task_3&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;540&quot; y=&quot;60&quot; width=&quot;100&quot; height=&quot;80&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNShape id=&quot;EndEvent_1_di&quot; bpmnElement=&quot;EndEvent_1&quot;&amp;gt;<br /> &amp;lt;dc:Bounds x=&quot;718&quot; y=&quot;117&quot; width=&quot;36&quot; height=&quot;36&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNShape&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_1_di&quot; bpmnElement=&quot;Flow_1&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;209&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;260&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_2_di&quot; bpmnElement=&quot;Flow_2&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;360&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;425&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_3_di&quot; bpmnElement=&quot;Flow_3&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;475&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;540&quot; y=&quot;100&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_4_di&quot; bpmnElement=&quot;Flow_4&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;450&quot; y=&quot;160&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;540&quot; y=&quot;220&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_5_di&quot; bpmnElement=&quot;Flow_5&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;660&quot; y=&quot;220&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;736&quot; y=&quot;153&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;bpmndi:BPMNEdge id=&quot;Flow_6_di&quot; bpmnElement=&quot;Flow_6&quot;&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;640&quot; y=&quot;100&quot; /&amp;gt;<br /> &amp;lt;di:waypoint x=&quot;718&quot; y=&quot;135&quot; /&amp;gt;<br /> &amp;lt;/bpmndi:BPMNEdge&amp;gt;<br /> &amp;lt;/bpmndi:BPMNPlane&amp;gt;<br /> &amp;lt;/bpmndi:BPMNDiagram&amp;gt;<br /> &amp;lt;/bpmn:definitions&amp;gt;&lt;/pre&gt;<br /> &lt;/div&gt;<br /> <br /> == Source ==<br /> Le XML BPMN est stocké directement dans la page puis rendu par &#039;&#039;&#039;bpmn-js&#039;&#039;&#039;.</div> Maintenance script