smarthome-tricks.de

ioBroker VIS – Einführung

In dieser Artikelreihe zeige ich Dir den ioBroker VIS-Editor.

In der neuen ioBroker VIS Artikelreihe zeige ich Dir die Grundlagen der ioBroker VIS-Visualisierung sowie die Vorgehensweise zur Erstellung einer Visualisierung. Wir beginnen mit den Grundlagen und der Bedienung des VIS-Editors und erstellen dann gemeinsam ein Navigationskonzept sowie eine einfache Visualisierung mit verschiedenen Widgets. Ich zeige Dir zusätzliche Widgets und Tipps und Tricks zur VIS-Visualisierung.

Mit dem ioBroker VIS Adapter kannst Du für Deinen ioBroker eine Visualisierung erstellen. Der Adapter wird einfach über die Adapterliste installiert und benötigte keine zusätzliche Konfiguration. Mit dem VIS-Adapter kannst Du Dir dann eine eigene Visualisierung erstellen. Der Visualisierungsadapter stellt für die Erstellung der Visualisierung einen Editor zur Verfügung, mit denen die einzelnen Views (Seiten) erstellt und bearbeitet werden können. Auf den Views können dann einzelne Widgets frei platziert und angeordnet werden. Mit den Widgets können Schalter, Info-Anzeigen oder auch Navigation, Diagramme und andere Inhalte eingefügt werden.

In den nächsten Artikeln werde ich Dir zusätzliche Grundlagen für die Verwendung des Editors vermitteln. Wir werden dann gemeinsam eine View erstellen und die ersten Widgets zur Steuerung von Leuchtmitteln platzieren. Im nächsten Schritt werden wir die Visualisierung um ein Navigationskonzept erweitern um somit mit einer Visualisierung mehrere Gewerke oder Räume komfortabel und platzsparend darstellen zu können.

Abschließend zeige ich Dir noch weitere Widgets und Erweiterungsmöglichkeiten in Form von weiteren Adaptern mit zusätzlichen Widgets und Funktionalitäten.

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

Grundlagen Der VIS-Editor Projekte Views Verschiedene Widgets Unsere erste Visualisierung Object-Binding Grafik, Style und Animation Weitere Themen Zusätzliche Widgets Sicherung und Wiederherstellung der Visualisierung Weitere Ressourcen und Downloads
Die mobile Version verlassen