Dashboard für HABPanel

Einrichtung HABPanel in openHAB

Lesezeit: 2 min

Durch die bereits integrierte Dasboard-Lösung in openHAB ist eine interaktive Handhabung möglich und es müssen nicht immer einzelne Konfigurationsdateien geändert werden. Ein einfaches Beispiel ist die Darstellung der Temperaturverläufe mithilfe von grafana und influxDB in einem einzigen Dashboard.

Installation von HABPanel

In jeder Installation von openHAB ist das HABPanel bereits integriert, weswegen keine weiteren Schritte notwendig sind.

Lokale Speicherung im Browser

Bis eine Panel-Konfiguration erstellt und gespeichert wird, läuft HABPanel nur im lokaler Speicher des gerade benutzten Browsers. Daher werden die Einstellungenzu dem Zeipunkt noch nicht auf dem Server gespeichert. Daher ist nach einer erfolgreichen Erstellung und Bearbeitung immer ein Speichern der Konfiguration notwendig, um auch von den restlichen Geräten auf diese Dashboard zugreifen zu können.

Hauptmenü im HABPanel

Das Hauptmenü ist die Startseite des HABPanels, welche mithilfe des folgenden Links aufrufbar ist:
{{IP_ADRESSE}}:{{PORT}}/habpanel/index.html#/

Es beinhaltet die Links zu den einzelnen Dashboards, welche verfügbar sind. Diese Darstellung kann jeder bearbeitet und gespeichert werden, um somit die wichtigsten Dashboards zu vergrößern und in den ersten Reihen darzustellen.

Die Sidebar im HABPanel

Durch einen Klick auf das Hamburger-Icon öffnet sich die Sidebar, welche aus drei Komponenten besteht:
Header, durch welchen man auf die Startseite gelangt.
Liste von Dashboards, um einen schnellen Wechsel innerhalb der Dashboards zu ermöglichen.
Footer, welcher die aktuelle Uhrzeit sowie das Datum darstellt.

Einrichtung mithilfe des Dasbhoard-Designers

Innerhalb des Designers können die einzelnen Widgets für die Darstellung (Größe, Anordnung) und Konfiguration erstellt und optimiert werden. Hierbei gibt es eine große Auswahl aus sehr vielen verschiedenen unterschiedlichen Widgets. Beispiele sind Buttons, Charts, Slider, Switches oder auch eigene Templates.

Interaktive Dashboards

Sobald die Konfiguration erledigt ist, können die Dasbhoards geladen werden und somit ist eine interaktive Dashboard-Lösung vorhanden, in welcher sich die States der Items automatisch updaten.

Weiterer Ausblick

Persönlich nutze ich das HABPanel vor allem zur Visualisierung und Steuerung mithilfe einer SVG-Abbildung meiner Wohnung. Des Weiteren sind einige interessante Graphen dargestellt, über welche ich wichtige Zahlen zu Stromverbrauch, Temperaturverlauf sowie Downloadgeschwindigkeiten besser im Auge behalten kann. Da vor allem die SVG-Abbildung für eine Steuerung einzelner Komponenten sehr interessant ist, werde ich im kommenden Beitrag die Einrichtung, Erstellung und Visualisierung näher erläutern.

Ich wünsche dir weiterhin viel Spaß beim Lesen!
Matthias


Persönliches Foto

Matthias Suttner

Als Smarthome-Enthusiast freue ich mich, euch auf meinem Blog einige interessante Möglichkeiten aufzuzeigen.