# Catalogue des features supportées en MQTT

**URL:** <https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452>\
**Category:** Demandes livrées\
**Created:** [Novembre 2, 2023, 7:52 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452 "2023-11-02T07:52:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 2, 2023, 7:52 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/1 "2023-11-02T07:52:42Z")

</div>

Serait-il judicieux d’avoir dans la doc, accessible depuis l’integration MQTT, un descriptif et / ou une image de ce que chaque fonctionnalité va donner niveau UI sur le dashboard ?

Car si je cherche à afficher un slider, il me faut pour le moment deviner que ça s’appelle un `variateur`, ou bien que c’est dans les lumières, etc…

Si j’avais un visuel du rendu final, ça aiderait au choix de ma fonctionnalité.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 2, 2023, 4:13 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/2 "2023-11-02T16:13:20Z")

</div>

C’est une bonne idée ! Là dessus, je pense à 2 choses:

- Les noms des fonctionnalités MQTT sont à mon sens mal choisi pour certains. Faire une passe sur les traductions serait la première étape ( [https://github.com/GladysAssistant/Gladys/blob/master/front/src/config/i18n/fr.json](https://github.com/GladysAssistant/Gladys/blob/master/front/src/config/i18n/fr.json) )
- Ensuite, faire une petit documentation avec pour chaque fonctionnalité une capture d’écran et un conseil d’utilisation. On pourrait mettre ce lien dans Gladys.

Autre option: Repenser l’écran MQTT pour afficher cette «&nbsp;doc&nbsp;» directement dans l’intégration.

Je pense que pour tout ça vous n’avez pas forcément besoin de mon aide, c’est principalement du contenu à écrire 🙂

@qleg Toi qui fait souvent des PRs pour les traductions, limite si tu veux travailler en concert avec @guim31 sur le sujet !

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 2, 2023, 6:15 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/3 "2023-11-02T18:15:00Z")

</div>

Moi je veux bien me pencher sur ce que vous voulez, mais je ne sais pas utiliser Github (à part pour écrire des Issues) et je ne sais pas utiliser un environnement de développement.

Pour moi, il serait VRAIMENT une meilleure option d’intégrer cette doc dans l’intégration MQTT. Le lambda (dont je fais partie) ne clique que très rarement sur un lien `Documentation` dans une page web.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 3, 2023, 8:08 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/4 "2023-11-03T08:08:17Z")

</div>

> [@guim31](#):
>
> Pour moi, il serait VRAIMENT une meilleure option d’intégrer cette doc dans l’intégration MQTT.

Tu verrais ça comment ?

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 3, 2023, 8:40 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/5 "2023-11-03T08:40:17Z")

</div>

Là comme ça je sèche un peu, mais je veux bien prendre du temps pour y songer et proposer ! 👍

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 3, 2023, 3:48 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/6 "2023-11-03T15:48:00Z")

</div>

Alors j’ai fait très vite fait ce machin, j’avoue que mes compétences m’obligent à du bricolage ^^

L’idée est :  
Sur la page de création d’un device MQTT, il n’y aurait plus le champ de recherche de fonctionnalité, mais seulement le bouton :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/d/d401c73e502799f7b5cfb3308fe7ae58e9097e47.png)

Lorsque l’on clique sur le bouton, s’affiche alors sous le bouton / dans un modal / autre à définir, un encart qui serait surmonté du fameux champ de recherche, ainsi que le «&nbsp;catalogue&nbsp;» des features, qui pourrait être présenté comme ça :

 ![Capture d’écran du 2023-11-03 16-40-21](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/736bf2846874ee344decf29aa21aa6f181edde9d.png)

J’ai pas été hyper exhaustif j’avoue ^^ mais l’idée c’est de voir le nom «&nbsp;générique&nbsp;» de la feature, son rendu sur le dashboard, mais aussi les mots-clés auxquels il est rattaché (à voir si c’est super pertinent de les afficher ou non).

Ainsi quelqu’un qui va commencer à taper temp, va créer un filtre de toutes les features contenant cette chaine, comme dans le fonctionnement actuel, mais verra très rapidement ce qu’il recherche : un capteur de température ? Un variateur ? Un variateur de température de couleur ? un détecteur de tempête ?! 😉

Voilà pour l’idée globale. A vos avis !

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Novembre 3, 2023, 5:00 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/7 "2023-11-03T17:00:26Z")

</div>

Jaime bien l’idée ! De memoire PG disait :  
Les modals je pense que cest a proscrire d’un point de vue utilisateur car pas pratiques.

A voir comment intégrer ce composant catalogue 🙂

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Novembre 3, 2023, 6:34 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/8 "2023-11-03T18:34:00Z")

</div>

c’est vrai que ca a de la gueule !!! 👍

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 3, 2023, 7:49 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/9 "2023-11-03T19:49:21Z")

</div>

