TWI544354B - Graphic Control Interface Design System and Its Graphic Control Interface Design and Operation - Google Patents

Description

Graphic control interface design system and its graphic control interface design operation method

The invention relates to a graphic control interface design system and a method thereof, in particular to a graphic control interface design system and a method thereof, which can be used for designing and operating a graphical real-time monitoring system.

At present, the graphics monitoring system development interface technology is usually built with high-level program development tools, and then released separately, so the monitoring system can not be edited online, resulting in increased maintenance manpower and time costs; Development tools, so the development threshold and cost are relatively high.

In addition, the complexity of the system is proportional to the number and size of the controlled units. Once the number of components in the monitoring system increases, the error rate of the relationship between the monitoring points and the components will increase significantly, and the continuous adjustment and correction will increase the development cost of the monitoring system. . It can be seen that there are still many shortcomings in the above-mentioned prior art, which is not a good designer, but needs to be improved.

In view of the shortcomings derived from the above-mentioned prior art, the inventor of the present invention has improved and innovated, and after years of painstaking research, finally succeeded in research and development of the technology for online editing and inspection of the view-shaped monitoring system, which can meet the existing needs and A problem that previous technologies could not overcome.

In view of the above-mentioned problems of the prior art, the object of the present invention is to provide an interface for online editing of a monitoring system on-line, allowing the system administrator to quickly modify the system screen and component parameters, and store the design results in an online database. Reduce the graphics control interface design system and its graphical interface design operation method to continuously modify the program and re-establish the release time.

According to the purpose of the present invention, a graphics control interface design system is provided, which includes an editor, a viewer and a command translation module, and the command translation module is connected to the editor and the viewer. Device. The editor provides a user to set at least one graphic control component and at least one graphic control page, and is configured to link the graphic control component to a monitoring point of a controlled unit, thereby generating one of the graphic control component and the graphic control page. Graphic control system interface. The viewer reads the image control system interface, and the viewer is configured to receive the monitoring status information of one of the controlled units for display on the interface of the graphic control system, and provide the user with immediate control of the controlled unit, and the viewer compares the monitoring status. Information and a threshold, and thus selectively display an alarm message on the interface of the graphics control system. When the image control system interface is generated, the command translation module receives a storage command transmitted by the editor, and stores the graphic control system interface in a database according to the storage command, and the command translation module receives the image transmitted by the viewer. a state read command for obtaining monitoring status information from the controlled unit according to the status read command and transmitting to the viewer, commanding the translation module and receiving a control command transmitted by the viewer to control the controlled unit according to the control command Take control. Wherein, when the viewer reads and starts the image control system interface, the editor provides the user to instantly update the graphic control component and the graphic control page.

Preferably, the editor comprises a component editing setting module, a monitoring point corresponding module and a page setting management module; the component editing setting module provides a user to set or update the graphic control component; the monitoring point corresponding mode The group is configured to link the graphic control component to the monitoring point of the controlled unit; the page setting management module is configured to provide a user setting or updating the graphic control page, and is configured to transmit the storage command to the command translation module.

Preferably, the editor further comprises a logic point combination setting module for performing a digital logical combination or a numerical operation on the monitoring status information, and then digitizing the monitoring status information to control the number of monitoring points.

Preferably, the viewer comprises an instant monitoring module and an alarm notification module; the instant monitoring module is configured to transmit a status reading command to the command translation module, and receive the self-controlled unit via the command translation module. Monitoring status information, and the real-time monitoring module is configured to transmit a control command to the command translation module to perform real-time manipulation on the controlled unit through the command translation module; the alarm notification module is configured to determine whether the monitoring status information is greater than the user Set the threshold value, and if so, display the alarm information on the interface of the graphics control system.

Preferably, the viewer further comprises an analog test module for providing a user to simulate the functional state of the graphic control component.

According to the purpose of the present invention, a method for designing and controlling a graphic interface is proposed. The method includes the following steps: providing, by an editor, a user to set at least one graphic control component and at least one graphics control page, and configured to link the graphic control component to a monitoring point of a controlled component, thereby generating a graphic control component and One of the map control page interface control system interface; a command translation module receives a storage command transmitted by the editor to store the image control system interface in a database according to the storage command; through a viewer from the database Reading the graphic control system interface, and transmitting a status reading command to the command translation module, so that the command translation module obtains a monitoring status information from the controlled unit according to the status reading command, and the monitoring status information is transmitted by the command translation module. To the viewer, the monitoring status information is displayed by the graphic control system interface; and the monitoring status information and a threshold are compared by the viewer to selectively display an alarm information on the interface of the graphic control system. Wherein, when the viewer reads and starts the image control system interface, the editor provides the user to instantly update the graphic control component and the graphic control page, and the viewer provides a control command to the command translation module. The remote control of the controlled unit at the far end.

According to the above description, the graphic control interface design system and the graphic control interface design operation method thereof have the following one or more advantages:

1. The present invention combines web application technology, and the user can design and control the monitoring system directly through the network and the browser.

2. The original and unique command translation module of the present invention is responsible for translating the graphic control interface design method and the integrated heterogeneous system command content to conform to the command exchange delivery specification defined by the present invention; and the front and rear ends are independent through the translation module. In order to integrate the system of the present invention, only a few functions can be implemented, and the full number of functions can be completely used, which can reduce the cost of repeated research and development and system integration, and achieve the effect of cross-system integration and expansion.

3. Through the original editor of the present invention, the manager can convert the attributes, positions and materials that the manager wants to present into graphics, text and menu settings, and drag and drop, tick and click operations. System design, no need to write any programming language, greatly reduce the difficulty of the development of the graphics control system, in order to achieve the manager's zero-threshold intuitive operation design, and accelerate system development, reduce the cost of subsequent project system construction and maintenance.

4. Through the unique viewer of the present invention, the user presents the image of the graphic control system designed by the editor, combined with the real-time monitoring module, and has the ability to exchange and update data with controlled units in various specification agreements, in different colors. Dynamic components such as text, graphics, animation, etc. Presenting the immediate operation status of the complete system of the controlled unit, and directly controlling the start and stop of the controlled unit, and setting the value; supplemented by the alarm notification module, next to the position of the controlled unit of the warning and alarm conditions, Different light warning system users need to have monitoring, warning and control purposes at the same time.

S11~S14‧‧‧Steps

101‧‧‧Editor

1011‧‧‧Component Editing Module

1012‧‧‧Monitoring Point Corresponding Module

1013‧‧‧Logic point combination setting module

1014‧‧‧Page Setting Management Module

102‧‧‧Viewer

1021‧‧‧ Instant Monitoring Module

1022‧‧‧Alarm notification module

1023‧‧‧simulation test module

103‧‧‧Command Translation Module

104‧‧‧Database

105‧‧‧Controlled unit

Figure 1 is a flow chart of the operation method of the graphic control interface design of the present invention.

Figure 2 is a block diagram of the schematic interface design system of the present invention.

Figure 3 is a block diagram of the editor of the present invention.

Figure 4 is a block diagram of the viewer of the present invention.

The technical features, contents, and advantages of the present invention, as well as the advantages thereof, can be understood by the present inventors, and the present invention will be described in detail with reference to the accompanying drawings. The subject matter is only for the purpose of illustration and description. It is not intended to be a true proportion and precise configuration after the implementation of the present invention. Therefore, the scope and configuration relationship of the attached drawings should not be interpreted or limited. First described.

Please refer to FIG. 1 , which is a flowchart of a method for designing a schematic interface of the present invention. The graphic control interface design operation method is applicable to the graphic control interface design system of the present invention, and the system comprises an editor, a viewer and a command translation module. The process flow included in this method is:

Step S11: The user is provided to set at least one graphic control component and at least one graphic control page through an editor, and is configured to link the graphic control component to a monitoring point of a controlled component, thereby generating a graphic control component and a graphic One of the control page interface control system interface.

Step S12: Receive a storage command transmitted by the editor by using a command translation module to store the graphic control system interface in a database according to the storage command.

Step S13: reading the image control system interface from the database through a viewer, and transmitting a state read command to the command translation module, so that the command translation module obtains a monitoring state information from the controlled unit according to the state read command. And the command translation module transmits the monitoring status information to the viewer to display the monitoring status information by the graphic control system interface.

Step S14: comparing the monitoring status information with a threshold by the viewer, Optionally, an alarm message is displayed on the interface of the graphics control system.

In the above, when the viewer reads and starts the interface of the graphic control system, the editor provides the user to instantly update the graphic control component and the graphic control page, and the visualizer provides a control command to the command translation module. The user remotely controls the controlled unit at the remote end.

In the above, the editor further comprises a component editing setting module, a monitoring point corresponding module, a page setting management module and a logical point combination setting module. The component editing setting module provides a user to set or update the graphic control component; the monitoring point corresponding module is used to connect the graphic control component to the monitoring point of the controlled unit; the page setting management module is used to provide user setting or The map control page is added and used to transfer the storage command to the command translation module; the logical point combination setting module is configured to perform digital logical combination or numerical calculation on the monitoring status information, thereby digitizing the monitoring status information to control the monitoring. The number of points. The viewer further includes an instant monitoring module, an alarm notification module and an analog test module. The real-time monitoring module is configured to transmit a status reading command to the command translation module, and receive monitoring status information obtained from the controlled unit via the command translation module, and the real-time monitoring module is configured to transmit the control command to the command translation module. The controlled unit is controlled by the command translation module; the alarm notification module is used to determine whether the monitoring status information is greater than the threshold set by the user, and if so, the alarm information is displayed on the interface of the graphic control system; The module is used to provide a functional state of the user's analog test graphic control component.

For a more detailed description of the technical features of the present invention, please refer to Figures 2, 3 and 4, which are respectively a block diagram of the schematic interface design system of the present invention, a block diagram of the editor of the present invention, and a viewer of the present invention. Block diagram. The present invention is a system and method for designing and operating an instant monitoring system with features that can be integrated across systems. Through the original command translation module, the command interface design method and the integrated heterogeneous system command content are translated into the command exchange delivery specification according to the definition of the invention, so that it can have the cross-system transplantation integration feature. Moreover, the original editor and the viewer of the invention are combined with the network application technical program, and the platform is highly compatible, and the editing design and control function of the graphic control system can be performed through the browser.

The system includes an editor 101, a viewer 102, and a command translation module 103. The editor 101 includes a component editing setting module 1011, a monitoring point corresponding module 1012, a logical point combination setting module 1013, and a page setting management module. The viewer 102 includes an instant monitoring module 1021, an alarm notification module 1022, and a simulation test module 1023.

The component editing setting module 1011 includes text, a picture, a chart and a dynamic component, each of which is given an independent attribute parameter. The module provides a corresponding attribute setting interface, and the user selects and selects by clicking, checking, and selecting a menu. Drag and drop the operation mode, quickly adjust the component position and appearance properties; this module also contains the original code editing interface, all component data is converted to a custom source code presentation, the user can directly edit the source code, accelerate the map control page Adjustment

The monitoring point corresponding module 1012 is used to set the relationship between the component and the controlled unit, so that the component state can be changed according to the selected state of the controlled point of the controlled unit 105, and the corresponding module will have all the controlled units 105. The monitoring point data is presented in a tree structure according to the case, building, floor and area. When the case manager designs the picture control system, the corresponding relationship between the component and the monitoring point can be established through the module. Significantly reduce the incidence of corresponding errors. At the same time, the graphic control component will be bound to the unique identification code of the corresponding controlled unit 105 for synchronizing the data and the immediate state of the controlled unit 105.

The logical point combination setting module 1013 performs digital logical combination or numerical four-order operation through the data of the controlled unit 105, and uses a transfer algorithm to determine whether the arithmetic rule is correct, and immediately obtains the data of the controlled unit 105 into a new value, and elasticity. The existing controlled unit monitoring points are reused to improve the readability of the information of the image control system, and the number of monitoring points is effectively reduced, and the cost of the controlled unit is reduced.

The page setting management module 1014, whose main function is to be responsible for adding, modifying, storing, and switching the function page of the image control system. This module can be added to the image control function page without restriction. The page selection button can be used to switch to each function page for modification and adjustment. When the monitoring page is edited, press the save button to save the design result in the database 104. Through this module, the case manager can also customize the menu structure to integrate the attribute similar pages into the same group; or define the common page menu, and place the frequently used page at the top of each picture control function page. Provide a faster way to switch.

The main function of the real-time monitoring module 1021 is to periodically read the real-time running data of the controlled unit 105, and update the components in real time according to the obtained data, including the device starting and stopping the corresponding displayed picture, color, analog numerical value, component pointer position and instant. The trend chart and the like, through the dynamic change of the component, present the immediate operation status of the complete system of the controlled unit 105; and directly release the control command to the controlled unit 105, including the start stop command, the monitoring point parameter value setting, etc. The user can remotely control without having to visit the site to achieve a more effective control system.

The main function of the alarm notification module 1022 is that when the controlled unit 105 reaches the warning and alarm conditions set by the user, the user system alarm is alerted by different lights under the map position of the controlled unit 105, and the alarm time is explained. , level and reason, let users know the complete alarm status of the picture control system for the first time.

The main function of the simulation test module 1023 is to simulate whether the component change is consistent with the user's design idea when all the controlled units 105 are in the test state, and the module is simulated first, without actual connection. The control unit 105 can initially determine whether the design of the graphic control system is correct, and greatly reduce the frequency and amplitude of the subsequent adjustment.

