Unterrichtsausfall - und nun? Neues Portal für das Bayerische Staatsministerium für Unterricht und Kultus

Unterrichtsausfall - und nun? Neues Portal für das Bayerische Staatsministerium für Unterricht und Kultus

Für das Bayerische Staatsministerium für Unterricht und Kultus durften wir eine neue WebApp bzw. ein neues Portal auf Basis eines bereits bestehenden, aber stark veralteten Portals entwickeln. Das Portal meldet Unterrichtsausfälle in ganz Bayern und die registrierten Nutzer werden akut per E-Mail über neue Meldungen informiert. Neben der Verwaltung des eigenen Profils kann jeder Nutzer gezielt einzelne Standorte (i. d. R. Landkreise aus Bayern) abonnieren, um nur die für sich relevanten Meldungen zu erhalten.

Das Portal dient Radiosendern und anderen Medien als zuverlässige Informationsquelle, um die Öffentlichkeit zeitnah zu informieren. Dabei bietet die Anwendung detaillierte Meldungen, die neben dem Zeitraum und den betroffenen Standorten auch einen Meldungstyp wie z.B. "Teilweise Unterricht" oder "Unterricht fällt aus" enthalten, sowie einen Rich-Text-Editor, mit dem zusätzliche Informationen zu jeder Meldung hinzugefügt werden können.

Ein Rechteverwaltungssystem ermöglicht es den Benutzern, Meldungen entweder nur zu Informationszwecken einzusehen oder auch aktiv Meldungen für bestimmte Standorte zu erstellen. Die Rechte werden den Benutzern über Gruppen von Administratoren zugewiesen.

Über ein übersichtliches Dashboard können alle Meldungen eingesehen und nach Standort, Bezirk und Typ gefiltert werden – eine Funktionalität, die auch ohne Account zugänglich ist und somit Transparenz und Zugänglichkeit der Informationen gewährleistet.

Unter der Haube

Obwohl wir als Webagentur auf TYPO3 spezialisiert sind, haben wir uns bewusst gegen ein Content-Management-System entschieden. Die Einfachheit und Direktheit einer dedizierten WebApp überwog, um den spezifischen Anforderungen dieses Projektes gerecht zu werden.

Technischer Hintergrund

Wir entschieden uns für den TALL-Stack – eine moderne und agile Kombination aus TailwindCSS, AlpineJS, Laravel und Livewire, ergänzt durch das FilamentPHP-Paket. Diese Technologien haben es uns ermöglicht, ein responsives und benutzerfreundliches Interface zu entwickeln, das sowohl auf Desktops als auch auf mobilen Geräten eine intuitive Bedienung gewährleistet und gleichzeitig kostengünstig und schnell zu entwickeln ist. Auch nachträgliche Änderungen oder Anpassungen können sehr schnell umgesetzt werden.

TailwindCSS bietet uns die Möglichkeit, sehr einfach ein ansprechendes Interface zu erstellen und wird vor allem auch von Filament für die zahlreichen Komponenten verwendet.

AlpineJS gibt unserem Markup eine minimalistische, aber mächtige Syntax, vergleichbar mit jQuery, aber optimiert für moderne Webentwicklung und perfekt geeignet für reaktive Benutzerinteraktion.

Laravel, das Herzstück unseres Backends, bietet eine elegante Syntax und eine Vielzahl von Features, die uns ein schnelles und effizientes Arbeiten ermöglichen. Von Authentifizierung und Autorisierung über ORM und Datenbankmigrationen bis hin zu Validierung, Notifications, einer mächtigen Template-Engine und E-Mail-Templates bietet Laravel eine umfassende Lösung für alle Anforderungen der modernen Webentwicklung.

Livewire ermöglicht es uns, reaktionsfähige Komponenten zu entwickeln, die ein optimales Benutzererlebnis bieten. Ob es sich um Formulare, Tabellen, Diagramme oder Datei-Uploads handelt, Livewire ermöglicht es uns, anspruchsvolle Funktionen wie Echtzeit-Validierung, Lazy Loading und reaktive Interaktionen durch direkte Kommunikation mit dem Laravel PHP-Backend mit Leichtigkeit zu implementieren.