Alors ce que je trouverai intéressant, à voir si ça rentre dans les guidelines de Gladys niveau UI, ce serait un système de collapse, pour que ce catalogue s’ouvre en dessous du bouton que l’on vient de cliquer. Je trouve que ça guiderait bien l’utilisateur dans sa démarche de création de device.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 6, 2023, 8:38 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/10 "2023-11-06T08:38:39Z")

</div>

C’est pas mal ! J’aime bien l’idée, après comment ça rendrait la partie «&nbsp;search/sélection&nbsp;» de la fonctionnalité ?

Parce que cette partie aura déjà les fonctionnalité déjà créé. En plus, niveau fonctionnalité possibles dans Gladys, on parle de dizaines de possibilités, donc ça risque de faire énorme cette partie

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Novembre 6, 2023, 6:20 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/11 "2023-11-06T18:20:35Z")

</div>

> [@pierre-gilles](#):
>
> après comment ça rendrait la partie « search/sélection » de la fonctionnalité ?

Je suis pas certain de comprendre ta question.  
En fait dans ma tête c’est un div qui s’afficherait sous le bouton une fois qu’on a cliqué dessus, disons arbitrairement d’une hauteur de 300px, qui serait donc scrollable (et même si je me plante complètement je dirai en «&nbsp;lazy loading&nbsp;» ? c’est comme ça qu’ont dit les trucs qui se chargent au fur et à mesure du scroll?).  
En gros j’imagine que la hauteur de ce cadre devrait permettre d’afficher au moins 1 ligne et demi de fonctionnalités, afin que les gens comprennent qu 'ils peuvent faire défiler.  
Ça permet surtout de pas avoir 85 tuiles qui vont faire déborder la page à l’infini.

Je ne vois pas de moyen plus efficace d’avoir tout d’un coup d’oeil et de garder le côté searchable pour aller directement là où l’on veut.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 3, 2025, 8:03 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/12 "2025-02-03T08:03:56Z")

</div>

Sur ce sujet, j’ai eu un flash hier soir avant de me coucher et je suis allé faire un croquis à la va-vite :

 ![IMG_3187](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/9/1999dc124af201439278e86033eba9dac124df2b.jpeg)

Bon c’est pas très propre mais au moins j’ai noté mon idée 😂

L’idée c’est d’avoir des features qui soient collapse par défaut et qui puissent s’ouvrir pour modification.

L’ajout de nouvelles features est dans un nouvel écran avec la même présentation que ce que tu avais proposé @guim31

Je ferais bien un petit whimsical de tout ça, peut-être en fin de semaine dans mon prochain jour Gladys 🙂

---

<div class="post-metadata">

**Author:** ![cicoub13](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cicoub13/32/4482_2.png) [@cicoub13](https://community.gladysassistant.com/u/cicoub13)\
**Post date:** [Février 3, 2025, 8:41 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/13 "2025-02-03T08:41:52Z")

</div>

J’aime bien. Quand tu cliques sur la fonctionnalité à droite, ça t’ouvre le form de création/d’édition ?

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Février 4, 2025, 8:05 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/14 "2025-02-04T20:05:02Z")

</div>

J’aime bien ! (si j’ai réussi à lire / comprendre haha)

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Février 4, 2025, 8:21 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/15 "2025-02-04T20:21:47Z")

</div>

Ça me semble sympa, à moi aussi.

Est-ce que sur la vue de l’appareil virtuel qui montre toutes les fonctionnalités, il pourrait y avoir des infos (sous forme d’icônes peut-être) qui indique si la fonctionnalité est historisée ou pas, et est un capteur ou pas ?  
Je me dis que ce serait une bonne réponse à :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/e/5/e566d5830cf2424b5dc61c44aa03f4e2c80ffafc.png)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 6, 2025, 7:56 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/16 "2025-02-06T07:56:52Z")

</div>

> [@StephaneB](#):
>
> il pourrait y avoir des infos (sous forme d’icônes peut-être) qui indique si la fonctionnalité est historisée ou pas, et est un capteur ou pas ?

Oui pourquoi pas!

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 6, 2025, 10:55 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/17 "2025-02-06T10:55:03Z")

</div>

Bon, j’ai bien avancé sur le sujet ce matin 🙂

