Skip to content

Commit 6b24c2c

Browse files
davidjgraphdavidjgraph
authored
Merge pull request #42 from jgraph-blog-account/dev
examples for old blog posts
2 parents 01ac9bb + db306aa commit 6b24c2c

7 files changed

+1709
-0
lines changed

‎blog/uml-activity-diagram-habit-tracker.drawio

+190
Large diffs are not rendered by default.

‎blog/uml-class-diagram-habit-tracker.drawio

+173
Large diffs are not rendered by default.

‎blog/uml-communication-diagram-habit-tracker.drawio

+437
Large diffs are not rendered by default.

‎blog/uml-interaction-overview-habit-tracker.drawio

+131
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<mxfile host="Electron" modified="2024-09-25T16:11:16.557Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.4.0 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="SKP8UCiXd8VzaqsBKc6f" version="24.4.0" type="device">
2+
<diagram name="SD checkin" id="IRTzSerbAJOUvQ99Tn50">
3+
<mxGraphModel dx="1100" dy="837" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
4+
<root>
5+
<mxCell id="0" />
6+
<mxCell id="1" parent="0" />
7+
<mxCell id="YLvNo-50ceVZpCUPb2k8-26" value="&lt;font style=&quot;font-size: 14px&quot;&gt;SD checkin&lt;/font&gt;" style="shape=umlFrame;whiteSpace=wrap;html=1;strokeColor=#000066;fillColor=#FF8000;fontFamily=Tahoma;fontSize=10;fontColor=#000066;align=center;width=100;height=30;" vertex="1" parent="1">
8+
<mxGeometry x="79" y="120" width="640" height="880" as="geometry" />
9+
</mxCell>
10+
<mxCell id="YLvNo-50ceVZpCUPb2k8-27" value="" style="ellipse;html=1;shape=startState;fillColor=#000066;strokeColor=#FF8000;" vertex="1" parent="1">
11+
<mxGeometry x="384" y="150" width="30" height="30" as="geometry" />
12+
</mxCell>
13+
<mxCell id="YLvNo-50ceVZpCUPb2k8-28" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#000066;entryX=0.498;entryY=0.011;entryPerimeter=0;strokeWidth=2;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-27" target="YLvNo-50ceVZpCUPb2k8-30">
14+
<mxGeometry relative="1" as="geometry">
15+
<mxPoint x="399" y="220" as="targetPoint" />
16+
</mxGeometry>
17+
</mxCell>
18+
<mxCell id="YLvNo-50ceVZpCUPb2k8-29" value=":User" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
19+
<mxGeometry x="200" y="260" width="100" height="130" as="geometry" />
20+
</mxCell>
21+
<mxCell id="YLvNo-50ceVZpCUPb2k8-30" value="&lt;font style=&quot;font-size: 12px&quot;&gt;SD select habit&lt;/font&gt;" style="shape=umlFrame;whiteSpace=wrap;html=1;strokeColor=#000066;fillColor=#FF8000;fontFamily=Tahoma;fontSize=10;fontColor=#000066;align=center;width=100;height=30;" vertex="1" parent="1">
22+
<mxGeometry x="160" y="220" width="480" height="180" as="geometry" />
23+
</mxCell>
24+
<mxCell id="YLvNo-50ceVZpCUPb2k8-31" value=":HabitTrackerUI" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
25+
<mxGeometry x="345" y="260" width="100" height="130" as="geometry" />
26+
</mxCell>
27+
<mxCell id="YLvNo-50ceVZpCUPb2k8-32" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;strokeColor=#000066;strokeWidth=1;fillColor=#FF8000;" vertex="1" parent="YLvNo-50ceVZpCUPb2k8-31">
28+
<mxGeometry x="45" y="70" width="10" height="40" as="geometry" />
29+
</mxCell>
30+
<mxCell id="YLvNo-50ceVZpCUPb2k8-33" value="&lt;font color=&quot;#000066&quot;&gt;SelectHabit&lt;/font&gt;" style="html=1;verticalAlign=bottom;endArrow=block;strokeColor=#FF8000;entryX=-0.1;entryY=0.275;entryPerimeter=0;" edge="1" parent="1">
31+
<mxGeometry width="80" relative="1" as="geometry">
32+
<mxPoint x="249.5" y="336" as="sourcePoint" />
33+
<mxPoint x="389" y="336" as="targetPoint" />
34+
</mxGeometry>
35+
</mxCell>
36+
<mxCell id="YLvNo-50ceVZpCUPb2k8-34" value="&lt;font color=&quot;#000066&quot;&gt;HabitID&lt;/font&gt;" style="html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;strokeColor=#FF8000;exitX=0;exitY=0.525;exitPerimeter=0;" edge="1" parent="1">
37+
<mxGeometry relative="1" as="geometry">
38+
<mxPoint x="390" y="360" as="sourcePoint" />
39+
<mxPoint x="249.5" y="360" as="targetPoint" />
40+
</mxGeometry>
41+
</mxCell>
42+
<mxCell id="YLvNo-50ceVZpCUPb2k8-35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0;exitY=0.5;exitPerimeter=0;entryX=0.502;entryY=0.014;entryPerimeter=0;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-40" target="YLvNo-50ceVZpCUPb2k8-41">
43+
<mxGeometry relative="1" as="geometry" />
44+
</mxCell>
45+
<mxCell id="YLvNo-50ceVZpCUPb2k8-36" value="&lt;font color=&quot;#000066&quot;&gt;Comment == YES&lt;/font&gt;" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#ffffff;" vertex="1" connectable="0" parent="YLvNo-50ceVZpCUPb2k8-35">
46+
<mxGeometry x="0.0355" y="-2" relative="1" as="geometry">
47+
<mxPoint x="15" y="-7" as="offset" />
48+
</mxGeometry>
49+
</mxCell>
50+
<mxCell id="YLvNo-50ceVZpCUPb2k8-37" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=0;exitPerimeter=0;entryX=0.498;entryY=1.011;entryPerimeter=0;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;endArrow=none;endFill=0;startArrow=classic;startFill=1;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-40" target="YLvNo-50ceVZpCUPb2k8-30">
51+
<mxGeometry relative="1" as="geometry" />
52+
</mxCell>
53+
<mxCell id="YLvNo-50ceVZpCUPb2k8-38" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=1;exitY=0.5;exitPerimeter=0;startArrow=none;startFill=0;endArrow=classic;endFill=1;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-40" target="YLvNo-50ceVZpCUPb2k8-57">
54+
<mxGeometry relative="1" as="geometry">
55+
<mxPoint x="519" y="756" as="targetPoint" />
56+
<Array as="points">
57+
<mxPoint x="480" y="460" />
58+
</Array>
59+
</mxGeometry>
60+
</mxCell>
61+
<mxCell id="YLvNo-50ceVZpCUPb2k8-39" value="&lt;font color=&quot;#000066&quot;&gt;Comment == NO&lt;/font&gt;" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#ffffff;" vertex="1" connectable="0" parent="YLvNo-50ceVZpCUPb2k8-38">
62+
<mxGeometry x="-0.6694" y="-15" relative="1" as="geometry">
63+
<mxPoint x="-5" y="-24" as="offset" />
64+
</mxGeometry>
65+
</mxCell>
66+
<mxCell id="YLvNo-50ceVZpCUPb2k8-40" value="" style="strokeWidth=1;html=1;shape=mxgraph.flowchart.decision;whiteSpace=wrap;fillColor=#ffffff;strokeColor=#000000;" vertex="1" parent="1">
67+
<mxGeometry x="379" y="440" width="40" height="40" as="geometry" />
68+
</mxCell>
69+
<mxCell id="YLvNo-50ceVZpCUPb2k8-41" value="&lt;font style=&quot;font-size: 12px&quot;&gt;SD add comment&lt;/font&gt;" style="shape=umlFrame;whiteSpace=wrap;html=1;strokeColor=#000066;fillColor=#FF8000;fontFamily=Tahoma;fontSize=10;fontColor=#000066;align=center;width=100;height=30;" vertex="1" parent="1">
70+
<mxGeometry x="159" y="500" width="241" height="140" as="geometry" />
71+
</mxCell>
72+
<mxCell id="YLvNo-50ceVZpCUPb2k8-42" value=":User" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
73+
<mxGeometry x="170" y="539" width="100" height="91" as="geometry" />
74+
</mxCell>
75+
<mxCell id="YLvNo-50ceVZpCUPb2k8-43" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;strokeColor=#000066;strokeWidth=1;fillColor=#FF8000;" vertex="1" parent="YLvNo-50ceVZpCUPb2k8-42">
76+
<mxGeometry x="45" y="52" width="10" height="35" as="geometry" />
77+
</mxCell>
78+
<mxCell id="YLvNo-50ceVZpCUPb2k8-44" value=":HabitTrackerUI" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
79+
<mxGeometry x="295" y="539" width="100" height="90" as="geometry" />
80+
</mxCell>
81+
<mxCell id="YLvNo-50ceVZpCUPb2k8-45" value="&lt;font color=&quot;#000066&quot;&gt;addComment()&lt;/font&gt;" style="html=1;verticalAlign=bottom;endArrow=block;entryX=1.2;entryY=0.257;strokeColor=#FF8000;entryPerimeter=0;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-44" target="YLvNo-50ceVZpCUPb2k8-43">
82+
<mxGeometry relative="1" as="geometry">
83+
<mxPoint x="287" y="591" as="sourcePoint" />
84+
</mxGeometry>
85+
</mxCell>
86+
<mxCell id="YLvNo-50ceVZpCUPb2k8-46" value="&lt;font color=&quot;#000066&quot;&gt;Comment&lt;/font&gt;" style="html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;strokeColor=#FF8000;exitX=1;exitY=0.886;exitPerimeter=0;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-43" target="YLvNo-50ceVZpCUPb2k8-44">
87+
<mxGeometry relative="1" as="geometry">
88+
<mxPoint x="287" y="648" as="targetPoint" />
89+
</mxGeometry>
90+
</mxCell>
91+
<mxCell id="YLvNo-50ceVZpCUPb2k8-47" value="&lt;font style=&quot;font-size: 12px&quot;&gt;SD update habit&lt;/font&gt;" style="shape=umlFrame;whiteSpace=wrap;html=1;strokeColor=#000066;fillColor=#FF8000;fontFamily=Tahoma;fontSize=10;fontColor=#000066;align=center;width=100;height=30;" vertex="1" parent="1">
92+
<mxGeometry x="159" y="720" width="480" height="170" as="geometry" />
93+
</mxCell>
94+
<mxCell id="YLvNo-50ceVZpCUPb2k8-48" value=":HabitTrackerUI" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
95+
<mxGeometry x="318" y="760" width="100" height="120" as="geometry" />
96+
</mxCell>
97+
<mxCell id="YLvNo-50ceVZpCUPb2k8-49" value=":DataStore" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;collapsible=0;recursiveResize=0;outlineConnect=0;strokeColor=#000066;fillColor=#FF8000;" vertex="1" parent="1">
98+
<mxGeometry x="519" y="760" width="100" height="120" as="geometry" />
99+
</mxCell>
100+
<mxCell id="YLvNo-50ceVZpCUPb2k8-50" value="" style="html=1;points=[];perimeter=orthogonalPerimeter;strokeColor=#000066;strokeWidth=1;fillColor=#FF8000;" vertex="1" parent="YLvNo-50ceVZpCUPb2k8-49">
101+
<mxGeometry x="46" y="60" width="10" height="40" as="geometry" />
102+
</mxCell>
103+
<mxCell id="YLvNo-50ceVZpCUPb2k8-51" value="&lt;font color=&quot;#000066&quot;&gt;saveCheckin(Habit.HabitHistory)&lt;/font&gt;" style="html=1;verticalAlign=bottom;endArrow=block;entryX=0;entryY=0;strokeColor=#FF8000;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-48" target="YLvNo-50ceVZpCUPb2k8-50">
104+
<mxGeometry relative="1" as="geometry">
105+
<mxPoint x="475" y="820" as="sourcePoint" />
106+
</mxGeometry>
107+
</mxCell>
108+
<mxCell id="YLvNo-50ceVZpCUPb2k8-52" value="" style="html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;exitX=0;exitY=0.95;strokeColor=#FF8000;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-50" target="YLvNo-50ceVZpCUPb2k8-48">
109+
<mxGeometry relative="1" as="geometry">
110+
<mxPoint x="475" y="896" as="targetPoint" />
111+
</mxGeometry>
112+
</mxCell>
113+
<mxCell id="YLvNo-50ceVZpCUPb2k8-53" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=0;entryX=0.502;entryY=1.024;entryPerimeter=0;startArrow=open;startFill=0;endArrow=none;endFill=0;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;strokeWidth=2;endSize=8;startSize=6;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-54" target="YLvNo-50ceVZpCUPb2k8-47">
114+
<mxGeometry relative="1" as="geometry" />
115+
</mxCell>
116+
<mxCell id="YLvNo-50ceVZpCUPb2k8-54" value="" style="ellipse;html=1;shape=endState;fillColor=#000066;strokeColor=#FF8000;" vertex="1" parent="1">
117+
<mxGeometry x="385" y="950" width="30" height="30" as="geometry" />
118+
</mxCell>
119+
<mxCell id="YLvNo-50ceVZpCUPb2k8-55" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.133;exitY=-0.1;startArrow=classic;startFill=1;startSize=6;endArrow=none;endFill=0;endSize=8;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;strokeWidth=1;exitPerimeter=0;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-57" target="YLvNo-50ceVZpCUPb2k8-41">
120+
<mxGeometry relative="1" as="geometry" />
121+
</mxCell>
122+
<mxCell id="YLvNo-50ceVZpCUPb2k8-56" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=1;entryX=0.485;entryY=0;entryPerimeter=0;startArrow=none;startFill=0;startSize=6;endArrow=classic;endFill=1;endSize=8;jettySize=auto;orthogonalLoop=1;strokeColor=#000066;strokeWidth=1;" edge="1" parent="1" source="YLvNo-50ceVZpCUPb2k8-57" target="YLvNo-50ceVZpCUPb2k8-47">
123+
<mxGeometry relative="1" as="geometry" />
124+
</mxCell>
125+
<mxCell id="YLvNo-50ceVZpCUPb2k8-57" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#FF8000;strokeWidth=1;fillColor=#000066;" vertex="1" parent="1">
126+
<mxGeometry x="240" y="680" width="300" height="10" as="geometry" />
127+
</mxCell>
128+
</root>
129+
</mxGraphModel>
130+
</diagram>
131+
</mxfile>

0 commit comments

Comments
 (0)