Detaillierter
Plattform-Bericht

Vollständige Dokumentation des Schulverwaltungssystems — Analyse der Funktionen, der Benutzeroberfläche und der administrativen Möglichkeiten für Bildungseinrichtungen.

Projekt Schule Nabil
Datum 23. April 2026
Module 14 Kernmodule
Technologie React / Next.js / Tailwind / Supabase

📑 Inhaltsverzeichnis

  1. Allgemeine Präsentation des Systems Überblick
  2. Dashboard-Übersicht Zentraler Hub
  3. Schülerverwaltung Stammdaten
  4. Lehrerverwaltung Personalmanagement
  5. Klassenverwaltung Struktur
  6. Stundenplan & Planung Zeitmanagement
  7. Anwesenheitskontrolle Tracking
  8. Prüfungen & Ergebnisse Leistungsbewertung
  9. Noten & Zeugnisse Reporting
  10. Finanzen & Abrechnung Zahlungen
  11. Kommunikation & Chat Messaging
  12. Benutzerverwaltung & Rollen Sicherheit
  13. Aktivitätsprotokoll Audit-Trail
  14. Profil & Einstellungen Personalisierung
01

Allgemeine Präsentation des Systems

Das Schulverwaltungssystem ist eine umfassende SaaS-Lösung für Bildungseinrichtungen. Es digitalisiert alle administrativen Prozesse von der Schüleraufnahme über die Stundenplanung bis hin zur Finanzverwaltung. Die Plattform bietet Rollen-basierte Zugriffe für Administratoren, Lehrer, Schüler und Eltern.

🛠️ Technologie-Stack

  • Frontend: React.js, Next.js (App Router), Tailwind CSS
  • State Management: Context API / Hooks
  • Backend & DB: Supabase (PostgreSQL, Auth, Realtime)
  • UI/UX: Modernes Dashboard-Design, Dark/Light Mode, Responsive Design
  • Features: Echtzeit-Chat, Sprachnachrichten, PDF-Zeugniserstellung, Audit-Logs
02

Dashboard-Übersicht

Das Dashboard bietet einen sofortigen Überblick über die wichtigsten Kennzahlen der Schule. Es dient als Kontrollzentrum für Administratoren, um den täglichen Betrieb zu überwachen.

Dashboard
Zentrale Dashboard-Ansicht mit Statistiken und Lehrer-Status

👁️ Was der Benutzer sieht

  • Statistik-Karten: Anzahl eingeschriebener Schüler (7), Umsatz des laufenden Monats (7.500 €), Anwesenheitsquote (100%), Gesamtdurchschnitt der Noten (16,9 / 20).
  • Lehrer-Stundenpläne: Echtzeit-Statusanzeige der Lehrer (z.B. "enseignant3" verfügbar) mit ihrem aktuellen Tagesplan.
  • Finanz-Charts: Grafische Darstellung der monatlichen Zahlungen der letzten 6 Monate.
  • Schülerleistung: Ringdiagramm zur Verteilung der Prädikate (Notenspiegel).

✅ Was der Benutzer tun kann

  • Echtzeit-Aktualisierung: Manuelles Neuladen der Daten über den "Erneuern"-Button.
  • Suche: Globale Suche nach Schülern, Klassen oder Lehrern über die Top-Bar.
  • Filtern: Anzeige der Stundenpläne nach Tag, Woche oder Monat umschalten.
  • Navigieren: Schneller Zugriff auf alle Module über die Seitenleiste.
03

Schülerverwaltung

Dieses Modul ermöglicht die Verwaltung aller Schülerdaten, einschließlich Kontaktinformationen der Eltern, Anwesenheitsstatus und Zahlungsstand.

Schülerverwaltung
Tabellarische Übersicht der Schülerliste

👁️ Was der Benutzer sieht

  • Schülerliste: Name, E-Mail, zugewiesene Klasse, zugehöriges Elternteil.
  • Status-Indikatoren: Fortschrittsbalken für die Anwesenheit (100%), Badge für den Gebührenstatus ("Bezahlt" vs. "Fällig") und Aktivitätsstatus ("Aktiv").
  • Filterleiste: Dropdown-Menüs für Klasse, Status und Gebührenstatus.

✅ Was der Benutzer tun kann

  • Schüler hinzufügen: Button "Schüler hinzufügen" zum Erstellen neuer Datensätze.
  • Datenimport: Massenimport von Schülern via CSV-Datei.
  • Aktionen: Bearbeiten, Löschen oder Anzeigen der Detailseite eines Schülers.
