🏠
Ma config' de Home Assistant

Paypal

Release HA Version - 2024.5.1 Home Assistant - Groupe Francophone

Bien le bonjour les homies ! J'ai voulu partager mon interface Home Assistant avec vous tous. Il est sûrement perfectible, alors soyez indulgents ! Avec le temps, j'ajouterais un peu plus d'informations quant au fonctionnement des cartes.

La base du Dashboard vient du repo d'Aurel RV : Son repo

La base du Floorplan vient du repo de re-1st : Son repo

DASHBOARD

Vue principale :

Accueil

Sous-vue Energie :

Energie

Sous-vue Système :

Système

Sous-vue Météo/agenda :

Météo/Agenda

Sous-vue Qualité de l'air :

Qualité de l'air

Vue Chauffage/climatisation :

Chauffage/Clim

RETOUR AU SOMMAIRE


FLOORPLAN

Le floorplan a été concu avec Picture Elements et est affiché sur un tablette 10 pouces utilisé en "Wallpanel" avec l'application Home Assistant Companion.

Les images ont été faite avec SketchUp et le rendu avec Enscape, le tout retravaillé sur Photoshop (les PSD Photoshop : LIEN).

Vue principale :

Floorplan principal 1

Floorplan principal 2

Floorplan principal 3

Vue principale en mode nuit:

Floorplan nuit

Sous-vue Alarme (s'active automatiquement lorsque l'alarme est en suspens) :

Floorplan alarme

Page Courses/recettes (s'active lorsque l'on clique sur la plaque de cuisson):

Floorplan courses recettes

Toutes les animations :

Floorplan animations

Voici la structure de mon dashboard :

  1. Decluttering Templates : toutes les cartes lourdes ou appelés plusieurs fois sont ici, et permet d'alléger le code et d'y voir plus clair dans les vues.

    Exemple simple : haut_heure est créé dans cette partie et est appelé dans une carte custom:decluttering-card

    decluttering_templates:
      haut_heure:
        card:
          type: custom:button-card
          label: >
            [[[return states['sensor.date_jour'].state]]]
    - type: custom:decluttering-card
      template: haut_heure # Appel du template précédemment créé

    Exemple avancé : bloc_3_thermostat_mitsubishi est créé dans cette partie avec des variables permettant de l'utiliser avec plusieurs climatiseurs dans HA et est appelé de la même façon que l'exemple précédent dans une carte custom:decluttering-card

    bloc_3_thermostat_mitsubishi:
      card:
        type: picture-elements
        image: /local/images/mitsubishi/fond.png
        elements:
        ...
          - type: custom:button-card
            entity: '[[climate]]' # variable climate
            name: '[[name_clim]]' # variable name_clim
        ...
    - type: custom:decluttering-card
      template: bloc_3_thermostat_mitsubishi
      variables:
        - name_clim: Salon # nom variable name_clim
        - climate: climate.salon # entité variable climate
        ...
  2. Button Card Templates : idem que Decluttering Templates, mais pour le style des cartes.

  3. Vues : Toutes les vues de mon floorplan

    • La carte picture-element, base du floorplan avec appel de l'image de fond

    • Affichage du floorplan en mode nuit en fonction du sensor sun.sun

      - action: none
        entity: sun.sun
        hold_action:
          action: none
        state_image:
          above_horizon: /local/floorplan/images/nixx.png # Image transparente
          below_horizon: /local/floorplan/night/floorplan_night.png?v=2 # Image floorplan mode nuit
        style:
          left: 50%
          top: 50%
          width: 100%
        tap_action:
          action: none
        type: image
    • Superposition d'images ou d'animations avec la carte custom:config-template-card

      Focus sur la carte de sélection des titres:

      - type: custom:config-template-card
        entities:
          - input_select.floorplan_title_bloc_1 # Création d'une entité liste déroulante pour sélection
        style:
          left: 12%
          top: 67%
          width: 20%
        element:
          action: none
          entity: input_select.floorplan_title_bloc_1
          image: /local/floorplan/images/nixx.png # Image transparente si off
          hold_action:
            action: none # Rend la carte non cliquable
          state_image: # Permet d'avoir une image différente en fonction de l'état de l'entité
            Météo: /local/floorplan/images/title_meteo.png # Affichage titre météo
            Qualité air: /local/floorplan/images/title_qualite_air.png # Affichage titre Qualité air
            Températures: /local/floorplan/images/title_temperatures.png?v=2 # Affichage titre Températures
          tap_action:
            action: none # Rend la carte non cliquable

      Focus sur une carte d'affichage de lumière:

      - type: custom:config-template-card
        entities:
          - switch.on_off_cadrepi # Entité à surveiller
        style:
          left: 50%
          top: 50%
          width: 100%
        element:
          action: none 
          entity: switch.on_off_cadrepi # Entité à surveiller
          image: /local/floorplan/images/nixx.png # Image transparente si off
          hold_action:
            action: none
          state_image:
            'on': /local/floorplan/day/floorplan_day_light_cadrepi.png # Si CadrePi on, alors affichage image
          tap_action:
            action: none
          type: image
    • Boutons d'actions avec une image transparente

      Focus sur une carte:

      - type: image
        image: /local/floorplan/images/nix100100.png # Image transparente
        entity: light.lampe_chevet # Entité à contrôler
        title: Allumer Lampe de chevet
        style:
          left: 29%
          top: 33%
          width: 2%
          opacity: 100
        tap_action:
          action: toggle
        hold_action:
          action: more-info
    • IcĂ´ne des blocs du bas

      Focus sur une carte:

      - type: custom:button-card
        template:
          - no_style
        show_name: false
        entity: input_select.floorplan_title_bloc_1 # Entité à surveiller
        color: var(--secondary-color)
        state:
          - operator: '=='
            value: Météo # Si la valeur est égale à Météo
            color: var(--primary-color) # Affichage de l'icĂ´ne en couleur
        color_type: icon
        haptic: medium
        icon: mdi:weather-partly-cloudy # IcĂ´ne Ă  afficher
        tap_action:
          action: call-service
          haptic: medium
          service: input_select.select_option # Changer l'option de l'entité pour affichage de la carte concernée
          service_data:
            entity_id: input_select.floorplan_title_bloc_1
            option: Météo
        style:
          left: 15%
          top: 67%
          width: 5%
    • Affichage des blocs

      Focus sur une carte:

      - type: conditional # Condition si l'option Météo de la liste déroulante est sélectionnée
        conditions:
          - entity: input_select.floorplan_title_bloc_1
            state: Météo
        elements:
          - type: custom:decluttering-card # Affichage du template bloc_1_meteo de decluttering_templates
            template: bloc_1_meteo
            style:
              left: 13%
              top: 83%
              width: 26%

