Abbildung 4: Es gibt in IO-Broker eine ganze Reihe von Adaptern zu Visualisierung. Einige, wie der hier verwendete, erfordern eine Registrierung.
Sie starten die Installation mit einem Klick auf das Plus-Icon. Um die Visualisierung zu verwenden, benötigen Sie einen Lizenzschlüssel, der für den privaten Einsatz kostenfrei ist. Sie registrieren sich lediglich auf der IO-Broker-Webseite [1]. Dazu klicken Sie auf ODER REGISTRIEREN und legen ein neues Benutzerkonto an (Abbildung 5).
Abbildung 5: Ein Konto auf der IO-Broker-Webseite legen Sie mit wenigen Daten an.
Haben Sie das Benutzerkonto bestätigt oder besitzen bereits ein Konto, melden Sie sich an und wählen unter Lizenzen den Punkt NEUE LIZENZ BESTELLEN. Klicken Sie hier auf den Reiter COMMUNITY-LIZENZEN und wählen Sie die Lizenz iobroker.vis aus (Abbildung 6).
Abbildung 6: Für eine einfache Visualisierung genügt eine Community-Lizenz, die Sie über die IO-Broker-Webseite anfordern.
Sobald Sie auf JETZT BESTELLEN klicken, öffnet sich ein Dialog, der einige Informationen abfragt. Hat alles geklappt, finden Sie jetzt unter Lizenzen einen entsprechenden Eintrag. Um die Daten der Lizenz anzuzeigen und zu kopieren, klicken Sie auf die Schaltfläche mit dem Auge (Abbildung 7).
Abbildung 7: Den Schlüssel der Lizenz laden Sie herunter und hinterlegen ihn im lokalen IO-Broker.
Die lange Zeichenkette für den Schlüssel fügen Sie nun in IO-Broker in die Instanz vis.0 ein. Klicken Sie dazu auf die Schaltfläche mit dem Schraubenschlüssel. Um die Konfiguration abzuschließen, klicken Sie noch einmal auf LIZENZ PRÜFEN und danach auf SPEICHERN UND SCHLIESSEN. Jetzt steht die Visualisierung ohne Einschränkungen bereit.
Für die ersten Gehversuche mit der Visualisierung belassen Sie alle Einstellmöglichkeiten auf der Setup-Seite in der Vorgabe. Um Missverständnissen vorzubeugen: Sie sehen nach der Installation die Einstellungen des Adapters web.0, nicht die von vis.0 – den Webadapter installiert die Visualisierung automatisch mit.
Um eine Visualisierung zu erstellen oder zu bearbeiten, wechseln Sie wieder zu den Instanzen und klicken auf das Icon mit dem Pfeil nach rechts im Kasten, um die Webseite der Visualisierung zu öffnen (Abbildung 8).
Abbildung 8: Über die Startseite der Visualisierung erreichen Sie alle wichtigen Komponenten und erstellen eine Oberfläche.
Beim ersten Start fehlen noch einige Dateien. IO-Broker fragt, ob sie erstellt werden soll. Sie können die Fragen alle mit Ja beantworten. Danach sehen Sie direkt ein Beispiel, das anschaulich demonstriert, was mit der Visualisierung alles möglich ist. Für ein erstes Experiment erstellen Sie zunächst ein neues Projekt (Setup | Neues Projekt) mit dem Namen Bastelecke. Wieder bejahen Sie alle Fragen.
Auf der Webseite finden sich verschiedene Reiter. Unter Views finden Sie die diversen Ansichten und können sie über bestimmte Funktionen zusammenfassen. Die Views erhöhen die Übersichtlichkeit der Visualisierung. Bei einem neuen Projekt gibt es immer eine DemoView.
Mit Widgets bauen Sie die Views auf. Hier finden Sie Schaltflächen, Bilder und vieles mehr. Sie arrangieren die Elemente per Drag & Drop in den Views. Falls Sie ein bestimmtes Widget vermissen, wie etwa die Wettervorhersage, spielen Sie im IO-Broker über die Adapter zusätzliche Elemente ein. Die Widgets kommunizieren in der Regel mit den Objekten aus dem IO-Broker.
Unter Tools sind Funktionen gruppiert, die Ihnen das Erstellen von Views erleichtern. Neben vielen anderen nützlichen Funktionen können Sie hier auch das Raster aktivieren. Es ist außerdem möglich, ein bestimmtes Mobilgerät auszuwählen und in der View die Auflösung des Geräts als Kasten anzuzeigen. Das erleichtert es, das Design auf das Gerät zu optimieren.
Im Reiter Setup erstellen Sie neue Projekte, laden vorhandene, ändern die Spracheinstellungen oder passen das Farbthema für den Editor an. Darüber hinaus gibt es einen Dateimanager, mit dem Sie Dateien zwischen dem SBC und dem Desktop-PC austauschen. Der Objekt-Browser dient hingegen dazu, die Objekte aus dem IO-Broker anzuzeigen und auszuwählen.
