ioBroker VIS – HQWidgets Adapter

In dieser Artikelreihe zeige ich Dir die HQWidgets für ioBroker VIS.

Der Adapter HQWidgets stellt eine Sammlung von Widgets für die ioBroker VIS-Visualisierung zur Verfügung, mit denen Du Schalter, Taster, Dimmer sowie die Visualisierung von Tür- und Fensterstatus implementieren kannst. Im folgenden Artikel werden wir gemeinsam den Adapter installieren und ich zeige euch die einzelnen Widgets und deren Einsatzmöglichkeiten.

Im ersten Schritt wechseln wir nun in ioBroker in den Bereich Adapter und suchen hier mit der Suchfunktion nach dem Begriff „hq“. In der Adapterliste sollten jetzt nur noch der gesuchte Adapter hqwidgets style widgets zur Auswahl stehen. Über die hier gelb markierte Plus-Schaltfläche können wir im nächsten Schritt den Adapter installieren.

Der Adapter verfügt über keine eigenständige Konfiguration. Wenn wir nun den ioBroker VIS-Editor neu starten, solltest Du in der Widget-Liste auf der linken Seite des Designers eine neue Kategorie hqwidgets sehen. Falls die neuen Widgets nicht zur Auswahl stehen, versuche es entweder mit einem anderen Browser oder lösche alle temporären Browser-Daten.

In den folgenden Abschnitten werden wir uns nun die einzelnen Widgets genauer ansehen.

Widget bool button

Im ersten Schritt sehen wir uns jetzt das Widget bool button genauer an. Mit dem Widget kann ein Leuchtmittel oder Gerät mit den Zuständen AN und AUS gesteuert werden. Dazu wird dem Widget die entsprechende Objekt ID des Aktors mitgeteilt. Über die Einstellungen Wert können dann die Werte für AN und AUS hinterlegt werden. In meinem Fall werden hier die Werte true (AN) und false (AUS) verwendet. Über die weiteren Einstellungen kann die Beschriftung sowie optional auch das Icon angepasst werden. So lässt sich das Widget nicht nur für Leuchtmittel sondern auch für andere Geräte einsetzen.

Widget button dimmer

Als nächstes sehen wir uns das Widget button dimmer an. Mit diesem Widget kann ein Leuchtmittel gedimmt werden. Dazu wird der entsprechende Datenpunkt für den Dimmer (hier level) ausgewählt. Über die Einstellungen kann die Einheit und der Wert-Bereich konfiguriert werden. Zudem lässt sich auch hier die Beschriftung und auch weitere Styles auswählen.

Widget inner temperatur

Das Widget inner temperatur dient der Darstellung von Heizungskörper-Thermostaten oder Temperatur- und Luftfeuchtigkeitssensoren im Haus. In der Widget-Konfiguration können dazu Datenpunkte für Temperatur, Luftfeuchtigkeit, sowie weitere Datenpunkte von Thermostaten (Ventil-Status) eingestellt werden. Zudem lassen sich auch hier Wert-Eigenschaften, Beschriftungen sowie Style-Eigenschaften setzen.

Widget outdoor temperatur

Mit dem Widget outdoor temperatur kann die Außentemperatur und Luftfeuchtigkeit konfiguriert werden. Das Widget besitzt das selbe Aussehen wie das Widget für die Innentemperatur. Dem Widget können dazu Datenpunkte zur aktuellen Temperatur und Luftfeuchtigkeit übergeben werden. Zudem stehen auch hier umfangreiche Einstellungen für Wert, Beschriftungen und Stil zur Verfügung.

Widget door

Mit dem door Widget kannst Du den Status einer Tür darstellen. Dazu wird in der Einstellung Objekt ID der aktuelle Status der Tür hinterlegt. Zudem kann auch hier die Beschriftung sowie weitere Eigenschaften wie die Rahmenbreite oder der Türtyp (links oder rechts) eingestellt werden.

Widget checkbox

Mit dem Widget checkbox kann der Zustand eines Schalters visualisiert werden. Dazu wird der Einstellung Objekt ID der entsprechende Datenpunkt des Aktors (State) mitgeteilt. Zudem können die Werte für An- und Aus in der Konfiguration hinterlegt werden. Über die Einstellung Größe kann die Größe des Widgets angepasst werden (klein und groß). Zudem kann die On-Farbe definiert werden.

Widget lock

Mit dem Widget lock kann ein Zustand (verschlossen oder geöffnet) dargestellt werden.

In der Visualisierung wird das Widget wie folgt dargestellt. Mit einem Klick auf das Widget kann über das hier dargestellte Popup-Fenster der Zustand manuell verändert werden.

Widget circle knob

Mit dem circle knob Widget kann ein kleines Diagramm auf der Visualisierung dargestellt werden. Im folgenden Beispiel wird der Zustand einer Zisterne dargestellt. Dazu wird der entsprechende Wert-Datenpunkt konfiguriert. Über die Wert-Einstellungen kann die Einheit sowie der Wert-Bereich hinterlegt werden.

Ich hoffe euch gefällt dieser Artikel. Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer.