-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.drawio
111 lines (111 loc) · 10.8 KB
/
map.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<mxfile host="65bd71144e">
<diagram id="1EZYWDdBYCBk8yoxBtJF" name="Page-1">
<mxGraphModel dx="1095" dy="293" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" background="#FFFFFF" math="0" shadow="1">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="2" value="User" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;rounded=1;fillColor=#ffcd28;gradientColor=#ffa500;strokeColor=#d79b00;fontColor=#FF8000;" vertex="1" parent="1">
<mxGeometry x="50" y="690" width="30" height="60" as="geometry"/>
</mxCell>
<mxCell id="44" value="" style="edgeStyle=none;html=1;startArrow=block;startFill=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="6" target="7">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" value="load balancers" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="290" y="520" width="100" height="60" as="geometry"/>
</mxCell>
<mxCell id="45" value="" style="edgeStyle=none;html=1;startArrow=block;startFill=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="7" target="8">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="7" value="web servers" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="470" y="520" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="29" style="edgeStyle=none;html=1;startArrow=block;startFill=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="8" target="10">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="30" style="edgeStyle=none;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="8" target="14">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="46" style="edgeStyle=none;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;startArrow=block;startFill=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="8" target="16">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="8" value="APP SERVER" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="470" y="640" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="36" style="edgeStyle=none;html=1;entryX=0.998;entryY=0.579;entryDx=0;entryDy=0;entryPerimeter=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="10" target="33">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="37" style="edgeStyle=none;html=1;entryX=1.003;entryY=0.398;entryDx=0;entryDy=0;entryPerimeter=0;exitX=-0.022;exitY=0.382;exitDx=0;exitDy=0;exitPerimeter=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="10" target="22">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="38" style="edgeStyle=none;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;exitX=0;exitY=0;exitDx=0;exitDy=75;exitPerimeter=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="10" target="35">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="10" value="S3 BUCKET<br>profile pics<br>hls files" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="480" y="840" width="110" height="110" as="geometry"/>
</mxCell>
<mxCell id="31" style="edgeStyle=none;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="14">
<mxGeometry relative="1" as="geometry">
<mxPoint x="743" y="730" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="14" value="TRANSCODING" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="680" y="640" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="16" value="VIDEO METADATA" style="shape=dataStorage;whiteSpace=wrap;html=1;fixedSize=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="690" y="530" width="100" height="50" as="geometry"/>
</mxCell>
<mxCell id="48" style="edgeStyle=none;html=1;startArrow=none;startFill=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="22" target="41">
<mxGeometry relative="1" as="geometry">
<mxPoint x="230" y="740" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="22" value="CLOUDFRONT<br>INSTANCE<br>(NAIROBI)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="270" y="760" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" value="360p" style="shape=card;whiteSpace=wrap;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="647.5" y="750" width="50" height="70" as="geometry"/>
</mxCell>
<mxCell id="32" style="edgeStyle=none;html=1;entryX=1.036;entryY=0.564;entryDx=0;entryDy=0;entryPerimeter=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" target="10">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="740" y="900"/>
</Array>
<mxPoint x="740" y="840" as="sourcePoint"/>
</mxGeometry>
</mxCell>
<mxCell id="27" value="720p" style="shape=card;whiteSpace=wrap;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="717.5" y="750" width="50" height="70" as="geometry"/>
</mxCell>
<mxCell id="28" value="1080p" style="shape=card;whiteSpace=wrap;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="782.5" y="750" width="50" height="70" as="geometry"/>
</mxCell>
<mxCell id="33" value="CLOUDFRONT<br>INSTANCE<br>(JAPAN)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="270" y="860" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="35" value="CLOUDFRONT<br>INSTANCE<br>(PARIS)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="270" y="950" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="43" style="edgeStyle=none;html=1;entryX=-0.038;entryY=0.642;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=block;startFill=1;exitX=0.75;exitY=0;exitDx=0;exitDy=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="40" target="6">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="40" value="BROWSER" style="swimlane;whiteSpace=wrap;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="140" y="690" width="90" height="80" as="geometry">
<mxRectangle x="140" y="690" width="100" height="30" as="alternateBounds"/>
</mxGeometry>
</mxCell>
<mxCell id="41" value="VIDEO" style="whiteSpace=wrap;html=1;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="40">
<mxGeometry x="12.5" y="30" width="65" height="30" as="geometry"/>
</mxCell>
<mxCell id="47" value="VID.MP4" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=#6c8ebf;fillColor=#dae8fc;rounded=1;gradientColor=#7ea6e0;fontColor=#000033;" vertex="1" parent="1">
<mxGeometry x="610" y="640" width="70" height="30" as="geometry"/>
</mxCell>
<mxCell id="50" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;exitX=1;exitY=0.25;exitDx=0;exitDy=0;rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;fontColor=#000033;" edge="1" parent="1" source="41">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="423" y="717" as="sourcePoint"/>
<mxPoint x="473" y="667" as="targetPoint"/>
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>