The principle of operation of this system is generally clear from the screenshot of the WEB interface. SVG + DOM technology is widely used for mnemonic animation. At regular intervals, an XML file is read from the server (controller) containing all the parameters and indicators of the current state of the system, and it is parsed, already in the browser, for display on the mnemonic diagram. Operational control is carried out by forming GET requests with the necessary parameters when clicking on certain mnemonic objects. The mnemonic diagram itself and the JS file by the script in this case are stored in the external storage device (Data Flash) of the controller. It also stores the documentation for the device and auxiliary materials, such as photos or files of wiring diagrams.
Hydroponics Controller Interface:
Network and system settings page: