Modernes Web-UI / Dashboards in MS-Access
Microsoft Access ist seit Jahrzehnten ein bewährtes Werkzeug für die rasche Entwicklung leistungsfähiger Datenbankanwendungen. Doch mit den steigenden Anforderungen an moderne Benutzeroberflächen und Integration von Web-Diensten kam Access an seine Grenzen. Genau hier setzt WebView2 an: eine moderne Komponente von Microsoft, die auf dem Chromium-Edge-Browser basiert und es ermöglicht, Webinhalte direkt in Desktop-Anwendungen einzubetten - jetzt auch standardmässig in MS-Access 365 verfügbar.
Die Integration von WebView2 in Access eröffnet Entwicklern völlig neue Möglichkeiten. Statt auf klassische Formularelemente beschränkt zu sein, können nun auch interaktive Dashboards, HTML5-Formulare, Karten, eingebettete Videos oder externe Webanwendungen direkt in eine Access-Oberfläche eingebunden werden - und das mit voller Kontrolle über das Verhalten und die Darstellung. Für uns Access-Entwickler bedeutet das: Wir können moderne Webtechnologien mit der Stabilität und den Datenstrukturen von Access kombinieren - ohne das Rad neu erfinden zu müssen.
Gerade in Zeiten, in denen hybride Lösungen aus Cloud, Web und Desktopanwendungen gefragt sind, schlägt WebView2 die Brücke zwischen traditioneller Entwicklung und moderner Benutzererfahrung. Ob zur Visualisierung von Daten mit JavaScript-Libraries wie Chart.js, zur Anzeige dynamischer Inhalte aus dem Internet oder zur nahtlosen Kommunikation mit REST-APIs - Access wird durch WebView2 flexibler, moderner und zukunftsfähiger.
Use Case: Projekt Management Information System
Der Einsatz von WebViews eignet sich insbesondere für Dashboards und Navigationen:
- Header-Bereich dient zur Navigation zwischen Projekten, zur Schnell-Suche und dem Einstellen der Textgrössen sowie ein Toggler für light/dark-mode
- Die Side-Navigation bietet Zugriff zu den einzelnen Bereichen innerhalb eines Projekts
- Im Hauptbereich ist derzeit das Dashboard mit den konfigurierbaren Widgets wie Budgets, Kalender, etc zu sehen
Die WebView sitzt in diesem Beispiel in einem maximierten MS-Access Formular
Wo WebViews ebenfalls Sinn machen können ist beispielsweise das Bereitstellen gewisser Funktionalitäten, welche die Standard MS-Access Formular-Elemente nicht bieten:
Der "Backlog" Bereich (hier im dark-mode gezeigt) erlaubt beispielsweise das Verschieben (drag&drop) der Tasks in einen
anderen Sprint oder einer anderen Position innerhalb eines Sprints
Für alles Andere nutzen wir jedoch traditionelle MS-Access Formulare; klickt man beispielsweise auf einen Task-Link, so öffnet sich das entsprechende Detail-Formular dieses Tasks. So nutzen wir optimal die Vorzüge beider "Welten": Modernes Web-UI kombiniert mit schlanken MS-Access Formularen.
Kann ich so ein Dashboard bei meiner eigenen MS-Access Datenbank ergänzen?
Ja natürlich! Die WebView2 (namentlich "Edge-Browser-Control") ist Teil der Standard Formular-Komponenten in MS-Access 365 - oder dem MS-Access 365 run-time - ab Build 16.0.16327 (seit Mai 2023). Für andere/ältere Versionen ist WebView2 jedoch nicht verfügbar.
Technisch gesehen ist die Integration der WebView2 jedoch nicht ganz so einfach wie die Verwendung anderer Standard-Elemente. WebView benötigt eine Vorlage-/Einstiegs-Website auf ihrem LAN mit den lokal-aufrufbaren Framework-Libraries (wir verwenden beispielsweise Bootstrap und FontAwesome in unserem MIS - alles was Chromium unterstütz kann hier verwendet werden). Zudem müssen wir das Design mit HTML-Templates from-scratch bereitstellen, und zur Verknüpfung mit den Daten aus ihrer Datenbank ist VBA-Programmierung unerlässlich. Ebenfalls sind hier "UX-Designer" und "Front-End-Developer" Web-Skills gefragt.
Wir haben jedoch ein modulares System entwickelt, welches wir in bestehende MS-Access Anwendungen integrieren können; danach können Sie dann auch selber Anpassungen vornehmen, wenn mal etwas nachkorrigiert werden muss.
Zurück zur Übersicht >