SCADA web HMI system

1. A SCADA Web HMI system comprising: a drawing generation device capable of generating a drawing where parts are arranged; and an HMI terminal device connected to a monitoring target device and displaying a state of the monitoring target device,

the drawing generation device including:

a drafting unit displaying a stencil area where parts are arranged and a drafting area where a drawing is drawn, the drafting unit being capable of arranging selected parts in the stencil area on the drawing in the drafting area;

a part runtime attribute generation unit automatically generating part runtime attribute data that associates unique names associating the parts arranged on the drawing in the drafting area with the monitoring target device, with dynamic display contents of the parts depending on change in signal data from the monitoring target device; and

an HMI drawing data output unit outputting vector data of the drawing where the parts drawn in the drafting area are arranged, and the part runtime attribute data,

the HMI terminal device including:

a Web browser that reads at least one piece of the vector data and displays an HMI screen; and

an HMI web runtime that reads the part runtime attribute data as setting parameters and operates on the Web browser, and

the HMI Web runtime associating the parts with the monitoring target device in accordance with the setting parameters, and when receiving signal data corresponding to the unique names from the monitoring target device, the HMI Web runtime changing display of the parts corresponding to the unique names, on the HMI screen.

2. The SCADA Web HMI system according to claim 1 , wherein

the HMI screen is configured by a plurality of areas, and the vector data of the drawing generated by the drawing generation device is arranged in each area, and

the Web browser resizes a drawing to be displayed in each area configuring the HMI screen so that a long side or a short side of the drawing is inscribed in an area frame and the entire drawing is arranged within the area while an aspect ratio is fixed, where each drawing is generated by the drawing generation device so as to be resized at the same magnification n.

3. The SCADA Web HMI system according to claim 2 , wherein

the vector data is Scalable Vector Graphics (SVG) format data, and

when vpw is defined as the number of horizontal pixels of viewport of the area, vph is defined as the number of vertical pixels of viewport of the area, vbw is defined as the number of horizontal pixels of viewbox of the drawing, and vbh is defined as the number of vertical pixels of viewbox of the drawing, the same magnification n is n=min (vpw/vbw, vph/vbh).

4. The SCADA Web HMI system according to claim 1 , wherein

when a button part to open a new window on the HMI screen is pressed, the HMI Web runtime displays the new window at a relative position specified by a unit of inches or millimeters from a display position of the button part.

5. A SCADA Web HMI system comprising: a drawing generation device capable of generating a drawing where parts are arranged; and an HMI terminal device connected to a monitoring target device and displaying a state of the monitoring target device,

the drawing generation device including:

a first display;

a first processor executing a program; and

a first memory that stores a program executing, when being executed by the first processor, processing of

displaying a stencil area where parts are arranged and a drafting area where a drawing is drawn on the first display,

arranging selected parts on the stencil area, on the drawing in the drafting area,

when the parts are arranged on the drawing in the drafting area, automatically generating part runtime attribute data that associates unique names associating the parts with the monitoring target device, with dynamic display contents of the parts depending on change in signal data from the monitoring target device, and

outputting vector data of the drawing where the parts drawn in the drafting area are arranged, and the part runtime attribute data, and

the HMI terminal device including:

a second display displaying a Web browser;

a second processor executing a program; and

a second memory that stores a program executing, when being executed by the second processor, processing of

reading at least one piece of the vector data and displaying an HMI screen on the Web browser,

reading the part runtime attribute data as setting parameters when executing the Web browser,

associating the parts with the monitoring target device in accordance with the setting parameters, and

when receiving signal data corresponding to the unique names from the monitoring target device, changing display of the parts corresponding to the unique names in accordance with the setting parameters, on the HMI screen displayed on the second display.

6. The SCADA Web HMI system according to claim 5 , wherein

the HMI screen is configured by a plurality of areas, and the vector data of the drawing generated by the drawing generation device is arranged in each area, and

the Web browser resizes a drawing to be displayed in each area configuring the HMI screen so that a long side or a short side of the drawing is inscribed in an area frame and the entire drawing is arranged within the area while an aspect ratio is fixed, where each drawing is generated by the drawing generation device so as to be resized at the same magnification.

7. The SCADA Web HMI system according to claim 6 , wherein

the vector data is Scalable Vector Graphics (SVG) format data, and when vpw is defined as the number of horizontal pixels of viewport of the area, vph is defined as the number of vertical pixels of viewport of the area, vbw is defined as the number of horizontal pixels of viewbox of the drawing, and vbh is defined as the number of vertical pixels of viewbox of the drawing, the same magnification n is n=min (vpw/vbw, vph/vbh).

8. The SCADA Web HMI system according to claim 5 , wherein

the second memory further stores a program executing, when a button part to open a new window on the HMI screen is pressed, processing of displaying the new window at a relative position specified by a unit of inches or millimeters from a display position of the button part.