HMI screen design device and SCADA web HMI system
Patent Information
- Application Number
- JP2024532170
- Authority / Receiving Office
- JP · JP
- Patent Type
- Patents
- Current Assignee / Owner
- Filing Date
- 2023-02-13
- Publication Date
- 2025-01-22
- Estimated Expiration
- 2043-02-13
AI Technical Summary
Existing SCADA systems face challenges in creating HMI screens with diverse display modes for operation elements, leading to decreased quality and compatibility due to the need for script modifications, and difficulties in arranging operation elements to prevent contradictory operations.
An HMI screen design device that includes a stencil area for selecting operation elements, a drafting area for arranging them, and a processing unit for generating drawing data with exclusive grouping and relationship defining capabilities, allowing for high freedom in arranging operation elements and preventing contradictory operations.
Enables the creation of HMI screens with exclusive and flexible operation element arrangements without degrading quality, supporting two-action operations to prevent errors, and improving design freedom.
Smart Images

Figure 00000009_0000 
Figure 00000009_0001 
Figure 00000009_0002
Abstract
Description
[Technical field]
[0001] The present invention relates to an HMI screen design device for creating an HMI screen that is dynamically displayed on a web browser of a SCADA web HMI system, and to a SCADA web HMI system equipped with this HMI screen design device. [Background technology]
[0002] SCADA (Supervisory Control And Data Acquisition) is known as a mechanism for monitoring and controlling social infrastructure systems. Social infrastructure systems include, for example, steel rolling systems, power transmission and transformation systems, water and sewerage treatment systems, building management systems, and road systems. SCADA is a type of industrial control system that uses computers to monitor systems and control processes. SCADA requires responsiveness (real-time performance) that matches the processing performance of the system.
[0003] SCADA includes the following subsystems: a human machine interface (HMI), a supervisory control system, and a remote input / output device (RIO).
[0004] HMI is a mechanism that displays data of the target process (monitored device) and operation buttons on the HMI screen, allowing the operator to monitor the process and operate the operation buttons to control the target process. The monitoring and control system collects signal data (PLC signals) on the process and sends control commands to the process. The monitoring and control system is composed of a PLC (Programmable Logic Controller).
[0005] In general-purpose SCADA, HMI screen designers create HMI screens using script programs (hereafter referred to as "scripts"). After completing the creation of an HMI screen, the type, number, and arrangement of items corresponding to operation buttons displayed on the HMI screen may be changed in response to requirements from the social infrastructure system. In such cases, users such as process engineers change the HMI screen by rewriting the script, but this has low compatibility with other programs running on the SCADA, resulting in a decline in the quality of the HMI screen.
[0006] For example, the SCADA web HMI system disclosed in the following Patent Document 1 includes a design device having an engineering tool for creating drawings to be used as an HMI screen. A stencil area and a drafting area are displayed side by side on a drawing creation screen displayed by the engineering tool. In the stencil area, a plurality of types of operation elements required for creating drawings are arranged so that the HMI screen designer can select them. The operation elements are sometimes called operation tools or operation parts. In the drafting area, the operation elements on the stencil area selected by the HMI screen designer can be placed at any position (drag and drop). This eliminates the need to create scripts as in a general-purpose SCADA, and improves the design efficiency of the HMI screen without degrading the quality of the HMI screen.
[0007] However, when displaying a plurality of operation elements on an HMI screen, for example, the plurality of operation elements may perform conflicting operations. Conflicting operations are operations that cannot be performed at the same time, such as opening and closing a valve, driving and stopping a motor, and forward and reverse rotation of a motor. Here, from the viewpoint of preventing erroneous operations on a monitored device, for example, it is conceivable to adopt a two-action operation by an operator on an HMI screen. The two-action operation is to display an execution button together with a plurality of operation elements on an HMI screen, and press the execution button after selecting at least one operation element from the plurality of operation elements. When adopting such a two-action operation, it is necessary to exclusively display a plurality of operation elements on an HMI screen in a state before pressing the execution button (EXE waiting state). In other words, when an operator selects one operation element from the plurality of operation elements on an HMI screen, it is necessary to display other operation elements that are conflicting with the selected one operation element so that they cannot be selected. If a plurality of operation elements to be exclusively displayed are arranged in a stencil area in advance, they can be selected by an HMI screen designer. [Prior art documents] [Patent documents]
[0008] [Patent Document 1] International Publication No. 2022 / 003818 Summary of the Invention [Problem to be solved by the invention]
[0009] However, when the number of exclusively displayed operation elements, the interval between adjacent operation elements, etc. are set as parameters, the display modes of multiple operation elements on the HMI screen become diverse. For this reason, it is difficult to arrange all the display modes of multiple exclusively displayed operation elements in the stencil area. Also, although any display mode can be realized by modifying the script like a general-purpose SCADA, this leads to a decrease in quality as described above.
[0010] The present disclosure has been made to solve the above problems. The purpose of the present disclosure is to provide a method for displaying multiple images on a single screen without degrading the quality of the HMI screen. Operation button or switch HMI screen that can be created with high degree of freedom and exclusive arrangement design The device and its HMI screen design The present invention aims to provide a SCADA web HMI system having a device. [Means for solving the problem]
[0011] The first aspect relates to an HMI screen design device for creating an HMI screen that is dynamically displayed on a web browser of a SCADA web HMI system. design The device is placed on the HMI screen. and operated by the operator. Multiple Operation button or switch A stencil area in which the selected Operation button or switch a drawing processing unit having a drawing area in which a drawing is drawn by arranging a plurality of Operation button or switch and a drawing data generation processing unit that generates drawing data, which is data of a drawing on which the plurality of Operation button or switch The method further comprises: providing an exclusive grouping means for mutually exclusive grouping the above-mentioned items.
[0012] The second aspect has the following characteristics in addition to the first aspect: the drawing processing unit is configured to group the plurality of images by the exclusive grouping unit. Operation button or switch The device further includes a mutual relationship defining means for defining a mutually exclusive or non-exclusive relationship between the above.
[0013] The third aspect has the same features as the second aspect, and further includes the following features: The mutual relationship defining means defines an exclusive relationship or a non-exclusive relationship on the table.
[0014] The fourth aspect has the same features as the first aspect, but further includes the following features: Operation button or switch An execution button for executing the above-mentioned is further arranged in a selectable manner, and the execution button for executing the above-mentioned is selected on the stencil area. Operation button or switchBy placing the and execute buttons in the drawing area, drawings are drawn. Operation button or switch It is possible to create an HMI screen on which a command and an execution button are placed, making it possible to accommodate cases where two-action operations by the operator are required on the HMI screen.
[0015] The fifth aspect relates to a SCADA web HMI system, which includes an HMI screen design device according to any one of the first to fourth aspects, and a SCADA web HMI execution device that displays an HMI screen on a web browser by reading drawing data generated by a drawing data generation processing unit of the HMI screen design device. Effect of the Invention
[0016] According to the present disclosure, since the drawing processing unit has an exclusive grouping means, it is possible to create an HMI screen in which multiple operation elements can be arranged exclusively and with a high degree of freedom. Moreover, since the HMI screen is not created by a script like a general-purpose SCADA, the quality of the HMI screen displayed on the web browser is not degraded. [Brief description of the drawings]
[0017] [Figure 1] 1 is a diagram showing a configuration of a SCADA web HMI system equipped with an HMI screen design device according to an embodiment. [Diagram 2] 2 is a block diagram showing an example of the hardware configuration of a SCADA web HMI execution device and an HMI screen design device. FIG. [Diagram 3] FIG. 2 is a block diagram for explaining main processes executed in an engineering tool and a web browser of the HMI screen design device. [Figure 4] FIG. 13 is a diagram showing a first example of a drawing creation screen displayed by the engineering tool. [Diagram 5] FIG. 13 is a diagram showing a second example of a drawing creation screen displayed by the engineering tool. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
[0018] Hereinafter, the embodiments of the present invention will be described in detail with reference to the drawings. However, when the number, quantity, amount, range, etc. of each element is mentioned in the embodiments shown below, the present invention is not limited to the mentioned number unless it is specifically stated or clearly specified in principle. Furthermore, the structures etc. described in the embodiments shown below are not necessarily essential to the present invention unless it is specifically stated or clearly specified in principle. In addition, the same reference numerals are used to designate elements common to each drawing, and duplicated explanations are omitted.
[0019] 1-1. Overall system Fig. 1 is a diagram showing the configuration of a SCADA web HMI system. The SCADA web HMI system includes an HMI screen design device 1, which is an HMI development environment. The SCADA web HMI system includes, as subsystems, a SCADA web HMI execution device 3, a monitoring and control system 4, a communication infrastructure 5, and an RIO 6. Descriptions of the monitoring and control system 4, the communication infrastructure 5, and the RIO 6 are omitted here, as they have been described in the Background Art. The monitoring and control system 4 includes a programmable logic controller (PLC). The monitored device 7 is a sensor, an actuator, etc. that constitutes the plant to be monitored and controlled.
[0020] The HMI screen design device 1 executes an engineering tool 10. The engineering tool 10 has advanced drawing creation and editing functions, a function capable of saving drawing data in SVG (Scalable Vector Graphics) format, and extended functions. The drawing editing function and the SVG data saving function are realized, for example, by Microsoft Visio (registered trademark). The engineering tool 10 generates web HMI data 2 and a device list 23 required for operating the SCADA web HMI execution device 3, which is an HMI execution environment. A GUI is implemented in the HMI screen design device 1 as a user interface for executing the engineering tool 10. Details of the HMI screen design device 1 will be described later.
[0021] The SCADA web HMI execution device 3 (HMI subsystem) includes a web server 31 and a web browser 32. The SCADA web HMI execution device 3 operates as an HMI subsystem with an HMI server runtime 311 running on the web server 31 and an HMI web runtime 321 running on the web browser 32 cooperating with each other.
[0022] The web browser 32 displays an HMI screen 32a for monitoring the plant (see FIG. 2). Although not shown, the HMI screen 32a has components for displaying the state of the plant and operation elements for operating the monitored device 7 via the monitoring control system 4. The web server 31 communicates with the web browser 32 and the monitoring control system 4. For example, when a PLC signal received from the monitoring control system 4 is a signal related to the HMI screen 32a currently displayed on the web browser 32, the web server 31 transmits the PLC signal to the web browser 32. This causes the SCADA web HMI execution device 3 to change the appearance of the components arranged on the HMI screen 32a according to the value of the PLC signal received from the monitoring control system 4. The SCADA web HMI execution device 3 will be described in detail later.
[0023] The hardware configuration of the main part of the SCADA web HMI system will be described with reference to Fig. 2. Fig. 2 is a block diagram showing an example of the hardware configuration of the SCADA web HMI system.
[0024] Each process of the HMI screen design device 1 shown in Fig. 3 is realized by the processing circuit shown in Fig. 2. The processing circuit is configured by connecting a processor 1a, a memory 1b, a display 1c, and an input / output interface 1d. The input / output interface 1d is an input device such as a keyboard and a mouse, and an output device capable of outputting the web HMI data 2 and the device list 23 as files. The processor 1a realizes each process of the HMI screen design device 1 by executing various programs stored in the memory 1b.
[0025] Each process of the SCADA web HMI execution device 3 shown in Fig. 3 is realized by the processing circuit shown in Fig. 2. The processing circuit is configured by connecting a processor 3a, a memory 3b, a display 3c, an input interface 3d, and a network interface 3e. The input interface 3d includes input devices such as a keyboard and a mouse, and a device capable of reading the web HMI data 2 and the device list 23. The display 3c has HMI An HMI screen 32a created by the screen design device 1 as described later is displayed. The HMI screen 32a corresponds to a drawing drawn in a drawing area 111 described later. The network interface 3e is a device that is connected to the monitoring control system 4 and is capable of sending and receiving signal data and control commands. The processing circuit, the processor 3a, executes various programs stored in the memory 3b to realize each process of the SCADA web HMI execution device 3. 。
[0026] 1-2. Processing using engineering tools 3 is a block diagram for explaining the main processes executed by the engineering tool 10 and the web browser 32. The main processes executed by the engineering tool 10 include drawing processing by the drawing processing unit 11, exclusive grouping processing by exclusive grouping means 11a, interrelationship defining processing by interrelationship defining means 11b, web HMI data generation processing by the web HMI data generation processing unit 12, and device list generation processing by the device list generation processing unit 13. The contents of these processes executed by the engineering tool 10 will be explained below.
[0027] 1- 2 -1.Drawing process With reference to Fig. 4, the drawing processing executed by the drawing processing unit 11, specifically, the drawing processing for creating a drawing used as the HMI screen 32a corresponding to two-action operation by the operator will be described. Fig. 4 is a diagram showing a first example of a drawing creation screen displayed by the engineering tool 10. Fig. 5 is a diagram showing a second example of a drawing creation screen displayed by the engineering tool 10. The drawing creation screen is displayed on the display 1c shown in Fig. 2.
[0028] In the drawing process, a stencil area 110 in which operation elements for creating a drawing are arranged, and a drawing area 111 in which a drawing for an HMI screen is drawn are displayed side by side on a drawing creation screen. Operation elements are sometimes called operation tools or operation parts, and are master shapes required for creating a drawing. In the drawing process, the operation elements on the stencil area 110 selected by the HMI screen designer can be arranged on the drawing in the drawing area 111 using the input / output interface 1d (see FIG. 3).
[0029] In the example shown in FIG. 4 and FIG. 5, in order to simplify the illustration, a plurality of types of operation elements PL1A, PL1, PL2, ... are arranged in the stencil area 110. In the stencil area 110, in order to correspond to the above-mentioned two-action operation, an execution button EXE is arranged together with these operation elements. Note that the operation element PL2 is two operation elements PL1 arranged in the left-right direction. These operation elements correspond to operation buttons or operation switches operated by an operator on the HMI screen 32a. However, the types of operation elements are not limited to this, and a plurality of types of operation elements may be arranged in the stencil area 110, such as an operation element in which three operation elements PL1 are arranged in a row, an operation element in which four operation elements PL1 are arranged in a row, or an operation element in which operation elements PL1A and PL1 are arranged in a row.
[0030] The HMI screen designer can copy the operation elements and the execution button EXE on the stencil area 110 in FIG. 4 or FIG. 5 and place them at any position on the drawing area 111 (drag and drop). By placing the operation elements and the execution button on the drawing area 111, a drawing corresponding to the HMI screen 32a is created. The operation elements PL1A_1 and PL1_2 in FIG. 4 and the operation elements PL2_1 and PL2_2 in FIG. 5 are dragged and dropped by the HMI screen designer from the stencil area 110 onto the drawing area 111. Note that "_1" and "_2" are operation element numbers that are identifiers for identifying the operation elements on the drawing area 111. The operation element number is also called a product number. Similarly to the operation elements, the execution button EXE in FIG. 4 and FIG. 5 is dragged and dropped by the HMI screen designer from the stencil area 110 onto the drawing area 111.
[0031] 1- 2 -1-1.Exclusive grouping process The drawing processing unit 11 has an exclusive grouping means 11a. The exclusive grouping process is executed by the exclusive grouping means 11a. In a first example shown in FIG. 4, the exclusive grouping means 11a mutually exclusively groups a plurality of (two in this embodiment) operation elements PL1A_1, PL1_2 arranged on the drawing in the drawing area 111. In a second example shown in FIG. 5, the exclusive grouping means 11a mutually exclusively groups a plurality of operation elements PL2_1, PL2_2 arranged on the drawing in the drawing area 111. The operation elements to be exclusively grouped can be selected, for example, by using the range designation shown by the dashed line in FIG. 4 and FIG. 5. For example, the input / output interface 1d (FIG. 2When the exclusive group characteristic is given to the operation elements PL1A_1, PL1_2 or the operation elements PL2_1, PL2_2 on the drawing selected by the HMI screen designer using the 2D model (see FIG. 1), the exclusive group numbers Ge1, Ge2 are given. In the first example, when the operator selects one of the operation elements PL1A_1, PL1_2 (e.g., PL1A_1) displayed on the HMI screen 32a, the other (e.g., PL1_2) can be displayed so as not to be selectable in the selected state (EXE waiting state). After the operator selects one of the operation elements PL1A_1, PL1_2 exclusively grouped on the HMI screen 32a, the operator presses the execute button EXE displayed on the HMI screen 32a, and the operation corresponding to the selected operation element is performed on the monitored device 7. That is, the operator can perform two-action operation on the HMI screen 32a. By adopting such two-action operation, it is possible to prevent erroneous operation on the monitored device 7.
[0032] 1- 2 -1-2. Interrelationship regulation processing The drawing processing unit 11 has a mutual relationship defining means 11b. The mutual relationship defining means 11b executes the mutual relationship defining process. In the second example shown in FIG. 5, a mutual exclusive relationship or a non-exclusive relationship is defined for a plurality of exclusively grouped operation elements PL2_1, PL2_2. When an exclusive grouping is performed, the mutual relationship defining means 11b displays a table Tb, and an exclusive relationship or a non-exclusive relationship is defined by an input from the HMI screen designer. As shown by "Y (exclusive)" in the table Tb, when the operation element PL2_1 is selected on the HMI screen 32a, the operation element PL2_ 2 is selected On the other hand, as shown by "N (non-exclusive)", when the operation element PL2_2 is selected on the HMI screen 32a, the operation element PL2_1 is displayed as being selectable. In this way, it is possible to assign directions such as superordinate and subordinate concepts to the exclusively grouped operation elements PL2_1 and PL2_2. As a result, the degree of freedom in designing the HMI screen 32a is improved.
[0033] 1- 2 -2. Web HMI data generation and processing 3 again, the web HMI data generation process executed by the web HMI data generation processor 12 as the drawing data generation processor will be described. In the web HMI data generation process, web HMI data 2 is generated and output as screen data. The web HMI data 2 includes static display attribute data 21 and runtime attribute data 22. The static display attribute is information that does not change the appearance of a part regardless of the value of a received PLC signal. For example, it is part layout information such as shape, position, and size. The runtime attribute is information for changing the appearance of a part depending on the value of a received PLC signal. Specifically, it is color attribute, type of transformation of a subset of affine transformation, and correspondence between the parameters of the transformation and the PLC signal.
[0034] The static display attribute data 21 is data that associates layout information of operation elements (including those that are exclusively grouped) with item names. The static display attribute data 21 is data in SVG (Scalable Vector Graphics) format, and includes layout information of operation elements as attributes of SVG elements. The layout information of operation elements specifically includes shape, position, size, etc.
[0035] The runtime attribute data 22 is display information of the operation element, i.e., color attribute, transformation type of a subset of affine transformation, and correspondence with PLC signals. The runtime attribute data 22 includes information that the transformation of the figure is a matrix transformation translate(tx, ty) which is a subset of affine transformation. It also includes information on the correspondence between the parameters tx, ty of the matrix transformation and the PLC signals. The dynamic display processing unit 36 running on the web browser 32 uses a JavaScript (registered trademark) program based on this information to change the display state of the operation element in response to the PLC signal received from the monitoring and control system 4.
[0036] Such web HMI data 2 can be the same as that disclosed in the above-mentioned Patent Document 1, and therefore further detailed description will be omitted.
[0037] 1- 2 -3. Device list generation process 3, the device list generation process executed by the device list generation processing unit 13 will be described. In the device list generation process, a device list 23 is generated, which is a list of data associating item names with PLC signals for each operational element. In the device list 23, item names are associated with PLC signals (PLC addresses for receiving PLC signals) in a one-to-one relationship. The device list is read by the web server 31, and is used to transmit and receive signals between the web browser 32 and the monitoring and control system 4.
[0038] 1- 3 .SCADA Web HMI Execution Device (HMI Subsystem) 1, the following describes the SCADA web HMI execution device 3. As described above, the SCADA web HMI execution device 3 includes the web server 31 and the web browser 32.
[0039] 1- 3 -1. Web Server The web server 31 reads the web HMI data 2 and the device list 23. The web server 31 reads the web HMI data 2 and arranges the static display attribute data 21 and the runtime attribute data 22 as HMI web runtime content. The web server 31 reads the device list 23 and makes it possible to send and receive signals between the web browser 32 and the monitoring and control system 4.
[0040] The process of the HMI server runtime 311 that runs on the web server 31 is as follows. That is, it has an application server built in and supplies HMI web runtime contents to the web browser 32. It communicates with the monitoring and control system 4, transmits signal data from the monitored device 7 to the HMI web runtime 321, and transmits control commands from the HMI web runtime 321 to the monitoring and control system 4.
[0041] 1- 3 -2.Web Browser Next, a description will be given of the processing of the web browser 32. The web browser 32 can read the web HMI data 2 (static display attribute data 21 and runtime attribute data 22) by the web HMI data reading processing unit 33, and execute static display processing and dynamic display processing. In the static display processing executed by the static display processing unit 35, the web browser 32 reads the static display attribute data 21, which is drawing data in SVG format, from the web server 31, and displays the HMI screen 32a.
[0042] In the dynamic display process executed by the dynamic display processing unit 36, the web browser 32 reads the runtime attribute data 22. The conversion definition, the item name of the operation element, and the display information contained in the runtime attribute data 22 are applied as setting parameters to a JavaScript (registered trademark) program. By applying this information as setting parameters, the display state of the operation element on the HMI screen 32a is changed according to the PLC signal received by the PLC signal processing unit 34 from the monitoring and control system 4.
[0043] According to this embodiment, the drawing processing unit 11 has the exclusive grouping means 11a, so that it is possible to group a plurality of operation elements arranged on the drawing in the drawing area 111 mutually exclusively. This makes it possible to create an HMI screen on which a plurality of operation elements can be arranged exclusively and with a high degree of freedom. Moreover, since the HMI screen is not created by a script as in a general-purpose SCADA, the quality of the HMI screen displayed on the web browser 32 is not degraded.
[0044] In addition, since the drawing processing unit 11 further includes a mutual relationship definition means 11b, it becomes possible to define mutually exclusive or non-exclusive relationships between a plurality of exclusively grouped operation elements. This makes it possible to assign directions such as superordinate and subordinate concepts to the mutually grouped operation elements. As a result, the degree of freedom in designing the HMI screen 32a is improved.
[0045] Also, the stencil area 110 The execution button EXE is arranged so that it can be selected, and the stencil area 110 By arranging the operation elements and execution button EXE selected above, a diagram can be drawn in the drawing area 111, whereby an HMI screen 32a on which operation elements and execution buttons are arranged can be created. This allows the operator to perform two-action operations on the HMI screen 32a, thereby preventing erroneous operations on the monitored device 7.
[0046] Although the embodiment has been described above, the present invention is not limited to the above embodiment, and various modifications can be made without departing from the spirit of the present invention. In the system of the above embodiment, drawing data in SVG format is used, but the drawing data is not limited to this. If the web browser 32 supports WebGL, the drawing data may be in a format compatible with WebGL.
[0047] In addition, in the above embodiment, the SCADA web HMI execution device 3 is equipped with a web server 31 and a web browser 32, but it may also be configured to connect multiple client terminals to the web server 31 and display the web browser 32 on the display of each client terminal.
[0048] In the above embodiment, the case where the operator performs two-action operations on the HMI screen 32a has been described as an example, but the present invention is not limited to this. For example, an execution button does not have to be arranged on the HMI screen 32a. In this case, when an operation element is selected, an operation corresponding to the selected operation element is performed on the monitored device 7. In the above embodiment, the execution button EXE is arranged in the stencil area 110 separately from the operation elements, but the execution button may be arranged in the stencil area 110 as one of the operation elements. [Explanation of symbols]
[0049] 1...HMI screen design device, 11...drawing processing unit, 11a...exclusive grouping means, 11b...interrelationship definition means, 110...stencil area, 111...drawing area, 12...web HMI data generation processing unit (drawing data generation processing unit), 32...web browser, 32a...HMI screen, PL1, PL1A, PL2...operation element, EXE...execution button
Claims
1. In an HMI screen design device for creating an HMI screen to be dynamically displayed on a web browser of a SCADA web HMI system, a drafting processing unit having a stencil area in which a plurality of operation buttons or operation switches arranged on the HMI screen and operated by an operator are selectably arranged, and a drafting area in which a drawing is drawn by arranging the selected operation buttons or operation switches on the stencil area; a drawing data generation processing unit that generates drawing data, which is data of the drawing on which the plurality of operation buttons or the operation switches are arranged, The drawing processing unit is an HMI screen design device having an exclusive grouping means for mutually exclusively grouping a plurality of the operation buttons or the operation switches arranged on the drawing.
2. 2. The HMI screen design device according to claim 1, wherein the drawing processing unit further comprises a mutual relationship defining means for defining a mutual exclusive relationship or a mutual non-exclusive relationship among the plurality of operation buttons or operation switches grouped by the exclusive grouping means.
3. 3. The HMI screen design device according to claim 2, wherein said mutual relationship defining means defines said exclusive relationship or said non-exclusive relationship on a table.
4. 2. The HMI screen design device of claim 1, wherein the stencil area further includes an execution button for executing the operation button or operation switch selected on the HMI screen, and the drawing is drawn by arranging the operation button or operation switch selected on the stencil area and the execution button in the drawing area.
5. An HMI screen design device according to any one of claims 1 to 4, a SCADA web HMI execution device that displays the HMI screen on a web browser by reading the drawing data generated by the drawing data generation processing unit of the HMI screen design device.