Netzwerk-Labor · Doku Plan 3.1.0 — Variante B: Onboarding, Analyse-Begleiter, Labor-UX, Layout, Quality Control Zum Spiel Online

Plan 3.1.0 — Variante B: Onboarding, Analyse-Begleiter, Labor-UX, Layout, Quality Control

Status: freigegeben durch Nutzer („entwickle B bis zum deploy", 2026-11-01). Ziel: implementieren, testen, dokumentieren, fassungsziehen 3.1.0, committen, taggen, deployen (Release). Ohne Android-Keystore-Secrets bleibt der APK-Anhang/SHA256SUMS wie bei 3.0.0 rot — ehrlich ausweisen.

Entscheidungen

Dateien

Neu: src/daten/leitfaden.js (Phasen + Onboarding-Texte) · src/spiel/leitfaden.js (Erkennung) · src/ui/leitfaden.js (Panel) · src/ui/onboarding.js (Tour) · src/stil/leitfaden.css (Panel/Onboarding/Trenner). Geändert: src/ui/inspektor.js (Aktionsleiste, Trenner) · src/ui/app.js (Shortcuts, Einstellungen: Tour wiederholen, Breite zurücksetzen) · src/ui/dom.js (Panel-Mount) · src/stil/inspektor.css/editor.css (Layout) · src/kern/basis.js (Defaults einst.layout/tour) · Tests: tests/leitfaden-engine.test.js, tests/onboarding-tour.test.js, tests/labor-aktionen.test.js, tests/layout-breite.test.js; Anpassungen an ui-/kern-Tests.

Aufgaben (TDD, je Task roter Test zuerst)

  1. Daten + Texte: LEITFADEN (6 Schritte, je 2–3 Impulse, kein Lösungsleck), TOUR (4 Schritte, je Ziel+Text).
  2. Engine: Spiel.leitfaden.{stand,phase,fortschritt,naechsterSchritt,pruefungAktiv,zuruecksetzen}. Erkennung: ticket geladen · Gerät/Lage angesehen · Hypothese gesetzt · min. 1 Messung · Eingriff gemacht · Verifikation nach Eingriff · Dokumentation/Abnahme. Nur lesend, keine neuen Spielstände.
  3. Panel: UI.leitfaden zeichnet im Inspektor (oben) Status je Schritt, aktueller Schritt + „nächster Schritt", Fortschrittsring; in Prüfung nur neutraler Hinweis; Toggle über bestehende Kopfzeile (kein 7. Knopf in R12-Ansicht).
  4. Onboarding: UI.onboarding.tour() beim ersten Start nach Spiel.laden (nur wenn kein Ticket offen), 4 Schritte, Buttons [Überspringen][Weiter][Los geht’s]; store einst.tour.gesehen; Einstellungen: „Einführung wiederholen".
  5. Aktionsleiste: Inspektor-Kopf/Kontextzeile mit sichtbaren Kernaktionen (aus vorhandenen UI.labor-/Akte-Funktionen); ⋯ nur Seltenes; Discoverability-Test: Kernaktionen ohne ⋯ sichtbar und klickbar.
  6. Layout: ziehbarer Trenner Fläche↔Inspektor (pointer), Breite 280–560, Default 360/320, store einst.layout.inspBreite, Doppelklick Reset, Alt+←/→ global; R12-Messung vor/nach unverändert.
  7. Tests/Gates: Engine-Erkennung (echte Aktionen), Kein-Leck-Gate (keine Adressen/Lösungen in Impulsen), Tour einmalig/replay/skip, Prüfungsmodus, Aktionssichtbarkeit, Breiten-Persistenz/Reset, R12/44px, volle Suite.
  8. Sicht: vision vorher/nachher (Onboarding, Panel mit Fortschritt/Prüfungsmodus, Aktionsleiste, Resizer; 1440/960/720, hell+dunkel + 2 Themes), r-design-Abnahme, r-didaktik-Abnahme (Phasenmodell, kein Leck, Prüfungsnähe).
  9. Doku/Fassung: CHANGELOG 3.1.0, Design §46, Übergabe 3.1.0, README/FAQ, INHALT; fassung-ziehen --neu 3.1.0

Release prüfen; ehrlicher Bericht APK/SHA256SUMS-Lücke.

Abnahmekriterien