---
title: "Use Case 1 Wireframe"
description: "A user interface wireframe showing layout and structure"
category: "templates/software"
type: "wireframe"
source_file: "templates/software/use_case_1_decoded.xml"
tags: ["development", "software", "template", "architecture", "drawio"]
---

# Use Case 1 Wireframe

A user interface wireframe showing layout and structure

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1.5" pageWidth="826" pageHeight="1169" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="90" value="Storage&#10;Deparmnet" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#274E13;strokeColor=#274E13;fontStyle=3;fontSize=18;fontFamily=Helvetica;strokeWidth=2" parent="1" vertex="1">
      <mxGeometry x="140" y="160" width="40" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="91" value="HR" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#274E13;strokeColor=#274E13;fontStyle=3;fontSize=18;fontFamily=Helvetica;strokeWidth=2" parent="1" vertex="1">
      <mxGeometry x="140" y="430" width="40" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="92" value="Maintenance" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#274E13;strokeColor=#274E13;fontStyle=3;fontSize=18;fontFamily=Helvetica;strokeWidth=2" parent="1" vertex="1">
      <mxGeometry x="1140" y="217.5" width="40" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="93" value="Office &#10;of Sales" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;fillColor=#274E13;strokeColor=#274E13;fontStyle=3;fontSize=18;fontFamily=Helvetica;strokeWidth=2" parent="1" vertex="1">
      <mxGeometry x="1140" y="390" width="40" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="119" value="Update Storage List" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="55" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="121" value="Adjust Stock List" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="142.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="122" value="Fill Storage" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="240" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="123" value="Form Request Criteria" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="322.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="124" value="Workforce &#10;Market Research" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="410" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="125" value="Employee Analysis" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="500" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="126" value="Adjust Earnings" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="590" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="127" value="Recruit &#10;Workforce" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="390" y="680" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="128" value="SCADA" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="47.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="129" value="Intervention" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="135" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="130" value="Form Order List" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="215" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="132" value="Market Research" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="397.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="133" value="Adjust Prices" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="492.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="134" value="Financial Report" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="582.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="135" value="Investment" style="shape=mxgraph.flowchart.on-page_reference;fillColor=#FFE599;strokeColor=black;strokeWidth=2;shadow=1;gradientColor=#F1C232" parent="1" vertex="1">
      <mxGeometry x="790" y="672.5" width="180" height="75" as="geometry"/>
    </mxCell>
    <mxCell id="139" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="90" target="119" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="140" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="90" target="121" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="141" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="90" target="122" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="142" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="91" target="123" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="143" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="91" target="124" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="144" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="91" target="125" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="145" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="91" target="126" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="146" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="91" target="127" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="147" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="92" target="128" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="148" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="92" target="129" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="149" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="92" target="130" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="152" value="" style="edgeStyle=none;entryX=0.855;entryY=0.855;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="93" target="130" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="153" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="93" target="132" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="154" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="93" target="133" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="155" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="93" target="134" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="156" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="93" target="135" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="157" value="" style="edgeStyle=none;entryX=0;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="90" target="130" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="158" value="" style="edgeStyle=none;entryX=1;entryY=0.5;entryPerimeter=0;strokeWidth=2;endArrow=block;endFill=1;strokeColor=#990000" parent="1" source="92" target="123" edge="1">
      <mxGeometry width="100" height="100" as="geometry">
        <mxPoint y="100" as="sourcePoint"/>
        <mxPoint x="100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
  </root>
</mxGraphModel>

```