ioBroker: Smart Home-Visualisierung mit der machs-smart.de-FireHD-Vorlage

Diese Vorlage für die ioBroker-Visualisierung ist optimiert für das Amazon Fire HD 8 im Portrait-Mode mit der Auflösung 640 x 1024 Pixel.

Screens

• 

• 

• 

• 

• 

• 

Beschreibung

Die Visualisierungs-Vorlage beinhaltet sogenannte „Bindings“. Wie diese funktionieren, erfährst du in diesem Artikel.

Darkmode

Über den Darkmode schaltet die VIS automatisch in den Nachtmodus.

Statusleiste

In der Statusleiste wird dir der Ladestand deines Tablets angezeigt sowie die Innentemperatur, die Außentemperatur und die Luftfeuchtigkeit.

Innentemperatur und Luftfeuchtigkeit

Den Datenpunkt der Innentemperatur und Luftfeuchtigkeit setzt du auf die deines Temperatursensors.

Batterie-/Ladestand

Die Visualisierung läuft im Fully Browser. Dadurch kannst du zusätzlich den Batteriestand deines Fire HD abfragen und in der Vis anzeigen lassen.

Außentemperatur

Durch den Netatmo-Crawler kannst du eine Wetterstation in deiner Nähe angeben und über den Datenpunkt die aktuelle Außentemperatur ausgeben lassen.

Uhrzeit und Datum

Die Uhrzeit wird von diesem Datenpunkt übernommen – das Datum von dessen „zuletzt geändert“-Timestamp.

Corona

Zusärtzlich erhältst du Infos zur aktuellen Corona-Situation, wie eine tagesaktuelle Inzidenz deiner Stadt, die Neuinfektionen über Nacht und die Anzahl der aktuell Infizierten in Deutschland. Die Daten werden via Parser von der Seite corona-in-zahlen.de abgerufen und verarbeitet. Wie du Daten von anderen Websites mit dem Parser abrufen kannst, erfährst du in diesem Artikel. Die Einstellungen im Parser für deine Stadt oder deinen Landkreis findest du weiter unten.

Warum nutze ich nicht den Corona-Adapter? Dieser hatte in der vergangenen Zeit oft vom RKI und meinem LGL abweichende Zahlen. Außerdem fehlt mir hier die zuverlässige Aussage über die täglichen Neuinfektionen. Die Daten von Corona-sind-Zahlen waren bisher immer mit denen in öffentlichen Medien oder anderen Webseiten gleich.

Briefkasten

Das Briefkasten-Icon blinkt, sobald Post in deinen Briefkasten geworfen wurde. Wenn du auf das blinkende Icon tippst, wird der Datenpunkt wieder zurückgesetzt. Du kannst diese Funktion auch löschen, sofern du deinen Briefkasten nicht überwachst. Hier erfährst du, wie du deinen Briefkasten in 2 einfachen Schritten smart machen kannst.

Haustür

Sobald du deine Haustür abgeschlossen hast, wird das Schloss-Icon aktiv. Nutze hierfür den Datenpunkt eines Smart-Locks oder mache dein Türschloss smart – wie das funktioniert, erfährst du in diesem Artikel.

Alarmanlage

Über ein Dropdown kannst du deine Alarmanlage in den Zustand „Zuhause“, „Nacht“ oder „Abwesend“ setzen. Ein „Urlaubsmodus“ ist in Planung — die Checkbox ist aber bereits integriert. Über „Automatik“ wird ein Javascript der Alarmanlage gesteuert – ist es aktiv, schaltet die Anlage automatisch in den Nachtmodus.

Termine

Pro Person werden standardmäßig 2 Termine angezeigt. Findet „heute“ ein Termin statt, wirst du über einen roten Punkt vor dem Termin darüber informiert.

Müllabfuhr

Du wirst über kommende Leerungen gängiger Tonnen informiert. Findet „heute“ eine Leerung statt, wirst du über einen roten Punkt vor dem entsprechenden Termin darüber informiert.

Wetter

Die Wetteranzeige informiert dich mit Temperatur von Tag und Nacht, Wetter-Icon, Sonnenuntergang, Windstärke und Niederschlag über die heutige und morgige Wetterlage.

Countdown

Hier kannst du dir bis zu drei Countdowns auf einmal anzeigen lassen. Du erhältst einen Überblick über die verbleibenden Tage in groß sowie die verbleibenden Tage und Monate in klein.

DWD-Wetterwarnung

Sobald eine Wetterwarnung des DWD ausgegeben wird, legt sich ein „Warnung“-Icon über die Wetterüberschrift und informiert dich (bei schwerer Warnung blinkend) über die Wetterwarnung.

Geburtstagsanzeige

Über IFTTT wird aus deinem Google-Kalender die Anzahl der Geburtstage deiner Kontakte ausgelesen und bei Bedarf über dem Termin-Widget angezeigt. Wie du IFTTT mit ioBroker verbindest und deinen Google-Kalender anbindest, kannst du hier nachlesen.

Wenn du allerdings die Geburtstage deiner iOS-Kontakte auslesen möchtest, erkläre ich dir in diesem Artikel, wie das funktioniert.

Fenster (View)

Auf dieser Seite erhältst du eine automatisch unterteilte Auflistung aller geschlossenen und geöffneten Fenster (siehe auch: Offene und geschlossene Fenster als Liste ausgeben)

Wetter (View)

Diese Wettervorhersage in dieser Visualisierungs-Vorlage zeigt dir für heute und die nächsten 4 Tage das Wetter an. Inklusive Niederschlag, Höchst- und Tiefsttemperatur, Windstärke, Sonnenauf- und -untergang und Luftfeuchtigkeit. Sofern eine Wetterwarnung existiert, wird diese hier mit einer ausführlichen Warnung ausgegeben.

Anleitung / Einrichtung

Adapter

• iCal
• Countdown
• Trashschedule
• daswetter
• DWD (Deutscher Wetter Dienst)
• ioBroker IoT Assistants-Adapter
• netatmo-Crawler
• Optional: Corona Statistics

Datenpunkt-Einstellungen

Batterie

fullybrowser.0.XXXXX.Info.batteryLevel

Außentemperatur

netatmo-crawler.0.stationData.1.temperature

Darkmode

Bitte folgenden Datenpunkt anlegen:

0_userdata.0.dayTime

Der Darkmode wird über das Widget DARKMODE(w00016) im Tab _{A_Menü} gesteuert. Wenn der oben genannte Datenpunkt false ist, wird dem HTML body-Tag eine Klasse angehängt, die das Darkmode-CSS aufruft. Nutze ein Astro-Blocklyscript, um den Datenpunkt entsprechend zu schalten.

Innentemperatur und Luftfeuchigkeit

Datenpunkt von deinem Multisensor

Uhrzeit

javascript.0.variables.dayTime

Datum

javascript.0.variables.dayTime
(„zuletzt geändert“-Timestamp)

Anzahl geöffnete Fenster

Bitte folgenden Datenpunkt anlegen (siehe: Offene Fenster zählen mit Blockly):

Eigene.0.Fenster_Markise.Fenster_offen

Geöffnete Markise

Datenpunkt von deinem Kontaktsensor

Briefkasten

Datenpunkt von deinem Kontaktsensor/Script

Türschloss

Datenpunkt von deinem Türschloss/Smart-Lock. Nutze hierfür dein Smart-Locks oder mache dein Türschloss smart – wie das funktioniert, erfährst du in diesem Artikel.

Corona-Inzidenz

parser.0.Corona-Inzidenz-Erlangen
(siehe: Daten von anderen Websites mit dem Parser abrufen, bitte die URL deines Landkreises auswählen und im Parser eintragen corona-in-zahlen.de/landkreise/ und den Datenpunkt im Widget ändern.)

Regex (Num: 3)

(?<=<p class="card-title" style="font-size:30px"><b>)[\s\S]*?(?=<\/)

Corona-Neuinfektionen

parser.0.Corona-Differenz
(siehe: Daten von anderen Websites mit dem Parser abrufen, Parser-URL: https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_COVID19/FeatureServer/0/query?f=json&where=NeuerFall%20IN(1%2C%20-1)&returnGeometry=false&spatialRel=esriSpatialRelIntersects&outFields=*&outStatistics=%5B%7B%22statisticType%22%3A%22sum%22%2C%22onStatisticField%22%3A%22AnzahlFall%22%2C%22outStatisticFieldName%22%3A%22value%22%7D%5D&resultType=standard&cacheHint=true)

Regex (Num: 0)

(?<=attributes":{"value":)[\s\S]*?(?=}}]})

Wetter

Bitte „Pfad 3“ für 5-tägige und stündliche Vorhersage aktivieren:

Bitte aktiviere folgende Option:

Damit die Icons korrekt eingelesen werden, musst du im daswetter-Adapter unter „Icons“ folgendes einstellen – bitte passe die IP-Adresse auf die deiner ioBroker-Installation an. Achte darauf, dass die „Angepasste Dateinamenerweiterung“ mit einem Punkt beginnen muss (zB .png):

Countdown

countdown.0.htmlContent

Kalender 1 – 3

ical.1.data.html
ical.2.data.html
ical.3.data.html

Geburtstage

Eigene.0.Vis.Geburtstag
(siehe: Geburtstage von Google Kontakten mit IFTTT auslesen, die „Sichtbarkeit“ des roten Punkts ggf. anpassen. Wenn du allerdings die Geburtstage deiner iOS-Kontakte auslesen möchtest, erkläre ich dir in diesem Artikel, wie das funktioniert.)

Müllabfuhr

trashschedule.0.type.restmüll.daysLeft
trashschedule.0.type.biomüll.daysLeft
trashschedule.0.type.papiertonne.daysLeft trashschedule.0.type.gelberSack.daysLeft
(Die „Sichtbarkeit“ der roten Punkte ggf. anpassen)

Scripte

• „Geburtstags“-Ansicht
  Geburtstage von Google Kontakten mit IFTTT auslesen
• Statusleiste, „Offene Fenster“
  Offene Fenster zählen mit Blockly
• View „Fenster“
  Offene und geschlossene Fenster als Liste ausgeben

Import / Installation

Im VIS-Editor kannst du im Menü unter „Setup“ mit „Projekt-Export/import“ das komplette ZIP-File importieren. Achte darauf, dass du als Projektname „main“ eingibst, damit alle Icons und Files gefunden werden:

Download der Vorlage