04

Lehrerverwaltung

Verwaltung des Lehrkörpers, deren Fachrichtungen und Zuweisungen zu verschiedenen Klassen.

Lehrerverwaltung
Übersicht aller registrierten Lehrkräfte

👁️ Was der Benutzer sieht

  • Lehrerprofil: Avatar, Name, E-Mail-Adresse.
  • Klassen-Zuweisung: Anzahl der Klassen, die der jeweilige Lehrer betreut.
  • Kompakte Liste: Schneller Überblick über alle aktiven Lehrkräfte im System.

✅ Was der Benutzer tun kann

  • Lehrer hinzufügen: Neue Lehrkräfte im System registrieren.
  • Detailansicht: Einzelspezifische Informationen und Stundenpläne pro Lehrer aufrufen.
05

Klassenverwaltung

Organisation der Schule in Klassenverbände. Hier werden Kapazitäten gesteuert und Klassenlehrer zugewiesen.

Klassenverwaltung
Kartenansicht der Klassen mit Belegungsstatus

👁️ Was der Benutzer sieht

  • Klassenkarten: Bezeichnung der Klasse (z.B. "1", "3").
  • Belegung: Visuelle Fortschrittsbalken zeigen die Auslastung (z.B. 5/30 Plätze belegt).
  • Verantwortung: Anzeige des zugewiesenen Klassenlehrers.

✅ Was der Benutzer tun kann

  • Klasse erstellen: Kapazitäten und Namen für neue Gruppen definieren.
  • Verwaltung: Bestehende Klassen bearbeiten oder bei Bedarf entfernen.
06

Stundenplan & Planung

Das Herzstück der täglichen Organisation. Ermöglicht die Planung von Unterrichtseinheiten nach Klassen oder Lehrern.

Stundenplan
Wochenansicht des Stundenplans

👁️ Was der Benutzer sieht

  • Wochenspalten: Übersicht von Montag bis Sonntag.
  • Sitzungskarten: Uhrzeit, Fach (z.B. Math), Lehrer und Raum/Klasse.
  • Leere Tage: Anzeige von "Keine Sitzungen geplant" für freie Tage.

✅ Was der Benutzer tun kann

  • Sitzung hinzufügen: Neue Unterrichtseinheiten planen.
  • Filtern: Den Plan spezifisch für eine Klasse oder einen Lehrer anzeigen lassen.
07

Anwesenheitskontrolle

Digitales Klassenbuch zur schnellen Erfassung der täglichen Anwesenheit.

Anwesenheit
Schnittstelle zur Anwesenheitserfassung pro Klasse

👁️ Was der Benutzer sieht

  • Klassen-Auswahl: Dropdown zur Wahl der zu prüfenden Klasse.
  • Status-Buttons: Auswahl zwischen Anwesend, Abwesend, Verspätet oder Entschuldigt pro Schüler.
  • Zusammenfassung: Zähler der jeweiligen Statusmeldungen im Kopfbereich.

✅ Was der Benutzer tun kann

  • Massenmarkierung: Alle Schüler mit einem Klick als anwesend markieren.
  • Notizen: Optionale Bemerkungen zu jedem Schüler hinzufügen (z.B. Grund der Verspätung).
  • Speichern: Die Daten dauerhaft in der Datenbank hinterlegen.
08

Prüfungen & Ergebnisse

Zentrale Verwaltung aller Leistungsüberprüfungen, von Zwischentests bis hin zu Abschlussprüfungen.

Prüfungen
Liste der geplanten und durchgeführten Prüfungen

👁️ Was der Benutzer sieht

  • Prüfungsdetails: Fach, Klasse, Datum und Typ (Test, Zwischenprüfung, Abschluss).
  • Durchschnitt: Automatisch berechneter Notendurchschnitt pro Prüfung.

✅ Was der Benutzer tun kann

  • Prüfung hinzufügen: Neue Termine festlegen.
  • Ergebnisse eintragen: Über "Ergebnisse anzeigen" die Noten für die Schüler erfassen.
09

Noten & Zeugnisse

Analysemodul für Schülerleistungen und Generierung von offiziellen Zeugnisdokumenten.

Noten
Ranking und Notenspiegel der Schüler

