TWI751653B - Human-machine interface development method, human-machine interface device and computer program product - Google Patents

Abstract

The present disclosure provides a human-machine interface development method, a human-machine interface device and a computer program product. The human-machine interface development method includes: providing an edit interface for a user to edit a human-machine interface through a display unit of a computing device; selecting at least one graphical control component to be disposed on the edit interface, wherein every graphical control component is associated to a simulating graphical control component; and providing a simulator sub-interface according to the content of the edit interface, in which the simulator sub-interface is configured to display the simulating graphical control component that each graphical control component disposed on the edit interface is associated to.

Description

Human-machine interface development method, human-machine interface device and computer program product

The present invention relates to the field of information technology, and in particular, to a human-machine interface development method, a human-machine interface device and a computer program product.

Human-Machine Interface (Human-Mankind Interface) is the interface between the machine and the user. Through the human-machine interface, the user can input operating instructions to the machine, and the machine can feedback the execution status of the operating instructions to the user through the human-machine interface. . In addition, through the human-machine interface, the machine can also report the internal system status to the user at any time. With the development of science and technology, the digitization of industrial forms and daily life, the demand for human-machine interfaces in the market is becoming more and more popular. Therefore, providing a human-machine interface development environment that is convenient to operate, verifiable and fast has become an important development goal in this field. one.

Generally speaking, the conventional human-machine interface development environment needs to perform signal connection with the main board of the machine after the preliminary development is completed, and output analog commands to the main board to verify the design of the human-machine interface. However, connecting the motherboard for simulation reduces the efficiency of the HMI development process.

Based on the above, one of the solutions adopted by the embodiments of the present invention is to provide a human-machine interface development method, which includes: providing an editing interface for a user to edit the human-machine interface through a display unit of a computing device interface; selecting at least one graphic control element and placing it on the editing interface, wherein each graphic control element is associated with a simulated graphic control element; and generating a simulated interface by the computing device according to the content of the editing interface, and the simulated interface is configured to be displayed on the The analog graphic control element associated with each graphic control element of the editing interface.

Another technical solution of the present invention is to provide a computer program product, which contains a computer-readable program, which can execute the above-mentioned human-machine interface development method after being read by the computer.

Another technical solution of the present invention is to provide a human-machine interface device for executing the human-machine interface developed by the above-mentioned human-machine interface development method. The display unit is used for displaying the content of the above-mentioned editing interface; the control unit signal is connected to the display unit for receiving operation commands through at least one graphic control element on the editing interface, and transmitting the operation commands to the main board of the device.

For further understanding of the features and technical content of the present invention, please refer to the following detailed descriptions and drawings of the present invention. However, the drawings provided are only for reference and description, and are not intended to limit the present invention.

U: computing device

D, D': Display unit

1: Editing interface

110: Display area

111: Graphical control component library

120:Edit area

2: Analog interface

3: Human-machine interface device

M1: Control unit

A: Equipment

M2: Motherboard

G1-G5: Graphical control elements

S1-S5: Analog graphic control elements

T: search bar

C: cursor

S: analog execution button

R1: Coordinate area

R2: Size area

FIG. 1 is a flowchart of a human-machine interface development method according to a first embodiment of the present invention.

FIG. 2 is an editing interface of the human-machine interface development method according to the first embodiment of the present invention.

FIG. 3 is a simulation interface of the human-machine interface development method according to the first embodiment of the present invention.

FIG. 4 is a flowchart of a human-machine interface development method according to a second embodiment of the present invention.

FIG. 5 is an editing interface of a human-machine interface development method according to a second embodiment of the present invention.

FIG. 6 is a simulation interface of a human-machine interface development method according to a second embodiment of the present invention.

FIG. 7 is a modified embodiment of the editing interface and the simulation interface of the human-machine interface development method according to the second embodiment of the present invention.

FIG. 8 is a flowchart of a simulation method of a human-machine interface development method according to the second embodiment of the present invention.

