<mxfile host="Electron" modified="2024-05-14T08:24:43.841Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.1.2 Chrome/114.0.5735.289 Electron/25.9.4 Safari/537.36" etag="XOxOxxHa2T2AEksqWcaz" version="22.1.2" type="device">
  <diagram name="Page-1" id="jecpyCyVafvbFtGhV645">
    <mxGraphModel dx="1036" dy="606" 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="rgoEsIl37r81cmfNl8gQ-66" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="280" y="120" width="880" height="480" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-31" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="720" y="149" width="390" height="400.82" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-23" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="320" y="149.82000000000002" width="280" height="250" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-22" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="60" y="194.82" width="120" height="160" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-5" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,[encoded data, 8184 characters];" parent="1" vertex="1">
          <mxGeometry x="355" y="186.47" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-6" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.tab2;strokeColor=#c0c0c0;direction=north;" parent="1" vertex="1">
          <mxGeometry x="445" y="186.47" width="120" height="83.3" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-7" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,[encoded data, 8404 characters];" parent="1" vertex="1">
          <mxGeometry x="870" y="169.82" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-8" value="" style="image;html=1;image=img/lib/clip_art/computers/Database_128x128.png" parent="1" vertex="1">
          <mxGeometry x="945" y="326.46999999999997" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-10" value="" style="image;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;spacingTop=3;image=img/lib/active_directory/generic_server.svg;" parent="1" vertex="1">
          <mxGeometry x="814" y="316.46999999999997" width="60" height="100" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-18" value="User" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;fontSize=16;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="100" y="234.82" width="40" height="80" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-21" value="Frontend" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=16;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="430" y="371.46999999999997" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-26" value="Java and Xml" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="465" y="286.46999999999997" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-27" value="What the user sees and interacts with" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=2" parent="1" vertex="1">
          <mxGeometry x="400" y="334.40999999999997" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-34" value="Backend" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="885" y="509.82" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-52" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="rgoEsIl37r81cmfNl8gQ-37" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="985" y="319.82" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-53" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="rgoEsIl37r81cmfNl8gQ-37" target="rgoEsIl37r81cmfNl8gQ-10" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-37" value="Raspberry Pi" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="870" y="239.76999999999998" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-39" value="Server" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="802" y="406.46999999999997" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-40" value="Database" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="945" y="406.46999999999997" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-42" value="MariaDB" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="955" y="429.82" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-43" value="Apache2, NodeJs and PHPmyAdmin" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="784.5" y="429.82" width="115" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-45" value="Pepper" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="355" y="269.77" width="80" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-46" value="Android Tablet" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1" parent="1" vertex="1">
          <mxGeometry x="457.5" y="269.77" width="95" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-47" value="Pepper SDK" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="357.5" y="286.46999999999997" width="75" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-54" value="Hosts" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="839.5" y="269.77" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-55" value="Hosts" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="980" y="269.77" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-56" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="190" y="270.37000000000006" as="sourcePoint" />
            <mxPoint x="270" y="270.37000000000006" as="targetPoint" />
            <Array as="points">
              <mxPoint x="230" y="270.37000000000006" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-57" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="270" y="291.4200000000001" as="sourcePoint" />
            <mxPoint x="190" y="291.4200000000001" as="targetPoint" />
            <Array as="points">
              <mxPoint x="230" y="291.4200000000001" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-58" value="Interact" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="205" y="239.76999999999998" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-59" value="Display" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="205" y="289.77000000000004" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-60" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="620" y="265.42" as="sourcePoint" />
            <mxPoint x="700" y="265.42" as="targetPoint" />
            <Array as="points">
              <mxPoint x="660" y="265.42" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-61" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="700" y="286.47" as="sourcePoint" />
            <mxPoint x="620" y="286.47" as="targetPoint" />
            <Array as="points">
              <mxPoint x="660" y="286.47" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-62" value="Interact" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="630" y="234.81999999999996" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-63" value="Display" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="630" y="284.82" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="rgoEsIl37r81cmfNl8gQ-67" value="Application Architecture Diagram" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=32;" parent="1" vertex="1">
          <mxGeometry x="325" y="560" width="525" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
