Changes

Page history
Update Dashboards erstellen mit Jarvis authored by tvazquez's avatar tvazquez
Hide whitespace changes
Inline Side-by-side
Anleitungen/Dashboards-erstellen-mit-Jarvis.md
View page @ 5f419d62
...@@ -7,14 +7,12 @@ Am Ende dieses Abschnitts werden wir erfolgreich einen Schaltaktor in Jarvis anz ...@@ -7,14 +7,12 @@ Am Ende dieses Abschnitts werden wir erfolgreich einen Schaltaktor in Jarvis anz
Installiere den Jarvis Adapter, wie in der Anleitung zur Installation von ioBroker Adaptern schon beschrieben wurde. Installiere den Jarvis Adapter, wie in der Anleitung zur Installation von ioBroker Adaptern schon beschrieben wurde.
**Viellecht Link zur Doku einbinden**
### Schritt 2: Jarvis Weboberfläche öffnen ### Schritt 2: Jarvis Weboberfläche öffnen
Nach erfolgreicher Installation, gehe in ioBroker in den Menüpunkt "Instanzen" und suche dort nach "jarvis.0". Nach erfolgreicher Installation, gehe in ioBroker in den Menüpunkt "Instanzen" und suche dort nach "jarvis.0".
Klicke dann auf den Instanzlink der dich automatisch zur Jarvis Weboberfläche navigiert. Klicke dann auf den Instanzlink der dich automatisch zur Jarvis Weboberfläche navigiert.
**Platz für Bild: ioBroker Instanzen mit aufgeklapptem Jarvis** ![grafik](uploads/17ec42f077ee47c1092cf720640d640d/grafik.png)
### Schritt 3: Importieren der Geräte ### Schritt 3: Importieren der Geräte
...@@ -23,15 +21,15 @@ In der Jarvis Weboberfläche musst du zunächst, wie zuvor beschrieben, deine ei ...@@ -23,15 +21,15 @@ In der Jarvis Weboberfläche musst du zunächst, wie zuvor beschrieben, deine ei
1. Navigiere unten links zum Zahnrad "Konfiguration & Hilfe" 1. Navigiere unten links zum Zahnrad "Konfiguration & Hilfe"
2. Im Reiter "Geräte" oben rechts auf den Button "Geräte importieren" klicken 2. Im Reiter "Geräte" oben rechts auf den Button "Geräte importieren" klicken
**Platz für Bild: Import Devices ohne Dialog** ![grafik](uploads/2d4e595f038552358c2e88841af4ad4a/grafik.png)
3. Im geöffneten Dialog dann "nach allen Geräten durchsuchen" auswählen und auf "Read Adapters" klicken 3. Im geöffneten Dialog dann "nach allen Geräten durchsuchen" auswählen und auf "Read Adapters" klicken
**Platz für Bild: Import Devices mit Dialog** ![grafik](uploads/a14e8d98ffcdcc2e22424bf23579b61a/grafik.png)
4. Wähle aus den gefundenen Geräten die aus, die du in Jarvis integrieren möchtest 4. Wähle aus den gefundenen Geräten die aus, die du in Jarvis integrieren möchtest
**Platz für Bild: Import Devices gefundene Geräte** ![grafik](uploads/041d3e18106856f2495d34c43700e046/grafik.png)
Nun hast du erfolgreich alle deine ausgewählten Geräte in Jarvis integriert. Nun hast du erfolgreich alle deine ausgewählten Geräte in Jarvis integriert.
...@@ -40,37 +38,37 @@ Nun hast du erfolgreich alle deine ausgewählten Geräte in Jarvis integriert. ...@@ -40,37 +38,37 @@ Nun hast du erfolgreich alle deine ausgewählten Geräte in Jarvis integriert.
Um ein neuen Tab anzulegen, indem sich später dein Dashboard befinden wird, musst du oben zunächst auf den Reiter "Layout" wechseln. Um ein neuen Tab anzulegen, indem sich später dein Dashboard befinden wird, musst du oben zunächst auf den Reiter "Layout" wechseln.
Dort auf "Add Tab" klicken. Dort auf "Add Tab" klicken.
**Platz für Bild: Layout Reiter** ![grafik](uploads/9b4f1ff637b47bc01020fc8cecb8a160/grafik.png)
### Schritt 5: Anlegen eines neuen Widgets ### Schritt 5: Anlegen eines neuen Widgets
Wenn du nun den neu erstellten "New Tab" anklickst, kannst du dort Namen und Icon ändern, sowie dein erstes Widget hinzufügen. Wenn du nun den neu erstellten "New Tab" anklickst, kannst du dort Namen und Icon ändern, sowie dein erstes Widget hinzufügen.
Dort kannst du dann in der neu erschienenden blauen Box auf den "bearbeiten" Stift klicken. Dort kannst du dann in der neu erschienenden blauen Box auf den "bearbeiten" Stift klicken.
**Platz für Bild: Neue Widget-Box hinzugefügt** ![grafik](uploads/8df8b1eb2bc4df54203bdf5465141e47/grafik.png)
### Schritt 6: Das Widget konfigurieren ### Schritt 6: Das Widget konfigurieren
In dem geöffneten Dialog musst du nun auf Widget hinzufügen klicken. Es öffnet sich ein weiterer Dialog indem du nun dem Widget einen Namen und Icon geben kannst, sowie ein Modul auswählen. In dem geöffneten Dialog musst du nun auf Widget hinzufügen klicken. Es öffnet sich ein weiterer Dialog indem du nun dem Widget einen Namen und Icon geben kannst, sowie ein Modul auswählen.
Das Modul gibt an was für eine Art Widget generiert werden soll. Da wir den Status einen Schaltaktors sehen und verändern möchten, wählen wir "StateList". Das Modul gibt an was für eine Art Widget generiert werden soll. Da wir den Status einen Schaltaktors sehen und verändern möchten, wählen wir "StateList".
**Platz für Bild: Modul StateList** ![grafik](uploads/0bf369e52171ec556bd4d3b430a996c1/grafik.png)
Es werden neue Konfigurationsfelder sichtbar, bei dem du aber nur ein Device hinzufügen musst: Den in Schritt 3 importierten Schaltaktor. Es werden neue Konfigurationsfelder sichtbar, bei dem du aber nur ein Device hinzufügen musst: Den in Schritt 3 importierten Schaltaktor.
**Platz für Bild: Schaltaktor hinzugefügt** ![grafik](uploads/261bcf19b8468f7a97ab275b4f147152/grafik.png)
Wähle nun für den Schaltaktor als Body State einen der "powerCh" aus. Jeder dieser Power Channel stellt einen Schalter des Schaltaktors dar und kann darüber ausgelesen und geschaltet werden. Wähle nun für den Schaltaktor als Body State einen der "powerCh" aus. Jeder dieser Power Channel stellt einen Schalter des Schaltaktors dar und kann darüber ausgelesen und geschaltet werden.
Als Action State hier auch den Power Channel auswälen, damit unser Button auf dem Dashboard immer synchron mit dem tatsächlichen Wert des Schalters ist. Als Action State hier auch den Power Channel auswälen, damit unser Button auf dem Dashboard immer synchron mit dem tatsächlichen Wert des Schalters ist.
Als letzten Schritt muss noch ein Action Element ausgewählt werden. Wir wählen hier den einfachen Button, da wir nur einen booleschen Wert verändern müssen. Als letzten Schritt muss noch ein Action Element ausgewählt werden. Wir wählen hier den einfachen Button, da wir nur einen booleschen Wert verändern müssen.
**Platz für Bild: Button Action hinzugefügt** ![grafik](uploads/24f1bfb44e93636dc4f7bd5ebbbd7334/grafik.png)
**Schritt 7: Speichern und anschauen** **Schritt 7: Speichern und anschauen**
Klicke in beiden geöffneten Dialogen auf "Übernehmen" und im Layout Reiter unten rechts auf "Speichern und Zurück". Klicke in beiden geöffneten Dialogen auf "Übernehmen" und im Layout Reiter unten rechts auf "Speichern und Zurück".
Nun kannst du in der Navigationsleiste auf deinen Tab klicken und dein Widget sollte angezeigt werden. Nun kannst du in der Navigationsleiste auf deinen Tab klicken und dein Widget sollte angezeigt werden.
**Platz für Bild: Widget fertig erstellt auf Dashboard** ![grafik](uploads/51def4c81a78946d9505c8fd60a58feb/grafik.png)
Herzlichen Glückwunsch du hast dein erstes Dashboard inklusive Widget in Jarvis erstellt und kannst einen Schaltaktor darüber schalten. Herzlichen Glückwunsch du hast dein erstes Dashboard inklusive Widget in Jarvis erstellt und kannst einen Schaltaktor darüber schalten.
\ No newline at end of file