Diagramme_Etats_boutique_online.drawio.html 13 KB

123456789101112
  1. <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Diagramme_Etats_boutique_online.drawio.html</title>
  6. <meta charset="utf-8"/>
  7. </head>
  8. <body>
  9. <div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{&quot;highlight&quot;:&quot;#0000ff&quot;,&quot;nav&quot;:true,&quot;resize&quot;:true,&quot;xml&quot;:&quot;&lt;mxfile host=\&quot;app.diagrams.net\&quot; modified=\&quot;2024-01-11T09:34:50.400Z\&quot; agent=\&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\&quot; etag=\&quot;XlrqqkweAN5XafZMnhR5\&quot; version=\&quot;22.1.18\&quot; type=\&quot;device\&quot;&gt;&lt;diagram name=\&quot;Page-1\&quot; id=\&quot;vZzuDGO48mS6IhsJkrBa\&quot;&gt;&lt;mxGraphModel dx=\&quot;1764\&quot; dy=\&quot;978\&quot; grid=\&quot;1\&quot; gridSize=\&quot;10\&quot; guides=\&quot;1\&quot; tooltips=\&quot;1\&quot; connect=\&quot;1\&quot; arrows=\&quot;1\&quot; fold=\&quot;1\&quot; page=\&quot;1\&quot; pageScale=\&quot;1\&quot; pageWidth=\&quot;827\&quot; pageHeight=\&quot;1169\&quot; background=\&quot;none\&quot; math=\&quot;0\&quot; shadow=\&quot;0\&quot;&gt;&lt;root&gt;&lt;mxCell id=\&quot;0\&quot;/&gt;&lt;mxCell id=\&quot;1\&quot; parent=\&quot;0\&quot;/&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-2\&quot; value=\&quot;\&quot; style=\&quot;ellipse;html=1;shape=endState;fillColor=#000000;strokeColor=#ff0000;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;425\&quot; y=\&quot;810\&quot; width=\&quot;30\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-34\&quot; value=\&quot;S3\&quot; style=\&quot;swimlane;fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=0;resizeLast=1;container=0;fontColor=#000000;collapsible=0;rounded=1;arcSize=30;strokeColor=#ff0000;fillColor=#ffffc0;swimlaneFillColor=#ffffc0;dropTarget=0;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;360\&quot; y=\&quot;570\&quot; width=\&quot;160\&quot; height=\&quot;60\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-35\&quot; value=\&quot;Résumé achat\&quot; style=\&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;spacingLeft=4;spacingRight=4;whiteSpace=wrap;overflow=hidden;rotatable=0;fontColor=#000000;\&quot; parent=\&quot;jLtcrEwOuzIpL3msuPO9-34\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry y=\&quot;30\&quot; width=\&quot;160\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-37\&quot; value=\&quot;S1\&quot; style=\&quot;swimlane;fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=0;resizeLast=1;container=0;fontColor=#000000;collapsible=0;rounded=1;arcSize=30;strokeColor=#ff0000;fillColor=#ffffc0;swimlaneFillColor=#ffffc0;dropTarget=0;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;360\&quot; y=\&quot;260\&quot; width=\&quot;160\&quot; height=\&quot;60\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-38\&quot; value=\&quot;Panier vide\&quot; style=\&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;spacingLeft=4;spacingRight=4;whiteSpace=wrap;overflow=hidden;rotatable=0;fontColor=#000000;\&quot; parent=\&quot;jLtcrEwOuzIpL3msuPO9-37\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry y=\&quot;30\&quot; width=\&quot;160\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-40\&quot; value=\&quot;\&quot; style=\&quot;ellipse;html=1;shape=startState;fillColor=#000000;strokeColor=#ff0000;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;425\&quot; y=\&quot;200\&quot; width=\&quot;30\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-41\&quot; value=\&quot;\&quot; style=\&quot;edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;rounded=0;\&quot; parent=\&quot;1\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;440\&quot; y=\&quot;260\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;mxPoint x=\&quot;440\&quot; y=\&quot;230\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; value=\&quot;S2\&quot; style=\&quot;swimlane;fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=0;resizeLast=1;container=0;fontColor=#000000;collapsible=0;rounded=1;arcSize=30;strokeColor=#ff0000;fillColor=#ffffc0;swimlaneFillColor=#ffffc0;dropTarget=0;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;360\&quot; y=\&quot;430\&quot; width=\&quot;160\&quot; height=\&quot;60\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-43\&quot; value=\&quot;Panier non vide\&quot; style=\&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;spacingLeft=4;spacingRight=4;whiteSpace=wrap;overflow=hidden;rotatable=0;fontColor=#000000;\&quot; parent=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry y=\&quot;30\&quot; width=\&quot;160\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-45\&quot; value=\&quot;S4\&quot; style=\&quot;swimlane;fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=0;resizeLast=1;container=0;fontColor=#000000;collapsible=0;rounded=1;arcSize=30;strokeColor=#ff0000;fillColor=#ffffc0;swimlaneFillColor=#ffffc0;dropTarget=0;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;360\&quot; y=\&quot;710\&quot; width=\&quot;160\&quot; height=\&quot;60\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-46\&quot; value=\&quot;Paiement\&quot; style=\&quot;text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;spacingLeft=4;spacingRight=4;whiteSpace=wrap;overflow=hidden;rotatable=0;fontColor=#000000;\&quot; parent=\&quot;jLtcrEwOuzIpL3msuPO9-45\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry y=\&quot;30\&quot; width=\&quot;160\&quot; height=\&quot;30\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-47\&quot; value=\&quot;\&quot; style=\&quot;edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;rounded=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-45\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;440\&quot; y=\&quot;800\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-51\&quot; value=\&quot;Ajouter un item\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-38\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;450\&quot; y=\&quot;260\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;440\&quot; y=\&quot;390\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-52\&quot; value=\&quot;Finaliser achat\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-43\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-34\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;450\&quot; y=\&quot;245\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;450\&quot; y=\&quot;440\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-55\&quot; value=\&quot;Continuer achat\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;exitX=1;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-35\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-43\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;0.027\&quot; width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;630\&quot; y=\&quot;490\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;630\&quot; y=\&quot;640\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;Array as=\&quot;points\&quot;&gt;&lt;mxPoint x=\&quot;600\&quot; y=\&quot;600\&quot;/&gt;&lt;mxPoint x=\&quot;600\&quot; y=\&quot;475\&quot;/&gt;&lt;/Array&gt;&lt;mxPoint as=\&quot;offset\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-56\&quot; value=\&quot;Ajouter item supplémentaire\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0.75;entryY=0;entryDx=0;entryDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;-0.3617\&quot; width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;540\&quot; y=\&quot;445\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;510\&quot; y=\&quot;370\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;Array as=\&quot;points\&quot;&gt;&lt;mxPoint x=\&quot;570\&quot; y=\&quot;445\&quot;/&gt;&lt;mxPoint x=\&quot;570\&quot; y=\&quot;390\&quot;/&gt;&lt;mxPoint x=\&quot;480\&quot; y=\&quot;390\&quot;/&gt;&lt;/Array&gt;&lt;mxPoint as=\&quot;offset\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-57\&quot; value=\&quot;Retirer le dernier item\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;exitX=0;exitY=0;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-43\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-37\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;0.027\&quot; width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;160\&quot; y=\&quot;515\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;160\&quot; y=\&quot;320\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;Array as=\&quot;points\&quot;&gt;&lt;mxPoint x=\&quot;240\&quot; y=\&quot;460\&quot;/&gt;&lt;mxPoint x=\&quot;240\&quot; y=\&quot;410\&quot;/&gt;&lt;mxPoint x=\&quot;240\&quot; y=\&quot;290\&quot;/&gt;&lt;/Array&gt;&lt;mxPoint as=\&quot;offset\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-58\&quot; value=\&quot;Retirer un item\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;exitX=0;exitY=0.25;exitDx=0;exitDy=0;\&quot; parent=\&quot;1\&quot; source=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; target=\&quot;jLtcrEwOuzIpL3msuPO9-42\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;-0.3617\&quot; width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;300\&quot; y=\&quot;425\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;260\&quot; y=\&quot;410\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;Array as=\&quot;points\&quot;&gt;&lt;mxPoint x=\&quot;320\&quot; y=\&quot;445\&quot;/&gt;&lt;mxPoint x=\&quot;320\&quot; y=\&quot;390\&quot;/&gt;&lt;mxPoint x=\&quot;400\&quot; y=\&quot;390\&quot;/&gt;&lt;/Array&gt;&lt;mxPoint as=\&quot;offset\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-59\&quot; value=\&quot;Validation panier\&quot; style=\&quot;endArrow=classic;endFill=1;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;\&quot; parent=\&quot;1\&quot; edge=\&quot;1\&quot;&gt;&lt;mxGeometry width=\&quot;160\&quot; relative=\&quot;1\&quot; as=\&quot;geometry\&quot;&gt;&lt;mxPoint x=\&quot;439.66\&quot; y=\&quot;630\&quot; as=\&quot;sourcePoint\&quot;/&gt;&lt;mxPoint x=\&quot;439.66\&quot; y=\&quot;710\&quot; as=\&quot;targetPoint\&quot;/&gt;&lt;/mxGeometry&gt;&lt;/mxCell&gt;&lt;mxCell id=\&quot;jLtcrEwOuzIpL3msuPO9-60\&quot; value=\&quot;Diagramme d&#39;états : boutique en ligne\&quot; style=\&quot;text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;\&quot; parent=\&quot;1\&quot; vertex=\&quot;1\&quot;&gt;&lt;mxGeometry x=\&quot;390\&quot; y=\&quot;150\&quot; width=\&quot;100\&quot; height=\&quot;40\&quot; as=\&quot;geometry\&quot;/&gt;&lt;/mxCell&gt;&lt;/root&gt;&lt;/mxGraphModel&gt;&lt;/diagram&gt;&lt;/mxfile&gt;&quot;,&quot;toolbar&quot;:&quot;pages zoom layers lightbox&quot;,&quot;page&quot;:0}"></div>
  10. <script type="text/javascript" src="https://app.diagrams.net/js/viewer-static.min.js"></script>
  11. </body>
  12. </html>