SmartThings Community

Custom UI for House Panel

project_dashboard
#1

I got into the whole smart home scene right when smart tiles was being retired. Being a web developer/designer, that was the one thing I was really excited for. Something I could just jump in and redesign to suit my needs.
Fast forward, I found House Panel from @kewashi with an open api to do with as you please.

So granted, I may have gone a little overboard, but it has been so much fun building. Still have a ways to go, but it is a good start.

My home setup

Video of the UI setup

Additional screenshots

10 Likes
(Roger) #2

This is beautiful! Is it possible you can share?

1 Like
#3

Thank you,
Once I address a few more bugs and add some more device types then I may release it. Right now it only handles a handful of devices I own.

2 Likes
#4

Wow, fantastic work and a great design :+1:t2:

2 Likes
#5

Love it. Nice work.

2 Likes
#6

Thank you, I appreciate that. Trying to build it out so that anyone can make it look how they want.

(Mark H) #7

Great project hope you share how you did it!

1 Like
(Paul Barden) #8

Just saw your post on the house panel thread. Really nice design. Great work!.

I’m interested to know that your also using your application for logic too right?.

My application is here:Raspberry Pi Codesys Project

I’ve made a lot of changes since.

#9

Thank you, appreciate that.
I’m not 100% what you mean by using my application for logic.
I’m currently looking to start working with the new Smartthings api and nodejs so I don’t have to worry about poling. I’ve never heard of Codesys before, really interesting. Do you have it communicating with smartthings brand devices?

(Paul Barden) #10

What I mean by logic is any rules, automations that you have configured?.

I started my project so I didn’t have to rely on ST for any automation/logic.

My application is using Open Dash api to return a string that contains “all device” data. I parse this string in my application and then I can freely write any logic/automation.

Good example is that SHM has no entry delay in ST. I wrote an entire sequencer in my application with voice announcements and countdown timer for exit entrance delays. All I needed to do in ST was to create a virtual contact sensor.

The only limitation in my application is polling time when I want to react to something fast. My current poll time is about 2 to 3 seconds.

#11

Yup, we are in the same boat. I’m doing the exact same thing except with Ken’s House Panel in regards to the string parsing.

I’ve just really finished up my application recently, still working out some bugs. Automation/logic, is next. Most of it will be specific for UI display/visual notifications. I use webcore right now and don’t have any real issues… yet.

(Paul Barden) #12

Hey again.
I’m also now starting to look at the ST API but since I’m using only a web client in my codesys application i’m Really not sure where to start?.

How do you plan on implementing it for your own project?. Will you have to create your own smart app to interface with the ST API.

I have no experience with nodejs either but ultimately all I need is an “All device” string delivered to my Application. my own code handles the parsing.

(llcanada) #13

@kembond I really like how you updated your House Panel hope you will be able to share one day. Thanks

1 Like
#14

Yes, i’m going the smart app route. Not there yet, but I did get this project up and running to get familiar with the api and node. With this I was able to control my devices and get a full list of my devices as well. Once I got that going I decided to take some time to go through some node tutorials. That’s where i’m at now.

#15

@llcanada, can I ask you what type of devices you have? Camera type, Lighting, etc
The main reason (minus some bug issues) I have not released this is due to it’s really built to suit my devices only. Just trying to get an idea of what needs to be added.

(llcanada) #16

@kembond I have a variety of camera that I use but mostly Foscam, Amcrest and I have Lifx Bulbs and Phillips Hue and use a lot of Zwave Plus door and windows sensors and have various other sensors. Thanks

(Paul Barden) #17

Great. Thanks for sharing your example. Hopefully I can use this as a basis for my use of the new API also.

1 Like
(Gregory Schaub) #18

Hi @kembond, I started working on a simple keypad a while back, but haven’t had an opportunity to go very far with it due to other commitments. My thought was to store pin’s for family members and allow them to do various things with them - first use case was simply providing an arm/disarm sequence.

I was curious if you’ve done anything like that with yours, because the biggest hole in the entire thing (at least for me), is that it doesn’t appear to have some basic alarm keypad capabilities.

(Donnie) #19

Any movement on this? I’d settle for an unfinished version to customize for my needs. The floorplan tab is really what I’m interested in.

2 Likes