DEV Community

zhuyue
zhuyue

Posted on

Upload the web page to achieve better user experiece for ESP8266 based simple controller

In order to improve the user experience when using the simple script programmble controller, I add below funtions to the embedded and remote web page,
1) Code comment function, click on the command number PXX, pop-up input dialog box, enter the code comment, in the status page and programming interface page, the comment will be shown to help users understand the program written, and this comments are posted by ajax interface to backend and saved as a json file to the file system of cloud;

2) Program sample function, the webpage downloads the samples stored to mysql database by itself, and the user can select the sample program to download it to the controller, the controller can use it directly.

3) customized control panel, the user can configure their own control panel, the virtual switch/button can be used including Auto Reset Button with pressing duration and Self locking Switch, aalso the varibles can be configured for the decimal places and the unit.

4) In the device side, the code is changed to implement the virtual switch function, so that the input checking instruction can be used to programm the controller to be controlled remote by the web.

Image description

Image description

Image description

Top comments (0)