The command translation module 103 has the main function of processing all the commands sent by the editor 101 and the viewer 102, including the state data reading of the controlled unit 105, the control command release and the map control setting access, etc. The name of the command, the unique identification code of the controlled unit 105, the real-time data, or the value setting of the control command to be released, wherein the function name, parameters, and return data format of the command are uniformly standardized, and the data is transmitted in XML format. The elements and attribute names in the label must also comply with the regulations. Through the command translation module 103 unified with the system to be integrated with the present invention, each system only needs to implement several functions for the command translation module 103 to call, wherein several functions include the controlled unit 105 status query, when the command The translation module 103 transmits the unique identification code of the controlled unit 105 to be queried, and the integration system needs to return the real-time data of the controlled unit 105; and the control command release function, when the command translation module 103 transmits the control to be controlled The control unit unique identification code and control command are issued by the integrated system to the controlled unit 105. The module effectively separates the editor 101 and the viewer 102 from the controlled unit 105 and reduces the correlation with the heterogeneous system to be integrated. Therefore, in order to integrate the system of the present invention, only a few functions are implemented for the command translation module to call, and all the functional modules of the editor 101 and the viewer 102 of the present invention can be used to fully transplant and achieve rapid technical integration. reuse.

The development and operation process of the present invention is as follows:

1. The graphic control system manager first plans and designs the graphic control system function through the editor 101, including using the page setting management module 1014 to update the function page and the connection relationship required by the case, and matching with the logical point combination setting module 1013. The control unit 105 monitors the points and flexibly establishes a logical combination set point of the digital logic or the numerical four operations.

2. Then, the page setting management module 1014 is switched to each picture control page, and each picture control page is designed by using the component editing setting module 1011, including self-developed components, including text, pictures, graphics and dynamic components, and component attribute editing interface. And adjusting the component parameters by dragging, clicking, and ticking, and finally combining the monitoring point corresponding module 1012 to establish a connection relationship between the component and the monitoring point of the controlled unit 105.

3. After the administrator completes the graphic control design, the page setting management module 1014 is used to send a storage command to the command translation module 103, and the graphic control editing settings are all stored in the online database 104. Both the subsequent editor 101 and the viewer 102 are configured to access the map control on the access line to achieve the function of instant editing and reading.

4. Then, the user of the graphic control system reads the latest system page setting on the online through the viewer 102, and the real-time monitoring module 1021 periodically sends the controlled unit 105 status query command to the command translation module 103, and the integrated system is called by the real-time monitoring module. The query function, after the command translation module 103 receives the real-time data, will update to the components bound to the corresponding monitoring points, and the user can immediately grasp the complete operation status of the monitoring system by changing the picture, text, and dynamic components. When the user wants to control the controlled unit 105, the control command is sent to the command translation module 103 through the real-time monitoring module 1021, and the control function that calls the integrated system implementation is transmitted to the controlled unit 105. End, and then achieve the purpose of the remote monitoring and control system.

5. The alarm notification module 1022 obtains the instant data in the instant monitoring module 1021, and compares whether the graphic control component meets the warning and alarm conditions. When an alarm is triggered, different colors and alarm maps are marked next to the corresponding component. Show and explain the detailed alarm time, level and reason.

In addition, the user of the graphic control system can simulate the change of all components temporarily according to the customized value through the simulation test module 1023, and check whether the system is presented according to the expected design.

In summary, the present invention can instantly edit the interface of the monitoring system on-line, allowing the system administrator to quickly modify the system screen and component parameters, and store the design results in an online database to reduce the time for constantly modifying the program and re-establishing the release; Through the inspection interface to present the design of the monitoring system, data exchange, status update and command execution with the controlled unit, through the dynamic changes of the components will be more vivid than the simple values, the system equipment operating status. Therefore, the editor can add and delete the graphic monitoring system on the line, and combine the viewer to monitor the status of the controlled unit in real time. Improve system development efficiency and simplify the efficiency of the graphical control interface. In addition, the invention can reduce the development threshold of the graphic monitoring system, and greatly simplify the system development difficulty by dragging, clicking, clicking and checking the information of each component attribute and the data to be presented, so as to achieve an intuitive operation mode closer to the user. . Moreover, the invention can reduce the research and development cost of the repeated development of similar methods, and the front and rear ends are independent through the command translation module, and the system to be integrated only needs to implement the number function, and the full function of the graphic monitoring system development method can be integrated and reduced. The system re-develops the manpower and achieves an extension of the value and scope of the patent.

The above is intended to be illustrative only and not limiting. Any equivalent modifications or alterations to the spirit and scope of the invention are intended to be included in the scope of the appended claims.

101‧‧‧Editor

102‧‧‧Viewer

103‧‧‧Command Translation Module

104‧‧‧Database

105‧‧‧Controlled unit

Claims (10)

