Überblick
Das Dashboard-Ansichtselement ist ein interaktiver Ansichtstyp in UDM, mit dem Sie Kennzahlen (KPIs), Diagramme, Pivot-Tabellen und weitere Widgets auf einer Übersichtsseite zusammenfassen können. Dashboards eignen sich besonders für Management-Cockpits, Statusmonitore und datenübergreifende Auswertungen.
Dashboards basieren auf dem integrierten Dashboard-Designer, der ein visuelles Drag&Drop-Werkzeug bereitstellt. Sie wählen Datenquellen aus, platzieren Widgets auf der Fläche und konfigurieren Felder, Aggregationen und Filter — ohne Programmierung.
- Management-Cockpit mit Umsatz-KPIs, Trend-Diagrammen und Zielwert-Vergleichen
- Projektübersicht mit Status-Verteilung, Meilenstein-Zeitachse und Ressourcenauslastung
- Qualitätsmonitoring mit Prüfergebnis-Statistiken und Grenzwert-Warnungen
- Personalplanung mit Auslastungs-Kacheln, Verfügbarkeits-Diagrammen und Fehlzeiten-Übersicht
- Bestandsübersicht mit Lagermengen, Bestellstatus und Lieferanten-Kennzahlen
Ein Dashboard mit KPI-Kacheln, Balkendiagramm und Kreisdiagramm im User-Client
Dashboard-Ansichtselement erstellen
Um ein Dashboard in Ihrer App anzuzeigen, erstellen Sie ein Ansichtselement vom Typ Dashboard. UDM erstellt dabei automatisch eine zugehörige Dashboard-Definition, in der das Layout und die Widget-Konfiguration gespeichert werden.
-
Neues Ansichtselement anlegen
Öffnen Sie im Admin Client die Ansichtselemente-Verwaltung Ihrer App. Klicken Sie auf „Neues Ansichtselement“ und vergeben Sie einen sprechenden Namen (z. B. „Management-Cockpit“ oder „Projektübersicht“).
-
Typ „Dashboard“ wählen
Wählen Sie im Feld Ansichtstyp den Eintrag:
Dashboard
Speichern Sie das Ansichtselement. UDM erstellt automatisch eine neue Dashboard-Definition und verlinkt sie mit dem Ansichtselement.
-
Dashboard-Zuordnung prüfen
Nach dem Speichern wechseln Sie zum Tab „Dashboard“ in der Detail-Ansicht. Dort sehen Sie die automatisch erstellte Dashboard-Definition mit Name und ID. Diese Definition speichert das gesamte Layout Ihres Dashboards.
KPI-Kacheln konfigurieren
KPI-Kacheln (Kennzahl-Widgets) zeigen einzelne Kennwerte prominent an — z. B. Gesamtumsatz, Anzahl offener Aufgaben oder durchschnittliche Bearbeitungszeit. Sie sind das zentrale Element jedes Management-Dashboards.
KPI-Kachel hinzufügen
-
Dashboard-Designer öffnen
Öffnen Sie das Dashboard-Ansichtselement im Admin Client. Der Dashboard-Designer wird automatisch geladen und zeigt die Gestaltungsoberfläche an.
-
KPI-Element einfügen
Ziehen Sie aus der Werkzeugleiste ein Kennzahl-Element (Card / KPI) auf die Dashboard-Fläche. Das Element wird als leere Kachel platziert.
-
Wert-Feld zuweisen
Ziehen Sie ein numerisches Feld aus dem Daten-Panel (rechte Seite) in den Werte-Bereich der KPI-Kachel. Das Feld wird automatisch aggregiert (Summe, Anzahl, Durchschnitt etc.).
-
Aggregation festlegen
Klicken Sie auf das zugewiesene Feld im Werte-Bereich und wählen Sie die gewünschte Aggregationsfunktion:
Funktion Beschreibung Beispiel Summe Addiert alle Werte Gesamtumsatz: 1.250.000 € Anzahl Zählt die Datensätze Offene Aufgaben: 47 Durchschnitt Berechnet den Mittelwert Bearbeitungszeit: 3,2 Tage Minimum / Maximum Kleinster / größter Wert Höchster Auftragswert: 85.000 € Anzahl eindeutig Zählt unterschiedliche Werte Aktive Kunden: 128 
-
Titel und Formatierung anpassen
Über das Eigenschafts-Panel können Sie den Titel der Kachel, das Zahlenformat (Währung, Prozent, Dezimalstellen) und die Schriftgröße anpassen.
Trend-Indikator und Sparklines
KPI-Kacheln können zusätzlich einen Trend-Indikator anzeigen — einen kleinen Pfeil oder eine Sparkline, die die Entwicklung über einen Zeitraum visualisiert.
- Delta-Modus: Zeigt die Veränderung gegenüber einem Vergleichswert (z. B. Vormonat, Zielwert)
- Sparkline: Zeigt einen Mini-Verlauf als Linie oder Balken direkt in der Kachel
Um einen Trend zu konfigurieren, ziehen Sie ein Datums-Feld in den Bereich „Sparkline“ oder „Delta“ der KPI-Kachel.
Dashboard-Layout
Der Dashboard-Designer bietet ein flexibles, raster-basiertes Layout. Sie können Widgets frei auf der Fläche anordnen und in der Größe anpassen.
Verfügbare Widget-Typen
| Widget | Beschreibung | Typischer Einsatz |
|---|---|---|
| Kennzahl (KPI) | Einzelne Zahl mit optionalem Trend, Delta oder Sparkline | Umsatz, Anzahl, Durchschnitt |
| Diagramm | Balken, Linien, Flächen, Kreis, Trichter, Scatter, Radar | Zeitverläufe, Verteilungen, Vergleiche |
| Pivot-Tabelle | Kreuztabelle mit Zeilen-/Spalten-Dimensionen und aggregierten Werten | Mehrdimensionale Auswertungen |
| Datentabelle | Tabellarische Darstellung mit Sortierung und Gruppierung | Detail-Listen, Top-10-Rankings |
| Messanzeige (Gauge) | Tacho- oder Balken-Gauge mit Soll-/Ist-Vergleich | Zielerreichung, Auslastung |
| Karte | Choropleth- oder Bubble-Map für geografische Daten | Regionale Verteilung, Standort-Analysen |
| Filter-Element | Interaktives Filter-Widget (Datum, Auswahl, Bereich) | Dashboard-weite Filterung |
| Textfeld | Freitext-Bereich für Titel, Beschreibungen oder Hinweise | Abschnitts-Überschriften, Erläuterungen |
| Bild | Statisches Bild (z. B. Firmenlogo) | Branding, visuelle Trenner |
Layout-Anpassung
- Verschieben: Ziehen Sie ein Widget per Drag&Drop an die gewünschte Position. Andere Widgets passen sich automatisch an.
- Größe ändern: Ziehen Sie den Rand eines Widgets, um die Breite und Höhe anzupassen.
- Gruppen: Mehrere Widgets können in einer Gruppe zusammengefasst werden, um sie gemeinsam zu verschieben oder einzuklappen.
- Tabs: Innerhalb einer Gruppe können Sie Tab-Seiten erstellen, um mehrere Ansichten auf kompaktem Raum unterzubringen.
Datenquellen für Dashboards
Dashboards greifen auf die UDM-Datenquellen zu, die in Ihrer App konfiguriert sind. Jede Datenquelle, die in der App-Verwaltung angelegt wurde, steht automatisch im Dashboard-Designer zur Verfügung.
Datenquelle im Designer hinzufügen
-
Datenquellen-Panel öffnen
Klicken Sie im Designer auf „Datenquelle“ in der Toolbar. Es erscheint eine Liste aller in der App verfügbaren Datenquellen.
-
Datenquelle auswählen
Wählen Sie die gewünschte Datenquelle aus. Die Felder der Datenquelle werden im Daten-Panel (rechte Seite) angezeigt und können per Drag&Drop den Widgets zugewiesen werden.
-
Mehrere Datenquellen verwenden
Sie können mehrere Datenquellen in einem Dashboard verwenden. Jedes Widget wird einer bestimmten Datenquelle zugeordnet. So können Sie z. B. Umsatzdaten und Personalzahlen auf einem Dashboard kombinieren.
Datenlade-Verhalten
Beim Öffnen des Dashboards werden die zugewiesenen Datenquellen automatisch vorgeladen. Die Daten werden im Hintergrund gecacht, sodass interaktive Filter und Drill-Downs ohne erneute Server-Abfragen reagieren.
| Eigenschaft | Verhalten |
|---|---|
| Laden | Alle Daten der zugewiesenen Datenquellen werden beim Dashboard-Aufruf vollständig geladen (kein Paging) |
| Caching | Geladene Daten werden für die Dauer der Session gecacht. Filter und Drill-Downs arbeiten auf dem Cache |
| Berechtigungen | Die Daten werden mit den gleichen Berechtigungen geladen wie in anderen Ansichtselementen der App |
| Aktualisierung | Für frische Daten muss die Seite neu geladen werden. Automatische Intervall-Aktualisierung kann konfiguriert werden |
Praxisbeispiele
Beispiel 1: Management-Cockpit
Ein typisches Management-Cockpit zeigt die wichtigsten Geschäftskennzahlen auf einen Blick:
| Position | Widget-Typ | Inhalt |
|---|---|---|
| Oben (Zeile 1) | 4 KPI-Kacheln | Umsatz (Summe), Aufträge (Anzahl), Neukunden (Anzahl), Durchschnittlicher Auftragswert |
| Mitte links | Liniendiagramm | Umsatzverlauf der letzten 12 Monate |
| Mitte rechts | Kreisdiagramm | Umsatzverteilung nach Produktgruppe |
| Unten | Datentabelle | Top-10-Kunden nach Umsatz |
Beispiel 2: Projekt-Statusübersicht
Eine Projektübersicht für Projektleiter und Teamleads:
| Position | Widget-Typ | Inhalt |
|---|---|---|
| Oben | Filter-Elemente | Datumsbereich, Projektgruppe, Verantwortlicher |
| Zeile 2 | 3 KPI-Kacheln | Offene Aufgaben, Überfällige Aufgaben (rot), Abschlussquote (%) |
| Mitte | Gestapeltes Balkendiagramm | Aufgaben pro Projekt, gruppiert nach Status (offen, in Bearbeitung, erledigt) |
| Unten | Pivot-Tabelle | Aufgaben nach Verantwortlichem und Status |
Beispiel 3: Qualitätsmonitoring
Ein Dashboard für die Qualitätssicherung mit Prüfergebnissen und Grenzwert-Warnungen:
| Position | Widget-Typ | Inhalt |
|---|---|---|
| Oben | 2 Gauge-Anzeigen | Fehlerquote (Soll/Ist), Prüfabdeckung (%) |
| Mitte | Liniendiagramm | Fehlerquote im Zeitverlauf mit Grenzwert-Linie |
| Unten | Datentabelle | Letzte 20 Prüfergebnisse mit Status-Markierung |
Tipps für effektive Dashboards
Häufige Fragen (FAQ)
Wie viele Dashboards kann ich in einer App erstellen?
Sie können beliebig viele Dashboard-Ansichtselemente pro App erstellen. Jedes wird als eigener Navigationspunkt in der App angezeigt. Empfehlung: Erstellen Sie separate Dashboards für verschiedene Zielgruppen oder Themenbereiche (z. B. Management-Dashboard, Team-Dashboard, Qualitäts-Dashboard).
Kann ich ein Dashboard nachträglich ändern?
Ja. Öffnen Sie das Dashboard-Ansichtselement im Admin Client. Der Designer öffnet sich automatisch. Sie können Widgets hinzufügen, entfernen, verschieben und umkonfigurieren. Änderungen werden nach dem Speichern sofort im User Client sichtbar.
Können Anwender das Dashboard-Layout anpassen?
Nein. Das Layout wird ausschließlich im Admin Client gestaltet. Anwender im User Client sehen das Dashboard im Nur-Ansicht-Modus und können nur die interaktiven Filter nutzen, um die angezeigten Daten einzugrenzen.
Kann ich dasselbe Dashboard in mehreren Apps anzeigen?
Eine Dashboard-Definition ist an eine App gebunden. Sie können aber innerhalb einer App dieselbe Definition in mehreren Ansichtselementen wiederverwenden. Für verschiedene Apps müssen separate Definitionen erstellt werden.
Welche Diagrammtypen stehen zur Verfügung?
Der Designer bietet eine umfangreiche Auswahl an Visualisierungen:
- Standarddiagramme: Balken, Linien, Flächen, Kreis, Ring (Donut)
- Spezialdiagramme: Trichter, Scatter, Radar, Wasserfall, Treemap
- Tabellarisch: Pivot-Tabelle, Datentabelle
- Kennzahlen: KPI-Kacheln mit Sparklines, Gauge-Anzeigen
- Geografisch: Choropleth-Karte, Bubble-Map
Werden die Daten live aktualisiert?
Die Daten werden beim Öffnen des Dashboards geladen und für die Dauer der Session gecacht. Für eine Aktualisierung kann der Anwender die Seite neu laden. Eine automatische Aktualisierung in einem festen Intervall kann bei Bedarf konfiguriert werden.
Kann ich Daten aus mehreren Datenquellen kombinieren?
Ja. Im Designer können Sie mehrere Datenquellen hinzufügen und verschiedene Widgets mit unterschiedlichen Datenquellen verbinden. So lassen sich z. B. Umsatzdaten und Personalzahlen auf einem Dashboard darstellen. Jedes Widget ist genau einer Datenquelle zugeordnet.
Wie exportiere ich Dashboard-Daten?
Im User Client können Anwender über das Kontextmenü einzelner Widgets die dargestellten Daten exportieren. Verfügbare Formate sind Excel, PDF und Bild (PNG). Das gesamte Dashboard kann ebenfalls als PDF exportiert werden.
Was passiert, wenn eine Datenquelle keine Daten liefert?
Widgets, die auf eine leere Datenquelle zugreifen, zeigen einen Platzhalter-Text an (z. B. „Keine Daten verfügbar“). Das Dashboard bleibt funktionsfähig — andere Widgets mit Daten werden normal dargestellt.
UserClient-Rendering
Im UserClient wird das Dashboard als zusammenhängende Übersichtsseite gerendert. Jedes eingebettete Ansichtselement behält seine eigenen Funktionen:
- Filter — Jedes Widget kann eigene Filter haben, die unabhängig voneinander funktionieren.
- Aktionen — Toolbar-Aktionen und Kontextmenüs stehen pro Widget zur Verfügung.
- Interaktion — Sortierung, Gruppierung, Zeilenklick und Detaildialog-Öffnung funktionieren wie bei einzelnen Ansichtselementen.
- Responsive Darstellung — Das Grid-Layout passt sich an die Bildschirmgröße an.