Boards erstellen
Der Board-Editor ist ein No-Code-Tool zur Gestaltung von Dashboards, die Ihre App-Daten in Echtzeit anzeigen.
Den Board-Editor öffnen
- Öffnen Sie Ihre App in der Cloud-IDE.
- Klicken Sie auf die Schaltfläche Board im Seitenmenü.
- Der Board-Editor öffnet sich und zeigt Ihr aktuelles Dashboard-Layout.
Widgets hinzufügen
Klicken Sie auf Add Widget, um eine neue Komponente auf dem Board zu platzieren. Verfügbare Widget-Typen:
| Widget | Anwendungsfall |
|---|---|
| Liniendiagramm | Zeitreihenverlauf (Temperatur über die Zeit) |
| Balkendiagramm | Kategoriale Vergleiche |
| Kreisdiagramm | Verteilung / Proportionen |
| Anzeigeinstrument | Einzelwerte in Echtzeit (Geschwindigkeit, Druck) |
| Wertanzeige | Eine einzelne Zahl oder einen Text anzeigen |
| Tabelle | Tabellarische Daten mit Sortierung/Filterung |
| Karte | Gerätestandorte mit Daten-Overlays |
| Einbettung | Externe Webinhalte oder Remote-Access-Tunnel des Geräts |
Daten verbinden
Jedes Widget wird mit einer Tabelle und Spalte aus Ihrer data-template.yml verbunden:
- Wählen Sie das Widget aus.
- Wählen Sie die Datenquellen-Tabelle.
- Ordnen Sie Spalten den Achsen oder Feldern des Widgets zu.
- Legen Sie Filter oder Aggregationsoptionen fest.
Daten werden in Echtzeit aktualisiert — sobald neue Daten von Geräten eintreffen, werden Widgets automatisch aktualisiert.
Layout
Ziehen Sie Widgets per Drag-and-Drop und passen Sie deren Größe an, um Ihr Dashboard zu arrangieren. Das Board unterstützt:
- Rasterbasierte Positionierung
- Responsives Layout, das auf verschiedenen Bildschirmgrößen funktioniert
- Mehrere Seiten / Tabs innerhalb eines einzelnen Boards
Die Datei board-template.yml
Der Board-Editor generiert eine board-template.yml-Datei in Ihrem .ironflock/-Verzeichnis. Diese Datei beschreibt das vollständige Board-Layout, die Widget-Konfiguration und die Datenzuordnungen.
Sie können diese Datei auch manuell bearbeiten, wenn Sie dies bevorzugen.
Es ist völlig in Ordnung, wenn eine App nur Daten sammelt, ohne ein Board bereitzustellen. Datenlogger-Apps lassen die Benutzer häufig ihre eigenen Dashboards aus den gesammelten Daten erstellen. Vom Benutzer erstellte Dashboards können sogar Daten aus mehreren Apps kombinieren.
Einbettungs-Widget
Das Einbettungs-Widget ist besonders leistungsfähig — Sie können einen Remote-Access-Tunnel eines Geräts direkt in das Board einbetten. Dies schafft ein nahtloses Erlebnis, bei dem Benutzer globale Daten überwachen und mit einzelnen Geräten über dieselbe Oberfläche interagieren können.