Création d’un dashboard Home Assistant modulaire pour la maison et l’infrastructure IT – vos avis m’intéressent

Bonjour à tous,

Je travaille depuis quelque temps sur une refonte assez complète de mon dashboard Home Assistant, et j’aimerais vous présenter l’état actuel du projet afin d’avoir vos retours.

Mon objectif n’est pas simplement de créer un joli dashboard. J’essaie plutôt de construire une interface cohérente, modulaire et configurable, avec le même langage visuel pour la maison, les pièces, les ordinateurs, les serveurs et plus largement toute l’infrastructure informatique.

Le design repose actuellement sur une interface sombre, des cartes légèrement transparentes, des angles arrondis, des icônes simples et quelques couleurs d’accentuation. Mais au-delà de l’aspect graphique, j’essaie surtout de conserver une lecture rapide et efficace des informations.

Le projet est déjà disponible, ici : GitHub - renaldsouder/auralis-cards: Auralis Frame dashboard cards for Home Assistant · GitHub
Mais il y a encore du travail.

Ce que j’ai actuellement

Je développe progressivement différentes vues et cartes dédiées à :

  • la vue générale de la maison ;
  • les différentes pièces ;
  • les éclairages, volets et scènes ;
  • les PC Windows ;
  • les serveurs Proxmox ;
  • les machines virtuelles ;
  • les serveurs Unraid ;
  • les conteneurs Docker ;
  • le stockage ;
  • l’utilisation CPU et RAM ;
  • les alertes et informations importantes.

Par exemple, la carte dédiée à Unraid permet actuellement d’avoir rapidement :

  • l’utilisation CPU ;
  • l’utilisation RAM ;
  • les machines virtuelles ;
  • les conteneurs Docker ;
  • certains disques ;
  • le cache ;
  • les principales informations de stockage.

L’objectif n’est pas forcément d’afficher toutes les informations disponibles dans Home Assistant, mais plutôt celles qui sont réellement utiles au quotidien, avec la possibilité d’accéder ensuite à des vues plus détaillées.

Navigation responsive

Je travaille également sur toute la partie navigation.

Sur ordinateur, la navigation peut être affichée verticalement sur le côté gauche.

Sur mobile, elle passe automatiquement sous forme de barre horizontale en bas de l’écran.

Mais surtout, je ne veux pas que cette navigation soit figée.

L’idée est que chaque utilisateur puisse choisir lui-même quels tableaux de bord ou sous-tableaux Home Assistant apparaissent dans la barre de navigation.

Par exemple :

Dashboard / Vue → Nom → Icône → Ordre → Visibilité

Si l’utilisateur crée plus tard une nouvelle vue Home Assistant, il doit pouvoir simplement l’ajouter à la navigation sans devoir modifier toute la structure du dashboard.

Configuration

J’essaie également de faire en sorte que le dashboard ne soit pas totalement dépendant de mes propres entités.

L’objectif est de pouvoir configurer relativement facilement :

  • les entités ;
  • les capteurs ;
  • les disques ;
  • les serveurs ;
  • les vues ;
  • les éléments de navigation ;
  • les icônes ;
  • les images d’arrière-plan.

J’utilise autant que possible des composants existants de Home Assistant et de HACS, notamment Mushroom, card-mod, navbar-card et différentes cartes complémentaires, tout en construisant autour une présentation et une logique communes.

Ce que j’essaie d’obtenir

À terme, j’aimerais que le dashboard se rapproche davantage d’un véritable centre de contrôle Home Assistant que d’une simple accumulation de cartes Lovelace.

L’idée serait d’avoir une interface commune permettant de gérer à la fois :

La maison

Éclairage, pièces, volets, scènes, capteurs, multimédia, etc.

et

L’infrastructure informatique

PC, Unraid, Proxmox, machines virtuelles, Docker, stockage, services réseau, etc.

Le tout avec une expérience cohérente sur ordinateur, tablette et mobile.

