{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "stoerungs-statusseite",
 "name": "Status- und Störungsseite",
 "name_en": "Service status and incident page",
 "kurz": "Ein Satz sagt, ob alles läuft; darunter die laufende Störung mit Beginn, letztem Update und Zeitleiste, die Dienste mit 90-Tage-Verlauf, geplante Wartung und ein E-Mail-Abo, für Systemhaus, Stadtwerk oder als Hinweisleiste der Praxis.",
 "kategorie": "Sektionen & Funktionen",
 "kategorie_slug": "sektionen",
 "kategorie_nr": 16,
 "bau_chat": "D",
 "prioritaet": "D",
 "trendstatus": "etabliert",
 "belegstatus": "belegt",
 "website_belege": 4,
 "stimmung": [
  "ruhig",
  "präzise"
 ],
 "stimmung_roh": [
  "präzise",
  "ruhig",
  "vertrauenswürdig"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "json",
  "intl",
  "form",
  "aria-live"
 ],
 "technik_gruppen": [
  "css",
  "js",
  "andere"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Eine eigene Seite, die in einem Satz sagt, ob alles läuft. Darunter die Dienste einzeln (Telefonanlage, E-Mail, Fernwartung, Datensicherung oder Strom, Gas, Wasser), jede mit Wort und Symbol. Eine laufende Störung steht ganz oben: Titel, betroffene Dienste, Beginn, letztes Update und die Updates als Zeitleiste mit Uhrzeit (untersucht, Ursache gefunden, beobachtet, behoben). Geplante Wartungen stehen getrennt. Ein Verlauf über 30 oder 90 Tage zeigt jeden Tag als Feld mit Text. Unten ein Abo per E-Mail als Platzhalter mit Bestätigungsmail. Fällt die Statusquelle selbst aus, sagt die Seite das ehrlich und zeigt die Hotline.",
  "warum_es_wirkt": "Bei einer Störung rufen alle gleichzeitig an. Eine Seite, die Beginn, Stand und nächstes Update nennt, beantwortet die drei Fragen vorab: Liegt es an mir? Weiß der Betrieb Bescheid? Wann geht es weiter? Das entlastet die Hotline und zeigt Verlässlichkeit gerade dann, wenn etwas nicht geht. Der Verlauf mit echten Tagen wirkt glaubwürdiger als ein Versprechen wie „99,9 %“.",
  "wann_einsetzen": "IT-Systemhaus und Managed Services (Status der betreuten Dienste), Stadtwerk und Versorger (Störungen nach Ortsteil, geplante Unterbrechungen), Praxis, Kanzlei oder Amt, wenn Telefon oder Online-Termin ausfällt (kurzer Hinweis mit Ausweichwegen). Auch für SaaS-Anbieter.",
  "wann_nicht": "Wenn niemand die Seite im Störfall pflegt: ein veralteter grüner Status schadet mehr als keine Seite. Nicht auf demselben Server wie der gestörte Dienst betreiben. Keine Verfügbarkeitszahlen oder Reaktionszeiten erfinden; die Werte kommen aus dem Monitoring bzw. Vertrag des Betriebs. Bei Gasgeruch, Stromunfall oder medizinischem Notfall nie auf die Seite verweisen, sondern Notrufnummern groß zeigen. Daten und Abo vom Kunden prüfen lassen.",
  "varianten": [
   "Systemhaus: Dienste der Kunden mit 90-Tage-Verlauf, laufende Störung mit Zeitleiste, geplante Wartung, E-Mail-Abo je Dienst",
   "Versorger: Strom, Gas, Wasser, Fernwärme; Störungen nach Ortsteil mit Suche nach Straße oder PLZ, Notrufnummern bei Gasgeruch zuerst, geplante Unterbrechungen",
   "Praxis-Hinweis: kompakte Leiste auf der Kundenseite, wenn das Telefon gestört ist, mit Ausweichwegen (E-Mail, Online-Termin, Ausweichnummer, 116117 und 112)"
  ],
  "umsetzung": "Der Status kommt als kleines JSON vom Server oder aus dem Monitoring (dienste, stoerungen mit updates, wartungen, verlauf je Tag, stand). Die Seite rendert daraus per textContent: Gesamtsatz, Dienstliste als <ul> mit Wort und Symbol, laufende Störung als <article> mit <time datetime> für Beginn und letztes Update, Updates als <ol> neueste zuerst. Relative Zeiten („vor 12 Minuten“) mit Intl.RelativeTimeFormat, absolute Zeit immer daneben. Der Verlauf ist ein <ol> mit einem Feld je Tag, jedes Feld hat einen Text („3. Nov.: 41 Minuten eingeschränkt“) und ist per Tastatur erreichbar; die Prozentzahl wird aus den Tagen berechnet, nicht behauptet. Neu laden alle 60 s mit fetch und If-None-Match, nur Änderungen werden in einer role=status-Zeile angesagt. Ist die Quelle nicht erreichbar, bleibt der letzte Stand mit Uhrzeit stehen und ein Hinweis mit Hotline erscheint. Das Abo ist ein Formular mit E-Mail, Auswahl der Dienste und Hinweis auf die Bestätigungsmail (Double-Opt-in); der Versand läuft über den Statusdienst des Betriebs. Seite als eigene Subdomain auf getrenntem Hosting.",
  "mobil": "Gesamtsatz und laufende Störung zuerst, Hotline als Knopf direkt darunter. Dienste als Liste ohne Tabelle. Der Verlauf zeigt auf dem Telefon 30 statt 90 Tage, Felder als Tippziel mindestens 24 px hoch mit Text darunter. Suche nach Straße mit inputmode und autocomplete.",
  "reduzierte_bewegung": "Statusmeldungen erscheinen ohne Weg und ohne Überblendung. Es gibt keine Dauerbewegung.",
  "barrierefreiheit": "Status nie nur über Farbe: Wort und Symbol (Haken, Dreieck, Kreuz, Schraubenschlüssel). Laufende Störung als Überschrift mit Zeitangaben in <time>. Änderungen beim Neuladen über eine role=status-Zeile, nicht über aria-live auf der ganzen Liste. Verlauf als Liste mit Text je Tag statt Grafik ohne Alternative. Abo-Formular mit Label, Fehler am Feld, Ergebnis in role=status. Kontrast der Statusfarben mindestens 4,5 : 1."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.2, 0, 0.38, 0.9)",
  "dauer_ms": "70 Hover, 240 Panel, 160 schließen, 400 Einblendung einer Statusmeldung",
  "stagger_ms": "",
  "distanz": "Statusmeldung 4 px",
  "sonstiges": "Neu laden alle 60 s wie bei status.akka.io beobachtet. Kein Pulsieren der Statuspunkte (Rezept it-systemhaus-verlaesslich).",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept it-systemhaus-verlaesslich (token-tech-praezise); 60 s aus status.akka.io"
 },
 "kurve": {
  "bezier": [
   0.2,
   0.0,
   0.38,
   0.9
  ],
  "css": "cubic-bezier(0.2, 0, 0.38, 0.9)",
  "name": "eigene Kurve",
  "dauer_ms": 110
 },
 "gesehen_bei": [
  {
   "seite": "Akka: Status",
   "url": "https://status.akka.io",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 05.11.2026: Gesamtsatz „All systems operational“, fünf Dienste je mit „Operational“, Verlauf „% Uptime“ von „90 days ago“ bis „Today“, Link „Incident & maintenance history“, „Subscribe to updates“, Hinweis, dass die Seite alle 60 Sekunden neu lädt. Betrieben mit StatusPal.",
   "art": "website"
  },
  {
   "seite": "status.providerdienste.de: Störung Telefonanlage",
   "url": "https://status.providerdienste.de/incidents/142",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 05.11.2026: Störung vom 06.10.2023 ab 08:00, Telefonanlage in Bochum nicht erreichbar, E-Mail weiter möglich. Updates als Text mit Uhrzeit („[Update 09:30 CEST]“ mit erwartetem Ende 13:00, „[Update 14:00 CEST]“ behoben), zweisprachig. Keine Status-Stufen.",
   "art": "website"
  },
  {
   "seite": "Stadtwerke Dettelbach: Störungsnummer",
   "url": "https://dettelbach-stadtwerke.de/?p=34609",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 05.11.2026: eine Nummer der technischen Bereitschaft für Strom und Wasser, Hinweis auf Kosten bei Fehlern in der Kundenanlage, Link zur „Übersicht der derzeit im Stromnetz gemeldeten Störungen“ (externes Portal mit Meldeformular). Keine eigene Störungsliste.",
   "art": "website"
  },
  {
   "seite": "FernUniversität in Hagen: Störung der Telefonanlage",
   "url": "https://www.fernuni-hagen.de/universitaet/aktuelles/2019/12/am-stoerung-telefonanlage.shtml",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 05.11.2026: Meldung vom 06.12.2019, Anrufe brechen beim Aufbau ab. Ausweichwege je Stelle per E-Mail mit Servicezeiten, Update um 12:00 mit erwarteter Behebung.",
   "art": "website"
  },
  {
   "seite": "ZfK: Aus Stromausfall.de wird Störungsauskunft.de",
   "url": "https://www.zfk.de/digitalisierung/aus-stromausfallde-wird-stoerungsauskunftde",
   "auszeichnung": "",
   "beobachtung": "Artikel vom 30.07.2020: Portal mit 54 Netzbetreibern (rund 75 % der Netzgebiete), zeigt bekannte Störungen mit voraussichtlicher Dauer, Meldungen auf einer Karte für 24 Stunden, Checkliste „Netz oder eigene Anlage“; Gas, Wasser und Internet sollten folgen.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "MDN: Intl.RelativeTimeFormat",
   "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat"
  },
  {
   "titel": "MDN: ARIA status role",
   "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role"
  }
 ],
 "kombinierbar_mit": [
  "oeffnungszeiten-status",
  "erreichbarkeits-button",
  "notdienst-plan",
  "ansprechperson-band",
  "validierung-nach-interaktion",
  "formular-fehlerzusammenfassung",
  "linien-punkt-raster",
  "download-center-dokumente",
  "fehlerseite-leerzustand"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/sektionen/stoerungs-statusseite/",
  "meta": "https://cecodesign.de/lab/fundus/sektionen/stoerungs-statusseite/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/sektionen/stoerungs-statusseite/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Recherche Runde 4, 04.11.2026"
  ],
  "pruefnotizen": [
   "Recherche Runde 4 nannte keinen Award-Beleg. Am 05.11.2026 vier Websites und ein Fachartikel geöffnet (Status-Seite mit 90-Tage-Verlauf und Abo, Telefonstörung mit Uhrzeit-Updates, Stadtwerk mit Bereitschaftsnummer, Hochschule mit Ausweichwegen, Störungsportal der Netzbetreiber).",
   "Gestaltung, Kurve und Dauern kommen aus dem Rezept it-systemhaus-verlaesslich, nicht aus einer Messung.",
   "Notrufnummern (112, 116117) und die Regel „bei Gasgeruch nicht online melden“ sind allgemeine Hinweise; die Bereitschaftsnummern kommen vom Betrieb. Vom Kunden prüfen lassen.",
   "Abo per E-Mail braucht Einwilligung mit Bestätigungsmail und Datenschutzhinweis; in der Demo nur Platzhalter. Vom Kunden prüfen lassen."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Ein Satz sagt, ob alles läuft; darunter die laufende Störung mit Beginn, letztem Update und Zeitleiste, die Dienste mit 90-Tage-Verlauf, geplante Wartung und ein E-Mail-Abo, für Systemhaus, Stadtwerk oder als Hinweisleiste der Praxis.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.2, 0, 0.38, 0.9) (token-tech-praezise), Eintritt cubic-bezier(0, 0, 0.38, 0.9), Austritt cubic-bezier(0.2, 0, 1, 0.9)",
   "dauer_ms": {
    "hover_ein": 110,
    "hover_aus": 70,
    "schalter_panel": 240,
    "leiste_schliessen": 160,
    "statusmeldung": 400
   },
   "distanz": "Statusmeldung und neues Update 4 px von unten mit Einblenden; Leiste schließt 4 px nach oben",
   "daten": "Status-JSON: gruppen → dienste (id, name, hinweis), stoerungen (titel, dienste, ton, beginn, naechstes_update, updates [art, zeit, text]), wartungen, verlauf je Tag (ton, minuten, text), stand",
   "zustaende": "ok (Alle Dienste laufen), warn (eingeschränkt), stoer (gestört), wartung, unbekannt (Quelle nicht erreichbar: letzter Stand mit Uhrzeit, Ansicht grau, Hinweis mit Hotline)",
   "statusfarben": "ok #1E6E43, warn #7F5400, stoer #B3261E, wartung #2946B0, je mit Wort und Symbol (Haken, Dreieck, Kreuz, Schlüssel); Flächen #DCEBE2, #F3E6CC, #F6DEDC, #DDE3F6",
   "verlauf": "90 Tage am Desktop, 30 Tage ≤ 640 px; Feld je Tag, Abstand 2 px, Höhe 28 px, Radius 1,5 px, ok #8DBFA2; Quote aus den Tagen berechnet (Störung volle Minuten, eingeschränkt halbe); ein Tab-Stopp je Dienst, Pfeiltasten, Pos1, Ende wählen den Tag, Text in aria-live-Zeile",
   "zeit": "Intl.DateTimeFormat Europe/Berlin, Intl.RelativeTimeFormat('de', {numeric: 'auto'}), <time datetime> für Beginn, letztes Update, nächstes Update",
   "neu_laden": "alle 60000 ms, Schalter „Jede Minute neu laden“ (role=switch) hält an (WCAG 2.2.2); Änderungen über role=status",
   "raster": "Punktraster 20 px, Punkt 1 px rgba(22, 25, 29, .16) (linien-punkt-raster), steht still",
   "abo": "E-Mail mit Prüfung nach dem Verlassen, mindestens ein Dienst, Senden 700 ms, Erfolg: Bestätigungsmail (Double-Opt-in); Datenschutz als markierter Platzhalter",
   "versorger": "Gas-Notruf vor allem anderen, 5 Sparten, Suche nach Straße, Ortsteil oder PLZ beim Tippen, Leerzustand mit drei Schritten (Sicherung, Nachbarn, Störungsnummer)",
   "praxis": "Leiste über dem Kopf nur bei Störung oder Wartung, Ausweichwege als Pillen ab 44 px, 116 117 und 112, schließbar (Fokus auf die Marke), Telefonnummer in den Sprechzeiten durchgestrichen mit Wort „gestört“",
   "vorfuehrung": "Schritte alle 1700 ms: läuft → Störung → Update → behoben (systemhaus); läuft → Stromausfall → Suche „Mühlen“ → Wartung (versorger); läuft → Störung → Wartung (praxis)"
  },
  "ausloeser": "klick",
  "touch": "Eine Spalte: Gesamtsatz, Hotline, laufende Störung, Dienste. Verlauf mit 30 Tagen, Tag per Tippen wählen. Fakten der Störung untereinander. Praxis-Leiste mit gestapelten Ausweichwegen.",
  "reduziert": "Statusmeldungen, neue Updates und das Schließen der Leiste ohne Weg und Überblendung. Es gibt keine Dauerbewegung; nichts pulsiert.",
  "korrekturen": {},
  "geprueft": "05.11.2026",
  "notiz": "Welten: systemhaus = Rezept it-systemhaus-verlaesslich, erfundenes Systemhaus Netzkontor in Lingen (Ems); versorger = gleiche Rezeptfarben, erfundene Stadtwerke Ilmbrück (erfundener Ort); praxis = Rezept praxis-gesundheit-ruhig, erfundene Praxis am Kiefernweg in Lingen-Darme als Kunde des Systemhauses (Leiste liest das Status-JSON). Rufnummern mit 0 nach der Vorwahl (nicht vergebbar), echt nur 112 und 116 117. Zeiten relativ zur Uhr des Besuchers, Verlauf mit festem Zufallswert. Bereitschaftsnummern, Abo-Versand und Datenschutz vom Kunden prüfen lassen. Selbsturteil 4.",
  "varianten": [
   {
    "id": "systemhaus",
    "name": "Systemhaus: Dienste mit Verlauf",
    "wann": "IT-Systemhaus, Managed Services, SaaS: Status der betreuten Dienste mit Zeitleiste, Wartung und Abo.",
    "werte": {
     "aufbau": "Gesamtsatz mit Symbol, laufende Störung mit Zeitleiste, Dienste in zwei Gruppen mit 90-Tage-Verlauf, Wartung, vergangene Störungen, Abo auf Grafit"
    }
   },
   {
    "id": "versorger",
    "name": "Versorger: Störungen nach Ort",
    "wann": "Stadtwerk und Netzbetreiber: Gas-Notruf zuerst, Sparten, Suche nach Straße oder PLZ, geplante Arbeiten.",
    "werte": {
     "aufbau": "Notruf-Kasten 2 px Rot, Sparten im Fünferraster, Ortsmeldungen mit Zeitraum statt Verlauf",
     "suche": "filtert beim Tippen nach Ort, PLZ-Anfang und Straße; Leerzustand mit Schritten"
    }
   },
   {
    "id": "praxis",
    "name": "Praxis-Hinweis bei Telefonstörung",
    "wann": "Praxis, Kanzlei, Amt: kurze Leiste auf der eigenen Website, wenn Telefon gestört ist oder gewartet wird.",
    "werte": {
     "aufbau": "Leiste #FFF1D6 über dem Kopf, Wartung #E6EEF0",
     "schrift": "Hedvig Letters Serif und Google Sans Flex (Rezept praxis-gesundheit-ruhig)",
     "schliessen_ms": 160
    }
   }
  ]
 }
}
