Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fr:domotique:server_v2 [2026/07/01 09:42] – [Ce qui se faisait] fix img kodein
+++ fr:domotique:server_v2 [2026/07/01 09:46] (Version actuelle) – [Améliorations] fix img kodein
@@ Ligne 87: / Ligne 87: @@
 PaperUI étant une interface d'administration, c'est HABPanel qui est proposée comme interface facile et rapide à mettre en place, pour l'usage de tous les jours.
-L<a href="images/DomoPi/screenshots/habpanel0005.png" rel="lightbox"><img style="float: left; margin: 5px 10px 5px 10px;" src="images/DomoPi/screenshots/habpanel_s_0005.png" width="150" /></a>'écran d'accueil, nommé "panneau" dans les paramètres, est un menu, des boutons seront générés pour chaque "tableau de bord" que l'on va créer.
+{{:domotique:domopi_habpanel0005.png?nolink&200 |}}L'écran d'accueil, nommé "panneau" dans les paramètres, est un menu, des boutons seront générés pour chaque "tableau de bord" que l'on va créer.
 Ces boutons sont redimensionnables et positionnables (dans une certaines mesure vu qu'il "s'empilent" obligatoirement en haut de l'écran) sur une grille dont on va pouvoir régler le nombre de colonnes entre 1 et 6.
-<a href="images/DomoPi/screenshots/habpanel0006.png" rel="lightbox"><img style="float: right; margin: 5px 10px 5px 10px;" src="images/DomoPi/screenshots/habpanel_s_0006.png" width="150" height="308" /></a>Les tableaux de bord sont les écrans dans lesquels on va placer les éléments de l'interface. Le positionnement de ces éléments, nommés widgets dans HABPanel, se fait sur une grille de cases carrées. La grille est divisée en 12 colonnes et autant de ligne que nécessaire pour accueillir les widgets ajoutés, peu importe les dimensions en pixels de votre fenêtre (défilement uniquement vertical). Vous imaginez bien que sur le screenshot à droite, les widgets affichant les valeur font bien plus d'une case de grille. Sur un écran horizontal en 1080P, on verrait probablement au mieux la ligne Salon et le dessus de la ligne Bureau.
+{{ :domotique:domopi_habpanel0006.png?nolink&200|}}Les tableaux de bord sont les écrans dans lesquels on va placer les éléments de l'interface. Le positionnement de ces éléments, nommés widgets dans HABPanel, se fait sur une grille de cases carrées. La grille est divisée en 12 colonnes et autant de ligne que nécessaire pour accueillir les widgets ajoutés, peu importe les dimensions en pixels de votre fenêtre (défilement uniquement vertical). Vous imaginez bien que sur le screenshot à droite, les widgets affichant les valeur font bien plus d'une case de grille. Sur un écran horizontal en 1080P, on verrait probablement au mieux la ligne Salon et le dessus de la ligne Bureau.
 Il est donc quasiment impossible de créer une interface qui soit universelle pour format vertical et horizontal. Heureusement il est possible de sauver de multiples configurations de panneau ! Prévoyez au moins 2 formats : un vertical pour votre téléphone et le second horizontal. Un bon conseil si vous prévoyez d'avoir plusieurs écrans de contrôle dans la maison, choisissez des écrans au même format et à la même résolution, ça vous simplifiera grandement la vie.
@@ Ligne 103: / Ligne 103: @@
 ==== Améliorations ====
-<img style="float: left; margin: 5px 10px 5px 10px;" src="images/DomoPi/screenshots/habpanel_s_0007.png" width="150" height="308" />FIXME Après avoir ajouté un binding pour open weather map et le widget qui va bien, je me suis rendu compte que sa mise en page ne fonctionnait pas bien sur l'écran de mon téléphone. Quelques éditions de code du widget plus tard...
+{{:domotique:domopi_habpanel0007.png?nolink&200 |}} Après avoir ajouté un binding pour open weather map et le widget qui va bien, je me suis rendu compte que sa mise en page ne fonctionnait pas bien sur l'écran de mon téléphone. Quelques éditions de code du widget plus tard...
 L'affichage de l'heure est remplacé par la pression barométrique.

Outils pour utilisateurs

Outils du site

Différences

Outils de la page