Bevor wir uns mit der neuen vis-2-beta Visualisierung beschäftigen, möchte ich vorher noch über die ioBroker vis Installation sprechen. Die Voraussetzung für Beides ist das man eine komplett funktionsfähige iobroker Installation zur Verfügung hat.
Wie das gemacht wird habe ich ja auch hier auf meiner Seite schon erklärt. Hier nochmal ein Link.
Haben wir eine fertige ioBroker Installation, kann man über die <eigene-ip-adresse>:8081 die Oberfläche von ioBroker, in Folge IOB genannt, aufrufen. Starten wir IOB das erste Mal, folgen ein paar Eingaben, wie Admin Password erstellen, Adressdaten eingeben für die Koordinaten, wenn später die Beleuchtung mit der Astrofunktion gesteuert werden soll usw.
Hat man dann die IOB Oberfläche vor sich, ist links ein Menü sichtbar. Dort kann dann über die Anwahl von Adapter, eine Auswahl der Adapter getroffen werden die man installieren möchte.
Es gibt die Möglichkeit Adapter über die „Eingabe des Namens in“, „Nach Namen filtern“, oder man sucht von Hand. Für die VIS muss man den VIS-Adapter installieren, wobei der WEB-Server Adapter automatisch mit installiert wird. Um den VIS Adapter zu installieren klickt man auf die drei Punkte oben rechts, dann auf auf das Plus unten links.
Beide Adapter müssen nicht konfiguriert werden, es kann nur eine VIS Instanz geben. VIS ist ein Visualisierungstool von IOB. Mit der VIS hat man die Möglichkeit eigene Bedienoberflächen zu erstellen. Um ein Projekt zu erstellen oder zu ändern, klickt man auf das mit dem Pfeil markierte Icon und kommt in den Editiermodus.
Ist noch kein eigenes Projekt angelegt, hat man hier ein DemoView vor sich. Um jetzt in den online Modus zu kommen, klickt man oben rechts auf das markierte Icon. Nun können wir schon die Lampen in dem Demo ein, bzw. aus schalten. Oben eine Temperatur sehen, mit dem Filter ein paar Sachen ein und aus blenden, oder den Schieberegler betätigen. Das ist natürlich noch nicht sehr viel.
Die Visualisierung kann auch direkt gestartet werden, und zwar mit Eingabe der <eigene-ip-adresse>:8082/vis/edit.html . Um jetzt unser erstes eigenes Projekt zu erstellen, klicken wir in der Menüleiste auf „Setup“, dann „Neues Projekt…“. Hier geben wir einen frei wählbaren Namen ein, z.B. „MeinProjekt“, und klicken auf „OK“. Jetzt hat man eine leere Oberfläche vor sich.
Hier können dann auch schon eigene Seiten (views) erstellt werden. Über ein Pulldownmenü können vorhandene views zur Bearbeitung ausgewählt werden. Oder es werden eigene views erstellt, z.B. eine view_uebersicht, für die Beleuchtung, Heizung… evtl. einzelne Räume, view_Kueche, view_Bad usw.. Sind die einzelnen views erstellt, werden die ersten widgets ausgesucht und platziert.
Dazu kommen wir dann später noch hier auf meiner Seite in einem separaten Beitrag.
vis-2-beta Vorsicht, Beta Version, noch in der Testphase
Falls jemand nicht mehr mit der alten VIS starten möchte sondern mit der neuen VIS-2-beta, habe ich hier noch eine kurze Anleitung wie das realisiert wird. Das zeige ich hier allerdings direkt im Portainer Container von ioBroker von meiner Test Umgebung.
Was Wichtig ist, das alle vorhandenen Adapter von ioBroker auf dem aktuellsten Stand sind. Sollten noch Updates offen sein, diese bitte zuerst durchführen.
Dann starten wir als erstes wieder unsere Portainer Weboberfläche. Gehen dann auf „Containers“ und sehen dann unsere installierten Container. Hier muss natürlich auch ioBroker dabei sein, wenn nicht hier eine Anleitung dazu.
https://umaschmidt.de/raspberry-pi/portainer-auf-raspberry-pi-installieren/
Sehen wir unseren ioBroker Container, dann klicken wir zuerst mal auf unsere „Exec Console“ (markiertes Icon).
Jetzt öffnet sich ein neues Fenster, in der wir unter „User ?“ root eingeben. ACHTUNG, das vorhandene root hier ist nur ein Platzhalter. Also bitte nochmal von Hand „root“ eingeben, und dann klick auf „Connect“.
Jetzt sollten wir uns in der Console befinden.
Dann müssen wir sicher stellen das wir uns in dem folgenden Verzeichnis von ioBroker befinden.
/opt/iobroker,
wenn nicht müssen wir den nächsten Befehl in die Kommentarzeile eingeben und mit „Enter“ bestätigen.
cd /opt/iobroker
Wir sind hier im richtigen Verzeichnis, und geben den nächsten Befehl ein und klicken auf „Enter“.
npm i iobroker.vis-2-beta
Nun sollten die Dateien runter geladen werden. Ist das geschehen, geben wir den nächsten Befehl ein und klicken auf „Enter“.
iob add vis-2-beta
Jetzt sollte der Adapter installiert werden. Sehen wir unseren vis-2-beta Adapter, starten wir unsere neu installierte „vis-2-beta.0“ mit klick auf das mit Pfeil markierte Icon.
Nun könnt ihr euer vorhandenes Projekt auswählen, bei mir wäre „VIS%20Test“, „main“, „Neues Projekt erstellen“, oder ein Projekt importieren.
Sollte unter „main“ noch die DemoView vorhanden sein, und sie auswählen, sollte sie auch hier erscheinen, wie in meinem Fall. Hier noch ein Link zu einem Youtube Video.
