Skip to content
G. G. testé !

Personnaliser l'interface de Jeedom: tuiles, disposition, widgets, css, ...

29 avril 2021
G. testé la domotique ! 🏡
Pas encore d'article pour cette vidéo.

Description

Jeedom montre par défaut de gros soucis de finition esthétiques et ergonomiques. Je vous propose d'en corriger quelques uns. A vous de choisir ceux que vous retenez pour votre installation ! Pour les produits domotiques ... Cherchez sur ma chaîne, tout est testé en vidéo :) 🔗 Les liens 🔗 ►Astuces pour la personnalisation de l'interface de Jeedom v4 par kiboost: kiboost.github.io/jeedom_docs/jeedomV4Tips/Interface/fr_FR/ ►Documentation Jeedom: doc.jeedom.com/fr_FR/ 📱 Suivez moi ! 💻 ►Twitter : twitter.com/FollowGuiPoM ►Facebook : facebook.com/GPointTeste 📃 Sommaire 📃 Qui a la plus belle interface Jeedom ? On va aujourd'hui parler d'interface graphique, de rendu graphique et d'ergonomie Je vous parle régulièrement de Home Assistant, que je trouve plus moderne et plus d'actualité. Et plus cohérent ! A côté, Jeedom manque de beaucoup de finitions, même sur des fonctionnalités et plugins officiels Une des plus grosses lacunes reste l'interface, qui manque de modernité et surtout de cohérence Mes conseils sont avant tout pour Jeedom 4.1, mais beaucoup sont applicables sur des versions plus anciennes Attention, on va parler de sujets assez personnels: ce qui me parait joli n'a aucune universalité. A vous de vous faire votre opinion ! La gestion des thèmes: on bascule sur le thème legacy. Moi je le préfère aux tentatives de remise à jour que je trouve un peu ratées ! La personnalisation avancée avec les CSS personnalisés Sur un écran 4K, c'est vide: le mode deux colonnes. Les catégories: Charité bien ordonnée commence par la pierre qui roule qui n'amasse pas mémé dans les orties Ordonner les tuiles par catégorie Les pièces et objets: une logique de progression verticale Homogénéiser l'interface de Jeedom La taille des tuiles La cohérence des commandes au sein d'une tuile La cohérence des commandes, états et modes: icônes ou texte Les alignements: là, il y a du boulot ! Tableau et disposition La logique d'organisation des commandes et icônes On peut aussi aller directement dans les commandes pour personnaliser la disposition ou l'affichage Les widgets: les propositions officielles core Les widgets custom On est arrivé aux limites de Jeedom, et là on ne pourra pas aller plus loin en utilisant les fonctionnalités de base Attention avec les personnalisations avancées, vous pouvez un peu casser votre installation ! Quelques exemples de CSS que j'utilise Comprendre HTML et CSS en quelques minutes? Impossible! mais je vous explique quand même comment procéder, pour le reste il faudra vous documenter. Même avec tous ces efforts, des fois ça sera l'impasse: les plugins mal maintenus L'exemple Netatmo Energie: un exemple à suivre ! La vue synthèse et le résumé par pièces Les vues: je les ai un peu personnalisées C'est énormément de travail: à faire, mais aussi pour réaliser cette vidéo ! ^^ Petite astuce (rappel): protégez vos commandes ! Jetez un coup d'œil à la page github de kiboost et sur le forum communauté. Et il faut expérimenter et se lancer! Bonus: j'ai rendu ma barre de recherche fixe !