docs/images/webshop.svg

<svg width="1225pt" height="1786pt"
 viewBox="0.00 0.00 1225.42 1786.04" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(14.4 1771.6414)">
<title>%3</title>
<polygon fill="#ffffff" stroke="transparent" points="-14.4,14.4 -14.4,-1771.6414 1211.0211,-1771.6414 1211.0211,14.4 -14.4,14.4"/>
<!-- ShipGoods -->
<g id="node1" class="node">
<title>ShipGoods</title>
<path fill="#525199" stroke="#525199" stroke-width="2" d="M719.1212,-623.5149C719.1212,-623.5149 562.4199,-623.5149 562.4199,-623.5149 556.4199,-623.5149 550.4199,-617.5149 550.4199,-611.5149 550.4199,-611.5149 550.4199,-541.5149 550.4199,-541.5149 550.4199,-535.5149 556.4199,-529.5149 562.4199,-529.5149 562.4199,-529.5149 719.1212,-529.5149 719.1212,-529.5149 725.1212,-529.5149 731.1212,-535.5149 731.1212,-541.5149 731.1212,-541.5149 731.1212,-611.5149 731.1212,-611.5149 731.1212,-617.5149 725.1212,-623.5149 719.1212,-623.5149"/>
<text text-anchor="middle" x="640.7705" y="-569.9149" font-family="ING Me" font-size="22.00" fill="#ffffff">ShipGoods</text>
</g>
<!-- GoodsShipped -->
<g id="node2" class="node">
<title>GoodsShipped</title>
<path fill="#767676" stroke="#767676" d="M629.4374,-489.5702C629.4374,-489.5702 462.4903,-431.4597 462.4903,-431.4597 456.8237,-429.4873 456.8237,-425.5425 462.4903,-423.5702 462.4903,-423.5702 629.4374,-365.4597 629.4374,-365.4597 635.104,-363.4873 646.437,-363.4873 652.1036,-365.4597 652.1036,-365.4597 819.0507,-423.5702 819.0507,-423.5702 824.7173,-425.5425 824.7173,-429.4873 819.0507,-431.4597 819.0507,-431.4597 652.1036,-489.5702 652.1036,-489.5702 646.437,-491.5425 635.104,-491.5425 629.4374,-489.5702"/>
<text text-anchor="middle" x="640.7705" y="-420.9149" font-family="ING Me" font-size="22.00" fill="#ffffff">GoodsShipped</text>
</g>
<!-- ShipGoods&#45;&gt;GoodsShipped -->
<g id="edge1" class="edge">
<title>ShipGoods&#45;&gt;GoodsShipped</title>
<path fill="none" stroke="#000000" d="M640.7705,-529.3704C640.7705,-521.2202 640.7705,-512.5628 640.7705,-503.8717"/>
<polygon fill="#000000" stroke="#000000" points="644.2706,-503.6819 640.7705,-493.682 637.2706,-503.682 644.2706,-503.6819"/>
</g>
<!-- SendInvoice -->
<g id="node3" class="node">
<title>SendInvoice</title>
<path fill="#525199" stroke="#525199" stroke-width="2" d="M520.3565,-293.7575C520.3565,-293.7575 351.1846,-293.7575 351.1846,-293.7575 345.1846,-293.7575 339.1846,-287.7575 339.1846,-281.7575 339.1846,-281.7575 339.1846,-211.7575 339.1846,-211.7575 339.1846,-205.7575 345.1846,-199.7575 351.1846,-199.7575 351.1846,-199.7575 520.3565,-199.7575 520.3565,-199.7575 526.3565,-199.7575 532.3565,-205.7575 532.3565,-211.7575 532.3565,-211.7575 532.3565,-281.7575 532.3565,-281.7575 532.3565,-287.7575 526.3565,-293.7575 520.3565,-293.7575"/>
<text text-anchor="middle" x="435.7705" y="-240.1575" font-family="ING Me" font-size="22.00" fill="#ffffff">SendInvoice</text>
</g>
<!-- GoodsShipped&#45;&gt;SendInvoice -->
<g id="edge2" class="edge">
<title>GoodsShipped&#45;&gt;SendInvoice</title>
<path fill="none" stroke="#000000" d="M586.9092,-380.023C559.2492,-355.634 525.4375,-325.8208 496.8134,-300.5817"/>
<polygon fill="#000000" stroke="#000000" points="499.0876,-297.9206 489.2721,-293.9322 494.458,-303.1711 499.0876,-297.9206"/>
</g>
<!-- trackingId -->
<g id="node5" class="node">
<title>trackingId</title>
<ellipse fill="#ff6200" stroke="#ff6200" cx="640.7705" cy="-246.7575" rx="78.5157" ry="78.5157"/>
<text text-anchor="middle" x="640.7705" y="-240.1575" font-family="ING Me" font-size="22.00" fill="#ffffff">trackingId</text>
</g>
<!-- GoodsShipped&#45;&gt;trackingId -->
<g id="edge3" class="edge">
<title>GoodsShipped&#45;&gt;trackingId</title>
<path fill="none" stroke="#000000" d="M640.7705,-361.4901C640.7705,-353.1541 640.7705,-344.5194 640.7705,-335.8997"/>
<polygon fill="#000000" stroke="#000000" points="644.2706,-335.8066 640.7705,-325.8066 637.2706,-335.8067 644.2706,-335.8066"/>
</g>
<!-- InvoiceWasSent -->
<g id="node4" class="node">
<title>InvoiceWasSent</title>
<path fill="#767676" stroke="#767676" d="M424.3622,-128.2783C424.3622,-128.2783 244.8642,-69.7217 244.8642,-69.7217 239.1601,-67.8608 239.1601,-64.1392 244.8642,-62.2783 244.8642,-62.2783 424.3622,-3.7217 424.3622,-3.7217 430.0664,-1.8608 441.4747,-1.8608 447.1788,-3.7217 447.1788,-3.7217 626.6768,-62.2783 626.6768,-62.2783 632.3809,-64.1392 632.3809,-67.8608 626.6768,-69.7217 626.6768,-69.7217 447.1788,-128.2783 447.1788,-128.2783 441.4747,-130.1392 430.0664,-130.1392 424.3622,-128.2783"/>
<text text-anchor="middle" x="435.7705" y="-59.4" font-family="ING Me" font-size="22.00" fill="#ffffff">InvoiceWasSent</text>
</g>
<!-- SendInvoice&#45;&gt;InvoiceWasSent -->
<g id="edge4" class="edge">
<title>SendInvoice&#45;&gt;InvoiceWasSent</title>
<path fill="none" stroke="#000000" d="M435.7705,-199.7374C435.7705,-182.1892 435.7705,-161.7829 435.7705,-142.2753"/>
<polygon fill="#000000" stroke="#000000" points="439.2706,-142.1759 435.7705,-132.1759 432.2706,-142.176 439.2706,-142.1759"/>
</g>
<!-- ValidateOrder -->
<g id="node6" class="node">
<title>ValidateOrder</title>
<path fill="#525199" stroke="#525199" stroke-width="2" d="M756.8868,-1457.9823C756.8868,-1457.9823 574.6543,-1457.9823 574.6543,-1457.9823 568.6543,-1457.9823 562.6543,-1451.9823 562.6543,-1445.9823 562.6543,-1445.9823 562.6543,-1375.9823 562.6543,-1375.9823 562.6543,-1369.9823 568.6543,-1363.9823 574.6543,-1363.9823 574.6543,-1363.9823 756.8868,-1363.9823 756.8868,-1363.9823 762.8868,-1363.9823 768.8868,-1369.9823 768.8868,-1375.9823 768.8868,-1375.9823 768.8868,-1445.9823 768.8868,-1445.9823 768.8868,-1451.9823 762.8868,-1457.9823 756.8868,-1457.9823"/>
<text text-anchor="middle" x="665.7705" y="-1404.3823" font-family="ING Me" font-size="22.00" fill="#ffffff">ValidateOrder</text>
</g>
<!-- Sorry -->
<g id="node7" class="node">
<title>Sorry</title>
<path fill="#767676" stroke="#767676" d="M461.8615,-1321.2138C461.8615,-1321.2138 385.0564,-1268.7507 385.0564,-1268.7507 380.1019,-1265.3665 380.1019,-1258.598 385.0564,-1255.2138 385.0564,-1255.2138 461.8615,-1202.7507 461.8615,-1202.7507 466.816,-1199.3665 476.725,-1199.3665 481.6795,-1202.7507 481.6795,-1202.7507 558.4846,-1255.2138 558.4846,-1255.2138 563.4391,-1258.598 563.4391,-1265.3665 558.4846,-1268.7507 558.4846,-1268.7507 481.6795,-1321.2138 481.6795,-1321.2138 476.725,-1324.598 466.816,-1324.598 461.8615,-1321.2138"/>
<text text-anchor="middle" x="471.7705" y="-1255.3823" font-family="ING Me" font-size="22.00" fill="#ffffff">Sorry</text>
</g>
<!-- ValidateOrder&#45;&gt;Sorry -->
<g id="edge5" class="edge">
<title>ValidateOrder&#45;&gt;Sorry</title>
<path fill="none" stroke="#000000" d="M604.3877,-1363.8377C579.0554,-1344.3815 549.9595,-1322.0346 525.4873,-1303.239"/>
<polygon fill="#000000" stroke="#000000" points="527.4402,-1300.3257 517.3775,-1297.0103 523.1764,-1305.8773 527.4402,-1300.3257"/>
</g>
<!-- Valid -->
<g id="node8" class="node">
<title>Valid</title>
<path fill="#767676" stroke="#767676" d="M668.0529,-1320.9418C668.0529,-1320.9418 596.3919,-1269.0227 596.3919,-1269.0227 591.5332,-1265.5025 591.5332,-1258.462 596.3919,-1254.9418 596.3919,-1254.9418 668.0529,-1203.0227 668.0529,-1203.0227 672.9117,-1199.5025 682.6293,-1199.5025 687.4881,-1203.0227 687.4881,-1203.0227 759.1491,-1254.9418 759.1491,-1254.9418 764.0079,-1258.462 764.0079,-1265.5025 759.1491,-1269.0227 759.1491,-1269.0227 687.4881,-1320.9418 687.4881,-1320.9418 682.6293,-1324.462 672.9117,-1324.462 668.0529,-1320.9418"/>
<text text-anchor="middle" x="677.7705" y="-1255.3823" font-family="ING Me" font-size="22.00" fill="#ffffff">Valid</text>
</g>
<!-- ValidateOrder&#45;&gt;Valid -->
<g id="edge6" class="edge">
<title>ValidateOrder&#45;&gt;Valid</title>
<path fill="none" stroke="#000000" d="M669.5674,-1363.8377C670.3244,-1354.438 671.1358,-1344.3635 671.943,-1334.3408"/>
<polygon fill="#000000" stroke="#000000" points="675.4325,-1334.611 672.7466,-1324.3623 668.455,-1334.049 675.4325,-1334.611"/>
</g>
<!-- ManufactureGoods -->
<g id="node9" class="node">
<title>ManufactureGoods</title>
<path fill="#525199" stroke="#525199" stroke-width="2" d="M914.378,-1159.9823C914.378,-1159.9823 679.1631,-1159.9823 679.1631,-1159.9823 673.1631,-1159.9823 667.1631,-1153.9823 667.1631,-1147.9823 667.1631,-1147.9823 667.1631,-1077.9823 667.1631,-1077.9823 667.1631,-1071.9823 673.1631,-1065.9823 679.1631,-1065.9823 679.1631,-1065.9823 914.378,-1065.9823 914.378,-1065.9823 920.378,-1065.9823 926.378,-1071.9823 926.378,-1077.9823 926.378,-1077.9823 926.378,-1147.9823 926.378,-1147.9823 926.378,-1153.9823 920.378,-1159.9823 914.378,-1159.9823"/>
<text text-anchor="middle" x="796.7705" y="-1106.3823" font-family="ING Me" font-size="22.00" fill="#ffffff">ManufactureGoods</text>
</g>
<!-- Valid&#45;&gt;ManufactureGoods -->
<g id="edge7" class="edge">
<title>Valid&#45;&gt;ManufactureGoods</title>
<path fill="none" stroke="#000000" d="M711.2353,-1220.0809C724.0551,-1204.0293 738.8835,-1185.4626 752.5566,-1168.3425"/>
<polygon fill="#000000" stroke="#000000" points="755.6565,-1170.0697 759.1622,-1160.0716 750.1868,-1165.7013 755.6565,-1170.0697"/>
</g>
<!-- GoodsManufactured -->
<g id="node10" class="node">
<title>GoodsManufactured</title>
<path fill="#767676" stroke="#767676" d="M785.1894,-1026.8392C785.1894,-1026.8392 565.1659,-967.1253 565.1659,-967.1253 559.3754,-965.5538 559.3754,-962.4107 565.1659,-960.8392 565.1659,-960.8392 785.1894,-901.1253 785.1894,-901.1253 790.98,-899.5538 802.561,-899.5538 808.3516,-901.1253 808.3516,-901.1253 1028.3751,-960.8392 1028.3751,-960.8392 1034.1656,-962.4107 1034.1656,-965.5538 1028.3751,-967.1253 1028.3751,-967.1253 808.3516,-1026.8392 808.3516,-1026.8392 802.561,-1028.4107 790.98,-1028.4107 785.1894,-1026.8392"/>
<text text-anchor="middle" x="796.7705" y="-957.3823" font-family="ING Me" font-size="22.00" fill="#ffffff">GoodsManufactured</text>
</g>
<!-- ManufactureGoods&#45;&gt;GoodsManufactured -->
<g id="edge8" class="edge">
<title>ManufactureGoods&#45;&gt;GoodsManufactured</title>
<path fill="none" stroke="#000000" d="M796.7705,-1065.8377C796.7705,-1057.6876 796.7705,-1049.0301 796.7705,-1040.339"/>
<polygon fill="#000000" stroke="#000000" points="800.2706,-1040.1492 796.7705,-1030.1493 793.2706,-1040.1493 800.2706,-1040.1492"/>
</g>
<!-- goods -->
<g id="node11" class="node">
<title>goods</title>
<ellipse fill="#ff6200" stroke="#ff6200" cx="718.7705" cy="-760.7486" rx="53.8981" ry="53.8981"/>
<text text-anchor="middle" x="718.7705" y="-754.1486" font-family="ING Me" font-size="22.00" fill="#ffffff">goods</text>
</g>
<!-- GoodsManufactured&#45;&gt;goods -->
<g id="edge9" class="edge">
<title>GoodsManufactured&#45;&gt;goods</title>
<path fill="none" stroke="#000000" d="M773.7898,-904.1047C763.6641,-877.7215 751.7946,-846.7949 741.6774,-820.4339"/>
<polygon fill="#000000" stroke="#000000" points="744.8866,-819.0273 738.0358,-810.9454 738.3513,-821.5355 744.8866,-819.0273"/>
</g>
<!-- goods&#45;&gt;ShipGoods -->
<g id="edge10" class="edge">
<title>goods&#45;&gt;ShipGoods</title>
<path fill="none" stroke="#000000" d="M697.6626,-710.8923C687.461,-686.7964 675.1741,-657.7751 664.6333,-632.8782"/>
<polygon fill="#000000" stroke="#000000" points="667.8088,-631.4012 660.687,-623.5571 661.3628,-634.1304 667.8088,-631.4012"/>
</g>
<!-- CustomerInfoReceived -->
<g id="node12" class="node">
<title>CustomerInfoReceived</title>
<path fill="#d5d5d5" stroke="#767676" stroke-width="2" d="M256.1198,-1027.1081C256.1198,-1027.1081 11.88,-966.8564 11.88,-966.8564 6.0547,-965.4193 6.0547,-962.5452 11.88,-961.1081 11.88,-961.1081 256.1198,-900.8564 256.1198,-900.8564 261.9451,-899.4193 273.5959,-899.4193 279.4212,-900.8564 279.4212,-900.8564 523.661,-961.1081 523.661,-961.1081 529.4864,-962.5452 529.4864,-965.4193 523.661,-966.8564 523.661,-966.8564 279.4212,-1027.1081 279.4212,-1027.1081 273.5959,-1028.5452 261.9451,-1028.5452 256.1198,-1027.1081"/>
<text text-anchor="middle" x="267.7705" y="-957.3823" font-family="ING Me" font-size="22.00" fill="#000000">CustomerInfoReceived</text>
</g>
<!-- customerInfo -->
<g id="node13" class="node">
<title>customerInfo</title>
<ellipse fill="#ff6200" stroke="#ff6200" cx="422.7705" cy="-760.7486" rx="101.4679" ry="101.4679"/>
<text text-anchor="middle" x="422.7705" y="-754.1486" font-family="ING Me" font-size="22.00" fill="#ffffff">customerInfo</text>
</g>
<!-- CustomerInfoReceived&#45;&gt;customerInfo -->
<g id="edge11" class="edge">
<title>CustomerInfoReceived&#45;&gt;customerInfo</title>
<path fill="none" stroke="#000000" d="M310.33,-908.179C324.1145,-890.1049 339.7642,-869.5852 354.9145,-849.7203"/>
<polygon fill="#000000" stroke="#000000" points="357.8607,-851.6288 361.1421,-841.5549 352.2947,-847.3838 357.8607,-851.6288"/>
</g>
<!-- customerInfo&#45;&gt;ShipGoods -->
<g id="edge13" class="edge">
<title>customerInfo&#45;&gt;ShipGoods</title>
<path fill="none" stroke="#000000" d="M500.243,-695.276C525.5315,-673.9044 553.2973,-650.4393 577.4217,-630.0516"/>
<polygon fill="#000000" stroke="#000000" points="579.74,-632.6749 585.1186,-623.5468 575.2216,-627.3284 579.74,-632.6749"/>
</g>
<!-- customerInfo&#45;&gt;SendInvoice -->
<g id="edge12" class="edge">
<title>customerInfo&#45;&gt;SendInvoice</title>
<path fill="none" stroke="#000000" d="M425.3311,-659.5073C428.018,-553.275 432.1467,-390.0337 434.3192,-304.1401"/>
<polygon fill="#000000" stroke="#000000" points="437.8201,-304.1431 434.5742,-294.0578 430.8224,-303.9661 437.8201,-304.1431"/>
</g>
<!-- order -->
<g id="node14" class="node">
<title>order</title>
<ellipse fill="#ff6200" stroke="#ff6200" cx="730.7705" cy="-1541.6118" rx="47.7595" ry="47.7595"/>
<text text-anchor="middle" x="730.7705" y="-1535.0118" font-family="ING Me" font-size="22.00" fill="#ffffff">order</text>
</g>
<!-- order&#45;&gt;ValidateOrder -->
<g id="edge15" class="edge">
<title>order&#45;&gt;ValidateOrder</title>
<path fill="none" stroke="#000000" d="M709.4871,-1498.8388C704.5043,-1488.8251 699.1207,-1478.0056 693.8911,-1467.4958"/>
<polygon fill="#000000" stroke="#000000" points="696.9375,-1465.7613 689.349,-1458.3677 690.6704,-1468.8798 696.9375,-1465.7613"/>
</g>
<!-- order&#45;&gt;ManufactureGoods -->
<g id="edge14" class="edge">
<title>order&#45;&gt;ManufactureGoods</title>
<path fill="none" stroke="#000000" d="M757.9054,-1502.0093C765.7311,-1488.6057 773.3446,-1473.1727 777.7705,-1457.9823 806.3004,-1360.0635 805.3149,-1240.0328 801.4349,-1170.4527"/>
<polygon fill="#000000" stroke="#000000" points="804.9093,-1169.9187 800.818,-1160.1457 797.9218,-1170.337 804.9093,-1169.9187"/>
</g>
<!-- PaymentMade -->
<g id="node15" class="node">
<title>PaymentMade</title>
<path fill="#d5d5d5" stroke="#767676" stroke-width="2" d="M999.4634,-1323.9636C999.4634,-1323.9636 836.3763,-1266.0009 836.3763,-1266.0009 830.7228,-1263.9916 830.7228,-1259.9729 836.3763,-1257.9636 836.3763,-1257.9636 999.4634,-1200.0009 999.4634,-1200.0009 1005.117,-1197.9916 1016.4241,-1197.9916 1022.0776,-1200.0009 1022.0776,-1200.0009 1185.1647,-1257.9636 1185.1647,-1257.9636 1190.8183,-1259.9729 1190.8183,-1263.9916 1185.1647,-1266.0009 1185.1647,-1266.0009 1022.0776,-1323.9636 1022.0776,-1323.9636 1016.4241,-1325.9729 1005.117,-1325.9729 999.4634,-1323.9636"/>
<text text-anchor="middle" x="1010.7705" y="-1255.3823" font-family="ING Me" font-size="22.00" fill="#000000">PaymentMade</text>
</g>
<!-- PaymentMade&#45;&gt;ManufactureGoods -->
<g id="edge16" class="edge">
<title>PaymentMade&#45;&gt;ManufactureGoods</title>
<path fill="none" stroke="#000000" d="M948.0094,-1218.2841C924.408,-1201.8513 897.3213,-1182.9919 872.6517,-1165.8155"/>
<polygon fill="#000000" stroke="#000000" points="874.5934,-1162.9026 864.3868,-1160.0609 870.5936,-1168.6473 874.5934,-1162.9026"/>
</g>
<!-- OrderPlaced -->
<g id="node16" class="node">
<title>OrderPlaced</title>
<path fill="#d5d5d5" stroke="#767676" stroke-width="2" d="M719.6059,-1752.8424C719.6059,-1752.8424 574.4293,-1695.6405 574.4293,-1695.6405 568.847,-1693.4409 568.847,-1689.0419 574.4293,-1686.8424 574.4293,-1686.8424 719.6059,-1629.6405 719.6059,-1629.6405 725.1882,-1627.4409 736.3528,-1627.4409 741.9351,-1629.6405 741.9351,-1629.6405 887.1118,-1686.8424 887.1118,-1686.8424 892.6941,-1689.0419 892.6941,-1693.4409 887.1118,-1695.6405 887.1118,-1695.6405 741.9351,-1752.8424 741.9351,-1752.8424 736.3528,-1755.0419 725.1882,-1755.0419 719.6059,-1752.8424"/>
<text text-anchor="middle" x="730.7705" y="-1684.6414" font-family="ING Me" font-size="22.00" fill="#000000">OrderPlaced</text>
</g>
<!-- OrderPlaced&#45;&gt;order -->
<g id="edge17" class="edge">
<title>OrderPlaced&#45;&gt;order</title>
<path fill="none" stroke="#000000" d="M730.7705,-1625.1762C730.7705,-1616.6048 730.7705,-1607.8781 730.7705,-1599.4544"/>
<polygon fill="#000000" stroke="#000000" points="734.2706,-1599.3605 730.7705,-1589.3605 727.2706,-1599.3606 734.2706,-1599.3605"/>
</g>
</g>
</svg>