As promised (better late than never I guess) I have been working on the firmware on my ESPLux. I've been interested in Google's Material Design project. I quite like the aesthetic of it, and so I thought that I would stand on the shoulders of giants and use their style guide. The backend code is plain old Javascript. I started off using jquery, but it was just far too bloated for my needs. First up, a couple of screen grabs!
This is on my iPhone, with the webpage running directly on the ESP8266.
This is a screen grab of the entire page, so you can see all the functionality I anticipate adding in the first instance.
Not everything you see at the moment is functional. I figured it would be best to start from the top and work my way down! I've gotten the first two bullet points working, the rest are a work in progress.
- The top bar under 'Light Control' lets you click/tap to set the brightness of the lamp. The two buttons underneath them simply set this to either 0 or 100%. This all is working as intended.
- Indicator lights: This lets you flip the indicator lights on and off. To start with, I figured just leaving the light on full instead of the flashing I had in my video I posted recently. This will reset back to off if you power cycle your ESPLux.
- Set light to previous value when switch is flipped: There are two options I plan on starting out with. First is the light will always turn on to full brightness on power up. Second is remembering your previous setting. The first option is great if you have a light switch you want to be able to use as well, the second is a better option if there is no light switch available. I have yet to implement this, or anything else below for that matter!
- Light Name: I figured having multiple units floating around could leave you in a bit of confusion as to which unit you were working on. A name probably is a helpful thing, so here it is!
- WiFi: I really want to be able to set wireless up from the webpage rather than having to mess around with serial connections and everything. As a product, it would be a requirement.
So yeah, that's where I am at. I plan on posting a quick video of the functionality that I have at the moment soon. The files are up on github, but oh boy, its an absolute mess. I really need to tidy everything up. My laptop decided to bsod on me and it dropped my VS settings file. That is a task for another day.
Discussions
Become a Hackaday.io Member
Create an account to leave a comment. Already have an account? Log In.