Adam Darmawansa
parent
f217d040b0
commit
74b6da0a2a
321
app.drawio
321
app.drawio
|
|
@ -1,185 +1,180 @@
|
|||
<mxfile host="65bd71144e">
|
||||
<diagram id="xo71m8-ne6otC44RO2IR" name="Page-1">
|
||||
<mxGraphModel dx="-14" dy="483" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
|
||||
<mxGraphModel dx="758" dy="929" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0"/>
|
||||
<mxCell id="1" parent="0"/>
|
||||
<mxCell id="2" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1730.78" y="1900" width="80" height="40" as="geometry"/>
|
||||
<mxCell id="2" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1571.3600000000001" y="1880.25" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="3" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="5">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="1724.56" y="1950.38" as="targetPoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="4" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="5" target="57">
|
||||
<mxCell id="4" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="5" target="57" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="2002" y="1820"/>
|
||||
<mxPoint x="1837.37" y="1800"/>
|
||||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="5" value="<div><font style="font-size: 21px;"><br></font></div><font style="font-size: 21px;">EMAIL,</font><div><font style="font-size: 21px;">PASSWORD,</font></div><div><font style="font-size: 21px;">DEVICE ID</font><div><font style="font-size: 21px;">BENAR?</font><div><br></div></div></div>" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1614.56" y="1730" width="220" height="180" as="geometry"/>
|
||||
<mxCell id="5" value="<div><font style="font-size: 21px;"><br></font></div><font style="font-size: 21px;">EMAIL DAN</font><div><font style="font-size: 21px;">PASSWORD</font></div><div><div><font style="font-size: 21px;">BENAR?</font><div><br></div></div></div>" style="rhombus;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1449.9299999999998" y="1710" width="220" height="180" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="9" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="10" target="36">
|
||||
<mxCell id="9" value="" style="edgeStyle=none;html=1;" parent="1" source="10" target="36" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="10" value="<font style="font-size: 21px;"><br>USER INPUT<br>EMAIL, PASSWORD DEVICE ID YANG SESUAI</font>" style="shape=manualInput;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1595.15" y="1430" width="258.82" height="110" as="geometry"/>
|
||||
<mxCell id="10" value="<font style="font-size: 21px;"><br>USER INPUT<br>EMAIL, PASSWORD</font>" style="shape=manualInput;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1430.52" y="1410" width="258.82" height="110" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="11" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="12" target="78">
|
||||
<mxCell id="11" value="" style="edgeStyle=none;html=1;" parent="1" source="12" target="78" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="12" value="<font style="font-size: 21px;">MEMPROSES KONVERSI RENTANG JADWAL KE&nbsp;</font><span style="color: rgb(192, 192, 192); font-size: 21px;">MIKROSEKON</span>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1295.16" y="1445.09" width="253.01" height="79.82" as="geometry"/>
|
||||
<mxCell id="12" value="<font style="font-size: 21px;">MEMPROSES KONVERSI RENTANG JADWAL KE MIKROSEKON</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1130.5300000000002" y="1425.09" width="253.01" height="79.82" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="13" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="14" target="53">
|
||||
<mxCell id="13" value="" style="edgeStyle=none;html=1;" parent="1" source="14" target="53" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="14" value="<font style="font-size: 21px;">MEMPROSES PENGIRIMAN NILAI MIKROSEKON</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1309.02" y="1620" width="226.37" height="80" as="geometry"/>
|
||||
<mxCell id="14" value="<font style="font-size: 21px;">MEMPROSES PENGIRIMAN NILAI MIKROSEKON</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1144.3899999999999" y="1600" width="226.37" height="80" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="15" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="16" target="12">
|
||||
<mxCell id="15" value="" style="edgeStyle=none;html=1;" parent="1" source="16" target="12" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="16" value="<font style="font-size: 21px;"><br>USER MELAKUKAN SET TIMER UNTUK JADWAL AKTIF ALAT</font>" style="shape=manualInput;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1305.39" y="1290" width="233.12" height="124.82" as="geometry"/>
|
||||
<mxCell id="16" value="<font style="font-size: 21px;"><br>USER MELAKUKAN SET TIMER UNTUK JADWAL AKTIF ALAT</font>" style="shape=manualInput;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1140.7600000000002" y="1270" width="233.12" height="124.82" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="34" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1808.6799999999998" y="1770" width="90" height="40" as="geometry"/>
|
||||
<mxCell id="34" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1644.0499999999997" y="1750" width="90" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="35" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="36" target="5">
|
||||
<mxCell id="35" value="" style="edgeStyle=none;html=1;" parent="1" source="36" target="5" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="36" value="<font style="font-size: 21px;">CLOUD AUTH DAN DATABASE</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1597" y="1560" width="255" height="150" as="geometry"/>
|
||||
<mxCell id="36" value="<font style="font-size: 21px;">CLOUD AUTH</font><div><font style="font-size: 21px;">DATABASE</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1432.37" y="1540" width="255" height="150" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="37" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="39" target="10">
|
||||
<mxCell id="37" value="" style="edgeStyle=none;html=1;" parent="1" source="39" target="10" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="38" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="39" target="44">
|
||||
<mxCell id="38" value="" style="edgeStyle=none;html=1;" parent="1" source="39" target="44" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="39" value="<font style="font-size: 21px;">SUDAH</font><div><font style="font-size: 21px;">MEMILIKI</font></div><div><font style="font-size: 21px;">AKUN DAN</font></div><div><font style="font-size: 21px;">DEVICE ID?</font></div>" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1614.5" y="1210" width="220" height="180" as="geometry"/>
|
||||
<mxCell id="39" value="<font style="font-size: 21px;">SUDAH</font><div><font style="font-size: 21px;">MEMILIKI</font></div><div><font style="font-size: 21px;">AKUN?</font></div>" style="rhombus;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1449.87" y="1190" width="220" height="180" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="40" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="41" target="39">
|
||||
<mxCell id="40" value="" style="edgeStyle=none;html=1;" parent="1" source="41" target="39" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="41" value="<span style="background-color: transparent;"><font style="font-size: 21px;">FORM LOGIN:</font></span><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT EMAIL</span><div style="scrollbar-color: light-dark(#e2e2e2, #4b4b4b)<br/>					light-dark(#fbfbfb, var(--dark-panel-color));"><span style="scrollbar-color: light-dark(#e2e2e2, #4b4b4b)<br/>					light-dark(#fbfbfb, var(--dark-panel-color)); background-color: transparent; font-size: 21px;">- KOLOM INPUT&nbsp;</span><span style="background-color: transparent; font-size: 21px;">PASSWORD</span></div></div><div style="scrollbar-color: light-dark(#e2e2e2, #4b4b4b)<br/>					light-dark(#fbfbfb, var(--dark-panel-color));"><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT DEVICE ID</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1558.28" y="907.08" width="330" height="122.92" as="geometry"/>
|
||||
<mxCell id="41" value="<span style="background-color: transparent;"><font style="font-size: 21px;">FORM LOGIN:</font></span><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT EMAIL</span><div style="scrollbar-color: light-dark(#e2e2e2, #4b4b4b)<br/>					light-dark(#fbfbfb, var(--dark-panel-color));"><span style="scrollbar-color: light-dark(#e2e2e2, #4b4b4b)<br/>					light-dark(#fbfbfb, var(--dark-panel-color)); background-color: transparent; font-size: 21px;">- KOLOM INPUT&nbsp;</span><span style="background-color: transparent; font-size: 21px;">PASSWORD</span></div></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1393.65" y="887.08" width="330" height="122.92" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="42" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1638.78" y="1400" width="80" height="40" as="geometry"/>
|
||||
<mxCell id="42" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1474.15" y="1380" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="43" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="44" target="70">
|
||||
<mxCell id="43" value="" style="edgeStyle=none;html=1;" parent="1" source="44" target="70" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="44" value="<font style="font-size: 21px;">USER KLIK REGISTER UNTUK MENUJU&nbsp; KE HALAMAN REGISTER</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1907.4599999999998" y="1259.69" width="243.31" height="86.56" as="geometry"/>
|
||||
<mxCell id="44" value="<font style="font-size: 21px;">USER KLIK REGISTER UNTUK MENUJU&nbsp; KE HALAMAN REGISTER</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1742.83" y="1239.69" width="243.31" height="86.56" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="45" value="" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;" edge="1" parent="1" source="46" target="41">
|
||||
<mxCell id="45" value="" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="46" target="41" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="1907.4599999999998" y="849.72" as="sourcePoint"/>
|
||||
<mxPoint x="1742.83" y="829.72" as="sourcePoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="46" value="<div><font style="font-size: 21px;">NOTIFIKASI: "Pendaftaran berhasil."</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1903.24" y="941.18" width="251.74" height="54.72" as="geometry"/>
|
||||
<mxCell id="46" value="<div><font style="font-size: 21px;">NOTIFIKASI: "Pendaftaran berhasil."</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1738.6100000000001" y="921.18" width="251.74" height="54.72" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="47" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1808.68" y="1320" width="90" height="40" as="geometry"/>
|
||||
<mxCell id="47" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1644.0500000000002" y="1300" width="90" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="48" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="49" target="41">
|
||||
<mxCell id="48" value="" style="edgeStyle=none;html=1;" parent="1" source="49" target="41" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="49" value="<font style="font-size: 21px;">USER MASUK KEDALAM APLIKASI</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1618.98" y="820" width="208.6" height="60" as="geometry"/>
|
||||
<mxCell id="49" value="<font style="font-size: 21px;">USER MASUK KEDALAM APLIKASI</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1454.35" y="800" width="208.6" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="50" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="51" target="49">
|
||||
<mxCell id="50" value="" style="edgeStyle=none;html=1;" parent="1" source="51" target="49" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="51" value="<font style="font-size: 21px;">START</font>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1655.78" y="730" width="135" height="60" as="geometry"/>
|
||||
<mxCell id="51" value="<font style="font-size: 21px;">START</font>" style="ellipse;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1491.15" y="710" width="135" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="52" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="53" target="73">
|
||||
<mxCell id="52" value="" style="edgeStyle=none;html=1;" parent="1" source="53" target="73" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="53" value="<font style="font-size: 21px;">CLOUD</font><div><font style="font-size: 21px;">DATABASE</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1294.17" y="1730" width="255" height="150" as="geometry"/>
|
||||
<mxCell id="53" value="<font style="font-size: 21px;">CLOUD</font><div><font style="font-size: 21px;">DATABASE</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1129.54" y="1710" width="255" height="150" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="54" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="55" target="60">
|
||||
<mxCell id="54" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="55" target="60" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="55" value="<font style="font-size: 36px;">A</font>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1381.95" y="780" width="80" height="80" as="geometry"/>
|
||||
<mxCell id="55" value="<font style="font-size: 36px;">A</font>" style="ellipse;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1217.3200000000002" y="760" width="80" height="80" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="56" style="edgeStyle=none;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="57" target="10">
|
||||
<mxCell id="56" style="edgeStyle=none;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="57" target="10" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="2002" y="1485"/>
|
||||
<mxPoint x="1837.37" y="1465"/>
|
||||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="57" value="<div><font style="font-size: 21px;">NOTIFIKASI:</font></div><div><font style="font-size: 21px;">"Login gagal. Masukkan email, password dan</font></div><div><font style="font-size: 21px;">device id yang benar"</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1870" y="1590" width="264.75" height="120" as="geometry"/>
|
||||
<mxCell id="57" value="<div><font style="font-size: 21px;">NOTIFIKASI:</font></div><div><font style="font-size: 21px;">"Login gagal. Masukkan email, password</font><span style="font-size: 21px; background-color: transparent;">&nbsp;yang benar"</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1705.37" y="1570" width="264.75" height="120" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="58" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="60" target="62">
|
||||
<mxCell id="58" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="60" target="62" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="59" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="60" target="73">
|
||||
<mxCell id="59" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="60" target="73" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="1255" y="1010"/>
|
||||
<mxPoint x="1255" y="1790"/>
|
||||
<mxPoint x="1255" y="1930"/>
|
||||
<mxPoint x="1090.37" y="990"/>
|
||||
<mxPoint x="1090.37" y="1770"/>
|
||||
<mxPoint x="1090.37" y="1910"/>
|
||||
</Array>
|
||||
<mxPoint x="1381.9499999999998" y="1870.81" as="targetPoint"/>
|
||||
<mxPoint x="1217.3199999999997" y="1850.81" as="targetPoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="60" value="<div><span style="background-color: transparent;"><font style="font-size: 21px;">INGIN&nbsp;</font></span></div><div><span style="background-color: transparent;"><font style="font-size: 21px;">SET</font></span></div><div><span style="background-color: transparent;"><font style="font-size: 21px;">TIMER?</font></span></div>" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1330.16" y="930" width="183.05" height="160" as="geometry"/>
|
||||
<mxCell id="60" value="<div><span style="background-color: transparent;"><font style="font-size: 21px;">INGIN&nbsp;</font></span></div><div><span style="background-color: transparent;"><font style="font-size: 21px;">SET</font></span></div><div><span style="background-color: transparent;"><font style="font-size: 21px;">TIMER?</font></span></div>" style="rhombus;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1165.5300000000002" y="910" width="183.05" height="160" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="61" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="62" target="76">
|
||||
<mxCell id="61" value="" style="edgeStyle=none;html=1;" parent="1" source="62" target="76" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="62" value="<font style="font-size: 21px;">USER KLIK TIMER UNTUK MASUK KE FITUR SET TIMER</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1324.05" y="1120" width="196.32" height="80" as="geometry"/>
|
||||
<mxCell id="62" value="<font style="font-size: 21px;">USER KLIK TIMER UNTUK MASUK KE FITUR SET TIMER</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1159.42" y="1100" width="196.32" height="80" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="63" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1444.85" y="1068.63" width="80" height="40" as="geometry"/>
|
||||
<mxCell id="63" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1280.2199999999998" y="1048.63" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="64" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1250.19" y="1010" width="90" height="40" as="geometry"/>
|
||||
<mxCell id="64" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
|
||||
<mxGeometry x="1085.56" y="990" width="90" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="69" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="70" target="72">
|
||||
<mxCell id="69" value="" style="edgeStyle=none;html=1;" parent="1" source="70" target="72" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="70" value="<div><font style="font-size: 21px;">FORM&nbsp;<span style="background-color: transparent;">REGISTER:</span></font></div><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT EMAIL</span></div><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT PASSWORD</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1838.11" y="1140" width="377.04" height="90" as="geometry"/>
|
||||
<mxCell id="70" value="<div><font style="font-size: 21px;">FORM&nbsp;<span style="background-color: transparent;">REGISTER:</span></font></div><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT EMAIL</span></div><div><span style="background-color: transparent; font-size: 21px;">- KOLOM INPUT PASSWORD</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1673.48" y="1120" width="377.04" height="90" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="71" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="72" target="46">
|
||||
<mxCell id="71" value="" style="edgeStyle=none;html=1;" parent="1" source="72" target="46" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="72" value="<font style="font-size: 21px;">USER MEMASUKAN EMAIL DAN PASSWORD KE FORM REGISTER</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1905.3899999999999" y="1030" width="247.46" height="80" as="geometry"/>
|
||||
<mxCell id="72" value="<font style="font-size: 21px;">USER MEMASUKAN EMAIL DAN PASSWORD KE FORM REGISTER</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1740.7599999999998" y="1010" width="247.46" height="80" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="73" value="<font style="font-size: 21px;">END</font>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1354.17" y="1900.25" width="135" height="60" as="geometry"/>
|
||||
<mxCell id="73" value="<font style="font-size: 21px;">END</font>" style="ellipse;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1189.54" y="1880.25" width="135" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="75" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="76" target="16">
|
||||
<mxCell id="75" value="" style="edgeStyle=none;html=1;" parent="1" source="76" target="16" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="76" value="<div><span style="font-size: 21px; background-color: transparent;">SET TIMER</span><br></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1316.68" y="1230" width="210" height="40" as="geometry"/>
|
||||
<mxCell id="76" value="<div><span style="font-size: 21px; background-color: transparent;">SET TIMER</span><br></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1152.0500000000002" y="1210" width="210" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="77" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="78" target="14">
|
||||
<mxCell id="77" value="" style="edgeStyle=none;html=1;" parent="1" source="78" target="14" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="78" value="<div><span style="font-size: 21px;">NILAI&nbsp;</span><span style="color: rgb(192, 192, 192); font-size: 21px; background-color: transparent;">MIKROSEKON</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1300.54" y="1550" width="243.33" height="40" as="geometry"/>
|
||||
<mxCell id="78" value="<div><span style="font-size: 21px;">NILAI MIKROSEKON</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1135.9099999999999" y="1530" width="243.33" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="104" value="" style="edgeStyle=none;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="106">
|
||||
<mxCell id="104" value="" style="edgeStyle=none;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="2249.3100000000013" y="3920.25" as="targetPoint"/>
|
||||
<Array as="points">
|
||||
|
|
@ -188,72 +183,126 @@
|
|||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="303" value="" style="edgeStyle=none;html=1;" edge="1" source="304" target="306" parent="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="321" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="304" target="320">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="304" value="<font style="font-size: 21px;">DASHBOARD:</font><div><font style="font-size: 21px;">- TIMER DAN STATUS</font></div><div><span style="font-size: 21px; background-color: transparent;">- GALERI FOOTAGE</span></div><div><span style="font-size: 21px; background-color: transparent;">-&nbsp;</span><span style="color: rgb(192, 192, 192); font-size: 21px; background-color: transparent;">EVENT DAN&nbsp;</span><span style="background-color: transparent; font-size: 21px;">TIMESTAMP&nbsp;</span></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1563.7300000000005" y="1950" width="312.35" height="130" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="305" style="edgeStyle=none;html=1;" edge="1" source="306" parent="1">
|
||||
<mxCell id="303" value="" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="322" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="1705.37" y="2005.62" as="sourcePoint"/>
|
||||
<mxPoint x="1740.37" y="2008.62" as="targetPoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="321" value="" style="edgeStyle=none;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="344" target="320" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="1191.2293127683934" y="1943.6294670054458" as="sourcePoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="308" value="" style="edgeStyle=none;html=1;" parent="1" source="309" target="312" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="309" value="<font style="font-size: 21px;">CLOUD</font><div><font style="font-size: 21px;">DATABASE</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1840" y="2354.75" width="255" height="150" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="310" value="" style="edgeStyle=none;html=1;" parent="1" source="312" target="314" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="311" value="" style="edgeStyle=none;html=1;" parent="1" source="312" target="319" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="312" value="<span style="font-size: 21px;">APAKAH ADA</span><div><span style="font-size: 21px;">LINK FOTO</span></div><div><span style="font-size: 21px;">BARU?</span></div>" style="rhombus;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1594.6399999999999" y="2339.75" width="220" height="180" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="313" value="" style="edgeStyle=none;html=1;" parent="1" source="314" target="316" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="314" value="<font style="font-size: 21px;">JALANKAN EDGE FUNCTION</font>" style="whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1381.3600000000001" y="2392.09" width="190" height="75.31" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="315" style="edgeStyle=none;html=1;exitX=0.55;exitY=0.95;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="316" target="318" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="2166.63" y="2180" as="targetPoint"/>
|
||||
<Array as="points">
|
||||
<mxPoint x="2206.63" y="2015"/>
|
||||
<mxPoint x="2206.63" y="2180"/>
|
||||
<mxPoint x="1236.21" y="2594.75"/>
|
||||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="306" value="<font style="font-size: 21px;">STATUS, </font><span style="font-size: 21px; background-color: transparent;">FOOTAGE,</span><div><span style="font-size: 21px; background-color: transparent;">EVENT DAN TIMESTAMP</span></div>" style="shape=display;whiteSpace=wrap;html=1;size=0.1586317963799327;" vertex="1" parent="1">
|
||||
<mxGeometry x="1899.9399999999996" y="1972.25" width="285.63" height="85.5" as="geometry"/>
|
||||
<mxCell id="316" value="<span style="font-size: 21px;">RESEND</span><br><div><font style="font-size: 21px;">MESSAGING</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1094.73" y="2354.75" width="255" height="150" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="307" value="" style="edgeStyle=none;html=1;" edge="1" source="309" target="306" parent="1">
|
||||
<mxCell id="317" value="" style="edgeStyle=none;html=1;" parent="1" source="318" target="319" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="308" value="" style="edgeStyle=none;html=1;" edge="1" source="309" target="312" parent="1">
|
||||
<mxCell id="318" value="<font style="font-size: 21px;">NOTIFIKASI EMAIL:</font><div><font style="font-size: 21px;">"Perhatian ada</font></div><div><font style="font-size: 21px;">rekaman terbaru."</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1340.5900000000001" y="2552.25" width="240.94" height="82.5" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="319" value="<font style="font-size: 21px;">END</font>" style="ellipse;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1640.46" y="2563.5" width="135" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="320" value="<font style="font-size: 36px;">A</font>" style="ellipse;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="1165.5300000000002" y="2157.5" width="80" height="80" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="322" value="<span style="font-size: 21px;">DAFTAR PERANGKAT TERTAUT</span>" style="shape=display;whiteSpace=wrap;html=1;size=0.1586317963799327;" vertex="1" parent="1">
|
||||
<mxGeometry x="1415.8399999999997" y="1965.62" width="285.63" height="85.5" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="336" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="325" target="327">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="309" value="<font style="font-size: 21px;">CLOUD</font><div><font style="font-size: 21px;">DATABASE</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1915.25" y="2110" width="255" height="150" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="310" value="" style="edgeStyle=none;html=1;" edge="1" source="312" target="314" parent="1">
|
||||
<mxCell id="342" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="325" target="341">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="311" value="" style="edgeStyle=none;html=1;" edge="1" source="312" target="319" parent="1">
|
||||
<mxCell id="325" value="<div><span style="font-size: 21px; background-color: transparent;">APAKAH INGIN MENAMBAH PERANGKAT?</span></div>" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1742.83" y="1904.75" width="242.54" height="207.25" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="326" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1890.1199999999997" y="1890" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="337" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="327" target="332">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="312" value="<span style="font-size: 21px;">APAKAH ADA</span><div><span style="font-size: 21px;">LINK FOTO</span></div><div><span style="font-size: 21px;">BARU?</span></div>" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1609.9099999999999" y="2095" width="220" height="180" as="geometry"/>
|
||||
<mxCell id="327" value="<font style="font-size: 21px;">USER KLIK ADD [+]&nbsp;</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1759.1" y="1830.5100000000002" width="210" height="41.03" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="313" value="" style="edgeStyle=none;html=1;" edge="1" source="314" target="316" parent="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="314" value="<font style="font-size: 21px;">JALANKAN EDGE FUNCTION</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1396.63" y="2147.34" width="190" height="75.31" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="315" style="edgeStyle=none;html=1;exitX=0.55;exitY=0.95;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" source="316" target="318" parent="1">
|
||||
<mxCell id="339" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" target="338">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="1251.48" y="2350"/>
|
||||
</Array>
|
||||
<mxPoint x="2112.4999999999995" y="1900.2600000000002" as="sourcePoint"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="316" value="<span style="font-size: 21px;">RESEND</span><br><div><font style="font-size: 21px;">MESSAGING</font></div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1110" y="2110" width="255" height="150" as="geometry"/>
|
||||
<mxCell id="332" value="<font style="font-size: 21px;">FORM TAMBAH </font><font style="font-size: 21px;">PERANGKAT:</font><div><font style="font-size: 21px;">- DEVICE ID</font></div><div><font style="font-size: 21px;">- NAMA&nbsp;</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="2010" y="1791.03" width="205" height="120" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="317" value="" style="edgeStyle=none;html=1;" edge="1" source="318" target="319" parent="1">
|
||||
<mxCell id="335" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0;entryDx=144.09500000000008;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="5" target="322">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="318" value="<font style="font-size: 21px;">NOTIFIKASI:</font><div><font style="font-size: 21px;">"Perhatian ada</font></div><div><font style="font-size: 21px;">ancaman terbaru."</font></div>" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1355.8600000000001" y="2307.5" width="240.94" height="82.5" as="geometry"/>
|
||||
<mxCell id="340" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="338" target="325">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="319" value="<font style="font-size: 21px;">END</font>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1655.73" y="2318.75" width="135" height="60" as="geometry"/>
|
||||
<mxCell id="338" value="<font style="font-size: 21px;">USER KLIK TAMBAH</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="2052.5" y="1978.3700000000001" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="320" value="<font style="font-size: 36px;">A</font>" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1422.25" y="1977.75" width="80" height="80" as="geometry"/>
|
||||
<mxCell id="345" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="341" target="344">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="341" value="<font style="font-size: 21px;">USER KLIK SALAH SATU PERANGKAT YANG INGIN DIPANTAU</font>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="1728.6499999999999" y="2139.75" width="270.9" height="110" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="352" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="344" target="320">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="344" value="<font style="font-size: 21px;">STATUS, GALERI&nbsp;</font><span style="font-size: 21px; background-color: transparent;">FOOTAGE, TIMER,&nbsp;</span><span style="background-color: transparent; font-size: 21px;">EVENT DAN TIMESTAMP</span>" style="shape=display;whiteSpace=wrap;html=1;size=0.1586317963799327;" vertex="1" parent="1">
|
||||
<mxGeometry x="1280" y="2152" width="419.85" height="85.5" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="348" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1890.1199999999997" y="2089.75" width="90" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="349" value="<font style="font-size: 21px;">FALSE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1723.6499999999996" y="2512.25" width="90" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="350" value="<font style="font-size: 21px;">TRUE</font>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
|
||||
<mxGeometry x="1779.9999999999995" y="2359.75" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="351" style="edgeStyle=none;html=1;exitX=0.4;exitY=0.1;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0;entryDx=221.8507798550574;entryDy=85.5;entryPerimeter=0;" edge="1" parent="1" source="309" target="344">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="1942" y="2289.75"/>
|
||||
<mxPoint x="1502" y="2289.75"/>
|
||||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
|
|
|
|||
|
|
@ -41,3 +41,6 @@ app.*.map.json
|
|||
/android/app/debug
|
||||
/android/app/profile
|
||||
/android/app/release
|
||||
|
||||
main_copy.dart
|
||||
.env
|
||||
|
|
@ -84,13 +84,26 @@ class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
|||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Daftar Perangkat Tertaut'),
|
||||
leading: IconButton(
|
||||
icon: const Icon(Icons.add_box_outlined),
|
||||
color: Theme.of(context).primaryColor,
|
||||
tooltip: 'Tambah Perangkat',
|
||||
onPressed: _showAddDeviceDialog,
|
||||
),
|
||||
title: const Text('Daftar Perangkat'),
|
||||
centerTitle: true,
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
elevation: 0,
|
||||
actions: [
|
||||
IconButton(
|
||||
TextButton.icon(
|
||||
icon: const Icon(Icons.logout),
|
||||
onPressed: () async => await context.read<AppState>().signOut())
|
||||
label: const Text('Logout'),
|
||||
onPressed: () async => await context.read<AppState>().signOut(),
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: Colors.red,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
body: Consumer<AppState>(
|
||||
|
|
@ -108,14 +121,15 @@ class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
|||
Icon(CupertinoIcons.camera_viewfinder,
|
||||
size: 60, color: Colors.white38),
|
||||
SizedBox(height: 16),
|
||||
Text('Perangkat tidak ditermukan',
|
||||
Text('Perangkat tidak ditemukan',
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.white)),
|
||||
SizedBox(height: 8),
|
||||
// PERUBAHAN 3: Memperbarui teks bantuan
|
||||
Text(
|
||||
'Klik [+] dipojok kanan bawah untuk menambahkan perangkat.',
|
||||
'Klik ikon [+] di pojok kiri atas untuk menambahkan perangkat baru.',
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(color: Colors.white70)),
|
||||
],
|
||||
|
|
@ -150,7 +164,7 @@ class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
|||
final confirm = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Text('Confirm Deletion'),
|
||||
title: const Text('Konfirmasi Hapus'),
|
||||
content: Text(
|
||||
'Apakah anda yakin untuk menghapus perangkat ${device['device_name']}?'),
|
||||
actions: [
|
||||
|
|
@ -175,7 +189,7 @@ class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
|||
await appState.selectDevice(device);
|
||||
if (mounted) {
|
||||
Navigator.of(context).push(MaterialPageRoute(
|
||||
builder: (_) => const HomePage()));
|
||||
builder: (_) => const ControlPage()));
|
||||
}
|
||||
},
|
||||
),
|
||||
|
|
@ -185,10 +199,197 @@ class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
|||
);
|
||||
},
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
onPressed: _showAddDeviceDialog,
|
||||
backgroundColor: Theme.of(context).primaryColor,
|
||||
child: const Icon(Icons.add, color: Colors.black)),
|
||||
// PERUBAHAN 4: Menghapus FloatingActionButton
|
||||
// floatingActionButton: FloatingActionButton(
|
||||
// onPressed: _showAddDeviceDialog,
|
||||
// backgroundColor: Theme.of(context).primaryColor,
|
||||
// child: const Icon(Icons.add, color: Colors.black)),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// class DeviceManagementPage extends StatefulWidget {
|
||||
// const DeviceManagementPage({super.key});
|
||||
// @override
|
||||
// State<DeviceManagementPage> createState() => _DeviceManagementPageState();
|
||||
// }
|
||||
|
||||
// class _DeviceManagementPageState extends State<DeviceManagementPage> {
|
||||
// @override
|
||||
// void initState() {
|
||||
// super.initState();
|
||||
// Future.microtask(() => context.read<AppState>().fetchUserDevices());
|
||||
// }
|
||||
|
||||
// void _showAddDeviceDialog() {
|
||||
// final formKey = GlobalKey<FormState>();
|
||||
// final deviceIdController = TextEditingController();
|
||||
// final deviceNameController = TextEditingController();
|
||||
// showDialog(
|
||||
// context: context,
|
||||
// builder: (context) {
|
||||
// return AlertDialog(
|
||||
// backgroundColor: Theme.of(context).cardColor,
|
||||
// title: const Text('Tambah perangkat baru'),
|
||||
// content: Form(
|
||||
// key: formKey,
|
||||
// child: Column(
|
||||
// mainAxisSize: MainAxisSize.min,
|
||||
// children: [
|
||||
// TextFormField(
|
||||
// controller: deviceIdController,
|
||||
// decoration: const InputDecoration(labelText: 'Device ID'),
|
||||
// validator: (value) =>
|
||||
// value!.isEmpty ? 'Device ID wajib diisi' : null),
|
||||
// const SizedBox(height: 16),
|
||||
// TextFormField(
|
||||
// controller: deviceNameController,
|
||||
// decoration: const InputDecoration(
|
||||
// labelText: 'Nama perangkat (e.g., Teras Rumah)'),
|
||||
// validator: (value) =>
|
||||
// value!.isEmpty ? 'Perangkat harus diberi nama' : null),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// actions: [
|
||||
// TextButton(
|
||||
// onPressed: () => Navigator.of(context).pop(),
|
||||
// child: const Text('Batal')),
|
||||
// ElevatedButton(
|
||||
// onPressed: () async {
|
||||
// if (formKey.currentState!.validate()) {
|
||||
// final appState = context.read<AppState>();
|
||||
// final result = await appState.addUserDevice(
|
||||
// deviceIdController.text.trim(),
|
||||
// deviceNameController.text.trim());
|
||||
// if (mounted) {
|
||||
// Navigator.of(context).pop();
|
||||
// ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
||||
// content:
|
||||
// Text(result ?? 'Perangkat berhasil ditambahkan!'),
|
||||
// backgroundColor: result == null
|
||||
// ? Colors.green
|
||||
// : Theme.of(context).colorScheme.error));
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// child: const Text('Tambah')),
|
||||
// ],
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
// }
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// return Scaffold(
|
||||
// appBar: AppBar(
|
||||
// title: const Text('Daftar Perangkat Tertaut'),
|
||||
// backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
// elevation: 0,
|
||||
// actions: [
|
||||
// IconButton(
|
||||
// icon: const Icon(Icons.logout),
|
||||
// onPressed: () async => await context.read<AppState>().signOut())
|
||||
// ],
|
||||
// ),
|
||||
// body: Consumer<AppState>(
|
||||
// builder: (context, appState, child) {
|
||||
// if (appState.isLoading && appState.userDevices.isEmpty) {
|
||||
// return const Center(child: CircularProgressIndicator());
|
||||
// }
|
||||
// if (appState.userDevices.isEmpty) {
|
||||
// return const Center(
|
||||
// child: Padding(
|
||||
// padding: EdgeInsets.all(24.0),
|
||||
// child: Column(
|
||||
// mainAxisAlignment: MainAxisAlignment.center,
|
||||
// children: [
|
||||
// Icon(CupertinoIcons.camera_viewfinder,
|
||||
// size: 60, color: Colors.white38),
|
||||
// SizedBox(height: 16),
|
||||
// Text('Perangkat tidak ditermukan',
|
||||
// style: TextStyle(
|
||||
// fontSize: 20,
|
||||
// fontWeight: FontWeight.bold,
|
||||
// color: Colors.white)),
|
||||
// SizedBox(height: 8),
|
||||
// Text(
|
||||
// 'Klik [+] dipojok kanan bawah untuk menambahkan perangkat.',
|
||||
// textAlign: TextAlign.center,
|
||||
// style: TextStyle(color: Colors.white70)),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// return RefreshIndicator(
|
||||
// onRefresh: () => appState.fetchUserDevices(),
|
||||
// child: ListView.builder(
|
||||
// padding: const EdgeInsets.all(8.0),
|
||||
// itemCount: appState.userDevices.length,
|
||||
// itemBuilder: (context, index) {
|
||||
// final device = appState.userDevices[index];
|
||||
// return Card(
|
||||
// margin:
|
||||
// const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
|
||||
// child: ListTile(
|
||||
// contentPadding: const EdgeInsets.symmetric(
|
||||
// vertical: 10, horizontal: 20),
|
||||
// leading: const Icon(CupertinoIcons.camera_fill,
|
||||
// color: Colors.tealAccent),
|
||||
// title: Text(device['device_name'],
|
||||
// style: const TextStyle(
|
||||
// fontWeight: FontWeight.bold, color: Colors.white)),
|
||||
// subtitle: Text(device['device_id'],
|
||||
// style: const TextStyle(color: Colors.white70)),
|
||||
// trailing: IconButton(
|
||||
// icon: const Icon(Icons.delete_outline,
|
||||
// color: Colors.redAccent),
|
||||
// onPressed: () async {
|
||||
// final confirm = await showDialog<bool>(
|
||||
// context: context,
|
||||
// builder: (context) => AlertDialog(
|
||||
// title: const Text('Confirm Deletion'),
|
||||
// content: Text(
|
||||
// 'Apakah anda yakin untuk menghapus perangkat ${device['device_name']}?'),
|
||||
// actions: [
|
||||
// TextButton(
|
||||
// onPressed: () =>
|
||||
// Navigator.of(context).pop(false),
|
||||
// child: const Text('Batal')),
|
||||
// TextButton(
|
||||
// onPressed: () =>
|
||||
// Navigator.of(context).pop(true),
|
||||
// child: const Text('Hapus',
|
||||
// style: TextStyle(
|
||||
// color: Colors.redAccent))),
|
||||
// ],
|
||||
// ));
|
||||
// if (confirm == true) {
|
||||
// await appState.removeUserDevice(device['id']);
|
||||
// }
|
||||
// },
|
||||
// ),
|
||||
// onTap: () async {
|
||||
// await appState.selectDevice(device);
|
||||
// if (mounted) {
|
||||
// Navigator.of(context).push(MaterialPageRoute(
|
||||
// builder: (_) => const HomePage()));
|
||||
// }
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
// },
|
||||
// ),
|
||||
// floatingActionButton: FloatingActionButton(
|
||||
// onPressed: _showAddDeviceDialog,
|
||||
// backgroundColor: Theme.of(context).primaryColor,
|
||||
// child: const Icon(Icons.add, color: Colors.black)),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@ import 'package:flutter/material.dart';
|
|||
import 'package:intl/intl.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class HomePage extends StatelessWidget {
|
||||
const HomePage({super.key});
|
||||
class ControlPage extends StatelessWidget {
|
||||
const ControlPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
|
@ -18,7 +18,7 @@ class HomePage extends StatelessWidget {
|
|||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('Sedang memantau perangkat: $deviceName'),
|
||||
title: Text('Memantau perangkat: $deviceName'),
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
elevation: 0,
|
||||
leading: IconButton(
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue