Der Artikel beschreibt die Konzeption und technische Implementierung eines interaktiven Smart-Home-Dashboards für Home Assistant, das auf einer maßgeschneiderten, handgezeichneten Illustration des eigenen Hauses basiert. Durch die Verwendung der nativen picture-elements-Karte, animierter WebP-Dateien für aktive Gerätezustände und eines dedizierten Kiosk-Displays direkt am Fernseher wurde eine intuitive Benutzeroberfläche geschaffen, die von allen Haushaltsmitgliedern genutzt wird. Die Architektur kombiniert eine modulare Schichtgrafik auf einer einheitlichen Leinwand mit YAML-basierten Konfigurationsdateien und HACS-Erweiterungen wie Browser Mod und Card-Mod.
Wichtigste Punkte
Home Assistant Plattform: Dient als Open-Source-Zentrale für smarte Automatisierungen (z. B. automatische Klimaanlagenabschaltung, wetterabhängige Gartenbewässerung) und die visuelle Benutzeroberfläche.
Picture-Elements Karte: Das zentrale UI-Modul von Home Assistant, das eine Hintergrundillustration mit dynamisch positionierten Entitäten und Zustandsanzeigen überlagert.
Animierte WebP-Zustände: Ersetzen statische Icons durch flüssige 8-Frame-Animationen (z. B. für laufende Klimaanlagen), während statische PNG-Dateien für inaktive Zustände genutzt werden.
Tag- und Nacht-Modi: Implementiert über ein Boolean-Helfer-Objekt, das per Automation bei Sonnenaufgang und Sonnenuntergang umschaltet und eine nächtliche Grafikvariante als bedingtes Element einblendet.
Hardware-Umgehung (webOS): Umgehung von Einschränkungen des LG-webOS-Browsers durch Installation einer dedizierten Home Assistant Box mit dem HAOS Kiosk Display Add-on an einem HDMI-Eingang des Fernsehers.
YAML-Konfiguration & Master-Leinwand: Die Aufteilung der Schichten in separate YAML-Dateien erlaubt die gemeinsame Nutzung von Elementen in einzelnen Etagenansichten sowie einer kombinierten "Vollansicht" über vertical-stack und Card-Mod.
HACS-Integrationen: Einsatz von Browser Mod für benutzerdefinierte Pop-up-Dialoge (z. B. zur Steuerung von Bewässerungsventilen) und Kiosk Mode zur Entfernung von Standard-Menüleisten.
Diskussions-Highlights
Würdigung der Illustration: Diskutanten lobten die Entscheidung des Autors, einen menschlichen Illustrator (Owen Yeconiel) anstelle von KI-Generatoren zu beauftragen. Die Kosten für derartige digitale Auftragsarbeiten wurden in der Community auf rund 900 USD geschätzt.
Technische Alternativen zur Erstellung: Mehrere Kommentatoren verwiesen auf alternative Ansätze wie Lidar-Scans (z. B. über PolyCam) exportiert nach Blender oder KI-gestützte Grundriss-Generierung via Claude und ChatGPT, um Kosten zu senken.
Thermodynamische Debatte über Klimaanlagen: Es entbrannte eine Diskussion über die Energieeffizienz des Abschaltens von Klimaanlagen bei Abwesenheit. Entgegen dem verbreiteten Mythos, das Halten der Temperatur sei sparsamer, bestätigten thermodynamische Prinzipien, dass das Abschalten bei längeren Abwesenheitszeiträumen energieeffizienter ist.
Praktische Smart-Home-Anwendungsfälle: Neben reinen Designprojekten wurden konkrete Sicherheits- und Komfortnutzungen hervorgehoben, darunter Türsensoren für Kinderüberwachung, schlüssellose Zugangssysteme (Unifi Access, Z-Wave) sowie Lastmanagement zur Ausnutzung variabler Stromtarife.
Glossar
Home Assistant: Ein kostenloses Open-Source-Software-Ökosystem zur zentralen Steuerung und Heimautomatisierung von Smart-Home-Geräten.
WebP: Ein von Google entwickeltes, modernes Bildformat, das verlustbehaftete sowie verlustfreie Komprimierung und Animationen unterstützt.
YAML (YAML Ain't Markup Language): Eine menschenlesbare Datenserialisierungssprache, die primär für Konfigurationsdateien in der Softwareentwicklung verwendet wird.
HACS (Home Assistant Community Store): Ein von der Community betriebener App Store für Home Assistant zur Installation benutzerdefinierter Integrationen, Themes und Dashboards.
Browser Mod: Eine HACS-Erweiterung, die Webbrowser in steuerbare Entitäten verwandelt und das Öffnen benutzerdefinierter Pop-up-Dialoge in Home Assistant ermöglicht.
Card-Mod: Ein CSS-Styling-Plugin für Home Assistant, das die direkte Anpassung von Benutzeroberflächen-Karten über Cascading Style Sheets (CSS) erlaubt.
HAOS (Home Assistant Operating System): Ein leichtgewichtigenes, für den reibungslosen Betrieb von Home Assistant optimiertes Betriebssystem.
Zigbee: Ein drahtloser Funkstandard für energieeffiziente, lokale Heimautomatisierungs- und Sensornetzwerke.
Lidar (Light Detection and Ranging): Ein optisches Messverfahren zur Laser-basierten Abstands- und Umgebungsanalyse sowie zur dreidimensionalen Raumdatenerfassung per Smartphone.