Bonjour,
J'ai déjà publié dans ce sujet une première version de mon Dashboard mais en créant ce sujet spécifique je pourrai le mettre à jour au fur et à mesure de son avancée.
Il y 4 zones de pièces car la maison est grande avec un nombre d'équipements important ; ceci rend difficile la création d'un Dashboard ergonomique.
L'affichage est responsive web Design et affiché aussi bien sur un écran tactile 23", un iPad et les smartphones. Pour les smartphones, les colonnes d'une vue s'empilent verticalement.
[modifications du 23-05-25]
J'ai utilisé des fenêtres pop-up afin d'alléger la barre de navigation située au-dessus de l'écran et lapage d'accueil
J'ai remplacé la quasi totalité des cartes mushroom par les cartes tuiles intégrées à HA.
Page d'accueil
![[Image: rzx7.png]](https://zupimages.net/up/25/21/rzx7.png)
Fenêtres pop-up
![[Image: m30w.png]](https://zupimages.net/up/25/21/m30w.png)
Une action maintenue sur le bouton ... clavier alarme :
![[Image: vxob.jpg]](https://zupimages.net/up/25/21/vxob.jpg)
Concernant la navigation vers les pièces, il y a deux possibilités :
1) Sélectionner une zone pour afficher toutes les pièce de la zone.
2) Sélectionner une pièce pour afficher uniquement les éléments de la pièce et éviter ainsi le scrolling en utilisation smartphone (je ne poste ici que les copies d'écran des zones, sachant chaque colonne d'une zone est également une pièce en sous-vue).
![[Image: 1vff.jpg]](https://zupimages.net/up/25/06/1vff.jpg)
Pièces de vie
![[Image: udgk.png]](https://zupimages.net/up/25/21/udgk.png)
RDC Nord
![[Image: rb7g.png]](https://zupimages.net/up/25/21/rb7g.png)
Suite Parentale
![[Image: sifr.png]](https://zupimages.net/up/25/21/sifr.png)
Etage
![[Image: 201f.jpg]](https://zupimages.net/up/25/21/201f.jpg)
Terrasse
J'ai déjà publié dans ce sujet une première version de mon Dashboard mais en créant ce sujet spécifique je pourrai le mettre à jour au fur et à mesure de son avancée.
Il y 4 zones de pièces car la maison est grande avec un nombre d'équipements important ; ceci rend difficile la création d'un Dashboard ergonomique.
L'affichage est responsive web Design et affiché aussi bien sur un écran tactile 23", un iPad et les smartphones. Pour les smartphones, les colonnes d'une vue s'empilent verticalement.
[modifications du 23-05-25]
J'ai utilisé des fenêtres pop-up afin d'alléger la barre de navigation située au-dessus de l'écran et lapage d'accueil
J'ai remplacé la quasi totalité des cartes mushroom par les cartes tuiles intégrées à HA.
Page d'accueil
![[Image: rzx7.png]](https://zupimages.net/up/25/21/rzx7.png)
Fenêtres pop-up
![[Image: m30w.png]](https://zupimages.net/up/25/21/m30w.png)
Une action maintenue sur le bouton ... clavier alarme :
![[Image: vxob.jpg]](https://zupimages.net/up/25/21/vxob.jpg)
Concernant la navigation vers les pièces, il y a deux possibilités :
1) Sélectionner une zone pour afficher toutes les pièce de la zone.
2) Sélectionner une pièce pour afficher uniquement les éléments de la pièce et éviter ainsi le scrolling en utilisation smartphone (je ne poste ici que les copies d'écran des zones, sachant chaque colonne d'une zone est également une pièce en sous-vue).
![[Image: 1vff.jpg]](https://zupimages.net/up/25/06/1vff.jpg)
Pièces de vie
![[Image: udgk.png]](https://zupimages.net/up/25/21/udgk.png)
RDC Nord
![[Image: rb7g.png]](https://zupimages.net/up/25/21/rb7g.png)
Suite Parentale
![[Image: sifr.png]](https://zupimages.net/up/25/21/sifr.png)
Etage
![[Image: 201f.jpg]](https://zupimages.net/up/25/21/201f.jpg)
Terrasse
![[Image: inke.png]](https://zupimages.net/up/25/21/inke.png)