Anschlussmonitore
Für ausgewählte Haltestellen stehen kompakte Anschlussübersichten bereit. Die einzelnen Monitore öffnen sich als eigene Tabs und lassen sich bei Bedarf wieder schließen.
ONA Monitor
Nahverkehrsinformationen, ohne Umwege
Der ONA Monitor ist eine kompakte Begleitoberfläche für schnelle Nahverkehrsinformationen in Ostfriesland. Er ist für Situationen gedacht, in denen nicht erst lange durch Nachrichtenseiten, Fahrplanportale oder einzelne Unterseiten navigiert werden soll.
Die Anwendung bündelt praktische Funktionen an einem Ort und bleibt dabei bewusst schlank: zu Hause am Rechner, unterwegs auf dem Smartphone und auf vielen Geräten auch als installierbare Web-App.
PWA-fähig
Dynamische Tabs
Pangom Web Framework
Funktionen
Was der Monitor bereits kann
Verkehrsmeldungen
Aktuelle Hinweise von ONA und VEJ werden übersichtlich zusammengeführt. Viele Meldungen können direkt in der Oberfläche gelesen werden, ohne die Anwendung verlassen zu müssen. PDF-Meldungen werden im Monitor eingebettet und können bei Bedarf als Originaldokument geöffnet werden.
Schulausfälle
Der regionale Schulstatus ist als eigener Bereich eingebunden und schnell erreichbar.
Tabs, Favoriten und Schnellzugriff
Zuletzt verwendete Seiten erscheinen im Schnellzugriff. Häufig genutzte Bereiche lassen sich mit einem Stern dauerhaft anpinnen. Auf kleinen Bildschirmen werden Tabs platzsparend über ein Dropdown verwaltet.
Oberfläche
An verschiedene Geräte angepasst
Am Rechner stehen geöffnete Bereiche als Tabs nebeneinander. Auf kleineren Bildschirmen werden sie platzsparend über ein Dropdown-Menü verwaltet. Über das Raster-Menü oben rechts erreichst du zuletzt geöffnete und angepinnte Seiten.
Darstellung
Design und Größe anpassen
In den Interface-Einstellungen kannst du zwischen hellem, dunklem und automatischem Design wechseln. Zusätzlich lässt sich die Größe der gesamten Oberfläche anpassen.
Technik
Woraus der Monitor besteht
Pangom Web Framework
Der Monitor nutzt ein eigenes JavaScript-Framework für dynamische Seiten, Tabs, Untermenüs, Schnellzugriffe und interne Navigation. Inhalte werden als einzelne Module geladen und in einer gemeinsamen Oberfläche angezeigt.
Tailwind CSS und HTML5
Die Oberfläche ist mit HTML5, modernen CSS-Techniken und Tailwind CSS aufgebaut. Das Layout ist responsiv und für Desktop, Tablet, Smartphone und installierte Web-App ausgelegt.
PHP-Datenendpunkte
Serverseitige PHP-Endpunkte bereiten Meldungen, Detailseiten und externe Quellen für die Monitoroberfläche auf. Wo sinnvoll, werden Daten zwischengespeichert, damit die Oberfläche schnell reagiert und externe Quellen nicht unnötig oft abgefragt werden.
PDF.js und PDF-Proxy
PDF-Meldungen können direkt im Monitor dargestellt werden. Dafür wird PDF.js verwendet. Ein interner PDF-Proxy lädt erlaubte PDF-Quellen, cached sie und stellt sie der Oberfläche kontrolliert bereit.
Icons und Piktogramme
Die Oberfläche nutzt Font Awesome für Bedienelemente und farbige OpenMoji-Piktogramme für Meldungstypen. Dadurch wirken Statuskarten und Detailansichten auf verschiedenen Betriebssystemen einheitlicher.
Progressive Web App
Der Monitor ist als Progressive Web App vorbereitet. Manifest, App-Icon, Startpfad und mobile Darstellung ermöglichen eine Nutzung ähnlich einer installierten App, sofern der Browser dies unterstützt.
Versionen
Entwicklungsstand und technische Bausteine
Der Monitor wird schrittweise erweitert. Die Oberfläche, einzelne Inhaltsmodule, Manifest und Service-Worker können dabei getrennt versioniert werden. Dadurch lassen sich neue Funktionen ergänzen, ohne die gesamte Anwendung auf einmal umzubauen.
Monitor
Beta / laufende Entwicklung
Framework
Pangom Web Framework
PWA / Manifest
versionsgeführt
Datenquellen
Externe Inhalte, intern aufbereitet
Der Monitor zeigt eigene ONA-Meldungen und ausgewählte externe Verkehrsinformationen. Externe Inhalte werden nicht direkt ungefiltert eingebettet, sondern serverseitig abgerufen, bereinigt und für die Monitoransicht vorbereitet.
Lokale Einstellungen
Anpassungen im Browser
Einstellungen wie Designmodus, Interface-Größe, zuletzt geöffnete Seiten, angepinnte Bereiche und optionale Personalisierung werden im Browser gespeichert. Dadurch bleibt die Oberfläche bei späteren Besuchen vertraut.
Der Monitor wird weiter ausgebaut
Weitere Anschlussmonitore und zusätzliche Werkzeuge sind vorgesehen. Dazu gehört auch eine kompakte Fahrplanübersicht. Neue Bereiche werden schrittweise ergänzt, sobald sie zuverlässig funktionieren.
Hintergrund
Unabhängig von der ONA-Hauptseite
Der ONA Monitor basiert auf dem Pangom Web Framework. Dadurch können einzelne Funktionen als eigenständige Seiten ergänzt und innerhalb einer gemeinsamen Oberfläche geöffnet werden. Der Monitor bleibt dabei unabhängig von der eigentlichen ONA-Nachrichtenseite und kann gezielt für schnelle Mobilitäts- und Statusinformationen weiterentwickelt werden.