Use your Floor Plan to Control your Smart Home | Home Automation | HA-Floorplan
ฝัง
- เผยแพร่เมื่อ 16 ต.ค. 2024
- The map of my "basement" was drawn by RobA. He does amazing Fantasy maps. You can check out his work here - www.cartocopia....
www.DrZzs.com
Blog post on the website has a transcript of the video with all the links. But here's the most important stuff -
Github for HA-Floorplan files and instructions:
github.com/pko...
lines to add to .yaml files:
First, in your configuration.yaml, add:
frontend:
extra_html_url:
/local/custom_ui/state-card-floorplan.html
panel_custom:
name: floorplan
sidebar_title: Floorplan
sidebar_icon: mdi:home
url_path: floorplan
config: !include floorplan.yaml
If you already have some binary_sensors, then add one more like this:
binary_sensor:
platform: mqtt
state_topic: dummy/floorplan/sensor
name: Floorplan
Add this to your customize.yaml or to the customize section of your config.yaml
customize:
binary_sensor.floorplan:
custom_ui_state_card: state-card-floorplan
config: !include floorplan.yaml
Add this to your groups.yaml or to the group section of your config.yaml
group:
zones:
name: Zones
entities:
binary_sensor.floorplan
Forum for all things HA-Floorplan:
community.home...
Share Your HA-Floorplan posts:
community.home...
Thanks for this excellent tutorial ! Luckily for my apartment, I directly had the SVG file (embedded in a PDF) so it was super easy to place my devices !
So far I have a xiaomi vacuum cleaner, a desk lamp and a Sonos speaker fully recognized. I'm very surprised how powerfull home assistant is !
Great presentation! Make the thing which is kind of complex very simple and clear! Good job!
If you use the app magicplan, you can export your plan as .svg file and implement it into inscape. Then you can work directly on that plan and don't have to mess around with rectangles.. Saves alot of time
I've used this software before and it's definitely the easy way to create your floor plan with your phone or tablet. Basically does it for you.
Your tutorials are absolutely incredible. I am embarking on setting up Home Assistant and your hand Holding makes it much less intimidating.
Holy sh... These 3d and animated floorplans
i know! Crazy cool!
I've got sweethome3d already. Need to spend some time with that one.
Hi Dr.
I installed the Floorplan following the step by step. The configuration did not give an error. Restart HomeAssistan. A new category appeared in the sidebar. But nothing else. Neither the map nor the card appeared on the frontend. What I can be doing wrong? Thank you
PERFECT! I learned so much from all the videos! THANKS
Great! Glad to hear it!
I’ll keep making them
Thanks for this. I'd been thinking about floorplan for a while but it seemed so daunting. You've made it really easy! I highly suggest the free sweethome 3d package as a super easy way to make 2d or 3d designs though.
Awesome!
That's what I was hoping to do; take something that looks too hard to do and make it do-able by us mere mortals.
Glad you got it working! I need to draw my floorplan in sweethome.
hi
i did everything, but it give this
Component error: customize - Integration 'customize' not found.
Component error: zones - Integration 'zones' not found.
finally! great job and keep on coming!
Thanks!
Will do!
I did everything by your book and when I click check config (Integration not found: extra_html_url) why is that?>
Thank for all your videos DrZzs. Propably not the smartest question, im trying to do Floorplan custom state card, but at the end im not sure what to add to my UI to show the floor plan, suppose it will appear automatically? Not my case.
Thanks to your videos and some googling, I have a pretty decent floorplan and a better understanding of home assistant. THANKS!
Great demo and I have most of my floorplan working. My icons are functional in that they turn lights on and off, but I can't get them to change color based on state. I copied your .css file and identified the groups exactly as your demo. Any idea where I should look to resolve this? The icons I pulled down off of noun-project but I believe you did as well. I would paste some code but this doesn't look like the correct forum for that.
HI i followed the steps but i installed the plugin in the lovelace cant displayed the floorplan have a solution ? thanks
Can you acutally demo your setup? would like to see it before I would like to install it. Thanks
Nice work. One thing I'm not sure is if I have 3 lights connected to one light switch and I want to click any of the lights to turn them all on how do I assign a id to each light?
It's SVG (vector graphics), so size shouldn't matter?
@Drzzs I followed your tutorial and it works. the only issue I have is that icons on the floorplan are much less responsive for taps compared to clicks via desktop browser. any idea what am I missing?
It's possible instruction how to made now again floorplan ?
I'm not getting the demo floorplan in a group, only the large size from the left side.
I have put the zone code inside the groups.yaml (did not work ) moved it to my configuration.yaml and I still get the same result. Your thoughts?
Bro amazing , i wait fot this since a week
Howdy friend!
I think there's a lot of people that have been waiting for someone to explain HA-floorplan setup. Hopefully this is good enough to get you started!
DrZzs bro keep working, you are better than bruh , you understand the people very well, explain like any other people, simple amazing.
Thanks man!
Bro What do you think about home assistant cloud?
I like it.
It certainly makes using Amazon Echo and Google Home super easy. And the Devs do enough work for free, I don't mind paying them. I doubt much, if any of the money they eventually will collect from the cloud will actually go to any of them. I assume in order to have the "cloud" function they have to pay for servers.
So I'm a fan. It would be nice if there was a free option because I would guess some folks won't want to use it because of the cost. For me it's worth $5 a month. I pay a lot more for cable tv and don't use that nearly as much as I use Alexa to control stuff.
Are you using it now? or debating whether to use it or not?
Thanks for the amazing content. your work has been very helpful
Ho, any example how to configure floorplan.yaml to support roller shutters?
Great video. Many thanks for the comprehensive explanation. I reckon even I can take it from here!
Awesome! Then it was a success!
Good Luck!
I have recently performed the whole procedure but I do not see floorplan in the fronted. I see it only as a panel ... is it possible to configure it with a lovelace edit from the fronted to see it there too?
I have the same issue - did you have any joy in figuring how to add to Lovelace?
This is a great video. Just started with HA and your channel is really helpful :) Although the video was really explanatory, I still have 2 questions I hope you would be able to answer:
1. Is there a way to stop the more info window opening, when I click on the small map in Home section?
2. Do you also have a problem that the small map keeps multiplying after you open any of the other panels?
Thanks.
The small map re-appearing is happening to everyone right now unfortunately. I expect there will be some update hopefully soon that will fix that. For now if you refresh your HA page it will go back to having only one mini map.
There is an option, I believe in the floorplan.yaml at the top to turn off the more info window. I think you have to uncomment the line that says "hide_app_toolbar". Make sure the spacing stays lined up. Save the floorplan.yaml after you change it then run the Config checker in HA to make sure it checks out before you restart. If the config checker fails you probably need to adjust the spaces in front of that line you uncommented.
I hope that's the option. I can't exactly remember. Let me know if it works or not.
Thank you for your replay!
It worked but unfortunately that was not what is was looking for. I was trying to understand if there is a way to make the boolean window not open what I click on the small map in the overview screen. Now that I think, I am not sure if it is possible, as it happens for all the objects when you click on them.
I'm pretty sure I did something to make that big menu not pop up. I'll have to mess with my setup and see if I can remember what I did.
There's a way (I think...)
I am sorry, but you still don't understand what I mean ;). I am thinking about the small map in the overview tab, not the custom panel. When I click on it there, turns on the light, but at the same time it opens html "ha-more-info-dialog" which annoys me. I was wondering if I could get that not to show up ;)
I know what you're trying to get rid of, and I thought I had a way to do it but I can't remember now what I did...
Still looking for the solution.
Could I ask you to clear up something for me? When you say add to customize.yaml or config.yaml, do you mean configuration.yaml or is it a new file called config.yaml?
Great video.. When you have a chance, take a look at node red for HA automation.. It integrates nicely into HA and looks like it will make automation much easier
you reading my mind???
that's next week's video!
working on editing right now :)
Hi there, another excellent Video - got the floorplan working - changes state of switch - but does not change colour of icon. Tried both stroke & fill - nothing ! Any ideas please ?
could you do an updated version of this with lovelace ? or is it just not worth it and maybe i should just use the picture card ?
use the picture cards. I did a video about using Sweethome 3d to make a floor plan to use with Lovelace. Somethings have probably changed in the picture elements card since then. th-cam.com/video/ObfRzMIEJPg/w-d-xo.html
th-cam.com/video/HBXIOj5ndo4/w-d-xo.html
DrZzs, did you succeed to create a sag text with Inkscape that shows the value from an sensor and do you know how to allow the floor plan on a iPad or a phone?
I haven't gone back to try the text again. If you're looking for help with that part try the HA-Floorplan post in the HA forums.
community.home-assistant.io/t/floorplan-for-home-assistant/17394
I access the floorplan on my phone through the HA app. If you want to go straight to the floorplan, you can bookmark (your.ha.ip:8123/floorplan)
Hope that helps!
HI Dr ZZS. Really appreciate your vidoes and I am breeding sonoff switches!! I've just taken delivery (from Banggood) of two EJlink WP-1 External Waterproof Wifi Smart power sockets. When I opened the pack the instructions say that they are ewlink compatible, so they may be sonoff-like and therefore "tasmotable". I've had a look inside but cannot seen obvious PCB holes or pins. This may be useful investigation project for the list - especially with Christmas approaching and the need for all those outside lights!!
send me a link and I'll check them out.
If they run ewelink they'll probably run tasmota. Would probably have to tap directly onto the chip for pin connections. I'll probably fry it trying to solder, but might try anyway.
Dear Dr ZZs. Thanks for the reply. I bought my EJLink extrernal sockets from Bangood. (www.banggood.com/EJLink-WP-1-EUUKUSAUUniversal-10A-2500W-IP55-Waterproof-WIFI-Wireless-Smart-Remote-Control-Socke-p-1244264.html?rmmds=search-left-hotproducts__4&cur_warehouse=CN).
I've now installed one of them and confirm that that they are manageable through the eWeLink and look just like Sonoff devices. Similarly I have configured them into Hassio and they seem to work OK.
The good thing about them is that they accommodate the earth/ground wire very easily unlike their Sonoff cousins.
But there are downsides. The circuit board is hot glued onto the base of the case so you cannot get it out or get to the underneath. There is no obvious sign of pins to avail of for ftdi flashing. The wifi reset button is connected to the board by plug which I hoped had the pins underneath it but I cannot remove the plug assembly to check. The only chip I can see is tiny (apprx .5 cm square) and it would be difficult to work on its legs.
Looks like its a good idea but not Tasmotable!! Its a pity because it would be really useful - so its back to the original sonoffs and plastic food boxes!!
Keep up the great work.
HI, thx a lot that you take the time and do this videos. Just started with HA and i have to say that i really enjoy watching your educational videos, they helped me a lot so far. Off course i do have a question. Is there a way to display serval floors with this method or do i need to do this trough lovelace via picture-elements?
Thx and please keep posting Videos!
Thanks!
I actual have all 3 floors on one .svg file for my floorplan. Right now my Lovelace floor plans are on separate views but I plan on combining them. It’s easier to see them all on one page.
Good luck! Let me know if you get stuck.
Hello again and thank you for the Guide! I admire you ! :D
the problem in this Guide is that you don't mention in case that you use inkspace that you have to declare the object image goblin aquare fire whatever to "PATH" or you have to trace bitmap first and then path else it wont give you state in Floorplan via CSS! (object to path) as I can see the id which you fill is path, not image
I was searching for over 2 weeks for this and no documentation has been found about. Nobody talks about it even in Hassio forums...
oh sorry.
Hopefully anyone else who gets stuck can find this info now.
thanks!
Thanks a lot for the tutorial, it must have taken you some time, really appreciate it!
you're welcome!
Glad it's helpful
I have a Floorplan Panel on the left manu, but i don't see custom state card on my overview page.
how can i get it? any ideas?
man, I'm not sure. A lot has changed since I made this. I would expect the config setup needs to be different now.
@@DrZzs here is an update for custom card for lovelace UI
github.com/pkozul/lovelace-floorplan
it works on the computer. unfortunately it doesn't show on my mobile
BTW: GREAT videos!
Not sure why the floating head and hands always makes me laugh. Great work keep it up.
thanks!
WOW You have been such a tremendous help to me with your great videos.
I have something trivial that I don't think there is solution to (yet).
I'm trying to replace my Home Assistant profile badge (first letters of your profile name in a circle) with an image/avatar. I've searched high and low on the Internet to no avail. I even wonder if anyone else has asked you this before. All The Best!! :-D
thanks!
That's a good question. I haven't tried, but it sure seems like that should be something we can customize. If it isn't possible now, I'm sure it will be at some point. If I figure it out I'll let you know!
@@DrZzs Thanks!! And if I figure it out I will let YOU know!! Haha!! :-D
@@DrZzs I think I found something heading in the right direction. I will let you know if I make any headway. :-)
github.com/home-assistant/home-assistant-polymer/pull/1525
Thanks DrZzs. Can you show how this is done when not running HA locally but on a separate system. Tia
Thanks for the tutorial!
you're welcome
Now, with lastest version of HA, I can use Lovelace floorplan?
Yeah. I use picture-elements inside LovelaceUI
Thank you for your turorial. I have a problem. When i put this code in the .css file :
.switch-on {
fill: #eeb200 !important ;
}
it says unknown property 'fill'
I followed the video pretty well. And have the Floorplan icon in Hassio with a floorplan. But when I check config I get this error?
Any suggestions?
Configuration invalid
Component not found: binary_sensor.floorplan
I went kinda fast over the part about adding the Binary sensor. There are some lines you need to put either in your config.yaml or in your binary_sensors.yaml if you use one.
I’m on my phone or id put them here again. They should be in the description.
If you have that part right let me know but that’s my first guess based on that error message
Here’s what you’re probably missing:
binary_sensor:
- platform: mqtt
state_topic: dummy/floorplan/sensor
name: Floorplan
Firstly, great videos. Love the way your stuff is presented.
Can you help? I have the ‘Zones’ box appear in my frontend (alongside all of my existing component boxes) but it doesn’t display a floorplan - it just says ‘Zones’. Opening it shows a toggle which, when turning on, only remains on for around a second before turning itself off. I tested config as stated in your video and it showed it was ok. On reviewing developer info in the sidebar I can see it says “Unable to find binary_sensor/turn_on”. I have to say, I was confused about this section of your video. You say “If you already have binary sensors, add this...”. I didn’t have any binary sensors already - do I still add the binary sensor section? I’m presuming also that mqtt (in my case, Mosquitto) is installed and active. Correct? Any suggestions on my issue?
Sorry for the confusion.
If you don't have a binary_sensor section then add these lines to your configuration. yaml
binary_sensor:
- platform: mqtt
state_topic: dummy/floorplan/sensor
name: Floorplan
DrZzs - And MQTT has to be installed and running?
do you not have MQTT?
You don't need it for that binary sensor. As I understand, it is just a placeholder so the Floorplan can show on the Overview page.
But in general MQTT is a very good way for IoT devices to communicate. If you don't use it now, you will probably want to eventually.
When you decide you want it this shows how to install/setup. It's pretty straight forward:
th-cam.com/video/c2IUIUnxjUY/w-d-xo.html
DrZzs - I have MQTT installed (running Hassbian and I installed via ‘sudo hassbian-config install mosquitto’. Not sure whether I need to add anything under config.yaml but put in simply ‘mqtt:’
I have put info in to config.yaml (as you advised in your last reply) (which is same yaml as what was in the video anyway if I recall correctly) and it still doesn’t show the floorplan - only the blank component box titled ‘Zones’. I’m getting ‘unable to find service binary_sensor/turn_on’ in the Developer info box. Any clues?
I looked in the "issues" section of the HA-floorplan github and you aren't the only one having this problem. Looks like it might be a browser issue. This is the post that looked most helpful:
github.com/pkozul/ha-floorplan/issues/33
Try using different browser. Let me know if that helps.
Great video! Thanks!
Great videos. can you help me understand how to put the files into my main HA config folder?
Thanks. I use the Samba addon to make the config folder accessible. Then it's just copy/paste. You can also use the IDE addon. That is really nice because it lets you access the folders (like samba) but also gives you a editor for your config files, AND even gives you a command line (which hopefully you don't have to use much). The downside of the IDE addon is if you're just on an RPI it can be a little slow. I guess it's a bit of a cpu resource hog.
Hope that helps!
@@DrZzs thanks for the quick reply. I have only figured out how to access my yaml files using the API access. I have the Samba installed, but do I also need to download it to my computer? I'm running Win10 The last time I messed this up it took me about 4 days to get back in and start over. I now have a back up Raspberry Pi, haha.
Once you have Samba add-on running on the pi you should be able to access your files from Win10. There might be something you need to do in windows to see shared folders on the network. Typical windows junk, sometimes it shows up, sometimes it doesn't. You don't need to install anything on Win10 to see the samba folders.
Hope that helps!
@@DrZzs Got it, thanks.
This is awesome! Great video 😊 keep it up
in css the "fill" property mention as uknown . why is that?
I'm not sure. I haven't used this solution in a while.
And again another awesome video. Installing everything you said in my hass.io systemm as I'm writting this. Greetings again from Chile. :D
sweet!
Good luck!
Make something Awesome!
Great video !
thanks!
Can i create my own entity??? Because when i download my hassio there is not much entity...i dont know why..
Check out the newest video I just uploaded "Home Assistant 101". I talk some about how entities get added to HA.
Hope that helps.
@@DrZzs Alright i will look into it thanks :D
thanks for taking the Time
of course!
my pleasure! This was a fun one. I learned a lot too.
I can see myself in one year time still editing the floor plan ;)
hahaha. And from experience I will tell you that no one uses the floor plan view. Even I rarely look at it anymore. It's a cool idea, but just doesn't get used. So spend your next year doing something else :)
Congratulations on the videos has helped me a lot. But I have a problem not all my entities are clickable, do you have any idea why?
I don’t know exactly why but if have that happen too. I’ve just gone back to Inkscape and redone the icons. Sometimes it still hasn’t work.
I’m suspicious that the icon is being broken into small pieces and when we assign the entity id to it we’re only getting some small part of it instead of the whole thing.
I don’t have a better answer than that right now.
Try the ha-Floorplan topic in the HA forum.
Thanks for the feedback. The problem was the icones replaced by the same ones and of nothing everything worked. I do not know why this is solved. Thank you
Well, glad you figured it out! Wish I could tell you exactly why it happened.
It really was weird because it was copies. But the important thing is that it is solved. I really appreciate your help :)
great tutorial, thank you
im waiting for the next episode
Do you prefer HA Floorplan or Lovelace?
At this point, I use Lovelace. HA Floorplan had a few bugs that were hard to resolve. Lovelace is much easier to use. It takes a bit more yaml writing but it's the one I prefer now for sure.
Hope that helps!
Thanks again for the great videos! I've managed to get floorplan up and running, however, I can see the plan on Chrome or Safari via a MacBook, but on my iPhone it never loads the layout (only the group name), also the panel on the side stays blank, it never loads. I've noted a couple of forums mention this, any idea how to get the panel to show up on a mobile? The same happens with the HASS.IO, TasmoAdmin, InfluxDB panels. Been driving me crazy :-)
I just checked mine and the same happens to me. I guess I never tried using those pages on my phone before. I can see the hassio page, but the others I can't. I'm not sure where the problem is. It's likely something over my head dealing with website/browser gobblygook.
Does it change if you're at home or away when you use the phone? It could be you need to open ports for each of those functions. Floorplan doesn't use a port (that I recall) so that's probably not the issue there, but Tasmoadmin, nodeRed, etc do. Maybe they aren't rendering for different reasons.
Sorry I'm not more help :/
Maybe ask in the HA Discord.
I've tried opening the ports for TasmoAdmin etc, but that does not seem to work, even on my local network. With the ports open I can access the interfaces directly through my phone browser, so that's at least a work around. What did work for Floorplan however, was adding the following to frontend.yaml: (the "javascript_version: latest" part)
extra_html_url:
- /local/custom_ui/state-card-floorplan.html
javascript_version: latest
Or like you always say, to you configuration.yaml (under "frontend:")... Either way works fine... Now shows up on iPhone under the group as well as the side panel, locally connected to WiFi or over mobile network. This also fixed the hassio panel, which didn't work before either...
oh good. glad you got at least some of it working.
Did you know why my Floorplan didn´t load. I get only a Rainbow Cycle. I use still Version 0.68.0
Rainbow cycle? whoa, what is that?
When HA comes up you see a loading cycle in different colours and i See it in zones Where the floorplan should be
whoa. That's weird.
I can't say I know what to do about that. Try double checking that you have all the files in the right places. And double check the binary_sensor entry.
Then try the HA forum page:
community.home-assistant.io/t/floorplan-for-home-assistant/17394/
Sorry I'm not more help with that.
DrZzs Null Problemo i figured it out. Thanks 👍
awesome
what was the problem? I like to know in case someone else has the same issue.
Awesome!
Thanks!
i know it out of subject but ever you use HDD instate of micro SD card for respberry pi ? ( in home assistant)
no, I haven't. But I've connected HDDs to the USB ports for large storage of pictures and videos.
DrZzs onemore question how long have you run home assistant ? .. i heard raspberry pi 3b SD card will die after two years run 24/7... or maybe they mean run rasbian?
I've run HA for about a year now. But I've had my 3d printer on an rpi3 for 3 years and it hasn't failed yet. I guess it's a good idea to make a back-up occasionally.
Make a tutorial on how to backup your config to Github... simple and great way to backup and bonus is you can share your files as examples! :D
I really do need to do that.
Do you do it?
Hey guys! In celebration of reaching 10,000 subscribers, Dr. Zzs has opened a Facebook Group! Come check it out! facebook.com/groups/1969622823351838/
Greate turial!
Pff, you're making it extremely hard for me. I'm using OpenHAB with HabPanel but seems like Home Assistant is gaining a lot of traction. People like you and Bruh make it so easy to understand. The only thing holding me back is a good way to have a customisable app and an alternative to the OpenHAB rule engine. Is there a way to somehow customise the view in Home Assistant like BasicUI in OpenHAB? Is there a way to have virtual buttons to control scenes?
haha! Give in to the HA side!
I need to get more familiar with OpenHab to comment specifically on Home Assistant's comparable features. I think the easiest customizable interface for HA is HA-Dashboard. But there are other that I haven't tried yet. I'm going to make a phone-screen-sized dashboard with just the buttons I want to see on my phone. There are ways to customize the stock UI also. It's certainly not Drag and Drop, but it's doable.
I don't know what the rule engine is in OpenHAB. My guess is something like Automations, or Scripts would be the HA equivalent. I'm working on a video for NodeRed with HA for next week. That's probably the best solution for creating automations.
As for virtual buttons, Input_boolean is probably what you'd use in HA. It's a button that you can assign as a trigger for pretty much any action, including activating a scene.
If you have the means for another rpi it's probably worth getting Home Assistant and starting to tinker with it yourself. If you don't like it, you don't loose anything.
Good luck!
I started out with OpenHAB on an rpi but switched to an intel NUC so I do have a spare rpi. After a quick glance automation is indeed HA alternative to OpenHAB's rule engine. I tried Node-RED on OpenHAB but gave up after 5 minutes. :p I just burned Hass.io to an SD card and it's booting up on the rpi as we speak. I also have a NEEO remote which works really great with OpenHAB, it was a kickstarter campaign. www.neeo.com I have a spare one, let's try to make that one talk some MQTT in HA.
Awesome!
Next week's video is about node-red. Might be worth another look.
Would be cool as well to start with a google satellite image!
I flipped the screen 180 degrees and his head looked better with the mouth above the eyes.
Ben, you look different!
Just as bald, not nearly as smart as Ben. :)
THANK YOU SO MUCH FOR NOT JUST BEING A FLOATING HEAD . . wait, nvm, you did it any ways. it bothers me so much
Sorry. For a long time I was very inconsiderate of people with floatingheadophobia. I haven't appeared bodyless at all in my last several videos.
Thank you! Ignore me, I thought I was shouting into the wind, You make great videos and have some great content!
I reacted very quickly and didn't think much when initially typing this. I do want to say that I do think it does bother me at some level and may be a phobia I actually have.
...