MODULES

AdGuard Home
Bloqueur de publicité

DOODS2
Système de reconnaissance d'objets

Home Assistant Google Drive Backup
Faire ses backups entre HA et Google Drive

motionEye
CCTV/NVR pour caméras

MyElectricalData
Récupère toutes les informations du compteur Linky

Network UPS Tools
Remontée d'information d'un onduleur

Piper
Text to speech

RPC Shutdown
Wake on Lan périphériques

Samba share
Synchronisation dossier HA sur PC

Studio Code Server
Éditeur de code hébergé sur HA

Whisper
Speech to text

Zigbee2MQTT
Intégration des appareils ZigBee


CAPTEURS

Electricity Maps
Connaître l’intensité de CO2 d’une région spécifique

Sensor.Community
Capteurs qualité d'air extérieurs PM2.5 et PM10

HACS

Installer HACS

Intégrations :

[Alarmo](https://github.com/nielsfaber/alarmo) _Système d'alarme_

Browser Mod
Transformer un navigateur en entitées contrôlables

Freebox Player
Télécommande pour Freebox Player

ICS Calendar (iCalendar)
Intégration des calendriers ICS

Lovelace Gen
Améliorer l’analyseur YAML lovelace pour Home Assistant

Signal Ecogaz
Création d'entités pour les prévisions écogaz

Spook
Analyseur de problèmes lovelace, automatisations...

Spotcast
Lecture Spotify sur une Chromecast ou sur un appareil Spotify Connect

Tapo: Cameras Control
Intégration caméras Tapo

Vigieau
Suivi des restrictions eau

WebRTC Camera
Vue en temps réel stream caméras

Interface :

[Alarmo Card](https://github.com/AlexxIT/WebRTC) _Carte pour intégration Alarmo_

ApexCharts card
Cartes graphiques personnalisées

Bar Card
Carte en forme de barre animé personnalisable

Button card
Lovelace button-card

Decluttering Card
RĂ©utiliser plusieurs fois une configuration de carte avec variables pour simplifier la configuration

Lovelace Card Mod
Ajout de styles CSS

Lovelace Layout Card
Contrôle poussé sur le placement des cartes

Lovelace Mini Graph Card
Cartes graphiques minimalistes

Paper Buttons Row
Ajout de boutons configurables utilisant des actions et un style par Ă©tat

Swipe Card
Carte utilsant le swipe tactile pour en parcourir plusieurs

Vertical Stack in Card
Groupe plusieurs cartes en une seule verticalement

APPAREILS

Matériel Modèle
Raspberry Raspberry Pi 4B 4Go
Tablette Dodgee U10
SSD SAMSUNG 840 Pro 128Go - MZ-7PD128
Zigbee SONOFF EFR32MG21 (Type E) sur Zigbee2MQTT
Onduleur EATON 3S 550 FR
Box internet Freebox Mini 4K
Caméras TP-LINK Tapo C210 + D-LINK DCS-8300LH
Capteurs de porte AQARA MCCGQ11LM + SONOFF SNZB-04
Moniteur qualité d'air AQARA TVOC AAQS-S01
Thermomètres SONOFF SNZB-02D
Ampoule LEXMAN RGBTW P45 BULB
Télécommande LEXMAN HR-C99C-Z-C045-B
Télécommande Alarme LEXMAN LDSENK09
Thermostat NETATMO sur chaudière gaz individuel
Climatisation MITSUBISHI MSZ-AY25VGK + MITSUBISHI MSZ-AY42VGK

MERCI

La base du Dashboard vient de mon mentor Aurel : Son repo

La base du Floorplan vient du repo de re-1st : Son repo

Un grand merci pour leur travail titanesque qui m'a vraiment aidé à progresser et à mieux comprendre le fonctionnement de Home Assistant !

Paypal

Home Assistant - Groupe Francophone