Le projet est encore en cours de développement et beaucoup de choses peuvent encore évoluer.

C’est justement pour cela que j’aimerais avoir l’avis d’autres utilisateurs Home Assistant avant d’aller beaucoup plus loin.

Quelques questions que je me pose :

  • Que pensez-vous de ce type d’interface par rapport aux dashboards Home Assistant plus classiques ?
  • Est-ce que le fait de réunir domotique et infrastructure informatique dans une même interface vous paraît intéressant ?
  • Est-ce qu’un système configurable de cette manière pourrait être utile à d’autres utilisateurs ?
  • Préféreriez-vous une configuration principalement en YAML ou, à terme, une interface graphique pour effectuer la configuration ?
  • Que changeriez-vous dans la navigation ou dans la présentation des cartes ?
  • Est-ce que ce type de projet pourrait vous intéresser s’il était un jour proposé sous une forme réutilisable et configurable ?

Je vais ajouter quelques captures d’écran montrant notamment les vues principales, Salon, PC et Unraid.

Tous les retours sont les bienvenus, qu’il s’agisse de critiques, d’idées, d’améliorations ou de suggestions.

Le projet est encore suffisamment jeune pour pouvoir évoluer fortement en fonction des retours de la communauté.

Carte pièces :

Carte Unraid :




Carte Proxmox :

Tableau de bord :

Exemple de fichier de configuration :

type: custom:auralis-proxmox-card
name: Proxmox Domo
theme: carbon
accent_color: '#50d59b'
card_background:
  mode: gradient
  gradient: 'linear-gradient(145deg, #0D1A17 0%, #090D12 48%, #060A0D 100%)'
show_grid: false
glass_opacity: 0.84
status_entity: binary_sensor.domo_status
cpu_entity: sensor.domo_utilisation_du_processeur
memory_entity: sensor.domo_memory_usage_percentage
memory_label_entity: sensor.domo_utilisation_de_la_memoire
uptime_entity: sensor.domo_uptime
backup_entity: sensor.domo_last_backup
restart_entity: button.domo_redemarrer
shutdown_entity: button.domo_shut_down
storages:
  - name: Système local
    usage_entity: sensor.storage_local_storage_usage_percentage_2
    capacity_entity: sensor.storage_local_total_storage_2
    status_entity: binary_sensor.storage_local_storage_active_2
    show_on_card: true
  - name: Volumes locaux LVM
    usage_entity: sensor.storage_local_lvm_storage_usage_percentage_2
    capacity_entity: sensor.storage_local_lvm_total_storage_2
    status_entity: binary_sensor.storage_local_lvm_storage_active_2
    show_on_card: true
  - name: Stockage share_vm
    usage_entity: sensor.storage_share_vm_storage_usage_percentage_2
    capacity_entity: sensor.storage_share_vm_total_storage_2
    status_entity: binary_sensor.storage_share_vm_storage_active_2
    show_on_card: true
  - name: Sauvegardes Freebox
    usage_entity: sensor.storage_backup_freebox_storage_usage_percentage_2
    capacity_entity: sensor.storage_backup_freebox_total_storage_2
    status_entity: binary_sensor.storage_backup_freebox_storage_active_2
    show_on_card: true
  - name: Sauvegardes Leonard
    usage_entity: sensor.storage_backup_leonard_storage_usage_percentage_2
    capacity_entity: sensor.storage_backup_leonard_total_storage_2
    status_entity: binary_sensor.storage_backup_leonard_storage_active_2
    show_on_card: false
  - name: Données Leonard
    usage_entity: sensor.storage_data_slow_leonard_storage_usage_percentage_2
    capacity_entity: sensor.storage_data_slow_leonard_total_storage_2
    status_entity: binary_sensor.storage_data_slow_leonard_storage_active_2
    show_on_card: false
  - name: VM rapides Leonard
    usage_entity: sensor.storage_vm_fast_leonard_storage_usage_percentage_2
    capacity_entity: sensor.storage_vm_fast_leonard_total_storage_2
    status_entity: binary_sensor.storage_vm_fast_leonard_storage_active_2
    show_on_card: false
  - name: VM intermédiaires Leonard
    usage_entity: sensor.storage_vm_med_leonard_storage_usage_percentage_2
    capacity_entity: sensor.storage_vm_med_leonard_total_storage_2
    status_entity: binary_sensor.storage_vm_med_leonard_storage_active_2
    show_on_card: false
