Kommunikations-Topologie-Graph — Umgesetzt (2026-04-24)

Was wir gefunden haben

Die Kaskade ist nicht nur ein Feature — sie ist das Kernstueck von Prilog. Eine visuelle Kommandozentrale die zeigt wie Information durch eine Organisation fliesst. Nicht abstrakt, nicht als Dokument, sondern lebend, interaktiv und in Echtzeit.

Der Kommunikations-Topologie-Graph vereint alles was Prilog kann:

• Chat (die Nachricht selbst)
• Spaces (die Gruppen)
• Berechtigungen (wer darf was sehen)
• Workflows (wie fliesst Information)
• Krisenmanagement (wann, in welcher Reihenfolge)
• Kontrolle (Freigabe, Verzoegerung, Filter)

In einem einzigen, visuell verstaendlichen Bild.

---

Die drei Flussmuster

Parallel

Mehrere Gruppen bekommen gleichzeitig und unabhaengig voneinander von derselben Quelle:

[Krisengruppe]   [Kollegium]   [Eltern]
       │              ↑            ↑
       └──────────────┴────────────┘

Visuell: Alle Knoten auf gleicher Hoehe. Keine Abhaengigkeit untereinander.

Anwendung: Schnelle Breitenkommunikation. Entwarnung. Allgemeine Mitteilungen.

Seriell

Jede Stufe haengt von der vorherigen ab. Information wird von Stufe zu Stufe weitergereicht, transformiert und kontrolliert:

[Krisengruppe]
        ↘
           [Schulleitung]
                  ↘
                     [Behörden]

Visuell: Jeder Knoten ist tiefer versetzt als sein Vorgaenger. Die vertikale Position zeigt die Abhaengigkeit.

Anwendung: Eskalationsketten. Behoerden-Meldungen. Kontrollierte Informationsweitergabe.

Gemischt

Die Realitaet. Manche Gruppen werden parallel bedient, andere seriell:

[Krisengruppe]   [Kollegium]   [Eltern]        ← parallel, gleiche Hoehe
        ↘
           [Schulleitung]                        ← seriell, tiefer
                  ↘
                     [Behörden]                  ← seriell, noch tiefer

Visuell: Die Form des Graphen IST der Kommunikationsplan.

---

Drei Ergaenzungen zum Linsen-Prinzip

1. Rueckkanal (Richtung)

Jede Verbindung hat eine Richtung:

Typ	Symbol	Bedeutung	Beispiel
Einweg	→	Anweisung, Information	Krisengruppe → Eltern
Zweiweg	↔	Dialog, Rueckfragen erlaubt	Krisengruppe ↔ Schulleitung
Bestaetigung	→ ✓	Einweg mit Lesebestaetigung	Krisengruppe → Kollegium

Der Graph zeigt: wer darf antworten, wer nur empfangen.

2. Statusblasen

Wenn ein Knoten bestaetigt hat (alle Nachrichten gelesen, oder explizit "Verstanden" geklickt), blubbert der Status nach oben:

[Krisengruppe]   [Kollegium ✓]   [Eltern ⏳]
        ↘
           [Schulleitung ✓]
                  ↘
                     [Behörden ✓]

Status: 3 von 4 informiert. Eltern: verzoegert (noch 8 Min).

Der Krisenstab sieht ohne eine Nachricht zu lesen: der Prozess laeuft. Ein Blick genuegt.

3. Topologie = Krisenplan

Jedes Krisen-Szenario hat eine eigene Form:

Feueralarm:          Amok:               Medizinisch:
  breit, flach         schmal, tief        klein, gezielt

  [K] [Ko] [E]        [K]                 [E]
       ↘                ↘                   ↘
      [SL]              [Ko]              [SL]
       ↘                  ↘                 ↘
      [B]                [E]              [1 Familie]

Die Schule zeichnet ihren Krisenplan als Graph. Der Graph ist der Plan. Der Plan ist der Graph. Kein Dokument das verstaubt — ein System das man in der Krise oeffnet und benutzt.

---

Datenmodell-Erweiterung

Knoten-Position (2D statt 1D)

