Donnez vie à votre Home Assistant avec un dashboard 3D créé avec Floorplan

Подписаться 52 тыс.

Просмотров 36 тыс.

50% 1

Découvrez comment créer un dashboard Home Assistant époustouflant avec Floorplan 3D ! Dans cette vidéo, nous vous montrons comment concevoir et personnaliser votre propre plan d'étage en 3D pour afficher les informations de votre maison connectée. Grâce à ce tutoriel, vous pourrez ajouter des icônes, des images, des graphiques et des boutons pour contrôler facilement vos équipements domotiques. Ne manquez pas cette occasion de donner vie à votre maison intelligente avec un dashboard unique et impressionnant !
Floorplan Home Assistant
▬ 📖 Le chapitre ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
00:32 Installation SweetHome3D
01:31 Utilisation SweetHome 3D
20:41 Traitement Photopea
28:21 Intégration dans HA
▬ 👨💻 Le code ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
www.domometz.fr/donnez-vie-a-...
Aussi aidez vous de la documentation Home Assistant !
www.home-assistant.io/dashboa...
▬ 🔌 Mes appareils ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Ma box Jeedom/HA/Proxmox : amzn.to/3KIFQZl
Sonoff Basic : amzn.to/3Zn1nuF
Mini : amzn.to/3IvjIit
Interrupteurs mural : amzn.to/41q1eZk
Camera Sonoff : amzn.to/3XZPDND
ESP32 NodeMCU amzn.to/41ElM0q
NSPanel : amzn.to/41rQVUF
Fixation tablette domotique : amzn.to/3m7EFIN
Clé zigbee Sonoff : amzn.to/41rRcXH
Sonoff Zigbee : amzn.to/3Zjc8hG

Наука

Опубликовано:

9 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 160

@makernix Год назад

Tu veux que j’aille plus loin dans l’intégration ? Dis le moi en commentaire

@adriengardais8950 Месяц назад

Superbe vidéo, merci encore !

@hoedic56ful 18 дней назад

Bravo pour cette video. Je pense y passer quelques heures. Je vais voir également pour integrer un jardin avec des spots et un portail

@sebbou82 11 месяцев назад

Merci! C'était très complet et j'ai bien réussi à aller au bout grace à ces explications. Juste un détail, j'avais une installation plutôt simple et sans trop de plugins. Il n'existait pas encore le dossier "www". L'ayant créé, il ne fonctionnait pas en tant que "local" mais dans une des pages d'explication de Home Assistant, ils disaient de juste redémarrer HA et qu'il allait faire le lien. Une fois passé cette différence, c'était parfait! Bravo pour la clarté des explications! 😊👌👍

@MrVincentLUX 5 месяцев назад

Même soucis chez moi, je suis venu ici voir les com avant d’aller sur l’aide HA. Merci pour le retour 👍. Sinon même avis, tuto impeccable. 💪

@DecoBois3D 6 месяцев назад

Ca fait 2 jours que je suis sur ton tuto et je m'éclate, c'est trop bien expliqué et quel résultat franchement c'est top !! reste plus qu'à modéliser un support pour la tablette et à l'imprimer en 3D !!! MERCI

@Gwendal.lda_ 7 месяцев назад

Merci pour la vidéo explicative, j'ai pu faire mon joli plan en 3d et découvrir blender pour modéliser quelques meubles ! Je partage une petite astuce pour la partie découpage des calques sur photopea / photoshop qui m'a donné un bien meilleur résultat que en découpant à la main : On peut mettre le calque qu'on veut découper en mode "différence" ce qui ne va garder que les pixels qui sont éclairés et les autres seront noirs, puis faire Selection > Plage de couleur (il faut être sûr d'avoir bien le noir de sélectionnée en couleur primaire avant) On peut régler la tolérence comme on souhaite, plus on va la mettre haute plus ça va prendre de pixels. Perso, 70 c'était pas mal. Ensuite on valide, on supprime toute la sélection que ça nous donne et on repasse le calque en mode "normal". J'ai eu bien moins de problèmes de collision d'ombres entre mes lumières en faisant comme ça !

@54allan54 5 месяцев назад

Un énorme merci ❤

@jeromemuller1394 Год назад

merci encore pour cette video, amelioration continue floorplan avec possibilité de changer la couleur l'image selon la couleur de mes rubans ou lampes 😀

@brodmusic7647 7 месяцев назад

Bonjour, GENIAL je le fait de suite !!! MERCI

@nicolasberg57 4 месяца назад

Encore bravo, un beau boulot, et tu expliques super bien.

@user-kx6ib2ih6e 8 месяцев назад

Géniale ta vidéo merci !

@thierryr9307 5 месяцев назад

Superbe Vidéo ! tu m'as fait gagné un temps fou 🙂

@jeromemuller1394 Год назад

la classe jai passé la soiree a faire ca . Au top reste a le peaufiner.

@NicksStuff 6 месяцев назад

Si Ikea était malins, ils proposeraient une modélisation de tous leurs meubles dans un catalogue dispo dans Sweet Home 3D, à la façon de McMaster-Carr et Fusion 360.

@nicolasberg57 4 месяца назад

Merci, vidéo trés utile

@stiffmaster1701 3 месяца назад

Grand merci

@indianagrenoble38 Год назад

Un ENORME MERCI ❤ grâce à toi j'ai pigé des tas d'astuces !

@makernix Год назад

ça me fait plaisir alors :) Merci.

@indianagrenoble38 Год назад

@@makernix c'est exactement ce que je cherchais ton tuto... en plus tu es un super perdago ;)

@makernix Год назад

Merci :)

@myrmex5438 Год назад

c'est sur que ça nous a plus j'attend avec impatience les suivantes

@makernix Год назад

Super 👍

@alexlesudiste Год назад

Go , pour dautres tutos Ha

@dronesvisionsaeriennes Год назад

Salut Makernix, j'ai mis ta video en favori et je pense la regarder plus d'une fois...cool, tres cool même....je te dirai avant même d'avoir tout visionné d'aller efffectivement plus loin dans la mesure où il y a peu de video en français..; merci Philippe

@makernix Год назад

Hello Merci pour ton commentaire

@anasthase100 Год назад

Merci

@myrmex5438 Год назад

slt tres beau travail c'est super encore et zencore

@makernix Год назад

Encore merci 😆

@alexisdufaucazenave9572 Год назад

Merci pour ce tuto très bien expliqué, je m'y suis mis hier après midi et fini hier en fin de soirée (en effet les création de png sont très longues), je vais maintenant m'attaquer au plan incorporant tout mes capteurs de temperature et actionneurs ^^

@makernix Год назад

Good n’hésite pas à partager sur mon post sur le forum HACF ;)

@indianagrenoble38 Год назад

@@makernix mets nous le lien stp, on te doit bien ça 😊

@Tifusi 5 месяцев назад

- type: state-label entity: sensor.salon_temperature style: top: 20% left: 60% width: 16% Cela m'affiche l'a température du capteur au milieu de la pièce top :)

@vincentfach6942 Месяц назад

Bonjour, superbe tutoriel. J'aurais une petite question, peut t'on changer la couleur d'écriture quand on veut afficher une température car pas très visible sur un fond foncé. Merci

@dm.aydogan 2 месяца назад

Salut, merci pour ce tuto génial ! Cependant j'ai un petit souci : mon plan s'éclaire bien zone par zone quand je clique sur chaque ampoule indépendamment, mais si j'allume 2 ampoules ou plus, seule la 1ere zone de la 1ere ampoule allumée s'illumine. Où est-ce que je me suis planté ?

@franckbravard4424 Год назад

Hello Makernix, Alors là je suis bluffé, c'est magnifique, je vais pouvoir reprendre mon plan 3D que j'avais fait à l'époque pour un autre système domotique😉 par contre le résultat sera pas pour tout de suite, il va me falloir du temps, beaucoup de temps😊 il faut que je digère la vidéo et que mes neurones chauffent 😂 En tout cas bravo pour cette vidéo que je bookmarque car je vais avoir besoin de la regarder plusieurs fois ❤❤❤ Note: le liens vers donnez vie est en erreur 404 😉

@makernix Год назад

Hello I…Franck N’hésite pas si tu as besoin d’aide ;) J’ai mal parametré la publication de l’article… c’est bon maintenant merci

@RageFury 2 месяца назад

Salut! Tout d'abord merci pour ton tutoriel fort appreciable. Je rencontre un problème, je pense que tu as le même dans ta vidéo d'après ce que je vois. Que je clique sur le bouton lumière ou que je clique n'importe où dans la pièce sa allume/eteint quand même la lumière. Y a t'il un moyen que sa soit juste l'icone qui change l'image? merci d'avance

@theattorney6072 Год назад

Super résultat, merci pour la vidéo pas à pas, très utile, même si je ne m'en sens pas encore le courage. Est il possible de mettre autre chose que des lumières (volets roulants, door lock ...) ? Et si on a plusieurs étages ?

@makernix Год назад

Oui il y a possibilité d'ajotuer tout ce que tu veux :) Pour les étages, perso je préfère me faire plusieurs vues et mettre un lien vers les vues

@rssgonzalez Год назад

Super tuto! Merci beaucoup pour ce vidéos m'a énormément aidé a faire mon plan 3D! C'est vraiment très beau. serait intéressant de pouvoir intégrer l'aspirateur robot a ce plan. Merci. 💪

@makernix Год назад

Merci pour ton commentaire :)

@theattorney6072 Год назад

Hello, as tu réussi à intégrer autre chose que des lumières, l'aspi en l'occurrence ?

@rssgonzalez Год назад

@@theattorney6072 Salut. Non je n'ai pas eu encore le temps de faire plus que les lumières mais peut-être la semaine prochaine si c'est le cas je te dirai 😉

@theattorney6072 Год назад

@@rssgonzalez hello, j'ai intégré très simplement l'aspi robot ainsi que la serrure nuki comme suit : - type: state-icon entity: lock.porte style: top: 22% left: 50% - type: state-icon entity: vacuum.s7 style: top: 87% left: 23% C'est pareil pour tout ce qui est firetv /Androitv ou autres entités disponibles.

@rssgonzalez Год назад

@@theattorney6072 Merci pour ton feedback. Oui effectivement ce n'est pas difficile à ajouter des choses sur le plan. Même les capteurs température je les ai ajouté de la même façon.. nous pouvons aussi utiliser du CSS pour donner plus de "vie" et animation au plan, par exemple changement des couleurs des lumières. Je n'ai pas fait car je n'utilise pas des lumières colorées mais il me semblait simple. 😉

@Franck-sp6dq 5 месяцев назад

Bonjour, Etant débutant dans home assistant , j'ai suivis tes super indications (pas sans mal a certains moments) , mais mon plan 3d est en place , mais je me heurte à un problème. Dans la programmation de state-icone , quand je retire le "width" l'icone disparait de ma vue ?? Et si je le laisse, un seul bouton de ma vue est opérationnel

@kamalelbaz2821 Год назад

Super tutoriel merci beaucoup , je compte utiliser un vieux iPad , ma question est comment faire si on veux montrer plus d’un niveau sur le Dashboard ? Par exemple sous-sol,RDC et Étage ?

@makernix Год назад

Merci Le mieux est de faire 1 plan par étage Et au niveau des escaliers tu met une entité avec comme action de naviguer vers l’autre vue Je sais pas si c’est clair 😆

@florentmassard5379 7 месяцев назад

Bonjour Makernix. Merci pour cette vidéo cependant j'ai un beug , je crée mon 1er plan sans lumiere jusqu'ici tout va bien mais quand exemple j'ajoute les lumières de la cuisine et que celui ce forme a la fin mon image est toute noir .... idem quand j'essaie sur d'autres lumières. as tu un idée?

@psikopatte 5 месяцев назад

Change l'horaire met 10h par exemple pour moi ca a fonctionné.

@dronesvisionsaeriennes Год назад

EN-FIN...les pieces s'eclairent en fonction des ampoules sur "on" ou "off"... Salut Makernix, j'ai compris les raisons pour lesquelles cela ne fonctionnait pas sur mon plan.............simplement quand je basculais l'interrupteur "ampoule " sur ON, en fonction du wifi capté ou pas les lampes de mes caméras ne s'éclairaient pas et donc RIEN sur le plan de la maison....pour le moment mes caméras servent de test, je n'ai pas encore d'ampoules connectées ...bref, le yaml était correct ! J'ai visionnée une fois de plus ta video et cela m'a aidé ainsi que notre conversation sur le wifi...j'attends d'ailleurs mon wifi mesh spécial murs épais ( 3 box ) auxquels je vais ajouter mes CPL TP Link.......merci pour tes solutions Philippe

@makernix Год назад

C’est super 👍

@gillesteissere3947 Год назад

Merci pour ta vidéo claire et efficace. J'ai réussi à modéliser mon salon et placer les lumières, tout fonctionne bien. Par contre comment intégrer un flux vidéo comme tu l'as fait sur le coté et comment ajouter une température d'une pièce ? Comme tu l'as remarqué je débute ! Encore merci et bravo.

@makernix Год назад

Hello, voici le code qui le permet pour ma part : - type: image camera_view: live camera_image: camera.dahua_mainstream style: top: 14% left: 89% width: 10% tap_action: action: more-info

@gillesteissere3947 Год назад

@@makernix merci encore

@ericbouillet9359 6 месяцев назад

Bonjour votre vidéo est très clair pour le novice que je suis ! cependant je voudrais avoir plus d'info sur entité ! comment on fait ? car à 1er vue il sont déjà fait sur votre vidéo ! merci du retour

@franckdelorme1932 7 месяцев назад

Bonjour, Super tuto, j'ai pu faire les découpes des images des lumières de mon plan 3D que j'avais fais il y a quelque temps. J'ai vu, que tu avais Jeedom, étant novice, est il possible d'integrer le rendu des eclairages avec les petites icones lumières dans jeedom. Encore Super tuto, bien expliquer pour les neophyte comme moi. ;-)

@Virusman62 5 месяцев назад

bonjour je voudrais savoir ce que je doit installer comme programme pour pouvoir aller dans le google assistant avec l explorateur , je voudrais savoir s il ests possible d installer que le google assistant et pas d autre programmes comme unbutu ou tout autre bien sur.merci d avance , je voudrais bien faire sur mon pc et apres mettre ca sur ma tablette bien sur

@erixerix8292 Год назад

Hello, j'adore, merci beaucoup pour ce tuto super clair 🙂 Par contre, je débute sur Home Assistant et je n'ai pas le répertoire WWW dans le file editor ! Je dois le créer moi même ? Merci pour votre aide ;-)

@makernix Год назад

Hello, Merci pour ton commentaire Cela pourrait être lié aiu type d'installation, je ne peux malheureusement pas t'aider, je t'invite à poser le question sur le forum FR : forum.hacf.fr/

@erixerix8292 Год назад

@@makernix Entendu, merci d'avoir pris le temps de me répondre ;-)

@MartialLefort 6 месяцев назад

Toujours et encore un grand MERCI pour ce tuto, qui es très bien fait et surtout sans erreur. Un seul regret est que l'on n'ait pas la possibilités de donner un peu plus vie ou d'animation à ce plan. Une question, car dans ton tuto , l'on voit un escalier. Cela veut donc dire un étage supplémentaires comment verrais tu un plan avec deux étages ?

@makernix 6 месяцев назад

Une sous vue et sur la première vue un bouton qui envoie vers la vue étage

@MartialLefort 6 месяцев назад

@@makernix excuse moi encore de te déranger mais tu fait comment les sous vue lol?

@makernix 6 месяцев назад

@MartialLefort tu crée une nouvelle vue et tu coche sous vue en bas

@MartialLefort 6 месяцев назад

OK merci et bonne année à toi , et encore un GRAND MERCI pour tes vidéo et surtout le temps que tu y passe

@mathieudelacroix9758 Год назад

Très bonne vidéo une nouvelle fois, merci à toi ! Une question : il me semble que tu as paramétré les spots qui sont dans une mm pièce, un par un, mais est-ce que tu as pu créer un bouton qui permet d'allumer plusieurs spots en même temps dans HA ? Est-ce que tu aurais la solution à ça en terme de code ? Désolé si j'ai zappé cette info qq part ;)

@makernix Год назад

Hello J’ai fait une image pour tout les spot car à l’heure actuelle c’est piloté avec un seul interrupteur

@makernix Год назад

Autrement tu peux créer un groupe de lumières pour allumer plusieurs entités en même temps

@mathieudelacroix9758 Год назад

@@makernix Je te remercie. J'ai finalement créé un groupe de plusieurs entités lumière. Je l'avais pas encore fait, mais c'est tout bon, ça marche ;) J'en profite pour une petite précision qui peut servir je pense... quand on remplace les fichiers .png dans le dossier www, il faut penser à vider le cache et supprimer les données de son navigateur, pour que les modifications soient bien prises en compte... sinon HA et le navigateur gardent les anciennes images en mémoire. J'ai rencontré ce problème.

@indianagrenoble38 Год назад

@Makernix Tu saurais me dire le bout de code pour ajouter un sensor de type Puissance Photovoltaïque en sur-imposition ? - type: state-badge ne fonctionne donc pas... Je suis une quiche en YAML et pas du tout informaticien...

@indianagrenoble38 Год назад

En gros j'ai détourné ton tuto pour éclairé une pièce quand une prise Sonoff S26 pilotée en Automation active un chauffage soufflant sur une consigne de température d'un capteurs Th°/Hygro Bluetooth... le tout asservie à un surplus Photovoltaïque ;)... en gros je fais du routage d'énergie de façon esthétique grace à toi !

@indianagrenoble38 Год назад

en gratant j'ai trouvé !!! - type: state-label entity: sensor.victron_ac_l1 style: top: 50% left: 10%

@makernix Год назад

Heureusement que tu as trouvé car j’en avais aucune idée 🤭