9A to 9C are schematic diagrams of a simulation method of a human-machine interface development method according to a second embodiment of the present invention.

10A and 10B are schematic diagrams of another simulation method of the human-machine interface development method according to the second embodiment of the present invention.

FIG. 11 is a simulation flow chart of a human-machine interface development method according to the second embodiment of the present invention.

FIG. 12 is a development device for human-machine interface development according to the second embodiment of the present invention.

The following describes the human-machine interface development method, human-machine interface device and computer program product disclosed in the present invention through specific embodiments and in conjunction with FIG. advantages and effects. However, the content disclosed below is not intended to limit the protection scope of the present invention, and those skilled in the art can implement the present invention with other different embodiments based on different viewpoints and applications without departing from the spirit of the present invention.

first embodiment

Please refer to FIG. 1 , FIG. 2 and FIG. 3 , a first embodiment of the present invention provides a human-machine interface development method, which at least includes the following steps. Step S100: Provide an editing interface 1 through the display unit D of the computing device U for the user to edit the one-man-machine interface; Step S102: Select at least one graphical control The control elements G1-G5 are placed on the editing interface 1, wherein each graphic control element G1-G5 is associated with a simulated graphic control element S1-S5; and step S104: the computing device U generates the simulated interface according to the content of the editing interface 1 2. The simulated interface 2 is configured to display the simulated graphic control elements S1-S5 associated with each graphic control element G1-G5 placed on the editing interface 1.

As shown in FIG. 2 , in this embodiment, the computing device U is a desktop computer with an external display unit D, however, the present invention is not limited to this. In other embodiments, the computing device U may be, for example, a notebook computer or a server. In step S100, in the human-machine interface development method of the present embodiment, the editing interface 1 is displayed on the display unit D, and then, in step S102, the selected graphic control elements G1-G5 are placed on the editing interface 1, as shown in FIG. 2 shown. This embodiment does not limit the way in which the graphic control elements G1-G5 are placed on the editing interface 1. For example, in one embodiment, the graphic control elements G1-G5 can be dragged from another interface to the editing interface 1 with a mouse cursor. Alternatively, in another embodiment, the display unit D can be a touch screen, and the display unit D can be directly dragged with a finger or a stylus. In another variant embodiment, the graphic control elements G1-G5 can also be placed on the editing interface 1 by means of command input. In one embodiment, the editing interface 1 may include a graphic control element library and a human-machine interface editing area for directly dragging the graphic control elements to the human-machine interface editing area (which will be exemplified in the second embodiment).

In the embodiment of FIG. 2 , each graphic control element G1 - G5 represents an operation instruction for the target machine on the human-machine interface. For example, the graphic control element G1 can be a system switch button; the graphic control element G2 can be a temperature warning light, which turns on when the system temperature is lower than a warning temperature and turns off when the system temperature is higher than the warning temperature; the graphic control element G3 can be a motor The speed control dial; the graphic control element G4 can set the ventilation level of the system; the graphic control element G5 can adjust the system set temperature. The above are only examples, and the present invention is not limited thereto. The developer of the human-machine interface can control the functions that can be operated by the machine according to the target of the designed human-machine interface, and set the corresponding operation command for each selected graphic control element. For example in another In an embodiment, the editing interface 1 in FIG. 2 is designed for a coffee machine, and the graphic control element G1 can be, for example, a switch of the coffee machine; the graphic control element G2 can be used as a start button for cleaning the coffee machine; the graphic control element G3 can be used as a control disc for the amount of coffee powder; the graphic control element G4 can be used, for example, to adjust the water intake; the graphic control element G5 can be used to adjust the temperature of the water outlet.

It should be emphasized that FIG. 2 is only for illustration, and the selected graphic control elements and optional graphic control elements of the present invention are not limited to those shown in FIG. 2 . For example, in another embodiment, the graphical control elements selected for HMI design may include, but are not limited to, timers, pressure gauges, volume control keys, waveform generators, and the like.

Please refer to Figure 1, Figure 2 and Figure 3 together. In this embodiment, each of the graphic control elements G1-G5 in FIG. 2 is sequentially associated with the analog graphic control elements S1-S5 shown in FIG. 3 . Specifically, in practical applications, the human-machine interface development method of this embodiment can store a mapping table through the computing unit U, wherein each selectable graphic control element in the mapping table corresponds to an analog graphic control element. For example, in the embodiments of Fig. 2 and Fig. 3, in such a mapping table, the graphic control element G1 is associated with the simulated graphic control element S1; the graphic control element G2 is associated with the simulated graphic control element S2; the graphic control element G3 is associated with the simulated graphic control element Element S3; graphic control element G4 is associated with simulated graphic control element S4; graphic control element G5 is associated with simulated graphic control element S5. In this way, after selecting the graphic control elements G1-G5 to the editing interface in step S102, in step S104, the human-machine interface development method of the present invention can generate the simulated interface 2 as shown in FIG. 3 according to the content change of the editing interface 1. In other words, the human-machine interface development method of the present invention reads the graphic control elements placed on the editing interface 1 (in the embodiment of FIG. 2, the graphic control elements G1-G5), and then reads the graphic control elements through the mapping table. The control elements G1-G5 have corresponding analog graphic control elements, that is, the analog graphic control elements S1-S5, and the simulated graphic control elements S1-S5 are displayed in the simulation. on interface 2. The above is only an example. In other embodiments, each graphic control element may be associated with its corresponding analog graphic control element by means other than the mapping table.

In step S104 , generating the simulation interface 2 by the computing device U according to the content of the editing interface 1 may be performed synchronously with the step S102 . Specifically, when the user places a graphic control element on the editing interface 1, the human-machine interface development method of this embodiment actively reads the graphic control element placed on the editing interface 1 according to the change of the editing interface 1, and then Read the corresponding analog graphic control element and place it on the analog interface 2. In other words, when the editing of the editing interface 1 is completed, the editing of the simulation interface 2 is also completed. As far as the output of the analog interface 2 is concerned, the analog interface 2 in FIG. 3 can be displayed to the user through the display unit D in FIG. 2 , or displayed on other displays, and the present invention is not limited thereto. In addition, in other embodiments, the step of generating the simulated interface 2 by the computing device U according to the content of the editing interface 1 can also be performed after step S102 is completed, that is, after the human-machine interface in the editing interface 1 has been designed, and then through the instruction Input or graphically simulate the execution button to execute step S104.

By means of the above-mentioned technical means, the human-machine interface development method of the present embodiment achieves the simulation result after the design of the human-machine interface is completed by simulating the setting of the graphic control element and establishing an association relationship between the graphic control element and the simulated graphic control element. The technical effect of the interface. In this way, the human-machine interface designed on the computing device by the human-machine interface development method provided in this embodiment can immediately perform the simulation and confirmation of the human-machine interface on the same computing device, and does not need to be connected to a machine for simulation. It can improve the development efficiency of human-machine interface.

Second Embodiment

Please refer to FIG. 4 and FIG. 5 , the human-machine interface development method according to the second embodiment of the present invention includes step S200 : providing an editing interface 1 for the user to edit the human-machine interface, and the editing interface 1 includes a display area 110 and an editing area 120 . Area 110 is configured to display library of graphical control elements 111, editing area 120 is configured for placement of at least one graphics control element. One of the differences between this embodiment and the previous embodiment is that the editing interface 1 of this embodiment includes a display area 110 and an editing area 120 . As shown in FIG. 5 , the graphic control element library 111 in the display area 110 includes a plurality of graphic control elements for the user to select and place in the editing area 120 . The present invention is not limited to the graphic control element library 111 shown in FIG. 5 . In other embodiments, the display area 111 may further have a classification label of the graphic control element library 111 to classify the graphic control elements in the graphic control element library 111, so as to facilitate the user to quickly search for the graphic required for designing the man-machine interface control element. Further, the display area 111 may also have a search bar T as shown in FIG. 5 , so that the desired graphic control element can be searched more quickly. Through the technical features of the editing interface 1 including the display area 110 and the editing area 120, the user can directly drag the selected graphic control element from the graphic control element library 111 to the editing area 120 by touching or dragging with the mouse to achieve visualization Editing effect.

Please refer to Figure 4, Figure 5 and Figure 6 together. After step S200, the human-machine interface development method of this embodiment includes step S202: selecting at least one graphic control element from the graphic control element library; step S204: placing the selected at least one graphic control element in the editing area; step S206: Determine the position of each selected graphic control element in the editing interface; Step S208: Determine the display size of each selected graphic control element in the editing interface; and Step S210: Generate a simulated sub-interface according to the content of the editing interface, the simulated sub-interface The interface is configured to display the simulated graphic control element associated with each graphic control element placed on the editing interface, and the corresponding simulated graphic control element is determined according to the position and display size of each selected graphic control element in the editing interface The position and display size of the simulated sub-interface.

Further, another difference between this embodiment and the previous embodiment is that in the previous embodiment, when the simulation interface 2 is generated, only the graphic control elements placed on the editing interface 1 and the associated simulation are read. graphic control element; and in the human-machine interface development method of this embodiment, the human-machine interface developer In addition to selecting the desired graphic control elements to be placed in the editing area 120 (steps S202 and S204), the position and size of each graphic control element to be placed in the editing area 120 may be further determined (steps S206 and S208). When generating the simulation interface 2 (step S210 ), the human-machine interface development method of the embodiment not only reads the graphic control elements placed in the editing area 120 , but also further reads the graphic control elements placed in the editing area 120 in the editing area 120 . position and display size, and accordingly each associated analog graphic control element is placed in the corresponding position and displayed in the same size, so as to generate the analog interface 2 . For example, please refer to FIG. 5 and FIG. 6 , in step S210 of this embodiment, the position and display size of the simulated graphic control element S1 in the simulated interface 2 will completely correspond to the position and display size of the graphic control element G1 in the editing interface 1 Size; the position and display size of the simulated graphic control element S2 in the simulation interface 2 will completely correspond to the position and display size of the graphic control element G2 in the editing interface 1, and so on. Thereby, the human-machine interface development method provided in this embodiment can generate an analog interface 2 that is nearly the same as the human-machine interface edited in the editing interface 1, so as to achieve a WYSIWYG human-machine interface development environment. The editing interface 1 in the embodiment of FIG. 5 exemplifies the simulation execution button S to open the simulation interface 2 in FIG. 6 , but the present invention is not limited thereto.

In detail, please refer to FIG. 5. In step S206, the position of the graphic control element in the editing interface can be determined by dragging the graphic control element with the mouse cursor to place the graphic control element at the selected position, or, in the display unit D, the touch In the embodiment of controlling the screen, it can be directly dragged to the selected position with a finger or a stylus. In other embodiments, a coordinate area R1 as shown in the upper right of the editing area 120 in FIG. 5 can also be provided in the editing interface 1 . In this embodiment, the coordinate area R1 can display the coordinate position of the currently selected graphic control element in the coordinate system of the editing area 120 at any time. In addition to dragging the graphic control element with the mouse cursor to determine the position of the graphic control element, the user can also manually input the coordinate position where the graphic control element is to be placed in the coordinate area R1.

Please continue to refer to FIG. 5. Further, in step S208, determining the display size of the graphic control element in the editing interface can be performed by clicking an anchor point on the edge of the graphic control element with the mouse cursor on the editing interface 1 and dragging it. Graphics controls the scaling of components. In other embodiments, a size area R2 as shown in the upper right of the editing area 120 in FIG. 5 may be provided in the editing interface 1 . In this embodiment, the size area R2 can display the unit length of the horizontal axis and the vertical axis spanned by the currently selected graphic control element in the editing area 120 . In addition to dragging and zooming to control the display size of the graphic control element, the user can also manually input the unit length of the currently selected graphic control element on the horizontal and vertical axes in the size area R2 to adjust the target display. size.

The simulation interface 2 shown in FIG. 6 can be displayed on the display unit D in the form of an independent window, and the independent window can overlap with the editing interface 1 , however, the present invention is not limited to this. Please refer to FIG. 7 . As shown in FIG. 7 , the simulation interface 2 can also be displayed side by side with the editing area 120 in a divided display manner in the editing interface 1 . In this way, the user can compare the design of the human-machine interface and the simulation interface 2 more quickly and conveniently, and perform further simulation.

Referring to FIG. 8, in one embodiment, the human-machine interface development method of the present invention may further include step S300 after step S210: simulating one of the graphic control elements in the editing interface and one of the graphic control elements One of the corresponding analog graphic control elements in the interface performs a simulated operation; and Step S302 : displaying the simulated feedback operation corresponding to the simulated operation on the one of the graphic control elements and the one of the graphic control elements on the simulated interface Another one of the corresponding analog graphic control elements in . Specifically, the human-machine interface development method provided by this embodiment can achieve the actual operation of the graphic control element or the simulation of the graphic control element, so as to simulate the design of the human-machine interface. For example, when the design of the human-machine interface on the editing interface 1 is completed, the human-machine interface development method of this embodiment provides a simulation of the human-machine interface controlling the machine, and can control the graphic control elements in the human-machine interface, such as Graphical control One of the element G1 and the simulation graphics control element S1 performs the simulation operation. As for the analog operation on the graphic control element G1 or the simulated graphic control element S1, it depends on whether the signal transmission property of the graphic control element G1 is an input or output signal to the machine to be controlled. The operation simulation method provided by the human-machine interface development method of the present invention in the above two cases will be further described below with reference to FIGS. 9A-9C , FIGS. 10A and 10B .

Please refer to FIG. 9A and FIG. 9B. For example, in this embodiment, the operation command of the graphics control element G5 is to set the system temperature. Since the signal transmission nature of the operation command is input to the machine, the simulation is to control the graphics. Element G5 performs analog operation, while analog graphic operating element S5 displays system temperature. For the graphic control element G5 in FIG. 9A , “simulated operation” refers to manipulating the slide rail to adjust the system temperature, and “simulated feedback operation” refers to the simulated graphic control element S5 to simulate the system temperature rising or falling in response to the adjustment of the set temperature. In the simulation embodiment shown in FIGS. 9A to 9C , the user first uses the cursor C to move the graphic control element G5 down from the position shown in FIG. 7 to the position shown in FIG. 9A to lower the system temperature (corresponding step Simulation operation in S300). In FIG. 9B , the human-machine interface development method of the present invention displays the simulated feedback operation corresponding to the simulated operation in FIG. 9A (the system temperature is lowered by the adjustment of the graphic control element G5 ) on the simulated graphic control element S5 . Meanwhile, in this embodiment, the graphic control element G2 is a temperature warning light, which lights up when the system temperature is lower than a preset temperature. Since the set system temperature in the embodiment of FIG. 9A is lower than the preset temperature, therefore When the temperature of the system decreases as shown in FIG. 9B , the warning light of the analog graphic control element S2 lights up at the same time (indicated by diagonal lines), that is, the system outputs a control signal to control the warning light of the graphic control element G2 to light up.

As far as the graphic control element G2 and the analog graphic control element S2 are concerned, since the function of the graphic control element G2 is a warning light, and its signal transmission property is output from the machine, the "simulated operation" refers to the analog graphic control element S2 due to temperature changes. On or off, "analog feedback operation" refers to graphic control The element G2 is turned on or off corresponding to the on or off of the analog graphic control element S2. Therefore, after the embodiment of FIG. 9B , in FIG. 9C , the warning light of the graphic control element G2 lights up correspondingly in response to the lighting of the simulated graphic control element S2 of FIG. 9B .

10A and 10B show another simulated embodiment of the human-machine interface development method provided by the present invention. As far as the graphic control element G3 and its corresponding analog graphic control element S3 are concerned, in this embodiment, the graphic control element G3 is a motor speed control turntable, and in terms of the nature of its signal transmission, it can be the graphic control element G3 to the system input. The control signal of the motor speed can also be the analog graphic control element S3 to output the current motor speed of the system to be displayed on the graphic control element G3 to the user, that is, in this embodiment, the difference between the graphic control element G3 and the analog graphic control element S3 The signal transmission between them can be bidirectional. Therefore, the "simulation operation" can be the rotation of the graphic control element G3 to adjust the rotational speed of the system motor, or the rotation of the simulated graphic control element S3 to simulate the change of the rotational speed of the system motor; the "simulated feedback operation" can be the simulation of the graphic control element S3 In response to the adjustment of the speed, it is displayed that the speed of the system motor has been adjusted, or the graphical control element G3 shows the change of the speed of the machine motor. The embodiment of FIG. 10A corresponds to step S300, wherein the user performs a simulated operation on the simulated graphic control element S3, and uses the cursor C to move the pointer from the original position in FIG. 9B to the position shown in FIG. 10A to simulate the speed of the system motor speeding up . Next, in step S302, the human-machine interface development method of this embodiment displays the analog feedback operation on the graphic control element G3, that is, the graphic control element G3 displays the change of the motor speed in response to the change of the motor speed of the system, so the pointer is changed from the original figure 9C. The position in goes to the position in Figure 10B.

From the perspective of a human-machine interface developer, the human-machine interface development method of this embodiment can be used to confirm whether the human-machine interface designed in the editing interface 1 can be implemented. For example, in one embodiment, after step S210 , the human-machine interface development method further includes step S400 : setting one of the graphic control elements in the editing interface 1 and one of the graphic control elements in the simulation interface 2 Corresponding analog graphics control One of the components performs a simulation operation; Step S402 : Determine whether the one of the graphic control components in the editing interface 1 and the other one of the analog graphic control components corresponding to the one of the graphic control components in the simulation interface 2 correspond to Perform the simulation feedback operation; and Step S404 : if yes, determine that one of the graphic control elements completes the simulation. For the embodiment of FIGS. 9A to 9C , since the simulated graphic control element S5 shows a corresponding simulated feedback operation (ie, temperature reduction) in FIG. 9B after the simulated operation is performed on the graphic control element G5 in FIG. 9A . , so it can be judged that the graphic control element G5 has completed the simulation; since the simulated graphic control element S2 in FIG. 9B has generated a simulated operation (the warning light is on), the graphic control element G2 in FIG. 9C correspondingly displays the simulated feedback operation (the warning light is on) , so it can be judged that the graphic control element G2 completes the simulation. Other graphic control elements can provide operation simulation according to steps S300 and S302 , and complete simulation verification according to steps S400 to S404 , which will not be repeated here.

In the above simulation embodiments, the cursor C is used to perform simulation operations on the graphic control element or the simulated graphic control element, but the present invention is not limited to this. In other embodiments, the display unit D may be a touch screen, and a finger or a stylus is used to perform analog operations.

In view of the above, the human-machine interface development method provided by this embodiment can determine the position and display size of the graphic control element placed in the editing interface 1, and display the associated simulated graphic control element on the simulation interface 2, and simulate the graphic control element. The location and display dimensions of the components are the same as the corresponding graphical control components. In this way, the WYSIWYG simulation interface 2 can be achieved in this embodiment. In addition, this embodiment further provides a simulation method for human-machine interface design, by making the simulated graphic control element or the graphic control element display the simulated feedback operation corresponding to the simulated operation, so that the developed man-machine interface can be developed without An external machine motherboard can be used to perform fast human-machine interface verification on the computing device U.

Third Embodiment

Referring to FIG. 12 , a third embodiment of the present invention provides a human-machine interface device 3 for executing the human-machine interface developed by the human-machine interface development method in the above-mentioned embodiment. The human-machine interface device 3 of this embodiment is disposed on the device A for controlling the device A, and the signal is connected to the main board M2 of the device A. As shown in FIG. 12 , the human-machine interface device 3 of this embodiment includes a display unit D' and a control unit M1. The display unit D' displays the content of the editing interface edited according to the man-machine interface development method in the above-mentioned embodiment, and the control unit M1 is connected to the display unit D' to receive operation commands through the displayed graphic control elements G1-G5. , and transmit the operation command to the main board M2 of device A.

The content disclosed above is only a preferred feasible embodiment of the present invention, and is not intended to limit the scope of the present invention. Therefore, any equivalent technical changes made by using the contents of the description and drawings of the present invention fall into the application of the present invention. within the scope of the patent.

The designated representative diagram in this case is a flow chart, so there is no symbol for a simple description.

Claims (8)

A human-machine interface development method, comprising: providing an editing interface for a user to edit the human-machine interface through a display unit of a computing device; selecting at least one graphic control element and placing it on the editing interface, wherein each graphic control element is associated with an analog graphic control element; generating an analog interface by the computing device according to the content of the editing interface, the analog interface being configured to display the analog graphic control associated with each of the graphic control elements placed on the editing interface element; and verifying the simulation between the graphic control element and the simulated graphic control element by a simulated operation and a simulated feedback operation corresponding to the simulated operation. The human-machine interface development method of claim 1, wherein the editing interface includes a display area and an editing area, the display area is configured to display a library of graphic control elements, and the editing area is configured to place at least one the graphic control element, and wherein, the step of selecting the at least one graphic control element to place in the editing interface includes: selecting at least one graphic control element from the graphic control element library; and at least one graphic control element to be selected Control elements are placed in this editing area. The human-machine interface development method according to claim 1, wherein after the step of selecting the at least one graphic control element to be placed on the editing interface, the step comprises: determining the position of each selected graphic control element on the editing interface; as well as The step of generating the simulated interface according to the content of the editing interface includes: determining the position of the corresponding simulated graphic control element on the simulated interface according to the position of each selected graphic control element on the editing interface. The human-machine interface development method according to claim 1, wherein after the step of selecting the at least one graphic control element and placing it on the editing interface, the step includes: determining a display size of each selected graphic control element on the editing interface ; and wherein, the step of generating the simulation interface according to the content of the editing interface includes: determining the corresponding simulation graphics control element in the simulation interface according to the display size of each selected graphics control element in the editing interface display size. The human-machine interface development method according to claim 1, wherein after the step of generating the simulation interface according to the content of the editing interface, the method further comprises: one of the graphic control elements and one of the graphics in the editing interface One of the analog graphic control elements corresponding to the control element in the simulation interface performs the simulated operation; and the simulated feedback operation corresponding to the simulated operation is displayed on the one of the graphic control elements and the one of the graphics The control element corresponds to another one of the simulated graphic control elements in the simulated interface. The human-machine interface development method according to claim 5, wherein verifying the simulation between the graphic control element and the simulated graphic control element comprises: Perform the simulation operation on one of the graphic control elements in the editing interface and one of the simulated graphic control elements corresponding to the one of the graphic control elements in the simulation interface; determine the one in the editing interface Whether one of the graphic control elements and the other one of the simulated graphic control elements corresponding to the one of the graphic control elements in the simulation interface corresponds to the simulation feedback operation; and if so, determine that the one of the graphic control elements completes the simulation . A computer program product, which contains a program readable by a computer, can execute the human-machine interface development method described in any one of claims 1 to 6 after being read by the computer. A human-machine interface device for executing the human-machine interface developed by the human-machine interface development method described in any one of claims 1 to 6, the human-machine interface device is signal-connected to a main board of a device, the The human-machine interface device comprises: a display unit for displaying the content of the editing interface as described in any one of the request items 1 to 6; and a control unit, the signal is connected to the display unit for displaying the content of the editing interface through the editing interface The at least one graphic control element receives an operation command and transmits the operation command to the mainboard of the device.

Images