DomoLab

Documentation de recherche en domotique

#15/10/2025

Les Dashboards

Source: home-assistant.io - dashboard

Aperçu

Un dashboard (tableau de bord) permet de centraliser et de rendre accessible d'un coup d'œil l'état de la maison, depuis n'importe quel appareil (PC, tablette, smartphone).

On peut en créer plusieurs en fonction de l'objectif recherché et ils sont entièrement personnalisables.

Exemples de dashboard:

... ...

Les types de Dashboard

De base, HomeAssistant propose sept Dashboards:

  • Aperçu: le dashboard par défaut
  • Map: présente une carte de la zone indiquée à l'initialisation.
  • Energie: pour superviser la consommation de la maison
  • Activité: affiche les changements des entités des différents appareils
  • Historique: affiche l'activité de fonctionnement d'un appareils sélectionné. Pour une imprimante, l'état des niveaux d'encres.
  • Medias: peut lister les caméras, images et autres médias
  • Listes des tâches: un gestionnaire de todo list.

Le dashboard par défaut

Par défaut, ce dashboard se met à jour automatiquement lors de l'ajout de nouveaux appareils. Cependant, dès que vous commencez à personnaliser celui-ci (en modifiant sa structure ou ses cartes), cette mise à jour automatique est désactivée. Vous devrez alors mettre à jour manuellement les éléments ajoutés ultérieurement.

Voici un petit aperçu de certains dashboard par défaut:

... ... ... ... ...

Créer son propre Dashboard

Cliquer sur Paramètres, puis sur Tableaux de bord:

...

Cliquer sur Ajouter un tableau de bord

...

On peux ensuite choisir un "type" de tableau de bord, prenons le tableau de bord vide:

...

On indique un titre, une icône et on coche Ajouter à la barre latérale, puis on clique sur le bouton Créer:

...

Le dashboard est maintenant accessible au niveau de la barre latérale, cliquons dessus et passons en mode édition en cliquant sur le crayon :

...

Mode "édition":

...

Configurons la carte Markdown:

...

Markdown ou YAML ?

Ici le markdown est avant tout utilisé pour sa mise en forme HTML.

Home Assistant utilise YAML pour décrire la structure des éléments. Le YAML est un format de sérialisation de données (comme JSON, mais plus lisible).

En jaune à l'image il s'agit de Jinja2 un moteur de templates (comme Twig de Symfony, Blade de Laravel, ou encore Smarty) qui permet d'insérer des logiques dynamiques (boucles, conditions, variables) dans du texte.

On peut ensuite "jouer" avec les différents éléments pour faire son propre Dashboard.

...

Le Dashboard site-internet

On peut facilement intégrer une page internet comme dashboard, exemple ici avec DomoLab:

...

Si on regarde du coté des extensions, on peut même ajouter VS Code:

...

HomeAssistant dispose d'une API REST permettant de récupérer de la data. On peut imaginer les stocker dans une base de données et les afficher/gérer via son propre site web interne (hébergé sur le serveur LEMP de l'add-on).

Les possibilités sont grandes!