CascadeColumn {
  ...bestehende Felder...

  // Position im 2D-Graph
  posX:  Int    // Horizontale Position (0 = links)
  posY:  Int    // Vertikale Position (0 = oben, hoeher = seriell/abhaengig)
}

Statt sortOrder (1D-Reihenfolge) definieren posX und posY die Position im Graphen. Gleiche posY = parallel. Hoeheres posY = seriell/abhaengig.

Verbindungen (Kanten)

CascadeEdge {
  id
  boardId
  sourceColumnId    // Von welcher Spalte
  targetColumnId    // Zu welcher Spalte
  direction:  'one-way' | 'two-way' | 'confirm'
  // Die Linsen (Filter/Form/Gate) bleiben auf dem Ziel-Knoten
}

Bisher war die Verbindung implizit (Spalte 1 → Spalte 2 → Spalte 3). Jetzt ist sie explizit: jede Kante verbindet zwei Knoten. Ein Knoten kann mehrere eingehende und ausgehende Kanten haben.

Status-Tracking

CascadeNodeStatus {
  id
  columnId
  boardId
  status:  'idle' | 'active' | 'confirmed' | 'pending'
  confirmedBy:  String?
  confirmedAt:  DateTime?
}

---

UI-Konzept

Graph-Ansicht (Desktop)

┌────────────────────────────────────────────────────────────────┐
│  Krisenprotokoll Feuer                                         │
├────────────────────────────────────────────────────────────────┤
│                                                                │
│  ┌──────────┐   ┌──────────┐   ┌──────────┐                  │
│  │Krisen-   │──→│Kollegium │   │Eltern    │                  │
│  │gruppe    │──→│  ✓       │   │  ⏳ 8min  │                  │
│  │          │   └──────────┘   └──────────┘                  │
│  │          │                                                  │
│  │          │─┐                                                │
│  └──────────┘ │                                                │
│               │  ┌──────────┐                                  │
│               └─→│Schul-    │                                  │
│                  │leitung ✓ │                                  │
│                  │          │─┐                                │
│                  └──────────┘ │                                │
│                               │  ┌──────────┐                │
│                               └─→│Behörden  │                │
│                                  │  ✓       │                │
│                                  └──────────┘                │
│                                                                │
│  Status: 3/4 informiert │ Eltern: verzoegert (8 Min)          │
└────────────────────────────────────────────────────────────────┘

Interaktion

• Klick auf Knoten → verbreitert sich, zeigt Chat inline (wie jetzt)
• Klick auf Kante → zeigt die Linsen-Einstellungen (Filter/Form/Gate)
• Drag → Knoten verschieben, Topologie aendern
• Doppelklick auf leere Flaeche → neuen Knoten erstellen
• Linie ziehen von Knoten zu Knoten → neue Kante

Status-Leiste

Am unteren Rand: aggregierter Status aller Knoten.

[3/4 informiert] [1 verzoegert] [0 blockiert] [Dauer: 4 Min seit Aktivierung]

Mobile

Auf dem Smartphone: der Graph wird als vertikale Liste dargestellt, sortiert nach Abhaengigkeit. Parallele Knoten werden nebeneinander als Chips angezeigt:

┌─────────────────────────┐
│ Krisengruppe        [→] │
├─────────────────────────┤
│ [Kollegium ✓] [Eltern ⏳]│  ← parallel, nebeneinander
├─────────────────────────┤
│   Schulleitung ✓    [→] │  ← seriell, eingerueckt
├─────────────────────────┤
│     Behörden ✓       [→] │  ← seriell, weiter eingerueckt
└─────────────────────────┘

---

Umsetzung in Phasen

Phase 1: 2D-Positionierung (2 Tage)

Die Spalten bekommen posX und posY statt nur sortOrder. Das Layout wird von der flachen Reihe zum 2D-Canvas:

• DB: pos_x und pos_y Felder auf CascadeColumn
• Frontend: CSS Grid oder absolute Positionierung statt Flexbox-Reihe
• Drag: Knoten frei verschieben im 2D-Raum
• Snap-to-Grid: Knoten rasten auf einem unsichtbaren Raster ein

Phase 2: Explizite Kanten (2 Tage)

Verbindungen zwischen Knoten werden explizit statt implizit:

