Skip to content

Geführter Rundgang durch alles – in Kapiteln, mit der Karte am Ziel (v70) - #67

Merged
daimpad merged 1 commit into
mainfrom
claude/datenlotse-frontend-setup-r4ylco
Oct 26, 2026
Merged

daimpad merged 1 commit into
mainfrom
claude/datenlotse-frontend-setup-r4ylco

Conversation

@daimpad

@daimpad daimpad commented Oct 26, 2026

Copy link
Copy Markdown
Owner

Es gab bereits einen Rundgang mit elf Stichproben. Statt einen zweiten daneben zu bauen, ist er zu einer vollständigen Führung ausgebaut – und dabei sind drei Mängel aufgefallen, die man erst beim Durchklicken sieht.

Was der Rundgang jetzt zeigt

Sieben Kapitel, 29 Schritte – Orientierung, Daten-Kompass, Phase 1 · Governance, Phase 2 · Dateninventar, Phase 3 · Risiko & Schutz, Wissen & Vorlagen, Sichern & loslegen.

  • Der erste Schritt listet alle Kapitel zum Direktanspringen; jede Karte trägt Kapitelpunkte (aria-current="step") und einen Fortschrittsbalken.
  • Die Schritte wechseln selbst in den passenden Tab (Qualitätsprüfung, Clearing, CSV-Bereinigung, Risiko).
  • Neu abgedeckt: Rechtspflicht, Kompass-Verlauf, RACI, Verteilungen, Filter und Massenbearbeitung, Lizenz-Kompatibilität, Metadaten-Güte, Exporte, k-Anonymität, die zwei Leserichtungen der Landesgesetze, DatenGraf-Brücke.
  • Ohne eigene Daten bleibt von den datenabhängigen Schritten nur das eine Angebot („Beispiel laden") – statt siebenmal denselben Hinweis. Nach dem Laden wächst die Liste, und der Rundgang bleibt auf demselben Schritt.

Drei Mängel des alten Rundgangs

vorher jetzt
Karte immer unten mittig – verdeckte bei großen Zielen, was sie erklären sollte neben dem Ziel (unten/oben/links/rechts); gescrollt wird so, dass Ziel und Karte Platz haben. Unter 720 px angedockt
Topbar & Seitenleiste hervorgehobene Stelle lag unter dem Abdunkeln – beide bilden eigene Stapelkontexte (sticky z-index: 10, fixed 300) tourLift() hebt den äußersten solchen Vorfahren
Ohne Daten navTo('inventory') öffnete das Erklär-Modal hinter der Karte der Schritt zeigt die Inventar-Karte der Startseite

Dazu drei veraltete Texte: „keine Übertragung" (seit v48 falsch – es gibt die Zählung, die Zusage gilt für Inhalte), „Vollständigkeit" (seit v63 Metadaten-Güte), Rundgang „nur in der Seitenleiste".

Gemessen, nicht behauptet

  • Verdeckung: auf 1280×800, 1366×768 und 1920×1080 verdeckt die Karte in keinem der 29 Schritte ihr Ziel.
  • Abdunkeln: der Test macht body::before klickbar und fragt elementFromPoint, was oben liegt. Eine Prüfung auf Klassennamen hätte den Seitenleisten-Fehler nie gesehen.
  • Telefon (390 px): die Karte bleibt im Bild, der Anfang jedes Ziels bleibt frei.

Ladegewicht – die Grenze bleibt

Wie in v69 angekündigt: die 17 KB des Rundgangs passten nicht in 5 KB Luft, das Budget riss. Die 700-KB-Grenze ist nicht verschoben. Stattdessen lädt das DatenGraf-Logo unter dem Falz jetzt wirklich erst bei Bedarf (IntersectionObserver) – loading="lazy" griff nie, weil Chrome in 1.250–2.500 px Abstand vorlädt. Puffer danach: 5,5 KB.

Nebenbei: der Logo-Test war seit v69 ein Wettlauf gegen das Netz und in der vollen Suite gelegentlich rot. Er wartet jetzt aufs Laden.

Mutationen – acht, jede einzeln

Mutation rot
Anheben des Stapelkontexts entfernt „Ziele liegen über dem Abdunkeln"
Karte immer angedockt „Karte verdeckt das Ziel nicht"
stur zentrieren statt Platz schaffen Desktop- und Telefon-Platzierung
navTo ohne Daten-Weiche „Schritte ohne Daten …"
keine Filterung ohne Daten „Schritte ohne Daten …"
kein Tab-Wechsel in der Textbereinigung „jeder Tab wird gezeigt"
Logo wieder sofort geladen Budget und Logo-Test
Nachführen nach dem Hereingleiten der Seitenleiste grün

Die letzte blieb grün. Nachgemessen auf drei Breiten war das Ergebnis mit und ohne identisch – den Fehler hatte der Test (er maß während des Übergangs). Die Zeile ist entfernt, statt als scheinbare Absicherung stehen zu bleiben.

Tests

6 neue, 386 gesamt, alle grün; acht bestehende auf die Kapitelstruktur umgeschrieben.

386 passed (3.0m)

node tools/generate-wissen.js --check → 9 Seiten aktuell. npm run icons mitgelaufen (fa-book-open, fa-flag-checkered).


Generated by Claude Code

…(v70)

Der Rundgang bestand aus elf Stichproben und hatte drei Maengel, die sich
erst beim Durchklicken zeigten:

1. Die Karte stand immer unten mittig und verdeckte bei grossen Zielen,
   was sie erklaeren sollte. Jetzt steht sie daneben (unten/oben/links/
   rechts, je nachdem, wo sie ganz passt), und gescrollt wird so, dass Ziel
   und Karte gemeinsam Platz haben. Auf drei Desktop-Groessen verdeckt sie
   in keinem der 29 Schritte ihr Ziel - gemessen. Unter 720 px dockt sie an.

2. Ziele in Topbar und Seitenleiste blieben unter dem Abdunkeln: beide
   bilden eigene Stapelkontexte (sticky z 10, fixed z 300). tourLift() hebt
   den aeussersten solchen Vorfahren. Der Test macht das Abdunkeln klickbar
   und fragt elementFromPoint, was oben liegt.

3. Ohne Daten oeffnete ein Inventar-Schritt ueber navTo('inventory') das
   Erklaer-Modal hinter der Karte.

Inhaltlich: sieben Kapitel, 29 Schritte, Kapitelauswahl am Anfang,
Kapitelpunkte (aria-current) und Fortschrittsbalken; die Schritte wechseln
selbst in den passenden Tab. Neu abgedeckt: Rechtspflicht, Kompass-Verlauf,
RACI, Verteilungen, Filter/Massenbearbeitung, Lizenz-Kompatibilitaet,
Metadaten-Guete, Exporte, k-Anonymitaet, die zwei Leserichtungen der
Landesgesetze, DatenGraf-Bruecke. Ohne Inventar bleibt von den
datenabhaengigen Schritten nur das eine Angebot.

Drei veraltete Texte korrigiert: "keine Uebertragung" (seit v48 falsch),
"Vollstaendigkeit" (seit v63 Metadaten-Guete), Rundgang "nur in der
Seitenleiste".

Ladegewicht: die 17 KB des Rundgangs rissen das Budget (5 KB Luft, in v69
angekuendigt). Die Grenze bleibt bei 700 KB; stattdessen laedt das
DatenGraf-Logo unter dem Falz jetzt wirklich erst bei Bedarf - loading=lazy
griff wegen Chromes Vorlade-Abstand nie. Der Logo-Test war dadurch seit v69
ein Wettlauf und wartet jetzt aufs Laden.

Mutationen: acht einzeln geprueft, sieben rot. Die achte (Nachfuehren nach
dem Hereingleiten der Seitenleiste) blieb gruen; nachgemessen war das
Ergebnis mit und ohne identisch - die Zeile ist entfernt.

6 neue Tests (386 gesamt), acht bestehende auf die Kapitel umgeschrieben.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011QxDJcLg9h8zdL9ZpTTty7
@daimpad
daimpad merged commit a75686d into main Oct 26, 2026
1 check passed
@daimpad
daimpad deleted the claude/datenlotse-frontend-setup-r4ylco branch October 26, 2026 08:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants