SCADA web HMI system

A SCADA web HMI system including a web browser configured to display an HMI screen, the SCADA web HMI system being configured to change an appearance of a component placed on the HMI screen in accordance with a value of a PLC signal received from a programmable logic controller, the SCADA web HMI system comprising:

• at least one processor;
• at least one memory storing at least one computer program,
• wherein the at least one processor executes, in accordance with the at least one computer program,
• processing of generating an integrated component by grouping a plurality of components including a first component,
• processing of generating a duplicate integrated component by grouping a plurality of components including the integrated component,
• processing of providing, to the integrated component, a first animation effect that is applied to the integrated component as a whole but not individually applied to components constituting the integrated component,
• processing of providing, to the first component, a second animation effect that is applied to the first component but not applied to components constituting the integrated component except for the first component,
• processing of providing, to the duplicate integrated component, a third animation effect that is applied to the duplicate integrated component as a whole but not individually applied to components constituting the duplicate integrated component,
• processing of associating the first animation effect with a value of a first PLC signal,
• processing of associating the second animation effect with a value of a second PLC signal,
• processing of associating the third animation effect with a value of a third PLC signal,
• processing of receiving the first PLC signal and changing the appearance of the integrated component in the HMI screen through animation in accordance with the value of the first PLC signal,
• processing of receiving the second PLC signal and changing the appearance of the first component in the HMI screen through animation in accordance with the value of the second PLC signal, and
• processing of receiving the third PLC signal and changing the appearance of the duplicate integrated component in the HMI screen through animation in accordance with the value of the third PLC signal.