• DB: CascadeEdge Tabelle (source, target, direction)
• Frontend: SVG-Linien zwischen Knoten (mit Pfeilspitze)
• Interaktion: Kante erstellen durch Ziehen von Knoten-Rand zu Knoten
• Kante anklicken zeigt die Linsen des Ziel-Knotens
• Kante loeschen per Rechtsklick oder X-Button

Phase 3: Richtung und Rueckkanal (1 Tag)

Jede Kante bekommt einen Richtungs-Typ:

• Einweg (→): nur Forward
• Zweiweg (↔): Forward + Antworten erlaubt
• Bestaetigung (→✓): Forward + Lesebestaetigung zurueck
• UI: Dropdown beim Erstellen/Bearbeiten einer Kante
• Visuell: Pfeilspitze einseitig oder beidseitig

Phase 4: Status-Tracking (1.5 Tage)

Jeder Knoten hat einen Live-Status:

• idle: noch keine Nachricht empfangen
• active: Nachricht empfangen, noch nicht bestaetigt
• confirmed: explizit bestaetigt ("Verstanden")
• pending: wartet auf Gate (verzoegert/Freigabe)
• Status-Leiste am unteren Rand
• Statusblasen: wenn alle Downstream-Knoten confirmed, wird der Upstream-Knoten als "vollstaendig" markiert

Phase 5: Graph-Editor (2 Tage)

Der Editor wird zum echten Graph-Tool:

• Doppelklick auf leere Flaeche → neuer Knoten
• Linie ziehen von Knoten-Rand → neue Kante
• Rechtsklick auf Knoten/Kante → Kontextmenue (Bearbeiten, Loeschen, Linsen)
• Minimap in der Ecke bei grossen Graphen
• Zoom und Pan

Phase 6: Vorlagen als Topologien (1 Tag)

Die Krisen-Vorlagen werden von flachen Spalten-Listen zu echten Graph-Topologien:

• Jede Vorlage definiert Knoten-Positionen + Kanten
• Beim Erstellen wird der Graph sofort in der richtigen Form gezeichnet
• Neue Vorlage: "Topologie speichern" — eigene Formen als Vorlage

Phase 7: Automatischer Forward (1.5 Tage)

Nachrichten fliessen automatisch durch den Graphen:

• Wenn eine Nachricht im Quell-Knoten erscheint, wird sie automatisch gegen die Filter aller ausgehenden Kanten geprueft
• Bei Match: durch Form transformieren, an Gate uebergeben
• Kein manueller "Weiter"-Klick mehr noetig (optional aktivierbar)
• Der Graph "lebt" — Nachrichten wandern sichtbar durch die Topologie

Gesamtaufwand: ~11 Tage

---

Warum das alles veraendert

Fuer Schulen

Der Krisenplan ist kein PDF mehr. Er ist ein interaktives System. Wenn der Alarm ausgeloest wird, oeffnet sich die Topologie — und jeder sieht: was muss ich tun, wen muss ich informieren, wer hat schon bestaetigt. In der Panik einer Krise ist Klarheit alles.

Fuer den Markt

Kein anderes Schul-Kommunikationssystem hat das. Sdui, SchoolFox, IServ — alle haben Chat und Gruppen. Keiner hat eine visuelle Kommunikations-Topologie mit Live-Status, Freigabe-Gates und automatischer Transformation. Das ist nicht nur ein Feature-Vorsprung, das ist eine neue Kategorie.

Ueber Schulen hinaus

Jede Organisation mit mehreren Stakeholder-Gruppen braucht koordinierte Kommunikation:

• Krankenhaeuser: Notaufnahme → Stationsarzt → Angehoerige
• Behoerden: Krisenstab → Amtsleitung → Oeffentlichkeit
• Unternehmen: Vorstand → Abteilungsleiter → Mitarbeiter → Kunden
• Vereine: Vorstand → Trainer → Mitglieder → Eltern

Das Kommunikations-Topologie-Konzept ist universell. Die Schule ist der beste Startmarkt, weil die Anforderungen dort am hoechsten sind (Kinder, DSGVO, Krisenpflicht) und die Zahlungsbereitschaft da ist.

---

Der eine Satz

Prilog macht Kommunikation sichtbar — wer bekommt was, in welcher Form, wann, und wer hat bestaetigt.