Suivi de l’environnement et bien-être (Page 3)

Cette vue, affichée en alternance avec les deux autres, regroupe des données techniques et sensibles pour suivre :

• le fonctionnement du système,
• le climat de la maison,
• les cycles naturels comme les phases lunaires.

Un équilibre entre technique, confort et bien-être.

Objectif de cette page

Voici ce que j’ai voulu obtenir :

• 🧠 Suivre la santé matérielle du Raspberry Pi hébergeant le Magic Mirror (température, CPU, mémoire, stockage, uptime).
• 🌡️ Visualiser les températures dans toutes les pièces de la maison pour ajuster les conditions de confort.
• 🌕 Conserver un lien avec le temps naturel, à travers une visualisation des phases de la lune.
• 💬 Continuer à afficher un compliment, pour garder la tonalité positive du projet.

Structure et composants de la page

🖥️ 1. Surveillance du Raspberry Pi

Grâce à l’intégration Glances ou des sensor MQTT ou SSH, j’ai récupéré les données suivantes :

• CPU : sensor.magic_mirror_pi_magicmirror_cpu
• Disque : sensor.magic_mirror_pi_magicmirror_disk
• Mémoire : sensor.magic_mirror_pi_magicmirror_memory
• Température : sensor.magic_mirror_pi_magicmirror_temperature
• Uptime : sensor.magicmirror_uptime

Ces entités sont affichées dans une carte entities avec des icônes claires (mdi:cpu-64-bit, mdi:memory, mdi:clock-outline...), stylisées via card_mod pour une police agrandie et un fond transparent.

- type: entities
  title: Magic Mirror
  entities:
    - entity: sensor.magic_mirror_pi_magicmirror_cpu
      name: CPU
      icon: mdi:cpu-64-bit
    - entity: sensor.magic_mirror_pi_magicmirror_disk
      name: Disque
      icon: mdi:harddisk
    - entity: sensor.magic_mirror_pi_magicmirror_memory
      name: Mémoire
      icon: mdi:memory
    - entity: sensor.magic_mirror_pi_magicmirror_temperature
      name: Température
    - entity: sensor.magicmirror_uptime
      name: Activité
      icon: mdi:clock-outline
  card_mod:
    style: |
      * {
        font-size: 1.43rem;
      }
      ha-card {
        border: none;
        background: transparent;
      }

🌡️ 2. Températures intérieures par pièce

J’ai intégré les capteurs de température MQTT (ou autres) dans une seconde carte entities, pour chaque pièce :

• Balcon
• Bureau
• Cuisine
• Chambre Salomé
• Chambre garçons
• Chambre parentale

Objectif : visualiser les zones chaudes/froides au fil de la journée. C’est aussi utile pour détecter une pièce mal chauffée ou mal isolée.

- type: entities
  entities:
    - entity: sensor.temperature_balcon_temperature
      name: Balcon
    - entity: sensor.temperature_bureau_temperature
      name: Bureau
    - entity: sensor.temperature_cuisine_temperature
      name: Cuisine
    - entity: sensor.temperature_chambre_salome_temperature
      name: Chambre Salomé
    - entity: sensor.temperature_chambre_garcons_temperature
      name: Chambre Garçons
    - entity: sensor.temperature_chambre_parentale_temperature
      name: Chambre parents
  card_mod:
    style: |
      * {
        font-size: 1.43rem;
      }
      ha-card {
        border: none;
        background: transparent;
      }

🌕 3. Phases lunaires

J’utilise la carte custom:lunar-phase-card, que j’ai configurée en mode compact, avec une vue discrète mais élégante de la lune actuelle.

Elle affiche :

• la phase lunaire actuelle,
• le visuel de la lune,
• la localisation pour ajuster la phase au bon hémisphère.

- type: custom:lunar-phase-card
  entity: ''
  compact_view: true
  default_card: base
  selected_language: fr
  moon_position: left
  latitude: 48.96666
  longitude: 2.04519
  location:
    city: Andrésy
    country: France
  card_mod:
    style: |
      ha-card {
        border: none;
        background: transparent;
      }

Ce détail peut sembler anecdotique, mais il plaît beaucoup à mes enfants… et donne un rythme naturel aux jours qui passent.

💬 4. Compliment du jour

Comme dans les autres pages, j’ai inclus une carte button-card qui récupère dynamiquement la valeur de input_text.compliments.

Cela garde une touche humaine et bienveillante, quel que soit le contenu affiché.

- type: custom:button-card
  name: |
    [[[ return states['input_text.compliments'].state ]]]
  card_mod:
    style: |
      ha-card {
        border: none;
        background: transparent;
      }
      #name {
        width: 90%;
        font-weight: 100;
        font-size: 4.7rem;
        text-align: center;
      }

Résultat final

La page 3 du Magic Mirror complète parfaitement les deux premières :

• Elle offre une vue d’ensemble technique (pour moi),
• Une lecture de confort domestique (pour la famille),
• Et une connexion au vivant (via la lune et le compliment).

Chaque élément est épuré, lisible, sans distraction, et parfaitement intégré dans la logique du miroir connecté.

Et ensuite ?

Dans le prochain article, je vous expliquerai comment j’ai automatisé la rotation entre les pages de mon tableau de bord, pour créer une boucle dynamique et continue.

Ainsi, le Magic Mirror affiche tour à tour l’heure, les calendriers, les températures, et bien plus encore — sans que personne n’ait besoin de toucher à l’écran.