@theattorney6072 Год назад

J'ai fait le plan de la maison et commence à mettre les lumières comme tu le montres. Toutefois, je ne comprend pas comment faire pour s'assurer que les lumières sont éteintes comme tu le préconises avant de créer l'image. Par ailleurs, comment allumer éteindre comme tu le fais lors de la création d'image ? Merci

@theattorney6072 Год назад

C'est bon j'ai compris qu'il fallait les cocher en fait. Merci 😅 pas évident, je sens que le plus dur est a venir ...

@kevinlancelle8583 9 месяцев назад

Salut à toi, merci pour cette vidéo. Je rencontre une difficultés alors que j'ai fais pareil que toi. A 30.45 quand tu met /local/floor.png tu as l'image et moi non :''( Je n'arrive pas à comprendre pourquoi et ce que je dois faire. Aurais tu une piste?

@mouncikhedari 8 месяцев назад

j'étais dans le même cas, donc à la place de mettre le chemin d'accès (local/floor...) j'ai ouvert l'image depuis le dossier floor et j'ai utilisé l'url de l'image. J'espère que cela t'aidera.

@thierryr9307 5 месяцев назад

Attention au Maj / Min dans le nom du fichier ! je me suis fait piéger également

@blkOo 3 месяца назад

@@mouncikhedari merci de l'astuce :)

@theattorney6072 Год назад

Quand tu dis qu'on "prend l'image de chaque pièce ou du moins chaque lumière/chaque entité" cela veut il dire qu'il faut le faire pour chaque lumière, puis chaque groupe de lumières, ou bien peut on juste le faire pour chaque lumière, qui seront par la suite rassemblees dans la suite de la procédure ?

@makernix Год назад

A la fin, l'image va réagir par rapport à l'état de la lumière, donc si tu as un groupe de lumière tu pourra ajouter le bouton pour ce groupe mais l'image de chaque entités

@andysuiza1 4 месяца назад

Salut, superbe vidéo. J'ai réussi à config de A à Z! Par contre je voulais savoir comment verrouiller la possibilité de cliquer par tout sur la maison et avoir l'entité qui s'affiche. Exemple, si je clique n'importe ou, j'ai l'entité "Lampe Chambre" qui apparait :( Par contre si je clique pile sur l'icône, aucun problème. Merci

@kaceby 4 месяца назад

même problème pour moi, tu as trouver une solution ?

@YTBnTeck 3 месяца назад

meme soucis

@andysuiza1 2 месяца назад

@@kaceby non :( mais même sur la video posté, quand tu vois passer la souri cela fait la même chose. @Makernix comment résoudre ce problème ? Merci

@MrD3laz 7 месяцев назад

super boulot et merci :) J'ai juste un petit soucis, tout fonctionne mais si je clique dans le "vide" (pas sur une des icones), il me propose d'allumer mon couloir, n'importe ou sur l'image hors icones. (Je ne sais pas si je suis clair désolé :p)

@makernix 7 месяцев назад

Il faut organiser le doe, en premier les images puis les state-icon

@andysuiza1 4 месяца назад

J'ai le même souci. Organiser le DOE ? Peut-tu détailler cette opération pour corriger ce problème ? Merci@@makernix

@thierryr9307 5 месяцев назад

Hello, super tuto ! un grand merci, je débute sur HA . J'ai juste un problème sur la fin (paramètrage de la carte), j'ai bien mis les éléments que tu décrits dans la vidéo mais rien ne se passe (quand je passe on ou off), voici mon code : type: picture-elements elements: - type: image entity: bureau style: top: 50% left: 50% widht: 100% state_image: 'on': /local/floor/bureau.png 'off': /local/floor/Floorplan.png image: /local/Floor/off.png Ce qui est étonnant, c'est que dans entity, il n'y a pas le dérulement des entités comme dans ta vidéo ... Un grand merci

@theattorney6072 Год назад

J'ai vu sur un autre tuto en anglais que la personne a egalement pris une photo plein jour, genre a midi, afin de faire varier la lumiere du floorplan en fonction de l'heure de la journee et de la lumiere nagurelle ambiante. As tu une idee sur cette integration ? Merci

@makernix Год назад

Oui bah la c'est du taf de faire toutes les heures, puis de configurer avec des template c'est plus la même histoire lol je m'y aventurerais pas encore

@theattorney6072 Год назад

Juste une question stp, est ce que les etapes apres la creation d'image sont a refaire en entier a chaque fois qu'on achete/rajoute des nouvelles lumieres a notre installation ?

@makernix Год назад

Je te conseille de faire tout de suite tes différents éclairage, même s'ils ne sont pas connecté, ça te mermettera d'allumer les pièces une fois que tu les a connecté.

@theattorney6072 Год назад

@@makernix merci c'est ce que j'ai fait 👍

@user-qr6zz1fh6f Год назад

Hello Makernix, Top la vidéo, ça rend super bien. Penses-tu qu'il soit possible de se servir de cette carte 3D pour l'aspirateur (Roborock S5 avec Xiaomi Cloud Map Extractor)? L'idée serait de remplacer la carte xiaomi par défaut par celle en 3D

@makernix Год назад

Merci :) Malheureusement, je ne pourais pas t'aider j'ai pas d'aspirateur robot :(

@indianagrenoble38 Год назад

Techniquement tu peux afficher ta carte générée par le Lidar de robot aspirateur et la pousser comme mentionné par notre humble serviteur😅

@theattorney6072 Год назад

@@indianagrenoble38 Hello, comment fais tu cela ?

@NicksStuff 6 месяцев назад

34:45 Y'a moyen d'ajouter un longPress_action ou quelque chose comme ça pour afficher le dimmer ?

@makernix 6 месяцев назад

Oui avec hold_action: action:

@dronesvisionsaeriennes Год назад

Bonsoir Makernix...j'ai reçu et installé DECO Tp link P9 et créé un 2eme réseau wifi pour HA...mon 2eme réseau est stable puisque j'ai bien mes 5 cameras AI-Thinker qui fonctionnent sans coupure une fois l'interrupteur ( via HA) sur "on "...de même quand je clique sur " on " pour la lumière de la caméra, elle s'allume/ s'éteint aussitôt.. par contre j'ai créé 3 pièces qui doivent s'éclairer quand je bascule leurs interrupteurs sur " on " , cela fonctionne seulement si je fait 1 pièce ( exemple: cuisine ), si j'ajoute dans le code yaml ( ex: salon) en 2eme pièce....seule la 2eme pièce s'active ou s'éteint sur le FloorPlan... j'ai copié le yaml de la 1ere pièce qui fonctionne et collé juste en dessous pour la 2eme pièce...mais quelque chose m'échappe...si tu as une idée ?? Merci Philippe

@makernix Год назад

Hello Tu peux mettre ton code yaml ?

@theattorney6072 Год назад

Après plusieurs jours de tâtonnements, j'ai enfin fini la mise en place des lumières sur photopea, ayant un grand espace avec des parties ouvertes et bcp de lumières, ce n'était pas aussi facile que sur la vidéo. J'espère ne pas avoir recommencer ça trop souvent. 😅. Je me demande aussi comment rajouter la commande de la porte (Nuki) de la TV (fire TV), et de la clim, qui apparaissent sur les images que j'ai créé, et enfin s'il sera possible de rajouter la commande des volets roulants ? Faut il pour cela prevoire quelque chose afin de ne pas avoir a recommencer tout le process ? Merci

@makernix Год назад

Tu peux l'ajouter de la même manière que le reste non ?

@theattorney6072 Год назад

@@makernix je vais essayer, je suis entrain de creuser la question, merci pour tes réponses à mes nombreuses questions.

@theattorney6072 Год назад

@@makernixtu avais raison, j'ai integré très simplement l'aspi robot ainsi que la serrure nuki comme suit : - type: state-icon entity: lock.porte style: top: 22% left: 50% - type: state-icon entity: vacuum.s7 style: top: 87% left: 23% C'est pareil pour tout ce qui est firetv /Androitv ou autres entités disponibles. Pour l'aspi malheureusement on ne peut pas utiliser la carte pour lui indiquer une zone en particulier a aspirer, ce qui est bien dommage et serait l'intégration ultime pour tout possesseur d'aspi robot.

@theattorney6072 Год назад

Pour les volets roulants je ne suis pas encore équipé, mais m'oriente vers les modules shelly pour bientôt. Je souhaiterai pouvoir voir les volets ouverts ou fermés sur le plan si possible. J'espère que tu pourras faire une vidéo là dessus 🙏

@philippevanachter3648 7 месяцев назад

Super , j ai cherché ca depuis assez longtemp , merci pour la superbe video , comme a déjà dit @sebbou82 , il faut crée le fichier www de soit meme et après redemarrer HA pour activer la premiere image . Pour éviter de faire des fautes dans la disposition des données des different parametre , tu pourrais peut etre metre une copie d ´un exemple de configuration dans les commentaire. De toute facon merci pour ton Boulot , Abo est activé

@kristoff9520 3 месяца назад

Cool mais le code n'est plus disponible....et j'ai une galere

@txpstar 8 месяцев назад

Hello super tuto je m'y met tisuite. Je me demande s'il n'y aurait pas bcp plus simple pour fusionner les lumières, sans se prendre la tète avec tous ces découpages et en jouant avec les transparence ccs directement dans l'attribut style. j'essairai de te faire un retour si ca t'intéresses

@makernix 8 месяцев назад

Bien sûr que ça m’intéresse !!

@txpstar 8 месяцев назад

@@makernix Après avoir effectué plusieurs essais (avec et sans découpage) je n'ai pas noté de différence notoire entre les deux versions. Pour ma part sur mon HA j'utilise des images sans découpage. Il m'a simplement fallut ajouter au style de chacune des images (y compris picture-element) un simple opacity: 50% et tout fonctionne correctement.

@user-if5mt4sf4g 9 месяцев назад

Bonjour, MERCI pour ce magnifique et complet tuto. J'ai rencontré quelques difficultés, mais j'ai finalement réussi à le faire. Par contre, il y a une flèche grise/bleue qui tourne constamment en rond au centre du plan. Pourtant tout fonctionne, j'ai cherché, défait, refait etc... Mais rien n'y fait, la flèche est toujours là. Pouvez vous m'aider ? Merci

@makernix 9 месяцев назад

Une flèche grise/bleu ? Tu pourrais faire un post sur HACF avec une photo et m’identifierait

@user-if5mt4sf4g 9 месяцев назад

@@makernix Bonjour, j'ai finalement remis à zéro mon HA (trop d'entités peut être dues à trop de modifications, d'essais etc... Donc retour à zéro...) Merci pour ta réactivité, je te souhaite un bon weekend.

@makernix 9 месяцев назад

Merci à tou aussi

@JabbTanker 7 месяцев назад

@@makernix Bonjour, j'ai le meme soucis. En fait, c'est un loader, le cercle qui tourne pendant le chargement. J'ai pas envie de tout reset pour faire fonctionner. J'ai ce loader qui tourne sans cesse et en plus, mon image découpé n'est pas affiché. J'ai pu mettre le bouton pour actionner l'interrupteur. Si vous avez une idée.

@JabbTanker 7 месяцев назад

J'ai trouvé, en fait c'est un problème d'indentation sur state_image😄

@davidfayrac464 10 месяцев назад

Bonsoir Merci Tuto super J'ai juste un problème, au moment d' importer les images dans home assistant, impossible de trouver le dossier www dans file editor J'ai installé home assistant sur un pc avec hassio Merci pour les lumières que tu pourrais m'apporter

@makernix 10 месяцев назад

Hello Il suffit de le créer

@davidfayrac464 10 месяцев назад

@@makernixsalut merci pour l'info, ça marche nickel plus cas continuer

@lucassaintmarc6543 7 месяцев назад

Excellent. Jai l'application pour ma part bug énormément des scintillement et des fenêtres que je vois en double en triple en superposition cest horrible

@makernix 7 месяцев назад

Faut voir un ophtalmo lol La aucune idée ça m'es jamais arrivé

@MaTyX_on_144hz 7 месяцев назад

Bonjour, serait-il possible de se contacter pour avoir un petit coup de main pour une étape ? Je vous en remercie d'avance.

@makernix 7 месяцев назад

Hello tu peux rejoindre mon Discord discord.gg/nXfhwraA

@victordias6873 10 месяцев назад

Bonjour, Super vidéo, merci pour tout ces tutos. Je me trouve bloquer au niveau de file éditor car je n’ai pas le fichier « www » pourrais t’on m’aider ? 😁

@makernix 10 месяцев назад

Tu est bien dans le dossier config ?

@victordias6873 10 месяцев назад

@@makernix oui j’ai réussi il fallait simplement le créer. Merci d’avoir pris le temps de répondre.

@davidbrasselet406 Год назад

Bonjour Merci pour les vidéos , cela me permet de comprendre un peut Ha par contre je n ai pas d interrupteur pour mes différentes pièces et je n arrive pas a associe une lampe a un interrupteur virtuel donc la je bloque as tu un solutions encore merci a toi

@makernix Год назад

Hello, je ne comprends pas trop la problématique. Tu as des ampoules connectés ?

@davidbrasselet406 Год назад

Bonjour oui j ai bien des ampoules en tuya mais ca ne fonctionne pas ! type: picture-elements elements: - type: image entity: light.ampoule_bureau_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/plans/Transparents/bureau.png 'off': /local/plans/Transparents/transparent.png - type: state-icon entity: light.ampoule_bureau_2 style: top: 77% left: 51% tape_action: action: toggle image: /local/plans/Transparents/eteint.png encore merci a toi

@makernix Год назад

Je vois pourtant pas d’erreurs Qu’est ce qui ne fonctionne pas exactement ? Tu pourrais faire un post sur forum.hacf.fr et me mentionner avec @makernix ce sera plus simple

@davidbrasselet406 Год назад

@@makernix Bonjour ligne tap_action: (sans le "e" ça marche beaucoup mieux ) merci encore pour tes tutos vraiment bien !

@vitorexposto4335 Год назад

Ola consegues fazer 2 planos..... 1 por rc e um outro por 1 andar?

@makernix Год назад

Sim é possivel !

@theattorney6072 Год назад

J'ai fini mon floor plan et mis kiosk mode, par contre j'ai un soucis si quelqu'un peut m'aider svp, lorsequ'on clique sur les icones tout va bien, chaque lumiere s'allume, mais lorsequ'on clique par erreur ailleurs sur le plan on a le menu d'une lumiere qui sort pour choisir l'intensité lumineuse/couleur ... Je ne sais pas comment faire pour que rien ne se produit lorsequ'on touche a une zone de la carte autre Ie les icones de lumieres. Merci

@theattorney6072 Год назад

Il me semble que c'est pareil pour toi, lorsque tu passes la souris sur le plan on voit bien que tu peux cliquer n'importe où sur la carte et cela fera apparaître les détails de la dernière lumière enregistrée dans le Plan. C'est assez embêtant je trouve, car dès qu'on ne vise pas bien l'ampoule d'une lumière on se retrouve avec ce menu qui sort .

@makernix Год назад

Yes il suffit d'ajouter un tap action sur none exemple: - type: image entity: switch.couloir_2 style: top: 50% left: 50% width: 100% state_image: 'on': /local/floor/switch.couloir_2.png 'off': /local/floor/transparent.png tap_action: action: none Je l'ai découvert par la suite

@theattorney6072 Год назад

@@makernix Merci ça marche nickel en effet, j'ai trouvé l'astuce juste avant ton message sur les commentaires d'une autre video en anglais.

@akirasan08 7 месяцев назад

C'est magnifique, mais ça comporte beaucoup trop d'inconvénient pour que j'implémente ça perso. Un réaménagement et tout est à refaire. Le logiciel est horrible à utiliser, ça m'a totalement fait décrocher. Je préfère un plan en 2D bcp plus maintenable... La partie la plus intéressante reste l'intégration HA, très utile :)

@MrNicbeso 3 месяца назад

ça me saoul ,je fais tout mais l image n apparait pas!!!

@Hichiro66 Месяц назад

restart Home Assistant, j'ai eu pareil

@alexlesudiste Год назад

Ça prend du temps tout ça et c’est assez complexe

@makernix Год назад

Cela prend surtout du temps, mais pour ma part c'est un temps a passer une fois et ensuite il suffit d'ajouter des apareils au fur et à mesur de l'installation.

@dekikonsmoque690 9 месяцев назад

domage que nous pouvont pas le faire avec sketchup beaucoup plus simple

@makernix 9 месяцев назад

C’est aussi possible avec sketch up je trouve juste moins facile a prendre en main

@dekikonsmoque690 9 месяцев назад

@@makernix a non moi je te fais des truc de malade avec sketchup

@nourddineessaidi7421 10 месяцев назад

j'ai fais tous les étapes tous ça se pace bien mais j'ai un problème dans la partie de carte image, j'ai crée {/local/floor/off.png} aucun image affichie

@TheNapoleon1790 10 месяцев назад

bonjour, dans image: /local/floor/off.png le off sors d'où ?

@Hichiro66 Месяц назад

Oui je comprend pas non plus, pour moi il a oublié une image

@indianagrenoble38 Год назад

Allez je creuse le sujet... J'aimerais afficher un PGN transparent 50% de mon Chauffe eau en rouge + sa valeur mesurée lorsque Puissance consommée > 50 W par dessus ;), je précise que la Puissance du chauffe eau est mesurée à partir d'un SHELLEY EM avec 2x Tores de Mesure... En gros je ne sais pas quoi mettre ici - type: image entity: sensor.ballon_ec_power style: top: 50% left: 50% width: 100% state_image: 'on': /local/floorv2/LEBRUYANT-1_sdb_bas_chauffe_eau-rouge.png 'off': /local/floorv2/LeBruyant_transparent.png En gros comment afficher déjà au moins la valeur du chauffe eau ?!