Besondere Erwähnung verdient FilamentPHP, das uns mit dem Panel-Builder, dem Form-Builder, dem Table-Builder und den Real-Time-Notifications ein Toolkit zur Verfügung stellt, mit dem wir schnell und effizient das Admin-Panel und die Benutzeroberflächen erstellen können. Die Möglichkeit, leistungsstarke Formulare, Tabellen, Aktionen und Benachrichtigungen zu erstellen, hebt die Benutzerfreundlichkeit auf ein neues Niveau. Durch die hohe Anpassungsfähigkeit von Filament an unsere Bedürfnisse konnten wir eine maßgeschneiderte Lösung entwickeln, die gleichzeitig eine intuitive Benutzererfahrung bietet.

Authentifikation und Sicherheit

Ein weiterer wichtiger Aspekt war die Sicherheit der Applikation. Der erfolgreiche Penetrationstest, welchen das Portal auf Anhieb bestand, bestätigte die Sicherheit und Robustheit unserer Lösung. Lediglich zwei optionale Optimierungen wurden im Nachhinein noch vorgenommen, was nun ein hohes Maß an Sicherheit garantiert.

Eine Schlüsselrolle bei der Authentifizierung und Verwaltung der Benutzerkonten spielte Laravel Breeze. Dieses schlanke, aber mächtige Laravel-Paket erleichterte die Implementierung eines sicheren Authentifizierungssystems mit integrierten Funktionen wie Passwort-Zurücksetzung und Benutzereinstellungen.

E-Mail Templates

Darüber hinaus ermöglicht Laravel, die Handhabung der E-Mail-Templates erheblich zu erleichtern. Dank der Möglichkeit, E-Mail-Inhalte in Markdown zu verfassen, konnten wir ohne großen Aufwand sicherstellen, dass die E-Mails auf allen Clients korrekt angezeigt werden und professionell aussehen. Diese Effizienz im Gestaltungsprozess hat uns wertvolle Zeit gespart, die wir dann in die Feinabstimmung der User-Experience investieren konnten.

Ein weiterer Schritt in die digitale Zukunft

Wir blicken mit Stolz auf die Realisierung des Portals zurück. Unsere technische Expertise, kombiniert mit innovativen Lösungen, hat zu einer effizienten und benutzerfreundlichen Plattform geführt. Wir danken dem Bayerischen Staatsministerium für Unterricht und Kultus für die Möglichkeit, einen Beitrag zur Digitalisierung der Bildungslandschaft in Bayern leisten zu können. Wir freuen uns darauf, auch in Zukunft mit solchen Projekten die Digitalisierung zu bereichern und die technologische Entwicklung voranzutreiben.

Gated Content 2.0: Lead-Generierung ohne User-Frust

Gated Content ohne Formular-Frust: Erfahre, wie du wertvolle Leads generierst, ohne die User Experience zu zerstören. Wir zeigen dir, wie modernes Lead-Tracking in TYPO3 anonyme Besucher identifiziert...

Zum Beitrag

KI in TYPO3 – von der Spielerei zur echten Arbeitserleichterung

Warum in2code bereits sechs KI-Integrationen für TYPO3 anbietet – und was Redakteure und Marketingverantwortliche davon haben.

Zum Beitrag
AI in TYPO3

TYPO3 und Schnittstellen – Wenn Drittsysteme plötzlich kommunizieren

CRM, ERP, Bewerbermanagement, Personen- und Satzungsdatenbank – die Liste der Systeme, die mit TYPO3 sprechen müssen, wird immer länger. Wie gelingt die Integration reibungslos? Ein Praxis-Leitfaden...

Zum Beitrag
Interface use in TYPO3

50% Wartungskosten gespart. Ziel erreicht? Nicht ganz.

Warum Website-Konsolidierung mehr ist als ein technisches Projekt

Zum Beitrag
Website Konsolidierung mit TYPO3

Redaktionelle Schulden im CMS – das versteckte Problem bei TYPO3-Relaunches

Technische Schulden kennt jeder Entwickler. Aber was passiert, wenn Redakteure gezwungen sind, das CMS auszutricksen? Wir beleuchten ein unterschätztes Problem, das bei Relaunches zur Kostenfalle...

Zum Beitrag
Chaos im CMS

TYPO3 Backend UX – Wenn Redakteure plötzlich produktiv werden

Warum dauert die Einarbeitung neuer Redakteure ins CMS Wochen? Und warum kommen ständig die gleichen Support-Anfragen? Bei einem TYPO3-Relaunch wird das Backend von uns komplett auf User Experience...

Zum Beitrag
UX im TYPO3 Backend