disks: []
vms:
  - name: Home Assistant Production
    entity: sensor.hass_prod_statut
    icon: mdi:home-assistant
    group: Home Assistant
    node: domo
    cpu_entity: sensor.hass_prod_utilisation_du_processeur
    vcpus: 2
    memory: 4 Gio
    storage: 40 Gio
    start_entity: button.hass_prod_demarrer
    stop_entity: button.hass_prod_stopper
    restart_entity: button.hass_prod_redemarrer
    pause_entity: button.hass_prod_pause
    resume_entity: button.hass_prod_demarrer
  - name: Home Assistant Secours
    entity: sensor.hass_spare_statut
    icon: mdi:home-assistant
    group: Home Assistant
    node: domo
    cpu_entity: sensor.hass_spare_utilisation_du_processeur
    vcpus: 2
    memory: 4 Gio
    storage: 40 Gio
    start_entity: button.hass_spare_demarrer
    stop_entity: button.hass_spare_stopper
    restart_entity: button.hass_spare_redemarrer
    pause_entity: button.hass_spare_pause
    resume_entity: button.hass_spare_demarrer
containers:
  - name: Nginx Proxy Manager
    entity: sensor.nginxproxymanager_statut
    icon: mdi:security-network
    group: Infrastructure
    node: domo
    cpu_entity: sensor.nginxproxymanager_utilisation_du_processeur
    vcpus: 1
    memory: 2 Gio
    storage: 10 Gio
    start_entity: button.nginxproxymanager_demarrer
    stop_entity: button.nginxproxymanager_stopper
    restart_entity: button.nginxproxymanager_redemarrer
  - name: SFTPGo
    entity: sensor.sftpgo_statut
    icon: mdi:folder-swap-outline
    group: Stockage et transferts
    node: domo
    cpu_entity: sensor.sftpgo_utilisation_du_processeur
    vcpus: 2
    memory: 2 Gio
    storage: 500 Gio
    start_entity: button.sftpgo_demarrer
    stop_entity: button.sftpgo_stopper
    restart_entity: button.sftpgo_redemarrer
grid_options:
  columns: 12
  rows: 11
background_image: /local/auralis-cards/images/unraid.png

Salut.

remarque rapide sur ce qui m'a sauté aux yeux.
Tu as de quoi piloter le thermostat de ta pièce mais tu ne vois pas la consigne.

Tant qu'à partir sur des cartes custom, autant les rendre générique au maximum plutôt que partir dans autant de config.

Tes disques sont rattachés à des devices, donc ta carte devrait pouvoir tous les afficher juste en lui précisant ces devices ou via des labels.

Je préfère les cartes compactes que nous pouvons faire avec les dashboards HA natifs.

J'ai joué le jeu.

Préfère centraliser les actus, la finance que l'Infra info. Juste besoin de savoir ce qui marche ou pas (et des alertes).

Pas pour moi :man_shrugging:

Interface graphique.

Pas regardé en détail.

Non, cartes trop grosses.

Bonjour,

Merci pour vos retours.

Oui, c’est vrai, les cartes sont un peu grandes.

Elles proposent toutefois deux niveaux d’utilisation :

  • Un premier niveau pour un accès rapide à l’information et aux commandes groupées.
  • Un second niveau pour accéder plus en détail aux différents éléments qui composent les groupes.

Dans tous les cas, je vais relire attentivement vos commentaires et voir ce que je peux encore améliorer.

Merci encore.

Bonne journée.