-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathretailshop.drawio
88 lines (88 loc) · 11.3 KB
/
retailshop.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0" version="26.0.4">
<diagram name="Page-1" id="rS60oE5cnDnuQJYpN_Vd">
<mxGraphModel dx="3207" dy="2306" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<object placeholders="1" c4Name="Client A (ADMIN)" c4Type="Person" c4Description="A client that desires a customized website to sell their products" label="<font style="font-size: 16px"><b>%c4Name%</b></font><div>[%c4Type%]</div><br><div><font style="font-size: 11px"><font color="#cccccc">%c4Description%</font></div>" id="4EOxDPzTs_ZZc-bnrGGO-2">
<mxCell style="html=1;fontSize=11;dashed=0;whiteSpace=wrap;fillColor=#083F75;strokeColor=#06315C;fontColor=#ffffff;shape=mxgraph.c4.person2;align=center;metaEdit=1;points=[[0.5,0,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0]];resizable=0;" vertex="1" parent="1">
<mxGeometry x="-40" y="-60" width="200" height="180" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Name="[System Context] Diagram title" c4Type="ContainerScopeBoundary" c4Description="Diagram short description" label="<font style="font-size: 16px"><b><div style="text-align: left">%c4Name%</div></b></font><div style="text-align: left">%c4Description%</div>" id="4EOxDPzTs_ZZc-bnrGGO-4">
<mxCell style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=top;whiteSpace=wrap;rounded=0;metaEdit=1;allowArrows=0;resizable=1;rotatable=0;connectable=0;recursiveResize=0;expand=0;pointerEvents=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];" vertex="1" parent="1">
<mxGeometry x="-230" y="690" width="260" height="40" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Name="Multi-tenant solution" c4Type="Software System" c4Description="A server that handles the clients and their data." label="<font style="font-size: 16px"><b>%c4Name%</b></font><div>[%c4Type%]</div><br><div><font style="font-size: 11px"><font color="#cccccc">%c4Description%</font></div>" id="4EOxDPzTs_ZZc-bnrGGO-5">
<mxCell style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#1061B0;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0D5091;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];" vertex="1" parent="1">
<mxGeometry x="-60" y="510" width="240" height="120" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Name="Stripe" c4Type="Software System" c4Description="A payment, subscription and invoicing system" label="<font style="font-size: 16px"><b>%c4Name%</b></font><div>[%c4Type%]</div><br><div><font style="font-size: 11px"><font color="#cccccc">%c4Description%</font></div>" id="4EOxDPzTs_ZZc-bnrGGO-6">
<mxCell style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#8C8496;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#736782;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];" vertex="1" parent="1">
<mxGeometry x="-653" y="500" width="240" height="120" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Name="Client's A system" c4Type="Software System" c4Description="CMS system where the user can customize his own website" label="<font style="font-size: 16px"><b>%c4Name%</b></font><div>[%c4Type%]</div><br><div><font style="font-size: 11px"><font color="#cccccc">%c4Description%</font></div>" id="4EOxDPzTs_ZZc-bnrGGO-7">
<mxCell style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#1061B0;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0D5091;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];" vertex="1" parent="1">
<mxGeometry x="-60" y="250" width="240" height="120" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Type="Relationship" c4Technology="JSON/HTTP" c4Description="Makes API calls" label="<div style="text-align: left"><div style="text-align: center"><b>%c4Description%</b></div><div style="text-align: center">[%c4Technology%]</div></div>" id="4EOxDPzTs_ZZc-bnrGGO-12">
<mxCell style="endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="4EOxDPzTs_ZZc-bnrGGO-7" target="4EOxDPzTs_ZZc-bnrGGO-5">
<mxGeometry x="0.0043" width="240" relative="1" as="geometry">
<mxPoint x="210" y="380" as="sourcePoint" />
<mxPoint x="70" y="520" as="targetPoint" />
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
</object>
<object placeholders="1" c4Type="Relationship" c4Description="Add products" label="<div style="text-align: left"><div style="text-align: center"><b>%c4Description%</b></div>" id="4EOxDPzTs_ZZc-bnrGGO-13">
<mxCell style="endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=0.5;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="4EOxDPzTs_ZZc-bnrGGO-2" target="4EOxDPzTs_ZZc-bnrGGO-7">
<mxGeometry width="240" relative="1" as="geometry">
<mxPoint x="-570" y="230" as="sourcePoint" />
<mxPoint x="-330" y="230" as="targetPoint" />
<Array as="points">
<mxPoint x="60" y="150" />
<mxPoint x="60" y="150" />
</Array>
</mxGeometry>
</mxCell>
</object>
<object placeholders="1" c4Type="Relationship" c4Technology="JSON/HTTP" c4Description="Makes API calls" label="<div style="text-align: left"><div style="text-align: center"><b>%c4Description%</b></div><div style="text-align: center">[%c4Technology%]</div></div>" id="4EOxDPzTs_ZZc-bnrGGO-15">
<mxCell style="endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=0;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="4EOxDPzTs_ZZc-bnrGGO-5" target="4EOxDPzTs_ZZc-bnrGGO-6">
<mxGeometry width="240" relative="1" as="geometry">
<mxPoint x="-330" y="569.41" as="sourcePoint" />
<mxPoint x="-90" y="569.41" as="targetPoint" />
</mxGeometry>
</mxCell>
</object>
<mxCell id="4EOxDPzTs_ZZc-bnrGGO-16" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.smartphone;" vertex="1" parent="1">
<mxGeometry x="-334" y="236.67000000000002" width="88" height="146.67" as="geometry" />
</mxCell>
<object placeholders="1" c4Type="Relationship" c4Technology="JSON/HTTP" c4Description="Makes API call for a payment" label="<div style="text-align: left"><div style="text-align: center"><b>%c4Description%</b></div><div style="text-align: center">[%c4Technology%]</div></div>" id="4EOxDPzTs_ZZc-bnrGGO-17">
<mxCell style="endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=0.456;exitY=0.992;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="4EOxDPzTs_ZZc-bnrGGO-16" target="4EOxDPzTs_ZZc-bnrGGO-5">
<mxGeometry width="240" relative="1" as="geometry">
<mxPoint x="330" y="320" as="sourcePoint" />
<mxPoint x="570" y="320" as="targetPoint" />
</mxGeometry>
</mxCell>
</object>
<object placeholders="1" c4Name="Client B (ADMIN)" c4Type="Person" c4Description="A client that requires an point of sale for their shops" label="<font style="font-size: 16px"><b>%c4Name%</b></font><div>[%c4Type%]</div><br><div><font style="font-size: 11px"><font color="#cccccc">%c4Description%</font></div>" id="4EOxDPzTs_ZZc-bnrGGO-18">
<mxCell style="html=1;fontSize=11;dashed=0;whiteSpace=wrap;fillColor=#083F75;strokeColor=#06315C;fontColor=#ffffff;shape=mxgraph.c4.person2;align=center;metaEdit=1;points=[[0.5,0,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0]];resizable=0;" vertex="1" parent="1">
<mxGeometry x="-390" y="-60" width="200" height="180" as="geometry" />
</mxCell>
</object>
<object placeholders="1" c4Type="Relationship" c4Description="Scans product and sells product via PoS" label="<div style="text-align: left"><div style="text-align: center"><b>%c4Description%</b></div>" id="4EOxDPzTs_ZZc-bnrGGO-19">
<mxCell style="endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=0.5;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.502;entryY=0.001;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="4EOxDPzTs_ZZc-bnrGGO-18" target="4EOxDPzTs_ZZc-bnrGGO-16">
<mxGeometry width="240" relative="1" as="geometry">
<mxPoint x="330" y="320" as="sourcePoint" />
<mxPoint x="570" y="320" as="targetPoint" />
</mxGeometry>
</mxCell>
</object>
</root>
</mxGraphModel>
</diagram>
</mxfile>