Webserver HMI/GUI Code Generation Tool?

Moderators: grovkillen, TD-er, Stuntteam

Post Reply
Message
Author
User avatar
ThomasB
Normal user
Posts: 691
Joined: 17 Jun 2018, 20:41
Location: USA

Webserver HMI/GUI Code Generation Tool?

#1 Post by ThomasB » 13 May 2020, 19:07

One of the features of ESPEasy is that we can upload custom web pages to SPIFFS. And any ESP8266/ESP32 project can act as a web server as well. It is a nice way to create a HMI GUI for our home automation projects. Especially since there are times I want to host the web page on the device, not host it somewhere else (e.g. Node-RED, OpenHab).

My custom web pages have been simple and boring. I'd like to add a more professional look to them (pretty buttons and sliders) and utilize websockets. This is certainly possible with hand coding, but I dread writing html, css, and java code.

So I've been searching without success for an online tool that automates some of the code generation. If this does not exist, then does anyone have any tips on taking the pain out of it?

- Thomas

User avatar
grovkillen
Core team member
Posts: 3584
Joined: 19 Jan 2017, 12:56
Location: Hudiksvall, Sweden
Contact:

Re: Webserver HMI/GUI Code Generation Tool?

#2 Post by grovkillen » 13 May 2020, 19:26

If you can wait some more you'll get that within our upcoming GUI. Please see more here: http://grovkillen.dribbble.com/

Custom dashboards etc is in the pipeline. :D Those screenshots are from an actual ESP Easy unit
.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you :idea: :idea: :idea:

User avatar
ThomasB
Normal user
Posts: 691
Joined: 17 Jun 2018, 20:41
Location: USA

Re: Webserver HMI/GUI Code Generation Tool?

#3 Post by ThomasB » 13 May 2020, 19:36

I'm glad you dropped by since you're ESPEasy's web GUI developer. The new interface looks promising. Especially if it gives us total freedom to create our own ESPEasy GUI.

But sometimes I don't use ESPEasy. I'm also a ESP8266 / ESP32 user that builds projects with my own firmware. I need to create better looking web GUI's for these projects too. So I am still looking for tools to help do it.

- Thomas

User avatar
grovkillen
Core team member
Posts: 3584
Joined: 19 Jan 2017, 12:56
Location: Hudiksvall, Sweden
Contact:

Re: Webserver HMI/GUI Code Generation Tool?

#4 Post by grovkillen » 13 May 2020, 19:55

The new GUI is stand alone so you can use it without the ESP Easy back end.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you :idea: :idea: :idea:

User avatar
ThomasB
Normal user
Posts: 691
Joined: 17 Jun 2018, 20:41
Location: USA

Re: Webserver HMI/GUI Code Generation Tool?

#5 Post by ThomasB » 13 May 2020, 20:08

That sounds fantastic!

- Thomas

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 22 guests