J’ai une première proposition de design à vous présenter: [MQTT Virtual devices view](https://whimsical.com/mqtt-virtual-devices-view-XkaC7WDFXo6nmdYCYe5Eem)

Je détaille ici en quelques captures d’écrans:

## Étape n°1: Liste d’appareils

Liste plus compact, en liste et sans détailler ce qui est déjà dans la vue d’édition.

- Groupée par pièce pour plus de lisibilité et ne pas répéter l’information
- Plus facile à scroller sur mobile. Plus facile de visualiser l’ensemble de ses appareils.
- Plus de bouton pour inverser le tri (qui cherchait par ordre inverse alphabétique?)
- Barre de recherche plus puissante

 ![Screenshot 2025-02-06 at 14.22.46](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/7/17a94e25a55138a0bd3e6f545421912f57ba6c1f.png)

## Étape n°2: Vue édition d’un appareil

- Vue plus compacte, les fonctionnalités sont fermées par défaut.
- Possibilité de voir si un appareil est historisé en un coup d’oeil

 ![Screenshot 2025-02-06 at 14.23.00](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/6/e/6e2e5e4fcb89d88cc659a26e5070ee5b26aacfc5.png)

## Étape n°3: Ajout d’une nouvelle fonctionnalité

Je me suis très largement inspiré de la proposition de @guim31 🙂

- Vue groupée par des catégories pour une recherche plus facile
- Concept expliqué par une petite description
- Affichage du rendu de la fonctionnalité pour que l’utilisateur se projete

 ![Screenshot 2025-02-06 at 14.23.17](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/8/187e8608dd9edc4df423b0f3fa879044157fb28e.png)

## Étape n°4: Édition d’une fonctionnalité

- Vue plus compact.
- Dans certains cas, les champs «&nbsp;inutiles&nbsp;» devraient être masquée ou remplie par défaut (Min/max par exemple, peuvent-être rempli avec des valeurs sensées)

 ![Screenshot 2025-02-06 at 14.23.25](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/0/e/0e4c83692aa3ff9acc8e17b03783b0de0ce1a79a.png)

## Conclusion

C’est un premier jet, je suis preneur de retour 🙂

L’objectif est ensuite d’itérer, et une fois qu’on est tous d’accord, il faudra faire le design mobile, puis la liste de tous les types d’appareils (pour l’étape n°3), et écrire tous les textes.

Enfin, on pourra passer au développement, mais ce n’est que du frontend, rien de très compliqué, le plus dur est vraiment de se mettre d’accord et de créer tout le contenu.

---

<div class="post-metadata">

**Author:** ![mutmut](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mutmut/32/14064_2.png) [@mutmut](https://community.gladysassistant.com/u/mutmut)\
**Post date:** [Février 6, 2025, 5:42 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/18 "2025-02-06T17:42:05Z")

</div>

j’adore 😍  
Avoir un visuel du rendu est vraiment top et le classement par pièces aussi.  
Attention pour les min/max et unités qui peuvent être cachés par défaut mais je les mettrai accessible au besoin avec un drop-down (si c’est comme ça qu’on dit dans le jargon).

Petite question : à quoi correspondent tes 96% et 14% dans ton premier screenshot ?  
Si ça correspond aux batteries des capteurs (ou interrupteurs sur pile) alors ça indique que ce n’est pas un «&nbsp;appareil virtuel&nbsp;» mais un appareil physique (enfin pour moi).  
Par contre les appareils physiques sont uniquement ceux issus de z2m ou je me trompe ?  
Je verrais bien juste les icônes des fonctionnalités si ça ne fait pas trop lourd visuellement (avec juste un éclair pour 2 puissances déclarées ou plus par ex).

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Février 6, 2025, 6:00 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/19 "2025-02-06T18:00:53Z")

</div>

Premier retour rapide : j’aime beaucoup 🤩. Je vais regarder à nouveau plus en détail ce soir…

Juste un premier point : j’ai souvent des appareils dans lesquels je configure plusieurs fonctionnalités du même type. Par exemple un appareil ‹&nbsp;consignes de chauffage&nbsp;› pour lequel j’ai une fonctionnalité’consigne min’, une autre ‹&nbsp;consigne max&nbsp;›, une autre ‹&nbsp;variation de température sur 15 minutes&nbsp;›,… Donc je pense que dans l’écran 2 il faudrait aussi le nom de chaque fonctionnalité.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 7, 2025, 8:05 UTC](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452/20 "2025-02-07T08:05:48Z")

</div>

> [@mutmut](#):
>
> Attention pour les min/max et unités qui peuvent être cachés par défaut mais je les mettrai accessible au besoin avec un drop-down (si c’est comme ça qu’on dit dans le jargon).

Pourquoi pas!

> [@mutmut](#):
>
> Petite question : à quoi correspondent tes 96% et 14% dans ton premier screenshot ?  
> Si ça correspond aux batteries des capteurs (ou interrupteurs sur pile) alors ça indique que ce n’est pas un « appareil virtuel » mais un appareil physique (enfin pour moi).

Oui c’est bien la batterie.

Peut-être que le terme «&nbsp;appareil virtuel&nbsp;» n’est pas très clair. C’est juste un appareil que tu as déclaré manuellement dans Gladys et qu’y est géré hors Gladys via un Node-RED ou un script maison. Mais ça peut très bien être un vrai appareil physique 🙂

> [@mutmut](#):
>
> Par contre les appareils physiques sont uniquement ceux issus de z2m ou je me trompe ?

Oui tu te trompes, on a plein d’intégrations dans Gladys, pas juste Zigbee2mqtt.

> [@StephaneB](#):
>
> Donc je pense que dans l’écran 2 il faudrait aussi le nom de chaque fonctionnalité.

Le nom est bien affiché pourtant 🙂

[Page suivante](https://community.gladysassistant.com/t/catalogue-des-features-supportees-en-mqtt/8452.md?page=2)
