Accueil » Domotique » Jeedom » Guides Jeedom » Design Jeedom : Comment mettre en place une interface tablette tactile belle et fonctionnelle » Page 2
Guides Jeedom

Design Jeedom : Comment mettre en place une interface tablette tactile belle et fonctionnelle

Maintenant que nous avons vu comment modifier les widgets pour rendre le dashboard de la box domotique Jeedom plus conviviale, poussons le développement de l'apparence du système  dans l'utilisation ultime de la domotique.

Ajouter et mettre en forme un équipement sur le design Jeedom

1 Ajoutons à present un équipement sur le design. Pour cela rendez-vous dans Ajouter un équipement.

jeedom-design-ajout-equipement

2 Cherchez votre équipement dans les différents objets de la box domotique.

choix-equipement-design-jeedom

3 A première vue, l’équipement ne ressemble pas au résultat attendu. Il va falloir apporter quelques paramètres pour cela.

equipement-defaut-jeedom-design

4 Pour cela éditez l’équipement via configuration avancée.

configuration-equipement-jeedom-design

5 Dans configuration avancée, éditez les commandes inutiles via la roue crantée.

edition-equipement-jeedom-design

13 Par exemple pour cette commande que je ne veux pas voir sur mon design, je décoche l’option visible et j’enregistre. Procédez de même pour les autres commandes inutiles.

masqier-commande-design-jeedom

14 Afin d’effacer le nom de l’équipement et son fond, décochez afficher le nom et couleur de fond, puis cochez transparent dans l’onglet Affichage sur la vue Design. Enregistrez et revenez sous votre design.

couleur-edition-design-jeedom

15 Résultat :

widget-design-jeedom-final

Ajouter une information température sur le plan Jeedom

1 Pour ajouter une information comme une température, ajoutez un équipement et pointez vers votre température.

ajout-temperature-jeedom-design

2 A l’insertion c’est de nouveau pas très joli. Nous allons, là aussi faire un peu de paramètrage.

temperature-design-jeedom-avant-edition

3 Rendez-vous dans les paramètres d’affichage : décochez nom et appliquez un fond transparent.

configuration-temeprature-fond-jeedom

4 éditez ensuite la commande température via la roue crantée.

edition-commande-temerature-design-jeedom

5 Rendez-vous dans l’onglet affichage et choisissez le widget tile puis décochez afficher le nom.

edition-temperature-comande-jeedom

6 Sauvegardez vos modifications et voilà le résultat !

resultat-final-design-jeedom

Conclusion

Continuez ainsi en important toutes vos commandes sur votre design et procédez de même sur les autres pages. Pensez bien à éditer le menu de chaque pages pour confirmer les ID et procédez à des vérifications régulières sur l’écran de la tablette. Voilà, vous savez à présent comment mettre en oeuvre un design Jeedom qui à de la gueule de la réalisation graphique à la mise en oeuvre. A vous de jouer les amis !



Restez connecté aux nouveautés domotiques, inscrivez-vous à notre newsletter

A propos de cet auteur

Aurélien Brunet

Chef de projet informatique, anciennement informaticien spécialisé dans l'IT industrielle, le réseau et les bases de données. Un peu geek à mes heures perdues, je me suis mis à la domotique en 2012 pour sécuriser mon domicile.
Depuis, je test, j’installe, je code, j’améliore mon installation et surtout, je partage avec vous mon expertise via ce blog pour améliorer votre quotidien dans la maison connectée !

Ajouter et mettre en forme un équipement sur le design Jeedom

1

Ajouter une information température sur le plan Jeedom

1

Conclusion

Continuez ainsi en important toutes vos commandes sur votre design et procédez de même sur les autres pages. Pensez bien

  • Ajouter et mettre en forme un équipement sur le design Jeedom
  • Ajouter une information température sur le plan Jeedom
  • Conclusion