<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="bausteinsicht" compressed="false">
  <diagram id="view-context" name="System Context">
    <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" page="1" pageWidth="1169" pageHeight="827" background="#ffffff">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        <object id="context--customer" bausteinsicht_id="customer" bausteinsicht_kind="actor">
          <mxCell style="shape=mxgraph.c4.person2;whiteSpace=wrap;html=1;align=center;verticalAlign=top;verticalLabelPosition=bottom;fillColor=#08427B;fontColor=#ffffff;strokeColor=#073B6F;fontSize=13;spacing=2;container=1;" vertex="1" parent="1">
            <mxGeometry x="75" y="40" width="110" height="130" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="context--customer-title" value="Customer" style="text;html=1;fontSize=13;fontStyle=1;fontColor=#ffffff;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--customer">
          <mxGeometry x="0" y="55" width="110" height="20" as="geometry"/>
        </mxCell>
        <object id="context--shop" bausteinsicht_id="shop" bausteinsicht_kind="system" tooltip="Der Kern des Systems">
          <mxCell style="rounded=1;whiteSpace=wrap;html=1;fillColor=#1168BD;fontColor=#ffffff;strokeColor=#0B4884;arcSize=5;fontSize=13;align=center;verticalAlign=middle;spacing=4;container=1;" vertex="1" parent="1">
            <mxGeometry x="40" y="230" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="context--shop-title" value="Online Shop" style="text;html=1;fontSize=14;fontStyle=1;fontColor=#ffffff;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--shop">
          <mxGeometry x="0" y="0" width="180" height="30" as="geometry"/>
        </mxCell>
        <mxCell id="context--shop-desc" value="Der Kern des Systems" style="text;html=1;whiteSpace=wrap;fontSize=10;fontColor=#BBBBBB;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="context--shop">
          <mxGeometry x="0" y="50" width="180" height="70" as="geometry"/>
        </mxCell>
        <mxCell id="rel-context--customer-context--shop-0" value="kauft ein" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="context--customer" target="context--shop" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <object label="&lt;b&gt;System Context&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;font point-size=&quot;9&quot;&gt;Source: site/content/projekte/bausteinsicht/tutorial/examples/teil_3.jsonc&lt;br&gt;Last synced: 2026-06-28 08:55&lt;br&gt;Author: Paul Fleischmann&lt;br&gt;Generated by Bausteinsicht&lt;/font&gt;" id="metadata-context">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="40" y="430" width="360" height="120" as="geometry"/>
          </mxCell>
        </object>
        <object label="&lt;b&gt;Legend&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#08427B&quot;&gt;■&lt;/font&gt; Actor&lt;br&gt;&lt;font color=&quot;#1168BD&quot;&gt;■&lt;/font&gt; Software System" id="legend-context">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="460" y="430" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="view-backend" name="Backend Components">
    <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" page="1" pageWidth="1169" pageHeight="827" background="#ffffff">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        <object label="&lt;b&gt;Backend&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#CCCCCC&quot;&gt;&lt;i&gt;[Go]&lt;/i&gt;&lt;/font&gt;" id="backend--shop.backend" bausteinsicht_id="shop.backend" bausteinsicht_kind="container_boundary" technology="Go" link="data:page/id,view-backend">
          <mxCell style="swimlane;startSize=60;fillColor=#F0F4FA;strokeColor=#3C7FC0;fontColor=#3C7FC0;fontStyle=1;rounded=1;arcSize=5;whiteSpace=wrap;html=1;container=1;collapsible=0;fontSize=14;" vertex="1" parent="1">
            <mxGeometry x="40" y="160" width="540" height="300" as="geometry"/>
          </mxCell>
        </object>
        <object id="backend--shop.backend.orderservice" bausteinsicht_id="shop.backend.orderservice" bausteinsicht_kind="component">
          <mxCell style="rounded=1;whiteSpace=wrap;html=1;fillColor=#85BBF0;fontColor=#000000;strokeColor=#78A8D8;arcSize=5;fontSize=13;align=center;verticalAlign=middle;spacing=4;container=1;" vertex="1" parent="backend--shop.backend">
            <mxGeometry x="60" y="90" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="backend--shop.backend.orderservice-title" value="Order Service" style="text;html=1;fontSize=14;fontStyle=1;fontColor=#000000;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="backend--shop.backend.orderservice">
          <mxGeometry x="0" y="0" width="180" height="30" as="geometry"/>
        </mxCell>
        <object id="backend--shop.backend.paymentservice" bausteinsicht_id="shop.backend.paymentservice" bausteinsicht_kind="component">
          <mxCell style="rounded=1;whiteSpace=wrap;html=1;fillColor=#85BBF0;fontColor=#000000;strokeColor=#78A8D8;arcSize=5;fontSize=13;align=center;verticalAlign=middle;spacing=4;container=1;" vertex="1" parent="backend--shop.backend">
            <mxGeometry x="300" y="90" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="backend--shop.backend.paymentservice-title" value="Payment Service" style="text;html=1;fontSize=14;fontStyle=1;fontColor=#000000;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="backend--shop.backend.paymentservice">
          <mxGeometry x="0" y="0" width="180" height="30" as="geometry"/>
        </mxCell>
        <object id="backend--shop.db" bausteinsicht_id="shop.db" bausteinsicht_kind="container" technology="PostgreSQL">
          <mxCell style="rounded=1;whiteSpace=wrap;html=1;fillColor=#438DD5;fontColor=#ffffff;strokeColor=#3C7FC0;arcSize=5;fontSize=13;align=center;verticalAlign=middle;spacing=4;container=1;" vertex="1" parent="1">
            <mxGeometry x="220" y="520" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
        <mxCell id="backend--shop.db-title" value="PostgreSQL" style="text;html=1;fontSize=14;fontStyle=1;fontColor=#ffffff;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="backend--shop.db">
          <mxGeometry x="0" y="0" width="180" height="30" as="geometry"/>
        </mxCell>
        <mxCell id="backend--shop.db-tech" value="[PostgreSQL]" style="text;html=1;fontSize=11;fontStyle=2;fontColor=#CCCCCC;fillColor=none;strokeColor=none;align=center;verticalAlign=middle;movable=1;resizable=1;deletable=1;editable=1;rotatable=1;locked=0;connectable=1;container=0;pointerEvents=0;overflow=hidden;" vertex="1" connectable="0" parent="backend--shop.db">
          <mxGeometry x="0" y="30" width="180" height="20" as="geometry"/>
        </mxCell>
        <mxCell id="rel-backend--shop.backend.paymentservice-backend--shop.db-3" value="audit log" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="backend--shop.backend.paymentservice" target="backend--shop.db" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-backend--shop.backend.orderservice-backend--shop.backend.paymentservice-1" value="bestätigt Zahlung" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="backend--shop.backend.orderservice" target="backend--shop.backend.paymentservice" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <mxCell id="rel-backend--shop.backend.orderservice-backend--shop.db-2" value="persist orders" style="edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;endArrow=block;endFill=1;strokeColor=#707070;fontColor=#707070;fontSize=11;strokeWidth=1.5;" edge="1" source="backend--shop.backend.orderservice" target="backend--shop.db" parent="1">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        <object label="&lt;b&gt;Backend Components&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;font point-size=&quot;9&quot;&gt;Source: site/content/projekte/bausteinsicht/tutorial/examples/teil_3.jsonc&lt;br&gt;Last synced: 2026-06-28 08:55&lt;br&gt;Author: Paul Fleischmann&lt;br&gt;Generated by Bausteinsicht&lt;/font&gt;" id="metadata-backend">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="40" y="720" width="360" height="120" as="geometry"/>
          </mxCell>
        </object>
        <object label="&lt;b&gt;Legend&lt;/b&gt;&lt;br&gt;&lt;font color=&quot;#85BBF0&quot;&gt;■&lt;/font&gt; Component&lt;br&gt;&lt;font color=&quot;#438DD5&quot;&gt;■&lt;/font&gt; Container" id="legend-backend">
          <mxCell style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=none;fontColor=#333333;fontSize=10;align=left;verticalAlign=top;" vertex="1" parent="1">
            <mxGeometry x="460" y="720" width="180" height="120" as="geometry"/>
          </mxCell>
        </object>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
