ioBroker vizualizáció – VIS adapter

VIS adapter

A VIS adapter az ioBroker egyik legelterjedtebb megjelenítési megoldása. A felhasználói felület rugalmasan alakítható további widgetekkel.

A VIS Editor segítségével kreatív, igényeinknek megfelelő Smart Home vizualizációkat hozhatunk létre. A VIS a szerkesztőt valamint a felhasználói felületet webszerveren keresztül teszi elérhetővé, amely megjeleníthető a böngészőben.

A VIS adapter telepítése egyszerű. Az iobroker Adapters oldalon válasszuk a VIS adaptert, kattintsunk a „+” gombra a telepítéshez.

A VIS adapter telepítése után a konfigurációs oldalon illeszük be a License key-t. Ezt az iobroker.net oldalon igényelhetjük, személyes használatra ingyenes.

VIS adapter License key
VIS adapter License key

A VIS adapter segítségével ezután létrehozhatunk saját vizualizációkat. A VIS szerkesztő a következő címen található: 192.168.x.xxx:8082/vis/edit.html

VIS szerkesztői felület
VIS szerkesztői felület

Az Adapters oldalon telepíthetünk további widgeteket a VIS adapterhez, amelyekkel változatosabbá tehetjük a megjelenítést.

A bal oldali listából választhatunk a widgetek közül. Egyszerűen a „fogd és vidd” módszerrel helyezzük el a kívánt helyre. Majd jobboldalon állítsuk be a widget tulajdonságait. A legfontosabb, hogy válasszuk ki a widgethez tartozó Object ID-t. Igy kapcsolhatjuk össze a Widgeteket az ioBroker adatpontjaival.

VIS Object ID hozzáadás
VIS Object ID hozzáadás

A következő példában kiválasztottam a Wohnzimmerlicht nevű adatpontot a Bulb widgethez. Igy ha a „http://192.168.x.xxx:8082/vis/index.html#Test-Wiew” urlt megnyitjom és rákattintok az izzólámpa ikonra a nappaliban bekapcsol a világítás.

VIS Bulb widget
VIS – Bulb widget

Amennyiben bejelöljük a „Read only” lehetőséget az ikon csak indikátorként fog működni. Adjunk hozzá egy kapcsolót és ehez a kapcsolóhoz adjuk meg ugyanazt az adatpontot, így a kapcsolóval kapcsolhatjuk a lámpát, az izzó ikon pedig megmutatja a lámpa állapotát.

Kapcsoló hozzáadása az izzólámpához a VIS szerkesztőben
Kapcsoló hozzáadása az izzólámpához a VIS szerkesztőben

Lássuk az eredményt:

Ez szépen működik.

Izzólámpa ikon kapcsolóval a VIS felhasználói felületén
Izzólámpa ikon kapcsolóval a VIS felhasználói felületén
Widget csoportosítás a VIS-szerkeztöben
Widget csoportosítás a VIS-szerkeztöben

A widgeteket könnyen csoportokba rendezhetjük ha kijelöljük őket, majd kattintsunk az egér bal gombjával és válasszuk a Group lehetőséget a menüben.

Így áthelyezéskor, másoláskor megmarad az egymáshoz viszonyított helyzetük.

A következő példában a MeterGauge nevű widget segítségével kijelezzük a nappali hőmérsékletét. Itt is elöször az Object ID-t válasszuk ki, majd a finomhangolás következhet.

Hőmérséklet kijelzés MeterGauge Widget segítségével az ioBroker VIS adapterén
Hőmérséklet kijelzés MeterGauge Widget segítségével az ioBroker VIS adapterén

Ha telepítve van az iCal adapter ennek segítségével egyszerűen kijelezhetjük a közelgő eseményeink időpontjait. Válasszuk a „String(unescaped)” widgetet, állítsuk be az adatpontot.

VIS - iCal Események kijelzése
VIS – iCal Események kijelzése

Mint a fenti példákból is látszik a VIS adapter használata egyszerű, könnyen elsajátítható. A lehetőségek szinte végtelenek, némi gyakorlással kreativitással nagyon szép kezelőfelületet készíthetünk az okos otthonunk felügyeletéhez.

Sok sikert, jó szórakozást!

Echo Dot 5. generációs intelligens Bluetooth hangszóró Alexával
Echo Studio A valaha kínált legjobb hangzású Echo hangszórók – Dolby Atmos-szal és Alexával

hirdetés