SCADA Web HMI System

Abstract

The SCADA web HMI system groups a plurality of components including a first component to generate an integrated component, and applies a first animation effect to the integrated component. The first animation effect is applied to the integrated component as a whole but not to the components of the integrated component individually. The system applies a second animation effect to the first component. The second animation effect is applied to the first component among the plurality of components constituting the integrated component but not to the components of the integrated component other than the first component. The system associates the value of the first PLC signal with the first animation effect, and changes the appearance of the integrated component in the HMI screen with animation according to the value of the first PLC signal. In addition, the system associates the value of the second PLC signal with the second animation effect, and changes the appearance of the first component in the HMI screen with animation according to the value of the second PLC signal.

Description

Technical Field

[0001] The present invention relates to a SCADA web page HMI system, and in particular to a SCADA web page HMI system with an installation auxiliary function of animation expression. Background Art

[0002] SCADA (Supervisory Control And Data Acquisition) is known as a mechanism for monitoring and controlling social infrastructure systems, such as steel rolling systems, power transmission and substation systems, water and sewage treatment systems, building management systems, and road systems.

[0003] SCADA is a type of industrial control system that performs computer-based system monitoring and process control. In SCADA, adaptability (real-time performance) that matches the processing performance of the system is required.

[0004] SCADA generally consists of the following subsystems.

[0005] (1) HMI (Human Machine Interface)

[0006] HMI is a structure that presents data of a target process (monitoring target device) to an operator so that the operator can monitor and control the process. For example, Patent Document 1 discloses a SCADA HMI having an HMI screen that operates on a SCADA client.

[0007] (2) Monitoring and control system

[0008] The monitoring and control system collects signal data (PLC signals) on the process and sends control instructions to the process. The monitoring and control system is composed of PLC (Programable Logic Controller).

[0009] (3) Remote Input Output (RIO)

[0010] The remote input / output device is connected to a sensor installed in the process, converts the sensor's signal into digital data, and sends the digital data to the monitoring control system.

[0011] (4) Communication platform

[0012] The communication platform connects the monitoring control system and the remote input and output devices.

[0013] Prior art literature

[0014] Patent Literature

[0015] Patent Document 1: Japanese Patent Application Publication No. 2017-27211 Summary of the invention

[0016] Technical problem to be solved by the invention

[0017] The client program of the HMI subsystem in Patent Document 1 is constructed by a program that depends on the machine environment. In order to reduce the cost of the SCADA HMI subsystem, the inventors of the present application developed a browser-based SCADA HMI system that does not depend on the machine environment.

[0018] When the SCADA HMI subsystem is constructed as a web application that runs on a web browser, there are the following advantages.

[0019] (1) Since a web browser is installed in a plurality of terminal devices such as a personal computer (PC) and a slab PC, various terminal devices can be used as a SCADA HMI subsystem.

[0020] (2) Web browsers have high-performance drawing capabilities, making it easy to create advanced GUI interactive functions based on animation.

[0021] However, in the SCADA HMI subsystem, a diagram creation device called an engineering tool is used to create an HMI screen.

[0022] A plurality of components are arranged on the HMI screen. In the existing SCADA, at least one data element called a "tag" or a "point" is assigned to each component. A unique PLC signal is assigned to each data element. n PLC signals are assigned to n data elements (e.g., display colors of components) of the HMI screen, and n PLC signals are sent from the monitoring control system (PLC) to the HMI subsystem. The HMI subsystem changes the appearance of the components of the HMI screen with animation according to the PLC signals received from the monitoring control system (PLC).

[0023] Fig.30 This is an example of a material handling vehicle schematic diagram created as an HMI screen. The material handling vehicle schematic diagram prompts the operator with the position, operating status, and status of the loaded materials of the material handling vehicle in the handling system. The material handling vehicle depicted in the material handling vehicle schematic diagram is composed of wheels, a shelf, and materials loaded on the shelf. They are composed of four components 401 to 404 that combine basic element components (straight lines, quadrilaterals, and circles). Component 401 represents the shelf, components 402 and 403 represent wheels, and component 404 represents the material. Each of these four components is assigned with its own unique data elements, the category of the program for controlling the animation effect of the component, and parameters for the program.

[0024] like Fig.31 As shown in FIG. 1 , in order to show that the material handling vehicle is moving, the wheel components 402 and 403 need to move according to the position of the material handling vehicle. The shelf component 401 and the material component 404 loaded on the shelf also need to move according to the position of the material handling vehicle. Fig.32 As shown, the wheel components 402 and 403 need to rotate according to the position of the material handling vehicle. In order to realize these actions, the wheel components 402 and 403 have been given rotation animation effects and movement animation effects. In addition, the shelf component 401 and the material component 404 have been given movement animation effects that are synchronized with the movement of the wheel components 402 and 403. In other words, in order to depict the material handling vehicle as an integrated component, it is necessary to design a program that coordinates the animation effects of the four components 401 to 404.

[0025] However, it is not an easy task to coordinate the animation effects between components. As the number of components increases, the number of hours required for programming to coordinate the animation effects increases. Therefore, research is being conducted to improve design efficiency by treating multiple components as a single component, thereby reducing the number of components that should be given animation effects. Fig.30 In the schematic diagram of the material handling vehicle shown, the wheels, the shelves, and the materials loaded on the shelves of the material handling vehicle are treated as an integrated component, which can improve the design efficiency. However, simply integrating the components cannot achieve advanced animation effects. For example, it is desired to give a rotation animation effect to the wheel components 402 and 403, but only by integrating with other components 401 and 404, only a moving animation effect can be given.

[0026] The present invention is completed in order to solve the above-mentioned technical problems, and its purpose is to provide a SCADA web page HMI system which can improve the design efficiency of HMI screens with advanced animation effects.

[0027] Means for solving technical problems

[0028] In order to achieve the above-mentioned object, the SCADA web page HMI system of the present invention is constructed as follows.

[0029] The SCADA web HMI system has a web browser for displaying an HMI screen. The SCADA web HMI system changes the appearance of components arranged on the HMI screen according to the value of a PLC signal received from a programmable logic controller.

[0030] The SCADA web HMI system includes at least one processor and at least one memory storing at least one program. At least the processor executes the following first to fifth processes according to the at least one program.

[0031] The first process is to group the multiple components including the first component to generate an integrated component. Grouping in this specification means defining multiple components as a new integrated component. Unlike merging in which the data elements of the multiple integrated components are aggregated into one, in grouping, the inherent data elements of the individual components constituting the group are maintained.

[0032] The second processing is a processing of giving the first animation effect to the integrated component. The first animation effect is applied to the integrated component as a whole, and is not applied to the components of the integrated component individually. The first animation effect may also include at least one of a change in the display color of the integrated component and a transformation of the graphic of the integrated component. In addition, the transformation of the graphic of the integrated component may also include at least one of enlargement / reduction, rotation, parallel translation, shearing, and a combination thereof as a subset of affine transformation.

[0033] The third processing is processing for imparting a second animation effect to the first component. The second animation effect is applied to the first component among the components of the integrated component, and is not applied to other components. The second animation effect may also include at least one of a change in the display color of the first component and a transformation of the graphic of the first component. The transformation of the graphic of the first component may also include at least one of enlargement / reduction, rotation, parallel translation, shearing, and a combination thereof.

[0034] The fourth process is to associate the value of the first PLC signal with the first animation effect and to associate the value of the second PLC signal with the second animation effect. In the case of animation effect transformation, these processes specifically become processes of assigning the value of the PLC signal to the parameters sx, sy, θ, tx, ty, α, β of scale(sx, sy), rorate(θ), translate(tx, ty), skew(α, β) and performing respective transformations. Here, scale(sx, sy), rorate(θ), translate(tx, ty), skew(α, β) are matrix transformations representing partial transformations of affine transformations.

[0035] The fifth process is to receive a first PLC signal and animate the appearance of an integrated component in the HMI screen according to the value of the first PLC signal, and to receive a second PLC signal and animate the appearance of a first component in the HMI screen according to the value of the second PLC signal.

[0036] Alternatively, in addition to the first to fifth processes described above, at least one processor may execute the following sixth to ninth processes according to at least one program. First, the sixth process is a process of grouping a plurality of components including an integrated component to generate a multiple integrated component.

[0037] The seventh process is a process of applying the third animation effect to the multiple integrated component. The third animation effect is applied to the multiple integrated component as a whole, but is not applied to the components of the multiple integrated component individually. The third animation effect may also include at least one of a change in the display color of the multiple integrated component and a transformation of the graphics of the multiple integrated component. The transformation of the graphics of the multiple integrated component may also include at least one of enlargement / reduction, rotation, parallel translation, shearing, and a combination thereof as a subset of affine transformation.

[0038] The eighth process is a process of associating the value of the third PLC signal with the third animation effect. The ninth process is a process of receiving the third PLC signal and changing the appearance of the multiple integrated components in the HMI screen with animation according to the value of the third PLC signal.

[0039] The SCADA web HMI system may also be provided in a steel rolling monitoring and control system. In this case, the SCADA web HMI system may also be configured to configure a slab composed of a plurality of components in an HMI screen, and to change the appearance of the slab in the HMI screen with animation according to the value of a PLC signal from a programmable logic controller configured in the steel rolling production line.

[0040] Effects of the Invention

[0041] According to the SCADA webpage HMI system of the present invention, an animation effect is given to the integrated component as a whole but not applied to the components constituting the integrated component separately. An animation effect is given to the components constituting the integrated component but not applied to other components constituting the integrated component. In this way, by giving independent animation effects to the integrated component and the components constituting the integrated component respectively, an HMI screen with advanced animation effects can be produced, and the design efficiency of the HMI screen can be improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] Figure 1 This is an example of an animation of a material handling vehicle schematic diagram displayed on an HMI screen by the SCADA web HMI system according to the first embodiment of the present invention.

[0043] Figure 2 It is a diagram showing the system configuration of SCADA according to the first embodiment of the present invention.

[0044] Figure 3 This is a block diagram showing a hardware configuration example of a SCADA web page HMI execution device and a SCADA web page HMI design device.

[0045] Figure 4This is a block diagram for explaining main processing executed in the engineering tool and the web browser according to the first embodiment of the present invention.

[0046] Figure 5 This is an example of a drawing creation screen displayed by the engineering tool according to the first embodiment of the present invention.

[0047] Figure 6 This is a diagram for explaining display color and size, which are attributes related to the appearance of a component.

[0048] Figure 7 This is a diagram for explaining the positions which are attributes related to the appearance of a component.

[0049] Figure 8 This is a diagram for explaining rotation as a property related to the appearance of a component.

[0050] Fig. 9 This is a diagram for explaining cutting, which is a property related to the appearance of a component.

[0051] Fig.10 This is a diagram showing a first example of component data.

[0052] Fig.11 This is a diagram showing a first example of component data.

[0053] Fig.12 It is a diagram showing a second example of component data.

[0054] Fig.13 It is a diagram showing a second example of component data.

[0055] Fig.14 This is a diagram showing a first example of grouping processing.

[0056] Fig.15 This is a diagram showing a first example of grouping processing.

[0057] Fig.16 It is a diagram showing a second example of the grouping process.

[0058] Fig.17 It is a diagram showing a second example of the grouping process.

[0059] Fig.18 This is a flowchart for explaining the flow of grouping processing using the engineering tool according to the first embodiment of the present invention.

[0060] Fig.19 This is a flowchart for explaining the flow of grouping processing using the engineering tool according to the first embodiment of the present invention.

[0061] 20 is a schematic diagram of a material handling vehicle produced as an embodiment of an HMI screen based on a SCADA web HMI system.

[0062] Fig.21 Yes means Fig. 20 A diagram of the component data for a material handling vehicle schematic is shown.

[0063] Fig. 22 Yes means Fig. 20 The illustrated schematic diagram of a material handling vehicle shows component data before movement and an external appearance of the material handling vehicle represented by the component data.

[0064] Fig.23 Yes means Fig. 20 The component data of the material handling vehicle schematic diagram after being moved and the appearance of the material handling vehicle represented by the component data are shown.

[0065] Fig.24 This is an example of a GUI screen that defines properties for adding animation effects to parts.

[0066] Fig.25 It is a diagram showing the structure of a steel rolling line.

[0067] Fig.26 This is an example of a slab diagram created as an HMI screen by the SCADA web HMI system according to the second embodiment of the present invention.

[0068] Fig. 27 It is used to describe Fig.25 A diagram of the components of a slab schematic is shown.

[0069] Fig.28 This is a diagram for explaining the conversion of graphics of a slab schematic diagram in the SCADA web page HMI system according to the second embodiment of the present invention.

[0070] Fig.29 It is a diagram showing the system configuration of a steel rolling monitoring control system provided with a SCADA web HMI system according to a second embodiment of the present invention.

[0071] Fig.30 This is an example of a material handling vehicle diagram created as an HMI screen.

[0072] Fig.31 It is used to make Fig.30 A schematic diagram of a material handling vehicle is shown with an animated diagram of the moving objects.

[0073] Fig.32 It is used to make Fig.30 A schematic diagram of a material handling vehicle is shown with an animated rotation effect. DETAILED DESCRIPTION

[0074] Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings. However, in the embodiments shown below, when the number, quantity, amount, range, etc. of each element is mentioned, the present invention is not limited to the mentioned quantity except for the case where it is specifically stated or the case where it is clearly determined in principle. In addition, the structure etc. described in the embodiments shown below are not necessarily necessary for the present invention except for the case where it is specifically stated or the case where it is clearly determined in principle. In addition, the same reference numerals are marked on the elements shared in each figure and repeated descriptions are omitted.

[0075] 1. First Implementation

[0076] 1-1. Overview

[0077] First, an overview of a SCADA web HMI system according to a first embodiment of the present invention will be described. Figure 1 This is an example of an animation of a material handling vehicle schematic diagram displayed on the HMI screen through the SCADA web HMI system. Figure 1 The material transport vehicle shown moves from left to right, the amount of material loaded on the shelf increases, and the material transport vehicle schematic diagram is given an animation effect such as the display color of the shelf and the material changes.

[0078] Figure 1 The material handling vehicle shown is composed of four parts 401 to 404. In order to realize the above-mentioned animation effect as a whole material handling vehicle, it is necessary to move all four parts 401 to 404 in the same direction and the same distance. In addition, the wheel parts 402 and 403 need to rotate. The material part 404 needs to be expanded upward. Moreover, the display color of the shelf part 401 and the material part 404 needs to be changed. Of course, it is also possible to give animation effects to these parts 401 to 404 separately and coordinate the animation effects between the parts. However, if this method is used, the more the number of parts increases, the more operations are used to coordinate the animation effects, and the man-hours for application development increase.

[0079] This SCADA web HMI system groups multiple components into an integrated component. In addition, the integrated component is given an animation effect that is applied to the integrated component as a whole but not to the components that constitute the integrated component individually. For example, Figure 1 In the example shown, when an integrated component representing the entire cargo transport vehicle is created by grouping components 401 to 404, the moving animation effect is applied to the integrated component as a whole, and is not applied to each component 401 to 404. By performing such processing, the design efficiency of the HMI screen can be improved.

[0080] Furthermore, the present SCADA web HMI system provides, for a component constituting an integrated component, an animation effect that is applied to the component but not to other components constituting the integrated component. Figure 1 In the example shown, the rotation animation effect is applied to the wheel components 402 and 403, but not to the shelf component 401 and the goods component 404. By performing such processing, an HMI screen with advanced animation effects can be created.

[0081] The following describes in detail the structure of the present SCADA web page HMI system for achieving the above-mentioned effects and the processing performed by the present SCADA web page HMI system.

[0082] 1-2. Overall system

[0083] Figure 2 This is a diagram showing the system structure of SCADA. SCADA has a SCADA web page HMI execution device 3, a monitoring control system 4, a communication platform 5, and an RIO 6 as subsystems. SCADA is connected to a monitoring target device 7 via the monitoring control system 4 or the RIO 6. In this specification, the SCADA web page HMI execution device 3 as an HMI execution environment and the SCADA web page HMI design device 1 as an HMI development environment are referred to as a SCADA web page HMI system.

[0084] The description of the monitoring control system 4, the communication platform 5, and the RIO 6 is omitted because it is described in the background art. The monitoring control system 4 includes a programmable logic controller (PLC). The monitoring target device 7 is a sensor, an actuator, etc. constituting a plant to be monitored and controlled.

[0085] The SCADA web page HMI design device 1 executes an engineering tool 10. The engineering tool 10 has an advanced diagram editing function, a function capable of saving diagram data in SVG (Scalable Vector Graphics) format, and an extended function. As an example, the diagram editing function and the SVG data saving function are implemented by Microsoft Visio (registered trademark). The engineering tool 10 generates web page HMI data 2 and a device list 23 required for the SCADA web page HMI execution device 3 as an HMI execution environment to function. In the SCADA web page HMI design device 1, a GUI is installed as a user interface for executing the engineering tool 10. The details of the SCADA web page HMI design device 1 are described later.

[0086] The SCADA web HMI execution device 3 (HMI subsystem) includes a web server 31 and a web browser 32. In the SCADA web HMI execution device 3, an HMI server runtime 311 operating on the web server 31 and an HMI web runtime 321 operating on the web browser 32 cooperate to operate as an HMI subsystem.

[0087] The web browser 32 displays a screen for monitoring the device, i.e., an HMI screen. A component that displays the status of the device is arranged on the HMI screen. The web server 31 communicates with the web browser 32 and the monitoring control system 4. For example, when the PLC signal received from the monitoring control system 4 is a signal related to the HMI screen currently displayed on the web browser 32, the web server 31 sends the PLC signal to the web browser 32. Thus, the SCADA web HMI execution device 3 changes the appearance of the component arranged on the HMI screen according to the value of the PLC signal received from the monitoring control system 4. The details of the SCADA web HMI execution device 3 will be described later.

[0088] Reference Figure 3 The hardware structure of the main parts of the SCADA web HMI system is explained. Figure 3 This is a block diagram showing an example of the hardware configuration of a SCADA web HMI system.

[0089] Figure 3 Each process of the SCADA web page HMI design device 1 shown is realized by a processing circuit. The processing circuit is composed of a processor 1a, a memory 1b, a display 1c, and an input / output interface 1d connected together. The input / output interface 1d is an output device that can output files to input devices such as a keyboard and a mouse, and web page HMI data 2 and a device list 23. The processor 1a realizes each process of the SCADA web page HMI design device 1 by executing various programs stored in the memory 1b.

[0090] Figure 3 Each process of the SCADA web page HMI execution device 3 shown is realized by a processing circuit. The processing circuit is composed of 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 that can read the web page HMI data 2 and the device list 23. The network interface 3e is connected to the monitoring control system 4 and is a device that can send and receive signal data and control instructions. In addition, the processing circuit realizes each process of the SCADA web page HMI execution device 3 by executing various programs stored in the memory 3b by the processor 3a.

[0091] 1-3. Processing based on engineering tools

[0092] Figure 4 1 is a block diagram for explaining the main processes executed in the engineering tool 10 and the web browser 32. The main processes executed in the engineering tool 10 are drawing process 11, component data generation process 12, component data editing process 13, integrated component data editing process 14, web HMI data generation process 15, device list generation process 16, and grouping process 17. First, the contents of these processes executed by the engineering tool 10 are explained.

[0093] 1-3-1. Mapping Processing

[0094] Reference Figure 5 , a drawing process 11 for creating a drawing used as an HMI screen will be described. Figure 5 This is an example of a drawing creation screen displayed by the engineering tool 10. The drawing creation screen is displayed on the display 1c (see Figure 3 )superior.

[0095] In the drawing process 11, a template area 110 in which prototypes (main shapes) of components required for drawing are arranged and a drawing area 111 for drawing on the HMI screen are displayed in a row on the drawing creation screen. In the drawing process 11, the input / output interface 1d (see Figure 3 ) The components on the template area 110 selected by the HMI screen designer are arranged on the drawing area 111.

[0096] exist Figure 5 In the example, HLINE 110a as a prototype of a horizontal line component, VLINE 110b as a prototype of a vertical line component, RECTANGLE 110c as a prototype of a quadrilateral component, and CIRCLE 110d as a prototype of a circular component are displayed in the template area 110. However, the types of components are not limited thereto, and prototypes of a triangle component, a tire component, etc. may also be displayed in the template area 110.

[0097] HMI screen designers can Figure 5 The prototype on the template area 110 in the drawing is copied and arranged at an arbitrary position on the drawing area 111 (drag and drop). A drawing is created by arranging components in the drawing area 111. Figure 5 The components 401 to 404 in FIG. 1 are components that the HMI screen designer copies the prototypes 110a to 110d of the components from the template area 110 and arranges in the drawing area 111. Figure 5 A schematic diagram of a material handling vehicle is drawn in the drawing area 111 .

[0098] 1-3-2. Parts data generation process

[0099] Return again Figure 4 Next, the component data generation process 12 will be described. In the component data generation process 12, when a component is arranged in the drawing area 111, unique component data is automatically generated. Specifically, in the component data generation process 12, component data is generated by associating "arrangement information", "component identifier", "attribute identifier" and "display information" of the component arranged in the drawing area 111.

[0100] "Configuration information" refers to static display attributes such as the shape, position, and size of the components configured in the drawing area 111. Static display attributes are information that does not change the appearance of the component regardless of the value of the received PLC signal. Static display attributes can be changed on the drawing area 111. "Component identifier" is a unique identifier used to identify each component configured on a drawing, such as a component number. "Attribute identifier" is an identifier that represents the dynamic display attribute of a component. "Display information" is information that determines the display state of the component corresponding to the attribute value assigned to the attribute identifier. When the attribute is a display color, it is also called a color rule.

[0101] The above-mentioned attributes include attributes for giving animation effects to components. Specifically, "display color", "size", "position", "rotation" and "shear" which are attributes related to the appearance of components are attributes for giving animation effects to components. These attributes are set for components using the GUI. In addition, multiple attributes can be set for one component.

[0102] When the attribute is "display color", Figure 6 As shown in the example, in the drawing area 111 (refer to Figure 5 ) in the color corresponding to on / off. In addition, when the attribute is "Size", the size on the screen is 100% size. In "Size", the enlargement / reduction ratio can be set separately. In addition, in Figure 6 The number appended next to a part is the part identifier.

[0103] In the case of a "position" attribute, such as Figure 7 As in the example shown, the component is displayed at the initial position and the movement range is displayed with an arrow.

[0104] In the case of the attribute "rotation", such as Figure 8 As in the example shown, the rotation center of the component is displayed. In "Rotation", the rotation angle, rotation direction, and rotation speed can be set separately.

[0105] In the case of the attribute "cut", such as Fig. 9 As shown in the example, the center point and operation point of the transformation are displayed. By dragging the operation point with the mouse, the shape can be sheared and deformed.

[0106] The "size", "position", "rotation" and "shear" in the above attributes involve the transformation of graphics and are dynamic display attributes of components. The transformation of graphics is generally performed through affine transformation. In this embodiment, basic transformations required for the display processing of SCADA are selected from affine transformations, and they are provided to application developers as animation effects. The assignment of each animation effect is a simple setting process. By specifying one or more animation effects required for each component, the application developer can implement complex animations that simulate the status of the device. When the coordinates on the screen before the transformation are set to (x, y) and the coordinates on the screen of the transformed screen are set to (x', y'), the affine transformation is represented by the matrix transformation of the following formula 1.

[0107] [Formula 1]

[0108]

[0109] Enlargement / reduction, rotation, parallel translation, and shearing are subsets of affine transformations and are represented by the following matrix transformations of Equations 2, 3, 4, and 5, respectively.

[0110] [Formula 2]

[0111]

[0112] [Formula 3]

[0113]

[0114] [Formula 4]

[0115]

[0116] [Formula 5]

[0117]

[0118] Respective matrix transformations are expressed as scale(sx, sy), scale(θ), translate(tx, ty), skew(α, β). Application developers can implement animations that change motion by changing PLC signals by assigning signals from the PLC to each parameter sx, sy, θ, tx, ty, α, β. Since multiple animation effects can be applied to a component, affine transformations that synthesize individual matrix transformations can be applied to the component.

[0119] In the component data generation process 12, a unique "project name" is generated in the system by combining the screen identifier, component identifier, and attribute identifier of the HMI screen. The project name is a signal name corresponding to the PLC signal sent from the monitoring control system 4 to the SCADA web page HMI execution device 3. The project name is associated with the PLC signal one-to-one.

[0120] Fig.10 as well as Fig.11 1 is a diagram showing a first example of component data in this embodiment. Here, an example is described in which a component representing a first quadrilateral is configured as a "first component" and a component representing a second quadrilateral is configured as a "second component". In each figure, the position of each component on the XY plane is illustrated.

[0121] The first component data 41 is component data of a first quadrilateral as a first component. The first component identifier is "component number 1". The first attribute identifier is "display position on the Y axis". Furthermore, the first display information is "change the display position of the component on the Y axis according to the value of the PLC signal". In addition, the item name "G1_1SL_MY" is an identifier formed by combining "G1" representing the screen identifier of the HMI screen, "1" representing the component number 1, "SL" representing the quadrilateral component, and "MY" representing the display position on the Y axis.

[0122] The second component data 42 is component data of a second quadrilateral as a second component. The second component identifier is "component number 2". The second attribute identifier is "display position on the Y axis". And the second display information is "change the display position of the component on the Y axis according to the value of the PLC signal". In addition, the item name "G1_2SL_MY" is an identifier formed by combining "G1" which indicates the screen identifier of the HMI screen, "2" which indicates component number 2, "SL" which indicates a quadrilateral component, and "MY" which indicates a display position on the Y axis.

[0123] Fig.12 as well as Fig.13 1 is a diagram showing a second example of component data in the present embodiment. In the second example, the number of components is increased compared to the first example. Specifically, a component representing a third quadrilateral is newly arranged as a "third component", and a component representing a fourth quadrilateral is newly arranged as a "fourth component". The first component data 51 is the same as the first component data 41 of the first example. In addition, the second component data 52 is also the same as the second component data 42 of the first example. In each figure, the position of each component on the XY plane is illustrated.

[0124] The third component data 53 is component data of a third quadrilateral as a third component. The third component identifier is "component number 3". The third attribute identifier is "display position on the Y axis". And the third display information is "change the display position of the component on the Y axis according to the value of the PLC signal". In addition, the item name "G1_3SL_MY" is an identifier formed by combining "G1" which indicates the screen identifier of the HMI screen, "3" which indicates the component number 3, "SL" which indicates the quadrilateral component, and "MY" which indicates the display position on the Y axis.

[0125] The fourth component data 54 is component data of a fourth quadrilateral as a fourth component. The fourth component identifier is "component number 4". The fourth attribute identifier is "display position on the Y axis". And the fourth display information is "change the display position of the component on the Y axis according to the value of the PLC signal". In addition, the item name "G1_4SL_MY" is an identifier formed by combining "G1" which indicates the screen identifier of the HMI screen, "4" which indicates the component number 4, "SL" which indicates the quadrilateral component, and "MY" which indicates the display position on the Y axis.

[0126] 1-3-3. Parts data editing process

[0127] Return again Figure 4 Next, the component data editing process 13 is described. In the component data editing process 13, the component data automatically generated by the component data generation process 12 is edited. The "display information" of the automatically generated component data is a default content, so the HMI screen designer edits the content of the "display information" according to the HMI screen specifications of the device to be monitored and controlled.

[0128] 1-3-4. Group processing

[0129] Next, the grouping process 17 is described. In order to improve the efficiency of designing an HMI screen with advanced animation effects, the engineering tool 10 groups a plurality of components on the HMI screen of the HMI subsystem. Grouping is performed on the drawing creation screen (see Figure 5 ) is carried out in

[0130] HMI screen designers use Figure 5 The engineering tool 10 can select a plurality of components to be integrated by using the range designation 112 indicated by the dotted frame, and execute the grouping process 17. Specifically, by selecting the components to be grouped using the range designation 112 and selecting the "GROUP" menu from the menu list, the selected plurality of components can be grouped.

[0131] The components that can be grouped are only display components that change the display state according to the PLC signal sent from the monitoring control system 4 to the SCADA web page HMI execution device 3. The display components have any one of "display color", "non-display", "size", "position", "rotation", and "cut" as attributes related to the appearance of the component, and any one of "Boolean", "integer", and "floating point number" as the type of attribute value. In other words, only components that can be given animation effects are components that can be grouped. In addition, in the display components, multiple of the above-mentioned attributes related to the appearance of the component can also be set.

[0132] The grouping process 17 will be described in detail below. The grouping process 17 includes an integrated component identifier generation process 18 , a component data change process 19 , and an integrated component data generation process 20 .

[0133] First, as the first example of group processing, refer to Fig.14 as well as Fig.15 , to the general Fig.10 as well as Fig.11 A specific change in component data when the first component and the second component shown are grouped will be described.

[0134] In the grouping process 17, first, an integrated component identifier generation process 18 is performed. Fig.14 as well as Fig.15 In the first example shown, an integrated component identifier "component number 10" is newly generated by the integrated component identifier generation process 18. "Component number 10" is an identifier given to the tenth integrated component obtained by grouping the first component and the second component.

[0135] Next, the component data changing process 19 is performed. In the component data changing process 19, the first component relationship data of the first component data 41 is changed based on the relationship between the first component and the integrated component of "component number 10". Specifically, information indicating that the first component is a child element of the 10th integrated component having the integrated component identifier "component number 10" is added to the first component relationship data.

[0136] In addition, in the component data change processing 19, the second component relationship data of the second component data 42 is changed based on the relationship between the second component and the integrated component of "component number 10". Specifically, information indicating that the second component is a child element of the integrated component having the integrated component identifier "component number 10" is added to the second component relationship data.

[0137] Next, the integrated component data generation process 20 is performed. In the integrated component data generation process 20, the integrated component data is generated. Fig.14as well as Fig.15 The 10th integrated component data 43 shown in FIG. 10 is component data of the 10th integrated component formed by grouping the first component and the second component. In the 10th integrated component data 43, "configuration information", "component identifier", "attribute identifier" and "display information" of the 10th integrated component are associated. In addition, in the integrated component data generation process 20, an integrated component item name is generated by combining the screen identifier of the HMI screen, the integrated component identifier and the attribute identifier.

[0138] The attribute identifier of the 10th integrated component included in the 10th integrated component data 43 is "display position on the X-axis". The display information of the 10th integrated component is "change the display position of the integrated component on the X-axis according to the value of the PLC signal". The relationship data of the 10th integrated component is "the 10th integrated component is the parent element of the first component and the second component". In addition, the item name "G1_10SL_MX" is an identifier that is a combination of the screen identifier "G1" of the HMI screen, "10" representing the integrated component identifier "component number 10", "SL" representing the integrated component, and "MX" representing the attribute identifier "display position on the X-axis". The item name of the integrated component is also associated with the PLC signal one-to-one.

[0139] Thus, in the first example of grouping processing, Fig.10 as well as Fig.11 The first and second components are shown as Fig.14 as well as Fig.15 The sub-elements of the tenth integrated component shown are grouped, and tenth integrated component data is generated.

[0140] Next, as a second example of grouping processing, refer to Fig.16 as well as Fig.17 , to the general Fig.11 as well as Fig.12 A specific change in component data when the first to fourth components shown are hierarchically grouped will be described.

[0141] First, an integrated component identifier "component number 10" and an integrated component identifier "component number 20" are newly generated by the integrated component identifier generation process 18. "Component number 10" is an identifier assigned to the 10th integrated component formed by grouping the first component and the second component. "Component number 20" is an identifier assigned to the 20th integrated component formed by grouping the third component and the fourth component.

[0142] Next, by the component data change processing 19, information indicating that the first component is a sub-element of the 10th integrated component having the integrated component identifier "component number 10" is added to the first component relationship data of the first component data 51. Information indicating that the second component is a sub-element of the 10th integrated component having the integrated component identifier "component number 10" is added to the second component relationship data of the second component data 52. Furthermore, information indicating that the third component is a sub-element of the 20th integrated component having the integrated component identifier "component number 20" is added to the third component relationship data of the third component data 53. Information indicating that the fourth component is a sub-element of the 20th integrated component having the integrated component identifier "component number 20" is added to the fourth component relationship data of the fourth component data 54.