A graphic control interface design system includes: an editor, which provides a user to set at least one graphic control component and at least one graphic control page, and is configured to link the graphic control component to a monitoring point of a controlled unit, And generating a picture control system interface including the graphic control component and the graphic control page; a viewer for reading the graphic control system interface, and the visual device is configured to receive monitoring state information of the controlled unit to display Providing an instant control of the controlled unit by the user, and the viewer compares the monitoring status information with a threshold value, thereby selectively displaying an alarm information on the graphic control system interface. And a command translation module, which is connected to the editor and the viewer. When the image control system interface is generated, the command translation module receives a storage command transmitted by the editor, according to the storage command. The graphic control system interface is stored in a database, and the command translation module receives a status read command transmitted by the viewer to read the command according to the status to the controlled list. Obtaining the monitoring status information and transmitting the information to the viewer, the command translating the module and receiving a control command transmitted by the viewer to control the controlled unit according to the control command; wherein, when the viewer reads When the image control system interface is started, the editor provides the user to instantly update the graphic control component and the graphic control page. The image control interface design system of claim 1, wherein the editor comprises a component editing setting module, a monitoring point corresponding module and a page setting management module; the component editing setting module is Providing a user to set or add the graphic control component; the monitoring point corresponding module is configured to connect the graphic control component to the monitoring point of the controlled component; the page setting management module is configured to provide a user setting or The map control page is updated and used to transfer the save command to the command translation module. The image control interface design system of claim 2, wherein the editor further comprises a logic point combination setting module, configured to perform digital logical combination or numerical operation on the monitoring status information, and then the monitoring After the status information is digitized, the number of monitoring points is controlled. The image control interface design system of claim 1, wherein the viewer comprises an instant monitoring module and an alarm notification module; the instant monitoring module is configured to transmit the status read command to the command Translating the module and receiving the monitoring status information obtained from the controlled unit via the command translation module, and the instant monitoring module is configured to transmit the control command to the command translation module The group is configured to perform immediate control on the controlled unit through the command translation module; the alarm notification module is configured to determine whether the monitoring status information is greater than a threshold value set by the user, and if so, in the graphic control system The alarm information is displayed on the interface. The image control interface design system of claim 4, wherein the viewer further comprises an analog test module for providing a user to simulate and test the functional state of the graphic control component. A graphic control interface design operation method includes the following steps: providing an user to set at least one graphic control component and at least one graphic control page via an editor, and corresponding to the graphic control component and the monitoring point of one of the controlled components Linking, thereby generating a graphics control system interface including the graphics control component and the graphics control page; receiving, by using a command translation module, a storage command transmitted by the editor, to interface the graphics control system according to the storage command Stored in a database; the image control system interface is read from the database via a viewer, and a state read command is transmitted to the command translation module, so that the command translation module reads the command according to the state Obtaining a monitoring status information from the controlled unit, and transmitting, by the command translation module, the monitoring status information to the viewer, to display the monitoring status information by the graphic control system interface; and comparing by using the viewer The monitoring status information and a threshold value, thereby selectively displaying an alarm information on the image control system interface; wherein, when the viewer reads and starts the graphic control system In the interface, the editor provides the user to instantly update the graphic control component and the graphic control page, and when the visual control transmits a control command to the command translation module, the user is provided with the remote control of the remote control. Control unit. The image control interface design operation method as described in claim 6, wherein the editor comprises a component editing setting module, a monitoring point corresponding module and a page setting management module; the component editing setting module Providing a user to set or add the graphic control component; the monitoring point corresponding module is configured to connect the graphic control component to the monitoring point of the controlled component; the page setting management module is configured to provide user setting Or adding the graphic control page and transmitting the storage command to the command translation module. The image control interface design operation method of claim 7, wherein the editor further comprises a logic point combination setting module, configured to perform digital logical combination or numerical operation on the monitoring status information, thereby After the monitoring status information is digitized, the number of monitoring points is controlled. The method for designing an interface of the graphic control interface according to claim 6 of the patent application scope, wherein the viewer is packaged An instant monitoring module and an alarm notification module are provided; the instant monitoring module is configured to transmit the status read command to the command translation module, and receive the monitoring obtained from the controlled unit via the command translation module Status information, and the real-time monitoring module is configured to transmit the control command to the command translation module to perform real-time manipulation on the controlled unit through the command translation module; the alarm notification module is configured to determine the monitoring status Whether the information is greater than the threshold value set by the user, and if so, the alarm information is displayed on the interface of the graphic control system. The image control interface design operation method of claim 9, wherein the viewer further comprises an analog test module for providing a user to simulate and test the functional state of the graphic control component.