Die Welt des Smart Homes entwickelt sich rasant, und die Integration von Küchengeräten wie Geschirrspülern in Systeme wie Home Assistant bietet ungeahnte Möglichkeiten für Komfort und Kontrolle. Stellen Sie sich vor, Sie könnten den Status Ihres Geschirrspülers jederzeit überprüfen, den Wasser- und Energieverbrauch im Auge behalten oder sogar den Startzeitpunkt anpassen – alles über eine intuitive Oberfläche. Genau das ermöglicht eine gut konfigurierte Lovelace-Karte in Home Assistant.
Dieser Artikel zeigt Ihnen, wie Sie eine solche umfassende und visuell ansprechende Karte für Ihren Geschirrspüler erstellen können. Während das hier gezeigte Beispiel auf einem Siemens-Gerät basiert, sind die zugrunde liegenden Prinzipien und der Großteil des Codes flexibel genug, um auch mit anderen Home Assistant-kompatiblen Geschirrspülern, einschließlich einem Fors Geschirrspüler, verwendet zu werden. Tauchen Sie ein in die Welt der smarten Spülmaschinensteuerung und optimieren Sie Ihren Alltag!
Warum eine benutzerdefinierte Geschirrspüler-Karte?
Eine statische Anzeige, die Ihnen nur mitteilt, ob der Geschirrspüler an oder aus ist, reicht oft nicht aus. Eine benutzerdefinierte Lovelace-Karte bietet weitaus mehr:
- Umfassende Statusinformationen: Wissen Sie genau, ob die Tür offen ist, ob das Gerät läuft, wie lange es noch dauert und welcher Betriebsstatus vorliegt.
- Verbrauchsanalyse in Echtzeit: Überwachen Sie Wasser- und Energieverbrauch direkt in Home Assistant, um effizientere Gewohnheiten zu entwickeln.
- Intuitive Steuerung: Starten, pausieren oder schalten Sie das Gerät mit einem einzigen Tippen.
- Visuelle Ästhetik: Eine gut gestaltete Karte verbessert nicht nur die Funktionalität, sondern auch das gesamte Nutzererlebnis Ihrer Home Assistant-Oberfläche.
Diese Art der detaillierten Überwachung ist besonders nützlich, um den Betrieb eines Fors Geschirrspülers oder anderer Marken zu optimieren und Energie zu sparen.
Voraussetzungen für Ihre Smart-Home-Integration
Um die hier vorgestellte Lovelace-Karte umzusetzen, benötigen Sie einige Komponenten in Ihrer Home Assistant-Installation. Diese Erweiterungen sind entscheidend für die Funktionalität und das ansprechende Design der Karte:
- Mushroom: Eine Sammlung von Lovelace-Karten, die ein modernes, minimalistisches Design bieten und leicht anpassbar sind.
- mini-graph-card: Ermöglicht die Darstellung von Zeitreihendaten in kompakten, ansprechenden Diagrammen, ideal für Verbrauchsdaten.
- button-card: Eine hochflexible Karte zur Erstellung benutzerdefinierter Schaltflächen mit umfangreichen Styling-Optionen.
- card-mod: Ein unverzichtbares Tool, um das Erscheinungsbild jeder Lovelace-Karte mit CSS-Code anzupassen und so ein einheitliches Design zu gewährleisten.
- Home Connect Alt: Dies ist das Kernstück für die Integration vieler moderner Geschirrspüler. Es handelt sich um eine Custom Integration, die erweiterte Funktionen für Geräte mit Home Connect-Kompatibilität (wie Siemens, Bosch und möglicherweise auch Ihr Fors Geschirrspüler, falls dieser die Home Connect-Plattform nutzt oder eine ähnliche API bietet) in Home Assistant bereitstellt.
Stellen Sie sicher, dass alle diese HACS-Komponenten installiert und konfiguriert sind, bevor Sie mit dem Code beginnen. Auch wenn moderne Küchengeräte mit ihren smarten Funktionen oft futuristisch wirken, können sie sich nahtlos in jede Kücheneinrichtung integrieren. Wer beispielsweise eine Küche im küchengeräte landhausstil bevorzugt, muss nicht auf die Vorteile der Smart-Home-Technologie verzichten.
Der visuelle Überblick: Vor und während des Spülvorgangs
Die Lovelace-Karte wurde so konzipiert, dass sie einen klaren Überblick über den Zustand Ihres Geschirrspülers gibt – sowohl im Ruhezustand als auch während des Betriebs. Die folgenden Abbildungen zeigen Beispiele für diese Zustände und geben Ihnen eine Vorstellung davon, wie Ihre Karte aussehen könnte:
Home Assistant Lovelace Karte eines Geschirrspülers im Ruhezustand: Tür geschlossen, Power aus, Status "Idle".
Anzeige des Geschirrspülers, wenn die Tür geöffnet ist.
Diese Ansichten zeigen Ihnen auf einen Blick:
- Den aktuellen Status der Gerätetür (offen/geschlossen).
- Den Power-Status (ein/aus).
- Den Betriebsstatus (Idle/Running).
Während eines Spülzyklus ändert sich die Karte dynamisch, um relevante Informationen anzuzeigen:
Lovelace Karte während des Spülzyklus: Geschirrspüler läuft, zeigt Verbrauchsdiagramme und verbleibende Zeit.
Hier sehen Sie, wie sich die Darstellung anpasst, sobald der Geschirrspüler läuft:
- Das Status-Icon ändert sich zu einem “Warn”-Icon (mdi:dishwasher-alert) und die Farbe zu Orange.
- Der Status-Text wechselt zu “Running”.
- Es werden Diagramme für den Wasser- und Energieverbrauch eingeblendet, die den Verlauf der letzten Stunden zeigen.
- Die verbleibende Programmzeit wird angezeigt.
Die Lovelace-Konfiguration: Schritt für Schritt
Hier ist der komplette Code für die Lovelace-Karte. Sie müssen die Entitätsnamen (entity: binary_sensor.edited_bsh_common_status_doorstate, switch.edited_bsh_common_setting_powerstate usw.) durch Ihre eigenen ersetzen. Suchen Sie nach “edited” und passen Sie die Werte entsprechend an. Die Namen der Sensoren und Schalter variieren je nach Integration und Gerät, aber die Home Connect Alt Integration folgt einem konsistenten Namensschema.
- title: Geschirrspüler
path: geschirrspueler
icon: mdi:dishwasher
subview: false
visible:
- user: edited # Ersetzen Sie 'edited' durch Ihren Home Assistant User
theme: Mushroom Square
badges: []
cards:
- type: vertical-stack
cards:
- type: picture
image: /local/siemens_dishwasher.jpeg # Pfad zu Ihrem Bild anpassen
tap_action:
action: none
hold_action:
action: none
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
show_state: true
type: button
entity: binary_sensor.edited_bsh_common_status_doorstate # Ihr Tür-Sensor
icon: mdi:dishwasher
name: Tür
theme: Mushroom
icon_height: 20px
card_mod:
style: |
ha-card {
--ha-card-background: black;
color: var(--primary-color);
--state-binary_sensor-on-color: red; /* Tür offen */
--state-binary_sensor-off-color: green; /* Tür geschlossen */
}
- show_name: true
show_icon: true
show_state: true
type: button
tap_action:
action: toggle
entity: switch.edited_bsh_common_setting_powerstate # Ihr Power-Schalter
icon: mdi:power
name: Power
theme: Mushroom
icon_height: 20px
card_mod:
style: |
ha-card {
--ha-card-background: black;
color: var(--primary-color);
--state-switch-on-color: green; /* Gerät an */
--state-switch-off-color: lightsteelblue; /* Gerät aus */
}
- type: vertical-stack
cards:
- type: custom:button-card
entity: button.edited_start_pause # Ihr Start/Pause-Button
name: Status
show_state: true
tap_action:
action: toggle
icon: |
[[[
if (states['sensor.dishwasher_operation_state'].state === 'Run') {
return 'mdi:dishwasher-alert';
} else {
return 'mdi:play';
}
]]]
state_display: |
[[[
if (states['sensor.dishwasher_operation_state'].state === 'Run') {
return 'Läuft';
} else {
return 'Bereit';
}
]]]
styles:
card:
- background-color: black
icon:
- color: |
[[[
if (states['sensor.dishwasher_operation_state'].state === 'Run') {
return 'orange';
} else {
return 'green';
}
]]]
- height: 25px
- margin-top: 20px
- margin-bottom: 5px
name:
- color: var(--primary-color)
- margin-top: 0px
- margin-bottom: 5px
state:
- font-size: 14px
- color: gray
- margin-bottom: 10px
- type: horizontal-stack
cards:
- animate: true
color_thresholds:
- color: '#4b7bec'
value: 1
- color: '#2d98da'
value: 2
- color: '#45aaf2'
value: 3
- color: '#0fb9b1'
value: 4
- color: '#2bcbba'
value: 5
- color: '#20bf6b'
value: 6
- color: '#26de81'
value: 7
- color: '#fed330'
value: 8
- color: '#f7b731'
value: 9
- color: '#fd9644'
value: 10
- color: '#fa8231'
value: 11
- color: '#fc5c65'
value: 12
- color: '#eb3b5a'
value: 13
entities:
- entity: sensor.edited_bsh_common_option_waterforecast_2 # Ihr Wasserverbrauch-Sensor
show_state: true
state_adaptive_color: true
hour24: true
hours_to_show: 3
line_width: 3
name: Wasserverbrauch
points_per_hour: 60
lower_bound: 0
upper_bound: 13
show:
graph: line
points: false
type: custom:mini-graph-card
- animate: true
color_thresholds:
- color: '#4b7bec'
value: 0.2
- color: '#2d98da'
value: 0.3
- color: '#45aaf2'
value: 0.4
- color: '#0fb9b1'
value: 0.5
- color: '#2bcbba'
value: 0.6
- color: '#20bf6b'
value: 0.7
- color: '#26de81'
value: 0.8
- color: '#fed330'
value: 0.9
- color: '#f7b731'
value: 1
- color: '#fd9644'
value: 1.1
- color: '#fa8231'
value: 1.2
- color: '#fc5c65'
value: 1.3
- color: '#eb3b5a'
value: 1.4
entities:
- entity: sensor.edited_bsh_common_option_energyforecast_2 # Ihr Energieverbrauch-Sensor
show_state: true
state_adaptive_color: true
hour24: true
hours_to_show: 3
line_width: 3
name: Energieverbrauch
points_per_hour: 60
lower_bound: 0
upper_bound: 1.5
show:
graph: line
points: false
type: custom:mini-graph-card
- type: entities
entities:
- entity: sensor.edited_bsh_common_status_operationstate # Sensor für den Betriebsstatus
secondary_info: last-changed
icon: mdi:state-machine
name: Betriebsstatus
- entity: sensor.edited_bsh_common_option_remainingprogramtime # Sensor für die Restlaufzeit
icon: mdi:timer-cog
name: Restlaufzeit
- entity: select.edited_programs # Selektor für Spülprogramme
- entity: select.edited_bsh_common_option_startinrelative # Option für Startzeitverzögerung
- entity: switch.edited_dishcare_dishwasher_option_intensivzone # Option IntensivZone
- entity: switch.edited_dishcare_dishwasher_option_brilliancedry # Option Glanztrocknen
- entity: switch.edited_dishcare_dishwasher_option_variospeedplus # Option VarioSpeed PlusErklärung des Codes:
Der Code ist in mehrere Abschnitte unterteilt, die jeweils spezifische Funktionen der Karte steuern:
- Header und Basis: Definiert den Titel, Pfad und das Icon der Ansicht. Das
pictureElement dient als Header-Bild (passen Sie den Pfad/local/siemens_dishwasher.jpegan Ihr eigenes Bild an, z.B. ein Bild Ihres Fors Geschirrspülers). - Steuerungselemente (Horizontal Stack): Enthält Buttons für den Türstatus und den Power-Schalter. Durch
card_moderhalten diese Buttons dynamische Farben basierend auf ihrem Zustand, was die Übersichtlichkeit erheblich verbessert. Der “Status”-Button, einecustom:button-card, zeigt dynamisch an, ob das Gerät läuft (“Läuft” in Orange) oder bereit ist (“Bereit” in Grün). - Verbrauchsdiagramme (Horizontal Stack): Zwei
custom:mini-graph-cardElemente visualisieren den Wasser- und Energieverbrauch der letzten drei Stunden. Diecolor_thresholdssorgen für eine farbliche Abstufung der Diagramme, die den Verbrauch visuell anzeigt. Diese Daten sind besonders wertvoll, um die Effizienz Ihres Hauses zu bewerten und möglicherweise über den Kauf energieeffizienterer Geräte, wie einem smeg wasserkocher türkis, nachzudenken, um das Gesamtbild der Energieeffizienz zu verbessern. - Zusätzliche Entitäten (Entities Card): Eine einfache
entitiesKarte listet weitere relevante Sensoren und Schalter auf, wie den detaillierten Betriebsstatus, die verbleibende Programmzeit und verschiedene Programmoptionen (IntensivZone, Glanztrocknen, VarioSpeed Plus). Diese Optionen können je nach Modell Ihres Fors Geschirrspülers oder anderer Marken variieren.
Anpassung und Weiterentwicklung
Dieser Code ist ein ausgezeichneter Ausgangspunkt. Sie können ihn weiter an Ihre spezifischen Bedürfnisse anpassen:
- Entitätsnamen: Achten Sie besonders darauf, alle “edited”-Platzhalter durch die korrekten Entitäts-IDs Ihrer Home Assistant-Integration zu ersetzen.
- Design: Experimentieren Sie mit den
card-modStilen oder denMushroom-Optionen, um das Erscheinungsbild genau auf Ihre Vorlieben abzustimmen. - Zusätzliche Sensoren: Wenn Ihr Geschirrspüler weitere Sensoren (z.B. Salzstand, Klarspülerstand) über Home Connect Alt oder andere Integrationen bereitstellt, können Sie diese problemlos in die
entitiesKarte integrieren. - Automatisierungen: Aufbauend auf diesen Statusinformationen können Sie leistungsstarke Automatisierungen erstellen, z.B. eine Benachrichtigung, wenn der Fors Geschirrspüler fertig ist oder eine bestimmte Menge Wasser verbraucht hat.
Fazit
Die Integration Ihres Geschirrspülers in Home Assistant mithilfe einer benutzerdefinierten Lovelace-Karte bietet ein Höchstmaß an Kontrolle und Transparenz. Sie verwandelt ein alltägliches Küchengerät in einen intelligenten, überwachbaren Bestandteil Ihres Smart Homes. Egal, ob Sie einen Siemens, Bosch oder einen Fors Geschirrspüler besitzen, mit den richtigen Komponenten und dieser Anleitung können Sie eine leistungsstarke und ästhetische Steuerungsoberfläche schaffen.
Nutzen Sie die gewonnenen Erkenntnisse über den Verbrauch und den Betriebsstatus, um Ihren Haushalt effizienter zu gestalten und den Komfort im Alltag zu erhöhen. Probieren Sie es selbst aus und teilen Sie Ihre Erfahrungen in der Home Assistant-Community. Entdecken Sie die vielfältigen Möglichkeiten, die ein vernetztes Zuhause bietet, und finden Sie auf Shock Naue weitere spannende Anleitungen und Inspirationen für Ihr Smart Home!