[ESPimatic]ESPimatic : ESP8266 modular sensor for Pimatic [v0.1.26]

---

Get the code here :
https://github.com/koffienl/ESPimatic

For more info about installing see this post: http://forum.pimatic.org/topic/1225/espimatic-esp8266-modulair-sensor-for-pimatic/44

Time to stop hijacking this topic http://forum.pimatic.org/topic/329/updated-esp8266-wifi-sensor-temperature-and-humidity and start my own
I have taken parts of the code in the mentioned topic, but did a lot of rewrites. Only part of the layout is kept.

The idea is to build a modulair code for the ESP8266 specifcly for Pimatic. You can turn the modules on or off as you need. Upload once, configure and forget.

Specs:

• DS18B20 *
• DHTxx *
• Relay *
• 8x8 LED Matrix *
• Infrared transmitter *
• Nixie tubes
• Send commands over HTTP *
• Configure ESP (disable the GPIO’s you have, disabled the ones you don’t)
• Save everything in EEPROM *
• Fallback to AP mode when no wifi config or can’t connect to configured wifi *

Items with * are implemented and working
The idea is to build one code for all you need. Configure the GPIO’s you have and enable the sensors attached to the ESP.
Everything is save in EEPROM: the enabled/disabled sensors and the config for that sensor. WiFi config. Pimatic config.
Over the HTTP ‘api’ you can force a update of temperature. Turn LED Matrix on or off or change the intensity of the LED’s, Turn a relay on or off. Reboot ESP.
On the other side, the ESP will take sensor value and push to pimatic on a desired interval.

There is still a lot of work to do, but maybe I can publish some code soon. At this moment I’m rewriting all the HTML stuff into static HTML with ajax calls. the dynamic HTML pages where pushing the webserver lib to it’s edge causing crashes.

Website with ajax updates:
https://www.youtube.com/watch?v=yFml6l5sYsU

Boot up and change relay state from pimatic:
https://www.youtube.com/watch?v=M5FVLRbBeuI

Boot up show temperature and alter LED’s
https://www.youtube.com/watch?v=629tGILFOWc

Boot up, fall back to AP mode
https://www.youtube.com/watch?v=z8R7LYl3IqI

@koffienl
thx a lot for your work!
it’s a very good idea to have an easy to use and one for all solution!

@leader21 said:

@koffienl
thx a lot for your work!
it’s a very good idea to have an easy to use and one for all solution!

Thanks
The code is build on my ideas/needs for such a sensor on seceral places in my home.
As soon as it is finished I will put it in the livingroom acting as a temperature sensor with 8x8 LED Matrix, pushing livingroomtemp to pimatic.
In the bathroom I will put one with 2 relays controlling my whirlpool tub (with pimatic). In the bedrooms I will put one for temperature and IR relay for turning airconditioning on and off with pimatic.

sounds good! keep us informed and if ready - upload the code somewhere … absolutely want to test it

Wow again, quite some progress already. I would love to play with this as well as I do have a few possible additions: serial bridge functionality or P1-port readings/parsing to hook it up to my smartmeter, maybe FastLED/Neopixel/RGB led functionality. Also light/PIR sensor input would be nice I guess and probably 433MHz Rx/Tx as well. Though I do understand that the ESP has it’s limitations so supporting everything at once might not be possible

Nice! @koffienl I ordered hardware a while ago but not getting it up and running yet because of the issues. I will set it up again with your update on this!

@Rene-Arts said:

Though I do understand that the ESP has it’s limitations so supporting everything at once might not be possible

you mean that connecting many sensors running in parallel mode? from the software it should be possible to program i guess (or am I wrong?). maybe with a query eg if sensorXY is active you cannot activate sensorAB.

Depending in the ESP version, you might run out of GPIO’s

No big changes on code, but a lot on the GUI.
I was on the limits of the ESP webserver due to dynamic building of the HTML and sending to the client. Changed this to static HTML in flash with JQuery stuff.
First the page is send to the client, then the data is collected and put in the page, finally showing everything. Submitting the settings is also done with JQuery, allowing to transmit without rebuilding the page.
On anytime you can click on 'refresh; to re-retrieve the current data. When submitting settings the ESP will do a reboot. The page will wait until the ESP is back online again.

Unfortunately this has some side effects. The page depends on the JQuery code loaded from the internet. When the ESP is in SoftAP, you can’t load the JQuery (because the SoftAP has no internet connection). For the wifi settings page I have created a fallback. It will disable th JQuery stuff aloowing to submit new wifi settings.

I have captured a video to show how it works, currently still processing at Youtube

edit : new video link : https://youtu.be/nxY3igxzyz0

@koffienl When are you planning on making this public on github or so? I would like to test this stuff and maybe contribute. Just today i got a new bunch of ESP8266s

I hope soon, but I want some basic stuff to be working and tested, and cleanup code before publishing. Hope to find some time in the coming days to polish the code for publishing

In my opinion it is not good to require internet connection or additional server dependency. Maybe users who would like to use a local network without internet connection and without installing a separate webserver. Anyway for configuration of sensors internet should not be
a requirement.
I think for configuration of ESP plain HTML, javascript and Ajax should be enough.

If not already seen: http://www.john-lassen.de/index.php/projects/esp-8266-arduino-ide-webconfig.

I realized a first experimental ES8266-01 based Temperature/Humidity sensor on this base and it takes about 64% of flash memory, including configuration server, pimatic-client in station and in AP mode. Ov course the GUI is not so stylish like as using JQUERY and bootstrap.

Just wanted to share the latest fine feature

https://www.youtube.com/watch?v=lyCF1khidtY

getting very comfortable

Really nice. But pls show us the code for this.
I am working on an similar project and i use Jquery Mobile to build the webpage. I have removed all internet dependencys and my website is about 400kByte. So it fits only in the bigger ESPs. But until now i have not implemented the ajax stuff.
And your updater looks super interesting.

@Icesory said:

Really nice. But pls show us the code for this.
I am working on an similar project and i use Jquery Mobile to build the webpage. I have removed all internet dependencys and my website is about 400kByte. So it fits only in the bigger ESPs. But until now i have not implemented the ajax stuff.
And your updater looks super interesting.

I’m totally new to bootstrap, ajax and Jquery stuff.
My ESP has 4M flash, so I have space enough My BIN file is 344,768 bytes
All the jquery and bootstrap CSS/JS are loaded from internet to save space, these files are huge.

The problem is, when your ESP runs in AP mode an your device has not cached all the jquery stuff. You got a problem. Because your device thinks that the ESP provides the Internet connection and cant download the necessary files. You should put all core elements on the ESP. And it is not so extreme.
In my case i need these files.

jquer-1.11.3.min.js = 94kByte
jquery.mobile-1.4.5.min.js = 196kByte
jquery.mobile.structure-1.4.5.min.css = 68kByte
jquery.mobile.icons.min.css = 125kByte
jquery.mobile.theme.min.css = 11kByte

And i can reduce the icons files down to only used ones.

I have build in a little JS script to detect if JQuery is loaded. If not, the page is viewed without fancy jquery to enable wifi settings.

@Icesory said:

The problem is, when your ESP runs in AP mode an your device has not cached all the jquery stuff. You got a problem. Because your device thinks that the ESP provides the Internet connection and cant download the necessary files. You should put all core elements on the ESP. And it is not so extreme.
In my case i need these files.

jquer-1.11.3.min.js = 94kByte
jquery.mobile-1.4.5.min.js = 196kByte
jquery.mobile.structure-1.4.5.min.css = 68kByte
jquery.mobile.icons.min.css = 125kByte
jquery.mobile.theme.min.css = 11kByte

And i can reduce the icons files down to only used ones.

How do you load all the HTML/CSS/JS in the ESP ? Do you put everything into progmem?

The ESP provides an complete Files System!
I use the Arduino ESP extension and it is awesome.
https://github.com/esp8266/Arduino/blob/master/doc/filesystem.md