Domoticz : Changer les icônes de ses « switch »

Dans mon installation domotique sur Domoticz, j’ai créé des interrupteurs virtuels ou réels afin de changer l’état de mes périphériques (pour mon système de chauffage notamment).

Afin de différencier les différents périphériques et de les identifier facilement, j’ai décidé d’essayer d’utiliser des icônes (trouvé sur le net… je ne suis pas graphiste comme vous avez sans doute pu vous en apercevoir 😉 ) afin de garantir un WAF élevé (si vous ne savez pas ce qu’est le WAF… allez jeter un coup d’oeil à cet article de blog)

En me baladant sur le net (et surtout sur la doc de domoticz), j’ai vu que l’on pouvait définir ses propres icônes pour ces « switch ».

Pour commencer, il n’est pas possible (à ma connaissance) de définir les icônes d’éléments autres que les SWITCHS de type ON/OFF. D’ailleurs, si vous avez des infos sur comment modifier les icônes des autres types de périphérique, je suis preneur !

Bon allé, rentrons dans le vif du sujet.

Principe utilisé par domoticz

  • Il vous faut ensuite modifier le fichier « switch_icons.txt » qui est présent sur votre serveur. Pour cela, vous devez vous connecter par ssh ou sftp (à l’aide de putty ou de winscp si vous êtes sous windows) puis vous rendre dans le répertoire « www » de « domoticz ».
  • Les images doivent être enregistrées dans le répertoire « www/images » et vous devez avoir 2 images : une pour l’état ON et une pour l’état OFF. Le fichier de chaque image doit être nommé en suivant la forme :

Attention à bien remplacer « Nomimage » par le nom que vous avez spécifié dans le fichier switch_icons.txt.

Autre petit conseil, essayez d’avoir des images avec fond transparent surtout si vous utilisez le mode plan de domoticz… sinon c’est un peu moche quand même :p

Exemple domoticz : icônes personnalisées pour les chauffages (ON-OFF)

Pour ajouter un switch avec des images de radiateur par exemple, il vous faudra donc 2 images (perso j’ai récupéré les images ON-OFF d’imperihome) que vous nommez : « Radiateur48_On.png » et « Radiateur48_Off.png ».

Ensuite, dans le fichier « switch_icons.txt », il faut rajouter :

La première partie représente de nom de fichier, la seconde le nom de l’icône lors de l’édition du switch, et la troisième représente la description que l’on voit en dessous.

Ce qui correspond en fait à une entrée dans le menu d’édition du switch ON/OFF :

Radiateur domoticz

Radiateur

 

Liens vers des banques d’images que vous pourrez utiliser dans domoticz

Bon allé je vous fourni ici quelques liens vers des packs d’icônes que j’ai pu trouver au fil de mes recherches :

 

Et voila ! C’est fini pour aujourd’hui !

Si vous avez des questions, remarques, ou encore précisions à apporter, n’hésitez pas à laisser un commentaire !

4 réflexions au sujet de « Domoticz : Changer les icônes de ses « switch » »

  1. Bennett

    Les informations ici présentes sont relativement pertinentes et intéressantes. J’ai beaucoup aimé, cet article est vraiment bien ficelé et cela nous permet d’y comprendre un peu plus car le sujet est moins évident qu’il n’y semble.
    Valentin Pringuay / Presse-citron.net

    Répondre
    1. Bast' Auteur de l’article

      Merci pour ton commentaire ! :)

      Ça fait plaisir !
      D’après ce que j’ai pu voir … une nouvelle interface est apparue dans la dernière version stable mais je n’ai pas encore eu l’occasion de tester (menu Setup > More Options >Custom Icons). Dès que je m’en sers je ferais une petite mise à jour de cet article !

      En espérant te revoir ici :)

      Bast’

      Répondre
  2. Thomas

    Salut ! Je suis tombé sur ton article depuis la page google plus de impérihome, bonne surprise !
    Comme nous avons un peu tous les mêmes besoins, pourrais tu mettre à disposition des « packs » d’icones ? Cela serait une belle contribution !

    Merci pour ce Tuto en tout cas.

    Thomas

    Répondre
    1. Bast' Auteur de l’article

      Salut Thomas,

      Etant donné mes talents de graphistes … je ne peux pas en fournir des persos :( par contre un point est dédié dans l’article avec les liens vers des packs d’icones mis à disposition sur le net !
      J’espère que cela pourra t’aider quand même !

      A bientôt j’espère !

      Bastien

      Répondre

Répondre à Bennett Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">