[0143] Next, the 10th integrated component data 55 is generated by the integrated component data generation process 20. The 10th integrated component data 55 is component data of the 10th integrated component having the first component and the second component as child elements. The attribute identifier of the 10th integrated component included in the 10th integrated component data 55 is "display position on the Y axis". The display information of the 10th integrated component is "change the display position of the component on the Y axis according to the value of the PLC signal". In the 10th component relationship data of the 10th integrated component data 55, information indicating that the 10th integrated component is the parent element of the first component and the second component is input. The item name "G1_10SL_MY" is an identifier obtained by combining the screen identifier "G1" of the HMI screen, "10" indicating the integrated component identifier "component number 10", "SL" indicating the integrated component, and "MY" indicating the attribute identifier "display position on the Y axis".

[0144] In addition, the 20th integrated component data 56 is generated by the integrated component data generation processing 20. The 20th integrated component data 56 is the component data of the 20th integrated component having the third component and the fourth component as child elements. The attribute identifier of the 20th integrated component included in the 20th integrated component data 56 is "display position on the Y axis". The display information of the 20th integrated component is "change the display position of the component on the Y axis according to the value of the PLC signal". In the 20th component relationship data of the 20th integrated component data 56, information indicating that the 20th integrated component is the parent element of the third component and the fourth component is input. The item name "G1_20SL_MY" is an identifier obtained by combining the screen identifier "G1" of the HMI screen, "20" indicating the integrated component identifier "component number 20", "SL" indicating the integrated component, and "MY" indicating the attribute identifier "display position on the Y axis".

[0145] Furthermore, in the second example, the tenth integrated component and the twentieth integrated component are further grouped. In order to perform this further grouping, an integrated component identifier "component number 100" is newly generated by the integrated component identifier generation process 18. "Component number 100" is an identifier for the 100th integrated component, which is a multiple integrated component that is a group of the tenth integrated component and the twentieth integrated component.

[0146] Next, by the component data changing process 19, information indicating that the 10th integrated component is a child element of the 100th integrated component having the integrated component identifier “component number 100” is added to the 10th integrated component relationship data of the 10th integrated component data 55. Also, information indicating that the 20th integrated component is a child element of the 100th integrated component having the integrated component identifier “component number 100” is added to the 20th integrated component relationship data of the 20th integrated component data 56.

[0147] Next, the 100th integrated component data 57 is generated by the integrated component data generation process 20. The 100th integrated component data 57 is component data of the 100th integrated component having the 10th integrated component and the 20th integrated component as child elements. The attribute identifier of the 100th integrated component included in the 100th integrated component data 57 is "display position on the X axis". The display information of the 100th integrated component is "change the display position of the component on the X axis according to the value of the PLC signal". In the 100th component relationship data of the 100th integrated component data 57, information indicating that the 100th integrated component is the parent element of the 10th integrated component and the 20th integrated component is input. The item name "G1_100SL_MX" is an identifier obtained by combining the screen identifier "G1" of the HMI screen, "100" indicating the integrated component identifier "component number 100", "SL" indicating the integrated component, and "MX" indicating the attribute identifier "display position on the X axis".

[0148] Thus, in the second example of grouping processing, Fig.12 as well as Fig.13 The first and second components are shown as Fig.14 as well as Fig.15 The sub-elements of the tenth integrated component shown are grouped to generate the tenth integrated component data. Fig.12 and Fig.13 The third and fourth components are shown as Fig.16 as well as Fig.17The sub-elements of the 20th integrated component are grouped to generate the 20th integrated component data. Furthermore, the 10th integrated component data and the 20th integrated component data are grouped as sub-elements of the 100th integrated component to generate the 100th integrated component data.

[0149] 1-3-5. Integrated component data editing and processing

[0150] Return again Figure 4 Next, the integrated component data editing process 14 is described. In the integrated component data editing process 14, the component data automatically generated by the integrated component data generation process 20 is edited. Since the "display information" of the automatically generated integrated component data is a default content, the HMI screen designer edits the content of the "display information" according to the HMI screen specifications of the device to be monitored and controlled.

[0151] 1-3-6. Flowchart of group processing

[0152] Fig.18 as well as Fig.19 This is a flowchart for explaining the flow of the grouping process 17 using the engineering tool 10 .

[0153] First, in Fig.18 In step S10, the HMI screen designer uses the engineering tool 10 to arrange the components constituting the HMI screen on the drawing area 111. When the components are arranged on the drawing area 111, the unique component data is automatically generated by the component data generation process 12.

[0154] In step S11, the HMI screen designer changes the display information of the component data according to the HMI screen specification of the device to be monitored and controlled. For example, regarding the display information related to the attribute identifier "display color", the display color of the component when the attribute value is 0, the display color of the component when the attribute value is 1, and the presence or absence of the flashing attribute are changed. In addition, the attribute value corresponds to the value of the PLC signal.

[0155] In step S12, the HMI screen designer uses Figure 5 The target components for grouping processing are selected by specifying the range 112 .

[0156] In step S13, the HMI screen designer uses the engineering tool 10 to perform the grouping process 17. In the grouping process 17, Fig.19 The grouping process shown below. Fig.19 The flow of the grouping process 17 will be described.

[0157] First, in step S20, it is determined whether the selected component is a component that can be grouped. The component that can be grouped refers to a display component whose display state is changed according to the PLC signal sent from the monitoring control system 4 to the SCADA web page HMI execution device 3. If the selected component is a component that can be grouped, the determination condition is met. If the determination condition is met, the process proceeds to step S21.

[0158] In step S21, it is determined whether two or more components are selected. If two or more components are selected, the determination condition is satisfied. If the determination condition is satisfied, the process proceeds to step S22.

[0159] In step S22, a new component number is numbered. A new integrated component identifier is numbered in the component data of the integrated component.

[0160] In step S23, information indicating that the selected component is a sub-element of an integrated component is added to the component data of the selected component. In addition, the quadrilateral marked with number 1 in the figure is a schematic diagram of the first component in the first example mentioned above, and the quadrilateral marked with number 2 is a schematic diagram of the second component. Furthermore, the quadrilateral surrounding the quadrilateral of the first component and the quadrilateral of the second component is a schematic diagram of the 10th integrated component. The parallelogram associated with the quadrilateral of the first component is a schematic diagram of the data of the first component, and the parallelogram associated with the quadrilateral of the second component is a schematic diagram of the data of the second component. The number 10 in the parallelogram means that information indicating that it is a sub-element of the 10th integrated component is added to the component data of the selected components (first component, second component).

[0161] In step S24, data of an integrated component is generated. In addition, a parallelogram associated with a quadrilateral surrounding the quadrilateral of the first component and the quadrilateral of the second component is a schematic diagram of data of a tenth integrated component.

[0162] When the determination condition in the process of step S20 or step S21 described above is not satisfied, in step S25 , the engineering tool 10 displays on the display 1 c that the selected component cannot be integrated.

[0163] After step S24 or step S25, Fig.19 The grouping process sub-process is completed. In the first example, the grouping process sub-process is performed once to produce the 10th integrated component. In the second example, the grouping process sub-process is performed three times to produce the 10th integrated component, the 20th integrated component, and the 100th integrated component. Fig.18 The process ends.

[0164] In execution Fig.18 After the process, the web page HMI data generation process 15 and the device list generation process 16 described later are executed. Thus, in the first example described above, the web page HMI data 2 and the device list 23 for the first component, the second component, and the tenth integrated component are generated. In addition, in the second example described above, the web page HMI data 2 and the device list 23 for the first component, the second component, the third component, the fourth component, the tenth integrated component, the 20th integrated component, and the 100th integrated component are generated.

[0165] 1-3-7. Web HMI data generation and processing

[0166] Return again Figure 4 Next, the web page HMI data generation process 15 is described. In the web page HMI data generation process 15, the web page HMI data 2 is generated. The web page HMI data 2 includes static display attribute data 21 and runtime attribute data 22. Static display attributes are information that the appearance of a component does not change regardless of the value of the received PLC signal. For example, it is configuration information of the component such as shape, position, and size. Runtime attributes refer to information used to change the appearance of a component according to the value of the received PLC signal. Specifically, it is the correspondence between the color attribute, the transformation category of a subset of affine transformations, and the parameters of its transformation and the PLC signal.

[0167] The static display attribute data 21 is data obtained by associating the configuration information of the component with the item name. The static display attribute data 21 is data in SVG (Scalable Vector Graphics) format, and includes the configuration information of the component as an attribute of the SVG element. Specifically, the configuration information of the component is shape, position and size.

[0168] exist Fig.14 as well as Fig.15 In the case of the first example shown, the static display attribute data 21 includes the following data.

[0169] Data obtained by associating the item name "G1_1SL_MY" with the configuration information of the first component

[0170] Data obtained by associating the item name "G1_2SL_MY" with the configuration information of the second component; and

[0171] Data obtained by associating the item name "G1_10SL_MX" with the arrangement information of the 10th integrated component

[0172] exist Fig.16 as well as Fig.17In the case of the second example shown, the static display attribute data 21 includes the following data.

[0173] Data obtained by associating the item name "G1_1SL_MY" with the configuration information of the first component

[0174] Data obtained by associating the item name "G1_2SL_MY" with the configuration information of the second component

[0175] Data obtained by associating the item name "G1_3SL_MY" with the configuration information of the third component

[0176] Data obtained by associating the item name "G1_4SL_MY" with the configuration information of the fourth component

[0177] Data obtained by associating the item name "G1_10SL_MY" with the arrangement information of the 10th integrated component

[0178] Data obtained by associating the item name "G1_20SL_MY" with the arrangement information of the 20th integrated component, and

[0179] Data obtained by associating the item name "G1_100SL_MX" with the configuration information of the 100th integrated component

[0180] The runtime attribute data 22 is a correspondence between the display information of the component, that is, the color attribute, the transformation type of the subset of the affine transformation, and the PLC signal.

[0181] exist Fig.14 as well as Fig.15 In the case of the first example shown, the display information of the component includes the following information.

[0182] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the first display information of the first component

[0183] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the second display information of the second component; and

[0184] "Change the display position of the integrated component on the X axis according to the value of the PLC signal" as the 10th display information of the 10th integrated component

[0185] exist Fig.16 as well as Fig.17 In the case of the second example shown, the display information of the component includes the following information.

[0186] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the first display information of the first component

[0187] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the second display information of the second component

[0188] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the third display information of the third component

[0189] "Change the display position of the component on the Y axis according to the value of the PLC signal" as the fourth display information of the fourth component

[0190] "Change the display position of the integrated component on the Y axis according to the value of the PLC signal" as the 10th display information of the 10th integrated component

[0191] "Change the display position of the integrated component on the Y axis according to the value of the PLC signal" as the 20th display information of the 20th integrated component and

[0192] "Change the display position of the integrated component on the X axis according to the value of the PLC signal" as the 100th display information of the 100th integrated component

[0193] The runtime attribute data 22 includes information that the transformation of the graphics is a subset of the affine transformation, that is, the matrix transformation translate (tx, ty). In addition, the information on the correspondence between the parameters tx and ty of the matrix transformation and the PLC signal is included. Based on this information, the dynamic display processing unit 36 ​​operating on the web browser 32 uses a JavaScript (registered trademark) program to change the display state of the component according to the PLC signal received from the monitoring control system 4.

[0194] exist Fig.14 as well as Fig.15 In the first example shown, the first component and the second component are quadrilateral components, and the tenth integrated component is an integrated component, so the definition of the transformation between the quadrilateral component and the integrated component is included in the runtime attribute data 22. In the first example, the operation of the dynamic display processing unit 36 ​​based on the definition of the transformation included in the runtime attribute data 22 is as follows.

[0195] By applying the item name "G1_1SL_MY" and the first display information as setting parameters, the definition of the transformation is applied to the first component. The dynamic display processing unit 36 ​​changes the display position of the first component on the Y axis according to the value of the PLC signal. The definition of the transformation of the first component is applied to the first component, but not to the components of the tenth integrated component other than the first component.

[0196] By applying the item name "G1_2SL_MY" and the second display information as setting parameters, the definition of the transformation is applied to the second component. The dynamic display processing unit 36 ​​changes the display position of the second component on the Y axis according to the value of the PLC signal. The definition of the transformation of the second component is applied to the second component, but not to the components of the 10th integrated component other than the second component.

[0197] By applying the item name "G1_10SL_MX" and the 10th display information as setting parameters, the definition of the transformation is applied to the 10th integrated component. Specifically, it is used as the definition of the transformation for changing the display state of the first component, which is a sub-element of the 10th integrated component, and it is used as the definition of the transformation for changing the display state of the second component, which is a sub-element of the 10th integrated component. The dynamic display processing unit 36 ​​changes the display position of the first component on the X-axis according to the value of the PLC signal, and also changes the display position of the second component on the X-axis according to the value of the PLC signal. The definition of the transformation of the 10th integrated component is applied to the 10th integrated component as a whole, but is not applied to the constituent components of the 10th integrated component individually.

[0198] exist Fig.16 as well as Fig.17 In the second example shown, the first component, the second component, the third component, and the fourth component are quadrilateral components, and the tenth integrated component, the twentieth integrated component, and the one hundredth integrated component are integrated components, so the definition of the transformation between the quadrilateral components and the integrated components is included in the runtime attribute data 22. In the second example, the operation of the dynamic display processing unit 36 ​​based on the definition of the transformation included in the runtime attribute data 22 is as follows.

[0199] By applying the item name "G1_1SL_MY" and the first display information as setting parameters, the definition of the transformation is applied to the first component. The dynamic display processing unit 36 ​​changes the display position of the first component on the Y axis according to the value of the PLC signal. The definition of the transformation of the first component is applied to the first component, but not to the components of the tenth integrated component other than the first component.

[0200] By applying the item name "G1_2SL_MY" and the second display information as setting parameters, the definition of the transformation is applied to the second component. The dynamic display processing unit 36 ​​changes the display position of the second component on the Y axis according to the value of the PLC signal. The definition of the transformation of the second component is applied to the second component, but not to the components of the 10th integrated component other than the second component.

[0201] By applying the item name "G1_3SL_MY" and the third display information as setting parameters, the definition of the transformation is applied to the third component. The dynamic display processing unit 36 ​​changes the display position of the third component on the Y axis according to the value of the PLC signal. The definition of the transformation of the third component is applied to the third component, but not to the components of the 20th integrated component other than the third component.

[0202] By applying the item name "G1_4SL_MY" and the fourth display information as setting parameters, the definition of the transformation is applied to the fourth component. The dynamic display processing unit 36 ​​changes the display position of the fourth component on the Y axis according to the value of the PLC signal. The definition of the transformation of the fourth component is applied to the fourth component, but not to the components of the 20th integrated component other than the fourth component.

[0203] By applying the item name "G1_10SL_MY" and the 10th display information as setting parameters, the definition of the transformation is applied to the 10th integrated component. Specifically, it is used as the definition of the transformation that changes the display state of the first component that is a sub-element of the 10th integrated component, and it is used as the definition of the transformation that changes the display state of the second component that is a sub-element of the 10th integrated component. The dynamic display processing unit 36 ​​changes the display position of the first component on the Y axis according to the value of the PLC signal, and also changes the display position of the second component on the Y axis according to the value of the PLC signal. The definition of the transformation of the 10th integrated component is applied to the 10th integrated component as a whole, but is not applied to the components of the 10th integrated component individually. In addition, the definition of the transformation of the 10th integrated component is applied to the 10th integrated component, but is not applied to the components of the 100th integrated component other than the 10th integrated component.

[0204] By applying the item name "G1_20SL_MY" and the 20th display information as setting parameters, the definition of the transformation is applied to the 20th integrated component. Specifically, it is used as the definition of the transformation that changes the display state of the third component that is a sub-element of the 20th integrated component, and it is used as the definition of the transformation that changes the display state of the fourth component that is a sub-element of the 20th integrated component. The dynamic display processing unit 36 ​​changes the display position of the third component on the Y axis according to the value of the PLC signal, and also changes the display position of the fourth component on the Y axis according to the value of the PLC signal. The definition of the transformation of the 20th integrated component is applied to the 20th integrated component as a whole, but is not applied to the components of the 20th integrated component individually. In addition, the definition of the transformation of the 20th integrated component is applied to the 20th integrated component, but is not applied to the components of the 100th integrated component other than the 20th integrated component.

[0205] By applying the item name "G1_100SL_MX" and the 100th display information as setting parameters, the definition of the transformation is applied to the 100th integrated component. Specifically, it is used as the definition of the transformation for changing the display state of the 10th integrated component, which is a sub-element of the 100th integrated component, and it is used as the definition of the transformation for changing the display state of the 20th integrated component, which is a sub-element of the 100th integrated component. The dynamic display processing unit 36 ​​changes the display position of the 10th integrated component on the X-axis according to the value of the PLC signal, and also changes the display position of the 20th integrated component on the X-axis according to the value of the PLC signal. The definition of the transformation of the 100th integrated component, which is a multiple integrated component, is applied to the 100th integrated component as a whole, but is not applied to the components of the 100th integrated component individually.

[0206] 1-3-8. Device list generation process

[0207] Return again Figure 4 Next, the device list generation process 16 is described. In the device list generation process 16, for each component, a list of data obtained by associating the project name and the PLC signal, that is, a device list 23 is generated. In the device list 23, the project name and the PLC signal (PLC address for receiving the PLC signal) are associated in a one-to-one relationship. The device list is read by the web server 31 and is used to send and receive signals between the web browser 32 and the monitoring control system 4.

[0208] In the case of the first example, before executing the grouping process 17, Fig.10 as well as Fig.11 As shown in FIG. 1 , there are two project names and two PLC signals are also required. On the other hand, after executing the grouping process 17, as shown in FIG. Fig.14 as well as Fig.15 As shown, in addition to the two item names, the item name of the integrated component is added, and three PLC signals are required.

[0209] In the case of the second example described above, before executing the grouping process 17, as shown in FIG. Fig.12 as well as Fig.13 As shown in FIG. 1 , there are 4 project names and 4 PLC signals are also required. On the other hand, after executing the grouping process 17, as shown in FIG. Fig.16 as well as Fig.17 As shown, in addition to the four item names, three more item names of integrated components are added, and seven PLC signals are required.

[0210] 1-4.SCADA web HMI execution device (HMI subsystem)

[0211] Return again Figure 2Next, the SCADA web page HMI execution device 3 will be described. As described above, the SCADA web page HMI execution device 3 includes a web server 31 and a web browser 32.

[0212] 1-4-1. Web server

[0213] 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 configures 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 becomes capable of transmitting and receiving signals between the web browser 32 and the monitoring control system 4.

[0214] The processing of the HMI server runtime 311 operating on the web server 31 is as follows.

[0215] (1) Built-in application server, providing HMI web page runtime content to web browser 32.

[0216] (2) Communicate with the monitoring control system 4 , send signal data from the monitored device 7 to the HMI web page runtime 321 , and send control commands from the HMI web page runtime 321 to the monitoring control system 4 .

[0217] 1-4-2. Web browser

[0218] Next, the processing of the web browser 32 is described. The web browser 32 can read the web HMI data 2 (static display attribute data 21 and runtime attribute data 22) and perform static display processing and dynamic display processing. In the static display processing, the web browser 32 reads the static display attribute data 21 as graphic data in the SVG format from the web server 31 and displays the HMI screen.

[0219] In the dynamic display process, the web browser 32 reads the runtime attribute data 22. The definition of the transformation, the project name and display information of the component, and the project name and display information of the integrated component included in the runtime attribute data 22 are applied to the JavaScript (registered trademark) program as setting parameters. By applying this information as setting parameters, the display state of the component is changed according to the PLC signal received from the monitoring and control system 4. Specifically, in a case where the received integrated component corresponds to the project name of the component, the display state of the component is updated according to the display information based on the value of the received PLC signal. In addition, in a case where the received PLC signal corresponds to the project name of the integrated component, the display state of the integrated component is updated according to the display information based on the value of the received PLC signal.

[0220] In the case of the first example above, in the static display process, if Fig.14 As shown, the first component and the second component are configured on the HMI screen according to the configuration information.

[0221] In the dynamic display process, the transformation of the first component definition, the transformation of the second component definition, and the transformation of the 10th integrated component definition are executed on the web browser 32. In this case, the transformation of the 10th integrated component definition as an integrated component is first executed, and then the transformation of the first component definition as a component of the integrated component and the transformation of the second component definition are executed. This means that if the matrix for transforming the graphics of each component is set to A, the matrix for transforming the graphics of the integrated component is set to B, the vector of each component before transformation is set to X, and the vector after transformation is set to X′, then the following formula 6 is established.

[0222] X′=ABX Formula 6

[0223] Therefore, if Fig.15 As shown, the display positions of the first component and the second component on the X-axis and the Y-axis are changed according to the value of the PLC signal.

[0224] In the first example, according to the definition of the transformation of the tenth integrated component, the display position of the tenth integrated component on the X-axis is changed according to the value of the PLC signal. Fig.14 , the value of the PLC signal sent to the item of the tenth integrated component is 0 (G1_10SL_MX=0). In this case, the tenth integrated component is displayed at the position on the X axis configured in the drawing area 111. That is, the first component and the second component, which are sub-elements of the tenth integrated component, are both displayed at the positions on the X axis configured in the drawing area 111.

[0225] Then, if Fig.15 As shown in FIG. 1 , the value of the PLC signal sent to the item of the tenth integrated component becomes 1 (G1_10SL_MX=1). As a result, the tenth integrated component is displayed at a position shifted by 1 in the X-axis direction from the position configured in the drawing area 111. That is, the first component and the second component, which are sub-elements of the tenth integrated component, are both displayed at positions shifted by 1 in the X-axis direction from the positions configured in the drawing area 111.

[0226] According to the definition of the transformation of the first component, the display position of the first component on the Y axis is changed according to the value of the PLC signal. Fig.14In the example, the value of the PLC signal sent to the item of the first component is 0 (G1_1SL_MY=0). In this case, the first component is displayed in the drawing area 111 (refer to Figure 5 ) is configured on the Y axis. Then, Fig.15 As shown, the value of the PLC signal sent to the item of the first component becomes 1 (G1_1SL_MY=1). As a result, the first component is displayed at a position shifted by 1 in the Y-axis direction from the position arranged in the drawing area 111.

[0227] According to the definition of the transformation of the second component, the display position of the second component on the Y axis is changed according to the value of the PLC signal. Fig.14 , the value of the PLC signal sent to the item of the second component is 0 (G1_2SL_MY=0). In this case, the second component is displayed at the position on the Y axis configured in the drawing area 111. Next, the value of the PLC signal sent to the item of the second component becomes 2 (G1_2SL_MY=2). As a result, the second component is displayed at a position that is moved by 2 in the Y axis direction from the position configured in the drawing area 111.

[0228] As in the first example above, according to the SCADA webpage HMI system of this embodiment, it is possible to define information that treats multiple components on the HMI screen as a whole. Thus, the display states of multiple components can be changed at once. As a result, it is possible to improve the design efficiency of the HMI screen with advanced animation effects.

[0229] Next, the processing of the web browser 32 in the second example described above is described. In the case of the second example, in the static display processing, as shown in FIG. Fig.16 As shown, the first component, the second component, the third component and the fourth component are configured on the HMI screen according to the configuration information.

[0230] In the dynamic display process, the transformation of the first component definition, the transformation of the second component definition, the transformation of the third component definition, the transformation of the fourth component definition, the transformation of the 10th integrated component definition, the transformation of the 20th integrated component definition, and the transformation of the 100th integrated component definition are executed on the web browser 32. In this case, the transformation of the 100th integrated component, which is a multiple integrated component, is first executed. Next, the transformation of the 10th integrated component definition, which is an integrated component constituting the multiple integrated components, and the transformation of the 20th integrated component definition are executed. Next, the transformation of the component definitions of each integrated component is executed. This means that if the matrix for transforming the graphics of each component is set to A, the matrix for transforming the graphics of the integrated component is set to B, the matrix for transforming the graphics of the multiple integrated components is set to C, the vector of each component before transformation is set to X, and the vector after transformation is set to X′, then the following formula 7 holds.

[0231] X′=ABCX Formula 7

[0232] Therefore, if Fig.17 As shown, the display positions of the first component, the second component, the third component, and the fourth component on the X-axis and the Y-axis are changed according to the value of the PLC signal.

[0233] In the second example, according to the definition of the transformation of the 100th integrated component, the display position of the 100th integrated component on the X-axis is changed according to the value of the PLC signal. Fig.16 , the value of the PLC signal sent to the item of the 100th integrated component is 0 (G1_100SL_MX=0). In this case, the 100th integrated component is displayed at the position on the X-axis configured in the drawing area 111. That is, the first component and the second component of the 10th integrated component, which are sub-elements of the 100th integrated component, are displayed at the position on the X-axis configured in the drawing area 111. In addition, the third component and the fourth component of the 20th integrated component, which are sub-elements of the 100th integrated component, are also displayed at the position on the X-axis configured in the drawing area 111.

[0234] Then, if Fig.17In this way, the value of the PLC signal sent to the item of the 100th integrated component becomes 1 (G1_100SL_MX=1). As a result, the 100th integrated component is displayed at a position shifted by 1 in the X-axis direction from the position arranged in the drawing area 111. That is, the first component and the second component of the 10th integrated component, which are sub-elements of the 100th integrated component, and the third component and the fourth component of the 20th integrated component, which are sub-elements of the 100th integrated component, are displayed at a position shifted by 1 in the X-axis direction from the position arranged in the drawing area 111.

[0235] According to the definition of the transformation of the tenth integrated component, the display position of the tenth integrated component on the Y axis is changed according to the value of the PLC signal. Fig.16 , the value of the PLC signal sent to the item of the tenth integrated component is 0 (G1_10SL_MY=0). In this case, the tenth integrated component is displayed at the position on the Y axis configured in the drawing area 111. That is, the first component, which is a sub-element of the tenth integrated component, is displayed at the position on the Y axis configured in the drawing area 111. In addition, the second component, which is a sub-element of the tenth integrated component, is also displayed at the position on the Y axis configured in the drawing area 111.

[0236] Then, if Fig.17 As shown, the value of the PLC signal sent to the item of the tenth integrated component becomes 1 (G1_10SL_MY=1). As a result, the tenth integrated component is displayed at a position shifted by 1 in the Y-axis direction from the position configured in the drawing area 111. That is, the first component, which is a sub-element of the tenth integrated component, is displayed at a position shifted by 1 in the Y-axis direction from the position configured in the drawing area 111, and the second component, which is a sub-element of the tenth integrated component, is displayed at a position shifted by 1 in the Y-axis direction from the position configured in the drawing area 111.

[0237] According to the definition of the transformation of the 20th integrated component, the display position of the 20th integrated component on the Y axis is changed according to the value of the PLC signal. Fig.16 , the value of the PLC signal sent to the item of the 20th integrated component is 0 (G1_20SL_MY=0). In this case, the 20th integrated component is displayed at the position on the Y axis configured in the drawing area 111. That is, the third component, which is a sub-element of the 20th integrated component, is displayed at the position on the Y axis configured in the drawing area 111. In addition, the fourth component, which is a sub-element of the 20th integrated component, is also displayed at the position on the Y axis configured in the drawing area 111.

[0238] Then, if Fig.17As shown in FIG. 1 , the value of the PLC signal sent to the item of the 20th integrated component becomes 2 (G1_20SL_MY=2). As a result, the 20th integrated component is displayed at a position shifted by 2 in the Y-axis direction from the position configured in the drawing area 111. That is, the third component, which is a sub-element of the 20th integrated component, is displayed at a position shifted by 2 in the Y-axis direction from the position configured in the drawing area 111. In addition, the fourth component, which is a sub-element of the 20th integrated component, is also displayed at a position shifted by 2 in the Y-axis direction from the position configured in the drawing area 111.

[0239] According to the definition of the transformation of the first component, the display position of the first component on the Y axis is changed according to the value of the PLC signal. However, the transformation defined for the first component is also executed after the transformation defined for the 10th integrated component that changes the display position of the first component on the Y axis. Therefore, the display position of the first component on the Y axis based on the transformation defined for the first component is a relative position with respect to the display position (absolute position) of the first component on the Y axis based on the transformation defined for the 10th integrated component. Fig.16 as well as Fig.17 , the value of the PLC signal sent to the item of the first component is 0 (G1_1SL_MY=0). Therefore, the first component is displayed at the position on the Y axis configured by the transformation defined for the 10th integrated component. If the PLC signal sent to the item of the first component is 1 (G1_1SL_MY=1), the first component is displayed at a position moved by 1 in the Y axis direction from the position configured by the transformation defined for the 10th integrated component.

[0240] According to the definition of the transformation of the second component, the display position of the second component on the Y axis is changed according to the value of the PLC signal. However, as in the case of the first component, the display position of the second component on the Y axis based on the transformation defined for the second component is a relative position relative to the display position of the second component on the Y axis based on the transformation defined for the tenth integrated component. Fig.16 as well as Fig.17 , the value of the PLC signal sent to the item of the second component is 0 (G1_2SL_MY=0). Therefore, the second component is displayed at the position on the Y axis configured by the transformation defined for the 10th integrated component. If the value of the PLC signal sent to the item of the second component is 1 (G1_2SL_MY=1), the second component is displayed at a position moved by 1 in the Y axis direction from the position configured by the transformation defined for the 10th integrated component.

[0241] According to the definition of the transformation of the third component, the display position of the third component on the Y axis is changed according to the value of the PLC signal. However, the transformation of the third component is also performed after the transformation of the 20th integrated component that changes the display position of the third component on the Y axis. Therefore, the display position of the third component on the Y axis based on the transformation defined for the third component is a relative position with respect to the display position (absolute position) of the third component on the Y axis based on the transformation defined for the 20th integrated component. Fig.16 as well as Fig.17 , the value of the PLC signal sent to the item of the third component is 0 (G1_3SL_MY=0). Therefore, the third component is displayed at the position on the Y axis configured by the transformation defined for the 20th integrated component. If the value of the PLC signal sent to the item of the third component is 2 (G1_3SL_MY=2), the third component is displayed at a position shifted by 2 in the Y axis direction from the position configured by the transformation defined for the 20th integrated component.

[0242] According to the definition of the transformation of the fourth component, the display position of the fourth component on the Y axis is changed according to the value of the PLC signal. However, as in the case of the third component, the display position of the fourth component on the Y axis based on the transformation defined for the fourth component is a relative position relative to the display position of the fourth component on the Y axis based on the transformation defined for the 20th integrated component. Fig.16 as well as Fig.17 , the value of the PLC signal sent to the item of the fourth component is 0 (G1_4SL_MY=0). Therefore, the fourth component is displayed at the position on the Y axis configured in the drawing area 111. If the value of the PLC signal sent to the item of the fourth component is 2 (G1_4SL_MY=2), the fourth component is displayed at a position shifted by 2 in the Y axis direction from the position configured by the transformation defined for the 20th integrated component.

[0243] As in the second example above, according to the SCADA webpage HMI system of this embodiment, it is possible to define information that treats multiple integrated components on the HMI screen as one. Thus, the display states of multiple integrated components can be changed at once. As a result, it is possible to improve the design efficiency of the HMI screen with advanced animation effects.

[0244] 1-5. Examples

[0245] Next, as a specific example, a process for realizing the animation of the material transport vehicle schematic diagram described in "1. Overview" will be described.

[0246] Fig. 20 This is a diagram created as an example of an HMI screen. Fig. 20The diagram of the schematic diagram of the material handling vehicle shown includes four components 401 to 404 and an integrated component 405 having four components as sub-elements. The display color attribute that changes the display color with respect to the value of the Boolean PLC signal is assigned to the shelf component 401. The relationship between the value of the PLC signal and the display color of the component 401 is defined in advance by the color rule. The rotation attribute that rotates 1 / 4 clockwise every time the value of the numerical PLC signal increases by 1 is assigned to the two wheel integrated components 402 and 403. The display color attribute that changes the display color with respect to the value of the Boolean PLC signal and the width / height attribute that changes the magnification of the width / height of the component according to the value of the numerical PLC signal are assigned to the integrated component 404 of the material loaded on the shelf. The relationship between the value of the PLC signal and the display color of the integrated component 404 is defined in advance by the color rule. The position attribute that changes the position of the integrated component on the X-axis according to the numerical PLC signal is assigned to the integrated component 405 of the material handling vehicle.

[0247] In addition, as described in the description of the template area 110, the integrated components 402 to 404 can be handled as pre-prepared components. Therefore, here, there is also a case where the integrated components 402 to 404 are replaced with the components 402 to 404.

[0248] Fig.21 Yes means Fig. 20 The following is a diagram of the component data of the material handling vehicle schematic diagram shown. Fig.21 The grouping process of the components 401 to 404 will be described.

[0249] The 401st component data 411 is the component data of the 401st quadrilateral which is the 401st component. The 401st component identifier is "component number 401". The 401st attribute identifier is "display color". The 401st display attribute is "when the PLC signal is 0, the color of the component is changed to white, and when the PLC signal is 1, the color of the component is changed to colored". In addition, the item name "G1_401SL" is an identifier that combines "G1" which is a screen identifier representing the HMI screen, "401" which represents the component number 401, and "SL" which represents the display color.

[0250] The 402nd integrated component data 412 is the integrated component data of the 402nd integrated component. The 402nd integrated component identifier is "component number 402". The 402nd attribute identifier is "rotation". The 402nd display attribute is "rotate 1 / 4 turn clockwise for every increase of the value of the numerical PLC signal by 1". In addition, the item name "G1_402SL_R" is an identifier formed by combining "G1" representing the screen identifier of the HMI screen, "402" representing the integrated component number 402, "SL" representing the integrated component, and "R" representing rotation.

[0251] The 403rd integrated component data 413 is the integrated component data of the 403rd integrated component. The 403rd integrated component identifier is "component number 403". The 403rd attribute identifier is "rotation". The 403rd display attribute is "rotate 1 / 4 turn clockwise for every increase of the value of the numerical PLC signal by 1". In addition, the item name "G1_403SL_R" is an identifier that combines "G1" representing the screen identifier of the HMI screen, "403" representing the integrated component number 403, "SL" representing the integrated component, and "R" representing rotation.

[0252] The 404th integrated component data 414a is integrated component data that specifies the first attribute of the 404th integrated component. The 404th integrated component identifier is "component number 404". The 404th attribute identifier a is "display color". The 404th display attribute a is "when the PLC signal is 0, the color of the component is changed to white, and when the PLC signal is 1, the color of the component is changed to colored". In addition, the item name "G1_404SL" is an identifier that combines "G1" representing the screen identifier of the HMI screen, "404" representing the integrated component number 404, and "SL" representing the display color.

[0253] The 404th integrated component data 414b is integrated component data for specifying the second attribute of the 404th integrated component. The 404th integrated component identifier is "component number 404". The 404th attribute identifier b is "width / height". The 404th display attribute b is "changing the magnification ratio of the width / height of the component according to the value of the numerical PLC signal". In addition, the item name "G1_404SL_EWH" is an identifier formed by combining "G1" representing the screen identifier of the HMI screen, "404" representing the integrated component number 404, and "EWH" representing the magnification ratio of the width / height.

[0254] The above components 401 to 404 are grouped to produce an integrated component 405 of a material transport vehicle. By grouping, data indicating that each component belongs to the 405th integrated component is added to the 401st component data 411, the 402nd integrated component data 412, the 403rd integrated component data 413, and the 404th integrated component data 414a and 414b.

[0255] The 405th integrated component data 415 is integrated component data having the 401st component, the 402nd integrated component, the 403rd integrated component, and the 404th integrated component as sub-elements. The 405th integrated component identifier is "component number 405". The 405th attribute identifier is "display position on the X-axis". The 405th display attribute is "change the display position of the component on the X-axis according to the value of the PLC signal". In addition, the item name "G1_405SL_MX" is an identifier that combines "G1" representing the screen identifier of the HMI screen, "405" representing the integrated component number 405, "SL" representing the integrated component, and "MX" representing the display position on the X-axis.

[0256] Next, refer to Fig. 22 as well as Fig.23 Animation illustrating a material handling vehicle schematic. Fig. 22 Yes means Fig. 20 The illustrated schematic diagram of a material handling vehicle shows component data before movement and an external appearance of the material handling vehicle represented by the component data. Fig.23 Yes means Fig. 20 The component data of the material handling vehicle schematic diagram after being moved and the appearance of the material handling vehicle represented by the component data are shown.

[0257] According to the definition of the transformation of the 405th integrated component, the display position of the 405th integrated component on the X-axis is changed according to the value of the PLC signal. Fig. 22 , the value of the PLC signal sent to the item of the 405th integrated component is 0 (G1_405SL_MX=0). In this case, the 405th integrated component is displayed at the position on the X axis configured in the drawing area 111. That is, the 401st component, the 402nd integrated component, the 403rd integrated component, and the 404th integrated component, which are sub-elements of the 405th integrated component, are displayed at the positions on the X axis configured in the drawing area 111.

[0258] Then, if Fig.23In this way, the value of the PLC signal sent to the item of the 405th integrated component becomes 2 (G1_405SL_MX=2). As a result, the 405th integrated component is displayed at a position shifted by 2 in the X-axis direction from the position arranged in the drawing area 111. That is, the 401st component, the 402nd integrated component, the 403rd integrated component, and the 404th integrated component, which are sub-elements of the 405th integrated component, are displayed at positions shifted by 2 in the X-axis direction from the positions arranged in the drawing area 111.

[0259] According to the definition of the transformation of the 401st component, the display color is changed according to whether the value of the PLC signal is 0 (the attribute value is 0) or 1 (the attribute value is 1). Fig. 22 In the example, the value of the PLC signal sent to the item corresponding to the display color attribute of the 401st component is 0 (G1_401SL=0). In this case, the 401st component is displayed in white. Fig.23 In this way, the value of the PLC signal sent to the item corresponding to the display color attribute of the 401st part becomes 1 (G1_401SL=1). As a result, the 401st part is displayed in a colored display color.

[0260] According to the definition of the transformation of the 402nd integrated component, each time the value of the numerical PLC signal increases by 1, the 402nd integrated component rotates 1 / 4 turn clockwise. Fig. 22 In the example, the value of the PLC signal sent to the item of the 402nd integrated component is 0 (G1_402SL_R=0). In this case, the 402nd integrated component is displayed at the angle when it is arranged in the drawing area 111. Fig.23 Thus, the value of the PLC signal sent to the item of the 402nd integrated component becomes 1 (G1_402SL_R=1). As a result, the 402nd integrated component is displayed at an angle that is 1 / 4 of a turn clockwise from the angle at which it was arranged in the drawing area 111 .

[0261] According to the definition of the transformation of the 403rd integrated component, each time the value of the numerical PLC signal increases by 1, the 403rd integrated component rotates 1 / 4 turn clockwise. Fig. 22 In the example, the value of the PLC signal sent to the item of the 403rd integrated component is 0 (G1_403SL_R=0). In this case, the 403rd integrated component is displayed at the angle when it is arranged in the drawing area 111. Fig.23 Thus, the value of the PLC signal sent to the item of the 403rd integrated component becomes 1 (G1_403SL_R=1). As a result, the 403rd integrated component is displayed at an angle that is 1 / 4 of a turn clockwise from the angle at which it was arranged in the drawing area 111 .

[0262] According to the definition of the transformation of the 404th integrated component, the display color is changed according to whether the value of the PLC signal is 0 (the attribute value is 0) or 1 (the attribute value is 1). Fig. 22 In the example, the value of the PLC signal sent to the item corresponding to the display color attribute of the 404th integrated component is 0 (G1_404SL=0). In this case, the 404th integrated component is displayed in white. Fig.23 In this way, the value of the PLC signal sent to the item corresponding to the display color attribute of the 404th integrated component becomes 1 (G1_404SL=1). As a result, the 404th integrated component is displayed in a colored display color.

[0263] In addition, according to the definition of the transformation of the 404th integrated component, the magnification ratio of the width / height of the 404th integrated component is changed according to the value of the numerical PLC signal. Fig. 22 , the value of the PLC signal sent to the item corresponding to the width / height attribute of the 404th integrated component is 1.0 (G1_404SL_EWH=1.0). In this case, the 404th integrated component is displayed at a magnification of 1.0 times the width / height when it is arranged in the drawing area 111. Fig.23 Thus, the value of the PLC signal sent to the item corresponding to the width / height attribute of the 404th integrated component is 2.0 (G1_404SL_EWH=2.0). Thus, the 404th integrated component is displayed at an enlargement ratio of 2.0 times the width / height when arranged in the drawing area 111.

[0264] In the existing SCADA, transformations are defined separately for the four components 401 to 404. Animation effects are given to the four components separately by the transformations defined separately for each component, and an animation effect is given to each component so that the four components become one and the display position on the X-axis changes. In addition, in the case where there is no integrated component such as the integrated components 402 and 403 of two wheels prepared in advance, it is necessary to combine the components of the basic elements to form a wheel. In the previous SCADA, the relative positions of the components of the basic elements constituting the wheel are not changed, and it is necessary to define a transformation that causes the wheel to rotate as a whole.

[0265] On the other hand, if the grouping process is performed as in the above-mentioned embodiment, and information is defined to process a plurality of parts as a single part, even if the number of parts constituting the body and wheels of the material handling vehicle changes, the logic of the transformation will not be affected. Therefore, the productivity during animation creation is improved, and the number of transformations is reduced, so it can also be expected that the rendering performance during execution will be improved.

[0266] In addition, in the above-mentioned embodiment, the integrated component 405 is given an animation effect that is applied to the integrated component 405 as a whole but not applied to the four components 401 to 404 that constitute the integrated component 405 individually. On the other hand, each component that constitutes the integrated component 405 is given an animation effect that is applied to the component but not applied to other components that constitute the integrated component. In this way, by giving independent animation effects to the integrated component and the components that constitute the integrated component, an HMI screen with advanced animation effects can be produced, and the design efficiency of the HMI screen can be improved.

[0267] 1-6. GUI screen example

[0268] Fig.24 This is an example of a GUI screen for defining properties for giving animation effects to components. The properties that can be defined in this screen are properties for giving animation effects to components. In this example, it is possible to select whether to define properties for each of the component properties "display color", "non-display", "width / height", "position", "rotation" and "cut" on the screen. For each of the components 401 to 404 and the integrated component 405 in the above-mentioned embodiment, it is also possible to use the following Fig.24 The properties are defined on the GUI screen as shown.

[0269] Regarding the display color attribute (Color), you can choose whether to define the display color attribute. On this basis, you can specify the display color and blinking attribute for one color rule. Each color rule has a priority (SL<SL1<SL2). When there are multiple color rules with the value of the assigned PLC signal being ON, the display color and blinking attribute of the color rule with the highest priority are reflected in the diagram component.

[0270] Regarding the invisible attribute (Invisible), it is possible to select whether to define the invisible attribute.

[0271] Regarding the width / height attribute (Expansion), you can choose whether to define the width / height attribute. On this basis, you can choose a fixed ratio of width / height expansion, a width expansion, a height expansion, or both width expansion and height expansion.

[0272] Regarding the position attribute (Motion), it is possible to select whether to define the position attribute, and based on this, it is possible to select the display position on the X axis, the display position on the Y axis, or both the display position on the X axis and the display position on the Y axis.

[0273] Regarding the rotation attribute (Rotation), you can choose whether to define the rotation attribute. Based on this, you can choose either clockwise or counterclockwise in the rotation direction. In addition, regarding the amount of rotation, you can choose any one of the rotation at a predefined fixed speed corresponding to the Boolean value, the rotation at a variable speed corresponding to the numerical value, and the rotation at an angle specified corresponding to the numerical value.

[0274] Regarding the shearing attribute (Skew), you can choose whether to define the shearing position attribute. On this basis, you can choose the shearing angle in the X-axis direction, the shearing angle in the Y-axis direction, or either the shearing angle in the X-axis direction or the shearing angle in the Y-axis direction.

[0275] 1-7. Others

[0276] In the system of this embodiment, the web server 31 and the web browser 32 are executed on the same computer, but the present invention is not limited to this. There are also cases where a plurality of web browsers 32 are connected to one web server 31. Therefore, the web server 31 and the web browser 32 can operate on different computers. In addition, this point is also the same in the following embodiments.

[0277] In addition, in the system of this embodiment, although the graphic data of SVG format is used, the graphic data is not limited to this. When the web browser 32 supports WebGL, the graphic data may be in a format compatible with WebGL.

[0278] In addition, in the system of this embodiment, in the second example described above, the 10th integrated component and the 20th integrated component are grouped to produce the 100th integrated component as a multiple integrated component. However, the multiple integration of integrated components is not limited to this. It is possible to group more multiple components such as triple or quadruple as needed, and it is also possible to group integrated components and unit components to produce multiple integrated components.

[0279] 2. Second Implementation

[0280] 2-1. Overview

[0281] Next, a SCADA web page HMI system according to a second embodiment of the present invention will be described. This SCADA web page HMI system is applied to a steel rolling monitoring and control system. Fig.25 This is a diagram showing the structure of a steel rolling production line which is the monitoring target of the steel rolling monitoring control system.

[0282] In the steel rolling line, a casting mold 501, a heating furnace 502, a sizing press 503, a roughing mill 504, a finishing mill 505, and a coiler 506 are arranged in order from the upstream. The slab 510 coming out of the heating furnace 502 is made uniform in size by the sizing press 503. The slab 511 made uniform in size is welded for continuous casting, and is rolled by the roughing mill 504 and the finishing mill 505. The steel plate 512 formed by rolling is coiled by the coiler 506 to form a coil 513.

[0283] The sizing press 503 keeps the cross-section of the slab constant in order to efficiently perform rough rolling and finish rolling in subsequent processes. In this embodiment, the operator can monitor the state of the sizing press 503, so the change in the shape of the slab before and after passing through the sizing press 503 is expressed by animation.

[0284] 2-2. Slab component data

[0285] The slab is a steel plate with length l, width w and thickness d, which can be Fig.26 The schematic diagram shown in the figure shows that in order to show the change of the shape of the slab in three dimensions, the SCADA web HMI system uses an oblique projection diagram with an inclination angle θ to depict the slab.

[0286] Fig.26 The slab shown can be used Fig. 27 The slab is made of the three parts shown in FIG. Part a, part b, and part c are all parts of basic elements. Part b is subjected to a shearing transformation represented by the transformation skew(0, -θ), and part c is subjected to a shearing transformation represented by the transformation skew(-θ, 0). The center of the transformation of each part is the lower left corner of the part. By grouping part a and parts b and c after the shearing transformation, the slab can be represented by an integrated part.

[0287] In order to express the change in the shape of the slab before and after passing through the sizing press 503 with animation, it is necessary to transform the graphic of the slab schematic diagram. Fig.28 A specific example will be described. Fig.28 In FIG. 5 , the left side shows the slab before the shape adjustment by the shaping press 503, and the right side shows the slab after the shape adjustment by the shaping press 503. The dimensions of the slab before the shape adjustment are length l, width w, and thickness d. The dimensions of the slab after the shape adjustment are length l′, width w′, and thickness d′.

[0288] Fig.28The change in the shape of the slab shown can be achieved by independently changing the size of each of parts a, b and c. Specifically, the size of part a is changed by the transformation scale (l' / l, dl' / d), the size of part b is changed by the transformation scale (0, d*w' / (d'*w)), and the size of part c is changed by the transformation scale (l*w' / (l'*w), 0).

[0289] In addition, in order to represent the slab flowing along the rolling line, a transformation is also required to move the position of the slab. This transformation is represented by the transformation thanslate(x-x0, y-y0) and is performed on the integrated part of the slab. In addition, x and y are arbitrary positions of the slab, and x0 and y0 are the original positions of the slab.

[0290] By applying the above transformation to each component and the integrated component, the size and position of the slab can be arbitrarily changed. Therefore, the SCADA web page HMI system uses the SCADA web page HMI design device to draw the slab diagram shown in Figure 26, and when executed, the SCADA web page HMI execution device performs the transformation of the position of the integrated component and the transformation of the size of each component. Thus, a slab of any shape can be displayed at any position on the screen.

[0291] 2-3. System structure of steel rolling monitoring and control system

[0292] Fig.29 This is a diagram showing the system structure of a steel rolling monitoring and control system equipped with the present SCADA web page HMI system. As shown in the figure, the measured values ​​of the size, position, temperature, etc. of the slab are obtained from the monitored device (including the finishing press) 7 via the RIO 6 and the communication platform 5. These measured values ​​are converted into signals by the PLC 4 and input to the web server 31 of the SCADA web page HMI execution device 3. In the web server 31, the web page HMI data 2 including the above-mentioned slab component data created by the SCADA web page HMI design device 1 is read.

[0293] The web page HMI data 2 read into the web page server 31 is executed by the web browser 32, and the position and shape of the slab configured on the screen are changed according to the value of the signal from the PLC 4. Thus, it is possible to display an animation that faithfully represents the state of the shaping punch on the monitoring screen using the measured value obtained from the monitored object device 7. In addition, it is known that the color of the slab changes according to the temperature. Therefore, the color of the slab on the monitoring screen can also be changed according to the temperature of the iron obtained from the temperature sensor. Thus, the state of the slab can be intuitively grasped.

[0294] Description of Reference Numerals

[0295] 1 SCADA web HMI design device; 1a processor; 1b memory; 1c display; 1d input and output interface; 2 web HMI data; 3 SCADA web HMI execution device; 3a processor; 3b memory; 3c display; 3d input interface; 3e network interface; 4 supervisory control system (PLC); 5 communication platform; 6 RIO; 7 Monitoring target device; 10 Engineering tool; 11 Drawing process; 12 Component data generation process; 13 Component data editing process; 14 Integrated component data editing process; 15 Web HMI data generation process; 16 Equipment list generation process; 17 Grouping process; 18 Integrated component identifier generation process; 19 Component data change process; 20 Integrated component data generation process; 21 Static display attribute data; 22 Runtime attribute data; 23 Equipment list; 31 Web server; 32 Web browser; 41 First component data; 42 Second component data; 43 10th integrated component data; 51 First component data; 52 Second component data; 53 Third component data; 54 Fourth component data; 55 10th integrated component data; 56 Second integrated component data; 57 100th integrated component data; 110 Template area; 110a Horizontal line component prototype; 110b Vertical line component prototype; 110c Quadrilateral component prototype; 110d Circular component prototype; 111 Drawing area; 112 Range designation; 311 HMI server running time; 321 HMI web page running time; 401 401st component; 402 402nd integrated component; 403 403rd integrated component; 404 404th integrated component; 405 405th integrated component; 411 401st component data; 412 402nd integrated component data; 413 403rd integrated component data; 414a 404th integrated component data; 414b 404th integrated component data; 415 405th integrated component data; 501 casting mold; 502 heating furnace; 503 finishing press; 504 roughing mill; 505 finishing mill; 506 coiler; 510 slab before shape adjustment; 511 slab after shape adjustment; 512 rolled steel plate; 513 coil.

Claims

1. A SCADA web HMI system, i.e., a data acquisition and supervisory control system web human-machine interface system, having a web browser for displaying an HMI screen, and changing the appearance of components configured on the HMI screen according to the value of a PLC signal received from a programmable logic controller, The SCADA web page HMI system is characterized by having: at least one processor; and at least one memory storing at least one program, The at least one processor performs the following processing according to the at least one program: A process of grouping a plurality of components including the first component to generate an integrated component; A process of grouping a plurality of the integrated components to generate a multiple integrated component, or grouping the integrated component and the unit component to generate a multiple integrated component; a process of imparting a first animation effect to the integrated component, the first animation effect being applied to the integrated component as a whole but not to components of the integrated component individually; a process of imparting a second animation effect to the first component, the second animation effect being applied to the first component but not to components of the integrated component other than the first component; a process of imparting a third animation effect to the multiple integrated component, the third animation effect being applied to the multiple integrated component as a whole but not to the constituent components of the multiple integrated component individually; A process of associating the value of the first PLC signal with the first animation effect; A process of associating the value of the second PLC signal with the second animation effect; A process of associating the value of the third PLC signal with the third animation effect; receiving the first PLC signal, and causing the appearance of the integrated component in the HMI screen to change in an animated manner according to the value of the first PLC signal; receiving the second PLC signal, and causing the appearance of the first component in the HMI screen to change in an animated manner according to the value of the second PLC signal; as well as The third PLC signal is received, and according to the value of the third PLC signal, the appearance of the multiple integrated components in the HMI screen is changed by animation.

2. The SCADA web HMI system according to claim 1, It is characterized in that The first animation effect includes at least one of a change in display color of the integrated component and a transformation of a graphic of the integrated component, and the transformation of the graphic of the integrated component includes at least one of enlargement / reduction, rotation, parallel movement, shearing, and a combination thereof. The second animation effect includes at least one of a change in display color of the first component and a transformation of a graphic of the first component, and the transformation of the graphic of the first component includes at least one of enlargement / reduction, rotation, parallel movement, shearing, and a combination thereof. The third animation effect includes at least one of a change in the display color of the multiple integrated components and a transformation of the graphics of the multiple integrated components, and the transformation of the graphics of the multiple integrated components includes at least one of enlargement / reduction, rotation, parallel movement, shearing, and a combination thereof.

3. The SCADA webpage HMI system according to claim 2, It is characterized in that The SCADA web HMI system has a GUI, i.e. a graphical user interface. The at least one processor executes processing for accepting operations of the GUI in accordance with the at least one program, and transforms the graphics of the integrated component, the graphics of the first component, and the graphics of the multiple integrated components based on the center point of each graphic specified by the operation of the GUI.

4. The SCADA web page HMI system according to any one of claims 1 to 3, It is characterized in that The SCADA web HMI system has a GUI, i.e. a graphical user interface. The at least one processor executes the processing of accepting the operation of the GUI in accordance with the at least one program, and based on the operation of the GUI, executes the processing of imparting the first animation effect to the integrated component, the processing of imparting the second animation effect to the first component, and the processing of imparting the third animation effect to the multiple integrated components.

5. The SCADA web page HMI system according to any one of claims 1 to 3, It is characterized in that The SCADA web HMI system is set up in the steel rolling monitoring system. The SCADA web HMI system is configured to configure a slab composed of multiple components in the HMI screen, and to change the appearance of the slab in the HMI screen with animation according to the value of the PLC signal from the programmable logic controller configured in the steel rolling production line.

Images