msolarczekandClaude Opus 5
c8e6f30a27
Unveränderter Stand von certvia/dev (a48c5fb) plus Craftvia-Spezifikation und Brandbook unter docs/craftvia/. ISMS-Module werden im Folgecommit entfernt. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
356 lines
28 KiB
HTML
356 lines
28 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>certvia – BIA-Prozessübersicht (Mockup)</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{
|
||
--violet:#5d52a3; --violet2:#7d6fd6; --magenta:#812d80; --blue:#8dc4e0; --ink:#3b3b3a;
|
||
--violet-050:#f2f0f9; --violet-100:#e6e2f3; --blue-050:#eef7fb;
|
||
--grad-soft:linear-gradient(135deg,#5d52a3 0%,#8dc4e0 100%);
|
||
--bg:#f5f6fa; --card:#ffffff; --line:#e7e8ef; --line2:#eff0f5; --muted:#7a7b86;
|
||
--soft:#fafbfd;
|
||
--ok:#2e9e6b; --warn:#e0982e; --risk:#d64c4c; --info:#3a86c8;
|
||
--ok-bg:#e9f6ef; --warn-bg:#fdf3e2; --risk-bg:#fbe9e9; --info-bg:#e9f2fb; --gray-bg:#eef0f4;
|
||
--shadow:0 1px 3px rgba(30,25,60,.06),0 6px 20px rgba(30,25,60,.05);
|
||
}
|
||
*{box-sizing:border-box}
|
||
html,body{margin:0}
|
||
body{font-family:"Open Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}
|
||
h1,h2,h3,h4{font-family:"Poppins",sans-serif;font-weight:600;margin:0}
|
||
.wrap{max-width:1180px;margin:0 auto;padding:26px 26px 60px}
|
||
|
||
/* Page head */
|
||
.crumb{font-size:12px;color:var(--muted);margin-bottom:3px}
|
||
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
|
||
.pagehead h1{font-size:23px}
|
||
.pagehead .sub{color:var(--muted);margin-top:5px;font-size:13px;max-width:640px;line-height:1.5}
|
||
.head-actions{display:flex;align-items:center;gap:10px}
|
||
.toggle{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
|
||
.toggle button{border:0;background:transparent;font-family:Poppins;font-weight:600;font-size:12.5px;color:var(--muted);padding:6px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}
|
||
.toggle button.active{background:var(--violet-100);color:var(--violet)}
|
||
.btn{border:0;border-radius:10px;padding:9px 15px;font-weight:600;font-family:Poppins;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
|
||
.btn.primary{background:var(--grad-soft);color:#fff}
|
||
|
||
/* KPI */
|
||
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 6px}
|
||
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:15px 16px}
|
||
.kpi .lbl{color:var(--muted);font-size:12px;font-weight:600}
|
||
.kpi .val{font-family:Poppins;font-weight:700;font-size:27px;margin:5px 0 0;line-height:1}
|
||
.kpi .val small{font-size:14px;color:var(--muted);font-weight:600}
|
||
.kpi .bar{height:6px;border-radius:6px;background:#eef0f6;overflow:hidden;margin-top:11px}
|
||
.kpi .bar>i{display:block;height:100%;border-radius:6px}
|
||
|
||
/* Legend */
|
||
.legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 2px 4px;font-size:12px;color:var(--muted)}
|
||
.legend .grp{display:flex;align-items:center;gap:8px}
|
||
.legend .sw{width:12px;height:12px;border-radius:3px;display:inline-block}
|
||
.legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
|
||
.legend b{color:var(--ink);font-weight:600}
|
||
|
||
/* Lanes */
|
||
.lane{margin-top:22px}
|
||
.lane-head{display:flex;align-items:center;gap:10px;margin:0 2px 12px}
|
||
.lane-head .tag{font-family:Poppins;font-weight:600;font-size:14px}
|
||
.lane-head .cnt{font-size:11.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-weight:600}
|
||
.lane-head .rule{flex:1;height:1px;background:var(--line)}
|
||
.lane-mgmt .tag{color:var(--magenta)}
|
||
.lane-core .tag{color:var(--violet)}
|
||
.lane-supp .tag{color:var(--info)}
|
||
|
||
/* Main process card */
|
||
.mp{background:var(--card);border:1px solid var(--line);border-left-width:4px;border-radius:14px;box-shadow:var(--shadow);margin-bottom:13px;overflow:hidden}
|
||
.mp.st-komplett{border-left-color:var(--ok)}
|
||
.mp.st-teilweise{border-left-color:var(--warn)}
|
||
.mp.st-offen{border-left-color:#c4c8d2}
|
||
.mp-head{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;user-select:none}
|
||
.mp-head:hover{background:var(--soft)}
|
||
.chev{width:16px;height:16px;flex:0 0 16px;color:var(--muted);transition:transform .18s}
|
||
details[open] .chev{transform:rotate(90deg)}
|
||
.mp-title{min-width:0;flex:1}
|
||
.mp-title .nm{font-family:Poppins;font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
|
||
.mp-title .meta{margin-top:4px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}
|
||
.owner{display:inline-flex;align-items:center;gap:6px}
|
||
.owner .av{width:19px;height:19px;border-radius:50%;background:var(--grad-soft);color:#fff;display:grid;place-items:center;font-size:9.5px;font-family:Poppins;font-weight:700}
|
||
|
||
/* metrics strip */
|
||
.metrics{display:flex;gap:8px;flex:0 0 auto}
|
||
.m{background:var(--soft);border:1px solid var(--line2);border-radius:9px;padding:5px 10px;text-align:center;min-width:58px}
|
||
.m .k{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}
|
||
.m .v{font-family:Poppins;font-weight:600;font-size:13.5px;margin-top:1px}
|
||
|
||
/* pills */
|
||
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
|
||
.pill .dot{width:7px;height:7px;border-radius:50%}
|
||
.crit-1{background:var(--gray-bg);color:#5b6070}
|
||
.crit-2{background:var(--info-bg);color:var(--info)}
|
||
.crit-3{background:var(--warn-bg);color:#b9761b}
|
||
.crit-4{background:var(--risk-bg);color:var(--risk)}
|
||
.st-pill.komplett{background:var(--ok-bg);color:var(--ok)}
|
||
.st-pill.teilweise{background:var(--warn-bg);color:#b9761b}
|
||
.st-pill.offen{background:var(--gray-bg);color:#5b6070}
|
||
.tag-cat{background:var(--violet-050);color:var(--violet);border:1px solid var(--violet-100);padding:2px 8px;border-radius:6px;font-size:10.5px;font-weight:700}
|
||
|
||
/* dependencies row */
|
||
.deps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 16px 12px 46px}
|
||
.deps .lab{font-size:11px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px}
|
||
.dep{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;color:#4b4c57}
|
||
.dep.crossref{border-style:dashed;border-color:var(--violet2);color:var(--violet)}
|
||
.dep .ic{width:12px;height:12px;opacity:.7}
|
||
|
||
/* sub processes tree */
|
||
.subs{padding:2px 16px 14px 30px;background:var(--soft);border-top:1px dashed var(--line)}
|
||
.subs-h{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:10px 0 8px 16px}
|
||
.sub{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 16px;margin-left:16px;border-radius:10px}
|
||
.sub:hover{background:#fff}
|
||
/* tree connector */
|
||
.sub::before{content:"";position:absolute;left:0;top:-6px;bottom:50%;width:1px;background:#d6dae3}
|
||
.sub::after{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:#d6dae3}
|
||
.sub:last-child::before{bottom:50%}
|
||
.sub .sdot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;z-index:1;box-shadow:0 0 0 3px var(--soft)}
|
||
.sdot.komplett{background:var(--ok)} .sdot.teilweise{background:var(--warn)} .sdot.offen{background:#c4c8d2}
|
||
.sub .snm{flex:1;min-width:0}
|
||
.sub .snm .t{font-weight:600;font-size:13px}
|
||
.sub .snm .s{color:var(--muted);font-size:11.5px;margin-top:1px;display:flex;gap:10px;flex-wrap:wrap}
|
||
.sub .metrics .m{background:#fff}
|
||
.sub .right{display:flex;align-items:center;gap:8px}
|
||
.mini{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
|
||
|
||
.note{margin-top:26px;background:var(--violet-050);border:1px solid var(--violet-100);border-radius:12px;padding:14px 16px;font-size:12.5px;color:#4b4c57;line-height:1.6}
|
||
.note b{color:var(--violet)}
|
||
.foot{margin-top:22px;color:var(--muted);font-size:11.5px;text-align:center}
|
||
@media(max-width:820px){
|
||
.kpis{grid-template-columns:repeat(2,1fr)}
|
||
.metrics{display:none}
|
||
.mp-head{flex-wrap:wrap}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
|
||
<div class="pagehead">
|
||
<div>
|
||
<div class="crumb">Strukturanalyse · GEFIM (TISAX)</div>
|
||
<h1>Business Impact Analyse — Prozessübersicht</h1>
|
||
<div class="sub">Prozesse gegliedert nach Haupt- und Teilprozessen. Farbe = BIA-Status, Kritikalität nach Maximumprinzip aus den Teilprozessen abgeleitet. Abhängigkeiten zeigen, welche Prozesse voneinander bzw. von gemeinsamen Diensten abhängen.</div>
|
||
</div>
|
||
<div class="head-actions">
|
||
<div class="toggle">
|
||
<button class="active" title="Gruppierte Prozesshaus-Ansicht">▤ Prozesshaus</button>
|
||
<button title="Klassische Tabelle">≣ Tabelle</button>
|
||
</div>
|
||
<button class="btn primary">+ Prozess</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- KPIs -->
|
||
<div class="kpis">
|
||
<div class="kpi"><div class="lbl">Prozesse gesamt</div><div class="val">24 <small>/ 6 Haupt</small></div><div class="bar"><i style="width:100%;background:var(--grad-soft)"></i></div></div>
|
||
<div class="kpi"><div class="lbl">Im Scope</div><div class="val">21 <small>/ 24</small></div><div class="bar"><i style="width:87%;background:var(--violet2)"></i></div></div>
|
||
<div class="kpi"><div class="lbl">BIA vollständig</div><div class="val">13 <small>/ 21</small></div><div class="bar"><i style="width:62%;background:var(--ok)"></i></div></div>
|
||
<div class="kpi"><div class="lbl">Kritische Prozesse</div><div class="val" style="color:var(--risk)">4</div><div class="bar"><i style="width:19%;background:var(--risk)"></i></div></div>
|
||
</div>
|
||
|
||
<!-- Legend -->
|
||
<div class="legend">
|
||
<div class="grp"><b>BIA-Status:</b></div>
|
||
<div class="grp"><span class="dot" style="background:var(--ok)"></span> komplett</div>
|
||
<div class="grp"><span class="dot" style="background:var(--warn)"></span> teilweise</div>
|
||
<div class="grp"><span class="dot" style="background:#c4c8d2"></span> offen</div>
|
||
<div class="grp" style="margin-left:8px"><b>Kritikalität:</b></div>
|
||
<div class="grp"><span class="sw crit-1" style="background:#d3d7e0"></span> 1 niedrig</div>
|
||
<div class="grp"><span class="sw" style="background:var(--info)"></span> 2 mittel</div>
|
||
<div class="grp"><span class="sw" style="background:var(--warn)"></span> 3 hoch</div>
|
||
<div class="grp"><span class="sw" style="background:var(--risk)"></span> 4 kritisch</div>
|
||
</div>
|
||
|
||
<!-- ============ MANAGEMENT ============ -->
|
||
<div class="lane lane-mgmt">
|
||
<div class="lane-head"><span class="tag">Managementprozesse</span><span class="cnt">1 Hauptprozess · 3 Teilprozesse</span><span class="rule"></span></div>
|
||
|
||
<details class="mp st-teilweise" open>
|
||
<summary class="mp-head">
|
||
<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg>
|
||
<div class="mp-title">
|
||
<div class="nm">Unternehmenssteuerung & ISMS <span class="tag-cat">Management</span></div>
|
||
<div class="meta">
|
||
<span class="owner"><span class="av">GF</span> M. Geschäftsführung</span>
|
||
<span>·</span><span>3 Teilprozesse</span>
|
||
</div>
|
||
</div>
|
||
<div class="metrics">
|
||
<div class="m"><div class="k">RTO</div><div class="v">24 h</div></div>
|
||
<div class="m"><div class="k">RPO</div><div class="v">24 h</div></div>
|
||
<div class="m"><div class="k">MTD</div><div class="v">72 h</div></div>
|
||
</div>
|
||
<span class="pill crit-2"><span class="dot" style="background:var(--info)"></span> Krit. 2</span>
|
||
<span class="pill st-pill teilweise">teilweise</span>
|
||
</summary>
|
||
|
||
<div class="deps">
|
||
<span class="lab">↳ benötigt:</span>
|
||
<span class="dep crossref"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> IT-Betrieb</span>
|
||
<span class="dep"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> Personalmanagement</span>
|
||
</div>
|
||
|
||
<div class="subs">
|
||
<div class="subs-h">Teilprozesse</div>
|
||
<div class="sub">
|
||
<span class="sdot komplett"></span>
|
||
<div class="snm"><div class="t">Risikomanagement</div><div class="s"><span>Owner: ISB</span><span>Schnittstelle: Risiko-Modul</span></div></div>
|
||
<div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">48 h</div></div><div class="m"><div class="k">RPO</div><div class="v">24 h</div></div><div class="m"><div class="k">MTD</div><div class="v">1 W</div></div></div>
|
||
<div class="right"><span class="pill crit-2">Krit. 2</span></div>
|
||
</div>
|
||
<div class="sub">
|
||
<span class="sdot teilweise"></span>
|
||
<div class="snm"><div class="t">Interne Audits</div><div class="s"><span>Owner: ISB</span></div></div>
|
||
<div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">1 W</div></div><div class="m"><div class="k">RPO</div><div class="v">1 W</div></div><div class="m"><div class="k">MTD</div><div class="v">2 W</div></div></div>
|
||
<div class="right"><span class="pill crit-1">Krit. 1</span></div>
|
||
</div>
|
||
<div class="sub">
|
||
<span class="sdot offen"></span>
|
||
<div class="snm"><div class="t">Managementbewertung</div><div class="s"><span>Owner: GF</span><span style="color:var(--warn)">BIA offen</span></div></div>
|
||
<div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">—</div></div><div class="m"><div class="k">RPO</div><div class="v">—</div></div><div class="m"><div class="k">MTD</div><div class="v">—</div></div></div>
|
||
<div class="right"><span class="mini">BIA erfassen →</span></div>
|
||
</div>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
|
||
<!-- ============ KERNPROZESSE ============ -->
|
||
<div class="lane lane-core">
|
||
<div class="lane-head"><span class="tag">Kernprozesse</span><span class="cnt">2 Hauptprozesse · 8 Teilprozesse</span><span class="rule"></span></div>
|
||
|
||
<details class="mp st-komplett" open>
|
||
<summary class="mp-head">
|
||
<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg>
|
||
<div class="mp-title">
|
||
<div class="nm">Produktentwicklung / Engineering <span class="tag-cat">Kern</span></div>
|
||
<div class="meta"><span class="owner"><span class="av">HE</span> H. Entwicklung</span><span>·</span><span>4 Teilprozesse</span></div>
|
||
</div>
|
||
<div class="metrics">
|
||
<div class="m"><div class="k">RTO</div><div class="v">8 h</div></div>
|
||
<div class="m"><div class="k">RPO</div><div class="v">4 h</div></div>
|
||
<div class="m"><div class="k">MTD</div><div class="v">24 h</div></div>
|
||
</div>
|
||
<span class="pill crit-4"><span class="dot" style="background:var(--risk)"></span> Krit. 4</span>
|
||
<span class="pill st-pill komplett">komplett</span>
|
||
</summary>
|
||
|
||
<div class="deps">
|
||
<span class="lab">↳ benötigt:</span>
|
||
<span class="dep crossref"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> IT-Betrieb · CAD-Systeme</span>
|
||
<span class="dep"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> Einkauf · Musterteile</span>
|
||
<span class="dep" style="border-style:dashed;border-color:var(--magenta);color:var(--magenta)">◆ Prototypenschutz</span>
|
||
</div>
|
||
|
||
<div class="subs">
|
||
<div class="subs-h">Teilprozesse</div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Konstruktion (CAD)</div><div class="s"><span>Owner: H. Entwicklung</span><span>Assets: CAD-Server, PLM</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">8 h</div></div><div class="m"><div class="k">RPO</div><div class="v">4 h</div></div><div class="m"><div class="k">MTD</div><div class="v">24 h</div></div></div><div class="right"><span class="pill crit-4">Krit. 4</span></div></div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Prototypenbau</div><div class="s"><span>Owner: Werkstattleitung</span><span style="color:var(--magenta)">◆ Prototypenschutz</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">1 T</div></div><div class="m"><div class="k">RPO</div><div class="v">8 h</div></div><div class="m"><div class="k">MTD</div><div class="v">3 T</div></div></div><div class="right"><span class="pill crit-3">Krit. 3</span></div></div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Anforderungsmanagement</div><div class="s"><span>Owner: Projektleitung</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">2 T</div></div><div class="m"><div class="k">RPO</div><div class="v">1 T</div></div><div class="m"><div class="k">MTD</div><div class="v">1 W</div></div></div><div class="right"><span class="pill crit-2">Krit. 2</span></div></div>
|
||
<div class="sub"><span class="sdot teilweise"></span><div class="snm"><div class="t">Erprobung & Test</div><div class="s"><span>Owner: QS</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">2 T</div></div><div class="m"><div class="k">RPO</div><div class="v">1 T</div></div><div class="m"><div class="k">MTD</div><div class="v">1 W</div></div></div><div class="right"><span class="pill crit-2">Krit. 2</span></div></div>
|
||
</div>
|
||
</details>
|
||
|
||
<details class="mp st-teilweise">
|
||
<summary class="mp-head">
|
||
<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg>
|
||
<div class="mp-title">
|
||
<div class="nm">Auftragsabwicklung <span class="tag-cat">Kern</span></div>
|
||
<div class="meta"><span class="owner"><span class="av">VL</span> Vertriebsleitung</span><span>·</span><span>4 Teilprozesse</span></div>
|
||
</div>
|
||
<div class="metrics">
|
||
<div class="m"><div class="k">RTO</div><div class="v">4 h</div></div>
|
||
<div class="m"><div class="k">RPO</div><div class="v">1 h</div></div>
|
||
<div class="m"><div class="k">MTD</div><div class="v">24 h</div></div>
|
||
</div>
|
||
<span class="pill crit-4"><span class="dot" style="background:var(--risk)"></span> Krit. 4</span>
|
||
<span class="pill st-pill teilweise">teilweise</span>
|
||
</summary>
|
||
<div class="deps">
|
||
<span class="lab">↳ benötigt:</span>
|
||
<span class="dep crossref"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> IT-Betrieb · ERP</span>
|
||
<span class="dep"><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> Einkauf & Lieferanten</span>
|
||
</div>
|
||
<div class="subs">
|
||
<div class="subs-h">Teilprozesse</div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Fertigung</div><div class="s"><span>Owner: Produktionsleitung</span><span>Assets: MES, Maschinen</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">4 h</div></div><div class="m"><div class="k">RPO</div><div class="v">1 h</div></div><div class="m"><div class="k">MTD</div><div class="v">24 h</div></div></div><div class="right"><span class="pill crit-4">Krit. 4</span></div></div>
|
||
<div class="sub"><span class="sdot teilweise"></span><div class="snm"><div class="t">Produktionsplanung</div><div class="s"><span>Owner: Arbeitsvorbereitung</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">8 h</div></div><div class="m"><div class="k">RPO</div><div class="v">4 h</div></div><div class="m"><div class="k">MTD</div><div class="v">2 T</div></div></div><div class="right"><span class="pill crit-3">Krit. 3</span></div></div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Versand & Logistik</div><div class="s"><span>Owner: Logistik</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">1 T</div></div><div class="m"><div class="k">RPO</div><div class="v">8 h</div></div><div class="m"><div class="k">MTD</div><div class="v">3 T</div></div></div><div class="right"><span class="pill crit-2">Krit. 2</span></div></div>
|
||
<div class="sub"><span class="sdot offen"></span><div class="snm"><div class="t">Angebot & Kalkulation</div><div class="s"><span>Owner: Vertrieb</span><span style="color:var(--warn)">BIA offen</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">—</div></div><div class="m"><div class="k">RPO</div><div class="v">—</div></div><div class="m"><div class="k">MTD</div><div class="v">—</div></div></div><div class="right"><span class="mini">BIA erfassen →</span></div></div>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
|
||
<!-- ============ UNTERSTÜTZEND ============ -->
|
||
<div class="lane lane-supp">
|
||
<div class="lane-head"><span class="tag">Unterstützende Prozesse</span><span class="cnt">3 Hauptprozesse · 8 Teilprozesse</span><span class="rule"></span></div>
|
||
|
||
<details class="mp st-komplett" open>
|
||
<summary class="mp-head">
|
||
<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg>
|
||
<div class="mp-title">
|
||
<div class="nm">IT-Betrieb <span class="tag-cat">Support</span> <span class="pill" style="background:var(--violet-050);color:var(--violet);border:1px dashed var(--violet2)">▲ 3 Prozesse hängen hiervon ab</span></div>
|
||
<div class="meta"><span class="owner"><span class="av">IT</span> IT-Leitung</span><span>·</span><span>4 Teilprozesse</span></div>
|
||
</div>
|
||
<div class="metrics">
|
||
<div class="m"><div class="k">RTO</div><div class="v">4 h</div></div>
|
||
<div class="m"><div class="k">RPO</div><div class="v">1 h</div></div>
|
||
<div class="m"><div class="k">MTD</div><div class="v">24 h</div></div>
|
||
</div>
|
||
<span class="pill crit-4"><span class="dot" style="background:var(--risk)"></span> Krit. 4</span>
|
||
<span class="pill st-pill komplett">komplett</span>
|
||
</summary>
|
||
<div class="deps">
|
||
<span class="lab">▲ wird benötigt von:</span>
|
||
<span class="dep crossref">Produktentwicklung</span>
|
||
<span class="dep crossref">Auftragsabwicklung</span>
|
||
<span class="dep crossref">Unternehmenssteuerung</span>
|
||
</div>
|
||
<div class="subs">
|
||
<div class="subs-h">Teilprozesse</div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Netzwerk & Infrastruktur</div><div class="s"><span>Owner: Netzwerkadmin</span><span>Assets: Core-Switch, FW</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">4 h</div></div><div class="m"><div class="k">RPO</div><div class="v">1 h</div></div><div class="m"><div class="k">MTD</div><div class="v">24 h</div></div></div><div class="right"><span class="pill crit-4">Krit. 4</span></div></div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Backup & Recovery</div><div class="s"><span>Owner: IT-Betrieb</span><span>VA-08</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">8 h</div></div><div class="m"><div class="k">RPO</div><div class="v">1 h</div></div><div class="m"><div class="k">MTD</div><div class="v">24 h</div></div></div><div class="right"><span class="pill crit-4">Krit. 4</span></div></div>
|
||
<div class="sub"><span class="sdot komplett"></span><div class="snm"><div class="t">Client-/Server-Betrieb</div><div class="s"><span>Owner: IT-Betrieb</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">8 h</div></div><div class="m"><div class="k">RPO</div><div class="v">4 h</div></div><div class="m"><div class="k">MTD</div><div class="v">2 T</div></div></div><div class="right"><span class="pill crit-3">Krit. 3</span></div></div>
|
||
<div class="sub"><span class="sdot teilweise"></span><div class="snm"><div class="t">Berechtigungsverwaltung</div><div class="s"><span>Owner: IT + ISB</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">1 T</div></div><div class="m"><div class="k">RPO</div><div class="v">8 h</div></div><div class="m"><div class="k">MTD</div><div class="v">3 T</div></div></div><div class="right"><span class="pill crit-3">Krit. 3</span></div></div>
|
||
</div>
|
||
</details>
|
||
|
||
<details class="mp st-offen">
|
||
<summary class="mp-head">
|
||
<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg>
|
||
<div class="mp-title">
|
||
<div class="nm">Einkauf & Lieferantenmanagement <span class="tag-cat">Support</span></div>
|
||
<div class="meta"><span class="owner"><span class="av">EK</span> Einkaufsleitung</span><span>·</span><span>2 Teilprozesse</span><span>·</span><span style="color:var(--warn)">BIA offen</span></div>
|
||
</div>
|
||
<div class="metrics">
|
||
<div class="m"><div class="k">RTO</div><div class="v">—</div></div>
|
||
<div class="m"><div class="k">RPO</div><div class="v">—</div></div>
|
||
<div class="m"><div class="k">MTD</div><div class="v">—</div></div>
|
||
</div>
|
||
<span class="pill crit-1"><span class="dot" style="background:#c4c8d2"></span> offen</span>
|
||
<span class="pill st-pill offen">offen</span>
|
||
</summary>
|
||
<div class="subs">
|
||
<div class="subs-h">Teilprozesse</div>
|
||
<div class="sub"><span class="sdot offen"></span><div class="snm"><div class="t">Lieferantenauswahl</div><div class="s"><span>Owner: Einkauf</span><span style="color:var(--warn)">BIA offen</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">—</div></div><div class="m"><div class="k">RPO</div><div class="v">—</div></div><div class="m"><div class="k">MTD</div><div class="v">—</div></div></div><div class="right"><span class="mini">BIA erfassen →</span></div></div>
|
||
<div class="sub"><span class="sdot offen"></span><div class="snm"><div class="t">Wareneingang / QS</div><div class="s"><span>Owner: QS</span><span style="color:var(--warn)">BIA offen</span></div></div><div class="metrics"><div class="m"><div class="k">RTO</div><div class="v">—</div></div><div class="m"><div class="k">RPO</div><div class="v">—</div></div><div class="m"><div class="k">MTD</div><div class="v">—</div></div></div><div class="right"><span class="mini">BIA erfassen →</span></div></div>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
|
||
<div class="note">
|
||
<b>Was ist neu ggü. der heutigen Ansicht?</b> Statt einer flachen Tabelle aller Prozesse werden sie nach <b>Prozesskategorie</b> (Management / Kern / Support) gruppiert und in <b>Haupt- → Teilprozesse</b> aufgeklappt. Jeder Hauptprozess rollt Kritikalität (Maximumprinzip) und die schärfsten RTO/RPO/MTD-Werte seiner Teilprozesse zusammen. <b>Abhängigkeiten</b> („↳ benötigt" / „▲ wird benötigt von") machen sichtbar, welche Prozesse auf gemeinsame Dienste wie den IT-Betrieb angewiesen sind — ein Ausfall dort trifft alle abhängigen Prozesse. Datenbasis ist bereits vorhanden (<code>Process.parentId</code>, <code>category</code>, <code>biaStatus</code>, <code>BiaEntry</code>); es ist reine Darstellung, kein Datenmodell-Umbau.
|
||
</div>
|
||
<div class="foot">Mockup · certvia BIA-Prozessübersicht · Beispieldaten (GEFIM) · nicht verbindlich</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|