SLC_Game/00_Konzept/raci-tile-variante.svg
2026-06-01 14:19:10 +02:00

76 lines
4.4 KiB
XML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<svg xmlns="http://www.w3.org/2000/svg" width="760" height="560" viewBox="0 0 760 560" font-family="system-ui, Arial, sans-serif">
<style>
.tile { fill:#eaf1f9; stroke:#1d2430; stroke-width:2; }
.tab { fill:#eaf1f9; stroke:#1d2430; stroke-width:2; }
.div { stroke:#1d2430; stroke-width:2; }
.quad { font-size:30px; font-weight:700; fill:#9fb2c6; }
.aspot { fill:#fff; stroke:#c0392b; stroke-width:2; stroke-dasharray:4 3; }
.h1 { fill:#1d2430; font-size:18px; font-weight:700; }
.sub { fill:#444; font-size:12px; }
.pl { fill:#1d2430; font-size:11px; font-weight:700; text-anchor:middle; }
.cap { fill:#1d2430; font-size:13px; font-weight:700; }
</style>
<rect x="0" y="0" width="760" height="560" fill="#ffffff"/>
<text x="30" y="32" class="h1">RACI-Tile-Variante: Kreuz-Teilung in 4 Quadranten</text>
<text x="30" y="52" class="sub">Sieht aus wie ein normales Tile, aber durch die Mitte horizontal + vertikal geteilt. Ein Tile, neben dem aktuellen platziert, pro Aktivität bestückt.</text>
<text x="30" y="78" class="sub">Beispiel ds_01 — A: Service Owner · R: Projektleitung · C: Betrieb, Architektur, SPM · I: frei</text>
<!-- ===== RACI-Tile ===== -->
<g transform="translate(120,100)">
<!-- Puzzle-Tabs (Tile-Optik) -->
<rect x="156" y="-14" width="48" height="14" class="tab"/> <!-- N -->
<rect x="360" y="156" width="14" height="48" class="tab"/> <!-- O -->
<!-- Tile body -->
<rect x="0" y="0" width="360" height="360" rx="10" class="tile"/>
<!-- Slots (S/W) -->
<rect x="156" y="346" width="48" height="14" fill="#fff" stroke="#1d2430" stroke-width="1.5" stroke-dasharray="4 3"/>
<rect x="0" y="156" width="14" height="48" fill="#fff" stroke="#1d2430" stroke-width="1.5" stroke-dasharray="4 3"/>
<!-- Kreuz-Teilung -->
<line x1="180" y1="6" x2="180" y2="354" class="div"/>
<line x1="6" y1="180" x2="354" y2="180" class="div"/>
<!-- Quadrant-Buchstaben (Wasserzeichen, Innenecken) -->
<text x="16" y="36" class="quad">R</text>
<text x="330" y="36" class="quad" text-anchor="end">A</text>
<text x="16" y="350" class="quad">C</text>
<text x="330" y="350" class="quad" text-anchor="end">I</text>
<!-- R (oben links): PL -->
<g transform="translate(90,96)"><circle cx="0" cy="10" r="9" fill="#2f80c9" stroke="#1d2430"/><path d="M -13 44 Q 0 16 13 44 Z" fill="#2f80c9" stroke="#1d2430"/></g>
<text x="90" y="156" class="pl">PL</text>
<!-- A (oben rechts): markiertes Einzel-Standfeld + SO -->
<circle cx="270" cy="110" r="26" class="aspot"/>
<g transform="translate(270,96)"><circle cx="0" cy="10" r="9" fill="#d4a017" stroke="#1d2430"/><path d="M -13 44 Q 0 16 13 44 Z" fill="#d4a017" stroke="#1d2430"/></g>
<text x="270" y="156" class="pl">SO (genau 1)</text>
<!-- C (unten links): Betrieb, Arch, SPM -->
<g transform="translate(48,250)"><circle cx="0" cy="10" r="9" fill="#2f9e57" stroke="#1d2430"/><path d="M -13 44 Q 0 16 13 44 Z" fill="#2f9e57" stroke="#1d2430"/></g>
<text x="48" y="312" class="pl">Betrieb</text>
<g transform="translate(96,260)"><circle cx="0" cy="10" r="9" fill="#8a94a3" stroke="#1d2430"/><path d="M -13 44 Q 0 16 13 44 Z" fill="#8a94a3" stroke="#1d2430"/></g>
<text x="96" y="322" class="pl">Arch</text>
<g transform="translate(144,250)"><circle cx="0" cy="10" r="9" fill="#d4a017" stroke="#1d2430"/><path d="M -13 44 Q 0 16 13 44 Z" fill="#d4a017" stroke="#1d2430"/></g>
<text x="144" y="312" class="pl">SPM</text>
<!-- I (unten rechts): frei -->
<text x="270" y="270" class="sub" text-anchor="middle">(frei)</text>
<text x="0" y="392" class="sub">100 × 100 mm · Quadranten ~48 × 48 mm · A = markiertes Einzelfeld · C am stärksten belegt (bis 4)</text>
</g>
<!-- ===== Legende / Hinweis ===== -->
<g transform="translate(540,110)">
<text x="0" y="0" class="cap">Kapazität (Maximum)</text>
<text x="0" y="24" class="sub">A = 1 (immer)</text>
<text x="0" y="44" class="sub">R = bis 3</text>
<text x="0" y="64" class="sub">C = bis 4</text>
<text x="0" y="84" class="sub">I = bis ~2</text>
<text x="0" y="124" class="cap">Warum nicht Eck-Mulden?</text>
<text x="0" y="148" class="sub">1 Mulde = 1 Figur →</text>
<text x="0" y="166" class="sub">reicht für C/R nicht.</text>
<text x="0" y="184" class="sub">Quadrant = Fläche →</text>
<text x="0" y="202" class="sub">mehrere Figuren ok.</text>
</g>
</svg>