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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.ค. 2024
  • 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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 160

  • @makernix
    @makernix  ปีที่แล้ว +14

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

    • @adriengardais8950
      @adriengardais8950 หลายเดือนก่อน

      Superbe vidéo, merci encore !

  • @hoedic56ful
    @hoedic56ful 12 วันที่ผ่านมา

    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
    @sebbou82 10 หลายเดือนก่อน +7

    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
      @MrVincentLUX 5 หลายเดือนก่อน +2

      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
    @DecoBois3D 6 หลายเดือนก่อน +1

    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_
    @Gwendal.lda_ 7 หลายเดือนก่อน +2

    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 !

  • @brodmusic7647
    @brodmusic7647 7 หลายเดือนก่อน +1

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

  • @54allan54
    @54allan54 5 หลายเดือนก่อน

    Un énorme merci ❤

  • @nicolasberg57
    @nicolasberg57 3 หลายเดือนก่อน

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

  • @jeromemuller1394
    @jeromemuller1394 ปีที่แล้ว +1

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

  • @jeromemuller1394
    @jeromemuller1394 ปีที่แล้ว +1

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

  • @user-kx6ib2ih6e
    @user-kx6ib2ih6e 7 หลายเดือนก่อน +1

    Géniale ta vidéo merci !

  • @nicolasberg57
    @nicolasberg57 3 หลายเดือนก่อน +1

    Merci, vidéo trés utile

  • @thierryr9307
    @thierryr9307 5 หลายเดือนก่อน

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

  • @indianagrenoble38
    @indianagrenoble38 ปีที่แล้ว +1

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

    • @makernix
      @makernix  ปีที่แล้ว +1

      ça me fait plaisir alors :) Merci.

    • @indianagrenoble38
      @indianagrenoble38 ปีที่แล้ว

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

    • @makernix
      @makernix  ปีที่แล้ว

      Merci :)

  • @stiffmaster1701
    @stiffmaster1701 3 หลายเดือนก่อน

    Grand merci

  • @NicksStuff
    @NicksStuff 6 หลายเดือนก่อน +3

    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.

  • @alexisdufaucazenave9572
    @alexisdufaucazenave9572 ปีที่แล้ว +1

    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
      @makernix  ปีที่แล้ว

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

    • @indianagrenoble38
      @indianagrenoble38 ปีที่แล้ว

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

    • @Tifusi
      @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 :)

  • @anasthase100
    @anasthase100 ปีที่แล้ว +1

    Merci

  • @myrmex5438
    @myrmex5438 ปีที่แล้ว +1

    slt tres beau travail c'est super encore et zencore

    • @makernix
      @makernix  ปีที่แล้ว

      Encore merci 😆

  • @myrmex5438
    @myrmex5438 ปีที่แล้ว +2

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

    • @makernix
      @makernix  ปีที่แล้ว

      Super 👍

    • @alexlesudiste
      @alexlesudiste ปีที่แล้ว

      Go , pour dautres tutos Ha

  • @dronesvisionsaeriennes
    @dronesvisionsaeriennes ปีที่แล้ว +2

    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
      @makernix  ปีที่แล้ว

      Hello
      Merci pour ton commentaire

  • @franckbravard4424
    @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
      @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

  • @rssgonzalez
    @rssgonzalez ปีที่แล้ว +1

    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
      @makernix  ปีที่แล้ว +1

      Merci pour ton commentaire :)

    • @theattorney6072
      @theattorney6072 ปีที่แล้ว

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

    • @rssgonzalez
      @rssgonzalez ปีที่แล้ว +1

      @@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
      @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
      @rssgonzalez ปีที่แล้ว +1

      @@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. 😉

  • @franckdelorme1932
    @franckdelorme1932 6 หลายเดือนก่อน

    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. ;-)

  • @theattorney6072
    @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
      @makernix  ปีที่แล้ว +1

      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

  • @dm.aydogan
    @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é ?

  • @RageFury
    @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

  • @gillesteissere3947
    @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
      @makernix  ปีที่แล้ว +1

      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
      @gillesteissere3947 ปีที่แล้ว

      @@makernix merci encore

  • @kamalelbaz2821
    @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
      @makernix  ปีที่แล้ว +1

      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 😆

  • @vincentfach6942
    @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

  • @MartialLefort
    @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
      @makernix  6 หลายเดือนก่อน

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

    • @MartialLefort
      @MartialLefort 6 หลายเดือนก่อน

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

    • @makernix
      @makernix  6 หลายเดือนก่อน

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

    • @MartialLefort
      @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

  • @Franck-sp6dq
    @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

  • @erixerix8292
    @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
      @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
      @erixerix8292 ปีที่แล้ว

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

  • @ericbouillet9359
    @ericbouillet9359 5 หลายเดือนก่อน

    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

  • @dronesvisionsaeriennes
    @dronesvisionsaeriennes ปีที่แล้ว +1

    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
      @makernix  ปีที่แล้ว

      C’est super 👍

  • @mathieudelacroix9758
    @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
      @makernix  ปีที่แล้ว +1

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

    • @makernix
      @makernix  ปีที่แล้ว +1

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

    • @mathieudelacroix9758
      @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.

  • @user-qr6zz1fh6f
    @user-qr6zz1fh6f ปีที่แล้ว +1

    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
      @makernix  ปีที่แล้ว

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

    • @indianagrenoble38
      @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
      @theattorney6072 ปีที่แล้ว

      ​@@indianagrenoble38 Hello, comment fais tu cela ?

  • @florentmassard5379
    @florentmassard5379 6 หลายเดือนก่อน +1

    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
      @psikopatte 5 หลายเดือนก่อน

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

  • @Virusman62
    @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

  • @theattorney6072
    @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
      @makernix  ปีที่แล้ว +1

      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

  • @theattorney6072
    @theattorney6072 ปีที่แล้ว +1

    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
      @theattorney6072 ปีที่แล้ว +1

      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 ...

  • @MrD3laz
    @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
      @makernix  6 หลายเดือนก่อน

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

    • @andysuiza1
      @andysuiza1 3 หลายเดือนก่อน

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

  • @txpstar
    @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
      @makernix  8 หลายเดือนก่อน

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

    • @txpstar
      @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.

  • @andysuiza1
    @andysuiza1 3 หลายเดือนก่อน +1

    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
      @kaceby 3 หลายเดือนก่อน +1

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

    • @YTBnTeck
      @YTBnTeck 3 หลายเดือนก่อน +1

      meme soucis

    • @andysuiza1
      @andysuiza1 2 หลายเดือนก่อน +1

      @@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

  • @theattorney6072
    @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
      @makernix  ปีที่แล้ว +1

      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
      @theattorney6072 ปีที่แล้ว

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

  • @thierryr9307
    @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
    @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
      @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
    @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
      @makernix  ปีที่แล้ว +1

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

    • @theattorney6072
      @theattorney6072 ปีที่แล้ว

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

    • @theattorney6072
      @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
      @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 🙏

  • @user-if5mt4sf4g
    @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
      @makernix  9 หลายเดือนก่อน

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

    • @user-if5mt4sf4g
      @user-if5mt4sf4g 9 หลายเดือนก่อน +1

      @@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
      @makernix  9 หลายเดือนก่อน

      Merci à tou aussi

    • @JabbTanker
      @JabbTanker 7 หลายเดือนก่อน +1

      @@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
      @JabbTanker 7 หลายเดือนก่อน

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

  • @kevinlancelle8583
    @kevinlancelle8583 9 หลายเดือนก่อน +1

    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
      @mouncikhedari 8 หลายเดือนก่อน +1

      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
      @thierryr9307 5 หลายเดือนก่อน +1

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

    • @blkOo
      @blkOo 2 หลายเดือนก่อน

      @@mouncikhedari merci de l'astuce :)

  • @indianagrenoble38
    @indianagrenoble38 ปีที่แล้ว +1

    @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
      @indianagrenoble38 ปีที่แล้ว +1

      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
      @indianagrenoble38 ปีที่แล้ว

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

    • @makernix
      @makernix  ปีที่แล้ว +1

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

  • @philippevanachter3648
    @philippevanachter3648 6 หลายเดือนก่อน +1

    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é

  • @NicksStuff
    @NicksStuff 6 หลายเดือนก่อน

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

    • @makernix
      @makernix  6 หลายเดือนก่อน

      Oui avec
      hold_action:
      action:

  • @dronesvisionsaeriennes
    @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
      @makernix  ปีที่แล้ว

      Hello
      Tu peux mettre ton code yaml ?

  • @victordias6873
    @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
      @makernix  10 หลายเดือนก่อน

      Tu est bien dans le dossier config ?

    • @victordias6873
      @victordias6873 10 หลายเดือนก่อน

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

  • @davidfayrac464
    @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
      @makernix  10 หลายเดือนก่อน +1

      Hello
      Il suffit de le créer

    • @davidfayrac464
      @davidfayrac464 9 หลายเดือนก่อน

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

  • @davidbrasselet406
    @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
      @makernix  ปีที่แล้ว

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

    • @davidbrasselet406
      @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
      @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
      @davidbrasselet406 ปีที่แล้ว

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

  • @MaTyX_on_144hz
    @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
      @makernix  7 หลายเดือนก่อน

      Hello tu peux rejoindre mon Discord
      discord.gg/nXfhwraA

  • @vitorexposto4335
    @vitorexposto4335 ปีที่แล้ว

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

    • @makernix
      @makernix  ปีที่แล้ว

      Sim é possivel !

  • @kristoff9520
    @kristoff9520 2 หลายเดือนก่อน

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

  • @lucassaintmarc6543
    @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
      @makernix  6 หลายเดือนก่อน

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

  • @theattorney6072
    @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
      @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
      @makernix  ปีที่แล้ว +2

      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
      @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
    @akirasan08 6 หลายเดือนก่อน +1

    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
    @MrNicbeso 2 หลายเดือนก่อน

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

    • @Hichiro66
      @Hichiro66 หลายเดือนก่อน

      restart Home Assistant, j'ai eu pareil

  • @dekikonsmoque690
    @dekikonsmoque690 9 หลายเดือนก่อน

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

    • @makernix
      @makernix  9 หลายเดือนก่อน

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

    • @dekikonsmoque690
      @dekikonsmoque690 9 หลายเดือนก่อน

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

  • @alexlesudiste
    @alexlesudiste ปีที่แล้ว

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

    • @makernix
      @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.

  • @nourddineessaidi7421
    @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
    @TheNapoleon1790 10 หลายเดือนก่อน +2

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

    • @Hichiro66
      @Hichiro66 หลายเดือนก่อน

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

  • @indianagrenoble38
    @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 ?!