From 795cfb5087e2f2a3063faddc88eae1ee44e794f6 Mon Sep 17 00:00:00 2001 From: breitenbach76 Date: Wed, 10 Jun 2026 10:37:41 +0200 Subject: [PATCH] RACI-Schritte konsistent (R+A zusammen, dann C+I) + Legende ausklappbar - RACI-Mikroablauf entzerrt: Schritt 2 fragt jetzt R UND A zusammen ("Verantwortung (R + A)" = die Pflicht), Schritt 3 nur noch C + I ("Beteiligung" = ergaenzend). Vorher inkonsistent: R, dann R&A, dann Rest. - RACI-Legende ist jetzt ausklappbar (
) mit Ueberschrift "Klicke fuer RACI-Legende", standardmaessig eingeklappt. - Wording: Figuren auf die "Spielfelder im RACI-Kreis" (statt "Mulden des Station-Pucks"). - sw.js Cache hochgezaehlt. Co-Authored-By: Claude Opus 4.8 --- 04_Tablet-Quiz/app/index.html | 27 +++++++++++++++++++-------- 04_Tablet-Quiz/app/sw.js | 2 +- 2 files changed, 20 insertions(+), 9 deletions(-) diff --git a/04_Tablet-Quiz/app/index.html b/04_Tablet-Quiz/app/index.html index 5a81763..8727e93 100644 --- a/04_Tablet-Quiz/app/index.html +++ b/04_Tablet-Quiz/app/index.html @@ -215,6 +215,12 @@ .raciLegend .rlHead{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin-bottom:8px} .raciLegend .rlRow{display:flex;align-items:flex-start;gap:10px;margin:5px 0;font-size:14px;line-height:1.45} .raciLegend .rlRow .raciBadge{flex:none;margin-top:1px} + details.raciLegend{padding:0} + details.raciLegend .rlSummary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:11px 14px;display:flex;align-items:center;gap:8px} + details.raciLegend .rlSummary::-webkit-details-marker{display:none} + details.raciLegend .rlSummary::before{content:"▸";font-size:11px;transition:transform .15s} + details.raciLegend[open] .rlSummary::before{transform:rotate(90deg)} + details.raciLegend .rlBody{padding:0 14px 12px} .raciLegend .rlGroup{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line)} .raciLegend .rlGroup:first-of-type{border-top:0;padding-top:0} .raciLegend .rlGroupHead{font-size:11px;font-weight:700;color:var(--muted);margin:2px 0 4px} @@ -1864,10 +1870,11 @@ function raciLegendHtml(){ ["I","Informed","informiert — wird über das Ergebnis in Kenntnis gesetzt"] ]; const row = ([l,en,de])=>`
${l}${en} — ${de}
`; - return `
Wofür RACI steht
` + + return `
Klicke für RACI-Legende` + + `
` + `
★ Pflicht — unbedingt durchdenken
${kern.map(row).join("")}
` + `
ergänzend — nice-to-have
${erg.map(row).join("")}
` + - `
`; + `
`; } function renderRun(){ @@ -1910,13 +1917,17 @@ function activitySteps(st){ { label:"Diskussion", frage:`Diskutiert gemeinsam: Was fällt alles unter „${st.name}"? Was stellt ihr euch darunter vor? Nennt Beispiele.`, auf:`

${st.beschreibung}

Das fällt darunter

` }, - { label:"Operative Rollen (R)", - frage:`Welche Rollen setzen diese Aktivität operativ um — wer sorgt für die Umsetzung (Responsible)? Stellt deren Figuren auf die Spielfelder im RACI Kreis.`, - auf:`

Operativ verantwortlich (R)

${(st.raci.filter(([r,c])=>c.includes("R")).map(([r,c])=>`${roleLabel(r)}${c==="A/R"?" (zugleich A)":""}`).join("")) || '— (keine eigene R-Rolle)'}

Das sind die „Macher" der Aktivität. Wer dafür geradesteht (A) sowie beratend (C) bzw. informiert (I) ist, klärt Schritt 3.

` }, - { label:"RACI", - frage:`Vervollständigt die RACI. Wichtig zuerst: Wer ist Accountable (trägt die Ergebnisverantwortung — genau eine Rolle)? Zusammen mit den Responsible aus Schritt 2 sind R + A die Pflicht. Consulted und Informed danach ergänzen (nice-to-have). Sortiert die Figuren ins Aktiv-Feld (R·A·C·I).`, + { label:"Verantwortung (R + A)", + frage:`Klärt die zwei Pflicht-Rollen dieser Aktivität: Wer setzt sie operativ um (Responsible) und wer ist rechenschaftspflichtig (Accountable — genau eine Rolle)? Stellt die Figuren auf die Spielfelder R und A im RACI-Kreis.`, legend: raciLegendHtml(), - auf:`

RACI (vollständig)

${raciTable(st)}` }, + auf:`

Operativ verantwortlich (R)

${(st.raci.filter(([r,c])=>c.includes("R")).map(([r,c])=>`${roleLabel(r)}${c.includes("A")?" (zugleich A)":""}`).join("")) || '— (keine eigene R-Rolle)'}
` + + `

Rechenschaftspflichtig (A)

${(st.raci.filter(([r,c])=>c.includes("A")).map(([r,c])=>`${roleLabel(r)}`).join("")) || '—'}
` + + `

R und A sind die Pflicht. Beratend (C) bzw. informiert (I) klärt der nächste Schritt (ergänzend).

` }, + { label:"Beteiligung (C + I)", + frage:`Ergänzt nun die beteiligten Rollen (ergänzend, nice-to-have): Wer wird Consulted (vorab um Rat gefragt), wer nur Informed (über das Ergebnis)? Stellt die Figuren auf die Spielfelder C und I im RACI-Kreis.`, + legend: raciLegendHtml(), + auf:`

Konsultiert (C) / Informiert (I)

${(st.raci.filter(([r,c])=>c.includes("C")||c.includes("I")).map(([r,c])=>`${roleLabel(r)} · ${c}`).join("")) || '— (keine C/I-Rolle)'}
` + + `

RACI vollständig

${raciTable(st)}` }, { label:"Artefakt", artefakt:true, frage:`Welches Artefakt entsteht hier und kommt in die Service-Akte?`, auf:`

Artefakt

${st.artefakt}

` } diff --git a/04_Tablet-Quiz/app/sw.js b/04_Tablet-Quiz/app/sw.js index 45e0ad1..29470a1 100644 --- a/04_Tablet-Quiz/app/sw.js +++ b/04_Tablet-Quiz/app/sw.js @@ -1,5 +1,5 @@ /* Service Worker — SLC-Workshop Companion (App-Shell, offline-first) */ -const CACHE = "slc-companion-v35"; +const CACHE = "slc-companion-v36"; const SHELL = ["./", "index.html", "manifest.webmanifest", "icon.svg"]; // Action-Card-Grafiken (cards/s-c.png) fuer Offline vorab cachen (alle 24). const CARDS = [];