👁️ Was der Benutzer sieht

  • Ranking: Bestenliste der Schüler nach Notendurchschnitt (#1, #2...).
  • Bewertung: Qualitatives Feedback (z.B. "Sehr gut").
  • Fortschritt: Anzahl der abgelegten Prüfungen im Vergleich zur Gesamtanzahl.

✅ Was der Benutzer tun kann

  • Zeugnis anzeigen: Detailliertes PDF-Zeugnis für jeden Schüler generieren.
  • Suchen: Gezielte Suche nach einzelnen Schülern in den Ergebnissen.
10

Finanzen & Abrechnung

Überwachung der Schulgebühren, Rechnungsstellung und Zahlungsverfolgung.

Finanzen
Debitorenverwaltung und Zahlungsstatus

👁️ Was der Benutzer sieht

  • Finanzkennzahlen: Anzahl zahlender Schüler, Gesamteinnahmen, Einziehungsrate in %.
  • Zahlungsliste: Status pro Schüler (Bezahlt / Nicht bezahlt), Betrag (z.B. 2.500 €).

✅ Was der Benutzer tun kann

  • Zahlung markieren: Offene Posten manuell als "Bezahlt" kennzeichnen.
  • Rechnung erstellen: PDF-Rechnungen für Eltern generieren und herunterladen.
  • Stornieren: Fehlbuchungen korrigieren.
11

Kommunikation & Chat

Integriertes Kommunikationssystem für Ankündigungen und privaten Austausch zwischen Personal und Eltern.

Ankündigungen
Ankündigungsboard für Klassen- oder Schulnachrichten
Chat
Echtzeit-Messenger mit Sprachnachrichten-Funktion

👁️ Was der Benutzer sieht

  • Ankündigungen: Pinnwand-Stil für offizielle Mitteilungen.
  • Chat-Interface: Moderne Messaging-Oberfläche mit Kontaktliste und Gesprächsverlauf.
  • Medien: Unterstützung für Text, Bilder und Audio-Aufnahmen.

✅ Was der Benutzer tun kann

  • Ankündigungen posten: Gezielte Nachrichten an bestimmte Klassen senden.
  • Echtzeit-Chat: Direkte Kommunikation mit Lehrern oder Eltern.
  • Sprachnachrichten: Schnelle Audio-Mitteilungen aufnehmen und versenden.
12

Benutzerverwaltung & Rollen

Sicherheitsmodul zur Verwaltung der Systemzugänge und Rollenverteilung.

Benutzerverwaltung
Kontoverwaltung für Personal, Schüler und Eltern

👁️ Was der Benutzer sieht

  • Benutzerliste: Alle registrierten Accounts mit zugewiesener Rolle (Direktor, Lehrer, Schüler, Elternteil).
  • Passwort-Status: Anzeige, ob der Benutzer sein Passwort ändern muss.

✅ Was der Benutzer tun kann

  • Passwort-Reset: Schlüssel-Icon zum Zurücksetzen von Benutzerpasswörtern.
  • Rollen ändern: Berechtigungen pro Account anpassen.
  • Deaktivieren: Benutzerzugänge sperren oder löschen.
13

Aktivitätsprotokoll

Vollständiger Audit-Trail zur Nachverfolgung aller Aktionen im System (Sicherheit & Transparenz).

Audit Log
Chronologische Liste aller Systemaktivitäten

👁️ Was der Benutzer sieht

  • Ereignisliste: Zeitstempel, Akteur (Wer?), Aktion (Was?), Entität (Wo?) und technische Details (JSON-Format).
  • Typisierung: Farblich markierte Badges für Anmeldungen, Änderungen oder Löschungen.

✅ Was der Benutzer tun kann

  • Filtern: Suche nach bestimmten Zeiträumen, Benutzern oder Aktionstypen.
  • Überprüfung: Nachvollziehen von Datenänderungen im Fehlerfall oder bei Sicherheitsfragen.
14

Profil & Einstellungen

Personalisierung der Benutzererfahrung und allgemeine Systemeinstellungen.

Profil
Benutzerprofil-Einstellungen
Settings
Allgemeine Anwendungseinstellungen

👁️ Was der Benutzer sieht

  • Persönliche Daten: Avatar-Upload, Name, E-Mail, Telefon und Biografie.
  • Darstellung: Umschalter für Hell/Dunkel-Modus.
  • Sprachwahl: Flaggen-Symbole für Deutsch, Französisch, Englisch und Arabisch.

✅ Was der Benutzer tun kann

  • Profil aktualisieren: Eigene Kontaktdaten und Avatar pflegen.
  • UI-Anpassung: Wechsel zwischen Dark- und Light-Mode je nach Präferenz.
  • Lokalisierung: Die gesamte Plattform-Sprache mit einem Klick ändern.