TWI498698B - User interface and computer program product - Google Patents

Description

User interface and computer program products

The present invention relates to a user interface and a computer program product, and more particularly to a user interface and computer program product suitable for operating a production machine.

At present, although the development of the Manufacturing Executing System (MES) has been in progress for a long time, and most of the functions of the system have matured, most of the functions are only solved for the problems of factory engineering and process, but lack of use. From the perspective of the user interface design and development. In addition, different production interfaces need to be designed or developed separately for different production machines, which causes a burden on the user's operation and increases the frequency of the user's miss operation (MO).

More importantly, how to reduce the frequency of MO has become one of the management priorities for the management of plant engineering. However, at present, the operation of the user interface is presented by a large number of complicated characters and buttons, and the user cannot naturally intuitively operate from the user interface, resulting in a longer user. The learning curve of time.

An object of the present invention is to provide a user interface and a computer program product that are commonly used in various machines, so that the Manufacturing Execution System (MES) can be more efficient and used in the operation and management of the production machine. They are more friendly.

In accordance with an embodiment of the present invention, a user interface is presented. The user interface is displayed on the screen of the electronic device and is adapted to operate the production machine. This production machine contains N reactors, N is a natural number. This user interface contains a startup image, a reaction state image, and an end image. Wherein, when the startup image presents the first color, the startup image represents an activation program, and the startup program is adapted to drive the production machine to start the production process. The reaction state image contains N reaction blocks, and the N reaction blocks selectively exhibit different colors to respectively reflect the production states of the N reactors. And, when the end image presents the second color, the end image represents the end program, and the end program is adapted to drive the production machine to end the production process.

According to another embodiment of the present invention, a computer program product is presented. The computer program product has a plurality of computer program instructions stored therein, and the computer program product is operative to cause an electronic device to present the user interface on a screen.

According to one or more embodiments described above, the present invention has at least the following advantages:

1. Through the image in the user interface and the appropriate color configuration, the current status of the production machine is provided to the user in the most direct and effective manner to shorten the time for the user to make decisions during the production process. .

2. Through the configuration of the image color in the user interface, guiding and reminding the user of the next operation or the function that can be performed, reducing the frequency of the user's miss operation (MO).

3. Since the user interface can automatically guide the user to operate, the user can quickly learn the manipulation of the production machine, and can shorten the learning curve of the user MES.

4. The user interface includes at least a startup image, an end image, and a production state image, and the production state image can be divided into a corresponding number of reaction blocks according to the number of reaction furnaces in the production machine, so that the user interface can be It is applied to a variety of different specifications of the production machine, and then the development cost and development time of the operation interface of the machine.

100‧‧‧Electronic devices

102‧‧‧ storage unit

103‧‧‧ screen

200‧‧‧Production machine

230‧‧‧Control unit

201, 202, 203‧‧‧Reaction furnace

211, 212, 213‧‧ ‧ feeding port

221, 222‧‧‧ discharge opening

300‧‧‧User interface

310‧‧‧Starting image

311‧‧Check the window

312‧‧Check project

313‧‧‧General inspection items

314‧‧‧ data collection project

315‧‧‧ signing project

320‧‧‧Reaction status image

321, 322, 323‧‧‧Reactive blocks

330‧‧‧End image

331, 332‧‧‧ material output image

341, 342, 343‧‧‧ materials placed in the image

350‧‧‧Production progress image

351‧‧‧Part 1

351a‧‧‧ Manufacturing progress information

351b‧‧‧Remaining production time information

352‧‧‧Part II

360‧‧‧ label image

370‧‧‧ machine management image

380‧‧‧Capacity image

400‧‧‧ machine image

410‧‧‧ arrow image

S‧‧‧ control signal

In order to make the present invention and its advantages more obvious, the description of the drawings is as follows: FIG. 1 is a block diagram showing an electronic device and a production machine according to an embodiment of the present invention.

2 is a schematic diagram showing a user interface of an embodiment of the present invention.

Figure 3 is a diagram showing the check window of the startup image of Figure 2.

Figure 4 is a schematic diagram showing a user interface of another embodiment of the present invention.

The embodiments of the present invention are disclosed in the following drawings, and for the purpose of illustration However, it should be understood that these practical details are not intended to limit the invention. In addition, the drawings are for illustrative purposes only and are not drawn to the original dimensions. For ease of understanding, the same elements in the following description will be denoted by the same reference numerals.

The terms "first", "second", etc., used herein are not intended to refer to the order or order, nor are they intended to limit the invention, only to distinguish between elements or operations described in the same technical terms. Only.

First, the user interface of the following embodiment is mainly applied to the Manufacturing Executing System (MES) of the production machine in the factory engineering. This user interface can be applied to multiple production machines, so that MES developers do not need to design different interfaces for different production machines. Please refer to the following instructions.

Referring to FIG. 1 , the user interface of the present invention can be implemented by using the electronic device 100 shown in FIG. 1 , and the electronic device 100 can transmit a corresponding control signal according to an instruction input by the user from the user interface. To the production machine 200, the function of the production machine 200 is controlled by the user interface, wherein the transmission of the control signal S can be wired transmission or wireless transmission.

As shown in FIG. 1 , the electronic device 100 may include a processing unit 101 , a storage unit 102 , and a screen 103 . The screen 103 is used to present the user interface shown in Figures 2 and 3 below. In more detail, the user interface in the following embodiments may be an application for manipulating the production machine 200. The operating interface of the (APP), this application can be used as a computer program product. The computer program product can be stored on a recording medium (such as storage unit 102) or distributed directly over the network for download. This computer program stores a plurality of computer program instructions (not shown). The processing unit 101 is coupled to the screen 103, and the processing unit 101 can execute such computer program instructions such that the screen 103 of the electronic device 100 can display the user interface of the following embodiment.

The processing unit 101 is connected to the storage unit 102. The storage unit 102 can pre-store the attribute data related to the production machine 200, for example, the model and specifications of the production machine 200, and the time required for material processing. In addition, the storage unit 102 can also store a plurality of applications or operating systems.

The production machine 200 can include a control unit 230 and three reaction furnaces 201, 202, 203. And the production machine 200 has a function of a production process, for example, processing of a material. In the first embodiment, each of the reaction furnaces 201, 202, and 203 may have a feed port 211, 212, 213, and the two reaction furnaces 202, 203 may have discharge ports 221, 222, but not limited thereto. In other embodiments, the number of the above reaction furnaces is not limited to three, N may be N and the number is N, and the number of the feed ports corresponds to the number of the reaction furnaces, and may also be N, and the number of the discharge ports One less than the feed port, which can be N-1. In still another variant embodiment, each of the reactors 201, 202, 203 does not necessarily have a feed port 211, 212, 213 or a discharge port 221, 222. The reactors 201, 202, 203 may have only the feed ports 211, 212, 213 or only the discharge ports 221, 222, or may not have any of the feed ports 211, 212, 213 and the discharge ports 221, 222.

The control unit 230 is connected to the reaction furnaces 201, 202, 203, and the control list The element 230 can drive the feeding ports 211, 212, 213 or the discharging ports 221, 222 of the respective reaction furnaces 201, 202, 203 to perform feeding or discharging operations according to the control signal S of the electronic device 100, or to start or close the production. The production process of the machine 200. In an embodiment, the control unit 230 can be a logic circuit, a Complex Programmable Logic Device (CPLD), etc., and the control unit 230 can generate a driving signal (not shown), and the production machine 200 can further include The driving module (not shown) is configured to perform related actions of the production process according to the driving signal. The drive module can be, but is not limited to, a motor, and can be used to operate the opening and closing of the feed ports 211, 212 or the discharge ports 221, 222.

In one embodiment, the electronic device 100 may be a tablet computer, a notebook computer, a smart phone, a desktop computer, or the like. The processing unit 101 may be a central processing unit (CPU), a micro processor, or the like, but is not limited thereto. The above-mentioned screen 103 can be various types of touch screens, such as a resistive touch screen, a capacitive touch screen, an optical touch screen, and an acoustic wave touch screen. , electromagnetic (touch) screen, etc., but not limited to this. The touch screen 103 has a touch function as an input/output interface of the electronic device 100. That is, the screen 103 can receive touch input from the user and can display information of the electronic device 100, for example, display various applications, and click on a specific application to open the user in the following embodiment. interface. In another embodiment, the screen 103 can be a liquid crystal screen with only a display function, and the user must input the operation finger through a hardware button or a keyboard. make.

The storage unit 102 can be an internal storage unit or an external storage unit. The internal storage unit may be a random access memory (RAM), a read-only memory (ROM), a flash memory, or a magnetic disk storage device. Wait. The external storage unit can be a Compact Flash (CF) memory, a Secure Digital (SD) memory card, a Micro SD memory card, or the like. The external storage unit is externally connected to the electronic device 100 via a corresponding interface. In addition, the storage unit 102 can also be a network storage space, and the electronic device 100 can use its network components to connect and access the network storage space through the Internet.

Next, please refer to FIG. 2 and FIG. 3 together. FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present invention, and FIG. 3 is a view showing a verification window of the startup image of FIG. As shown, the user interface 300 includes a startup image 310, a reaction state image 320, and an end image 330. The startup image 310, the reaction state image 320, and the end image 330 can all be rendered using a geometric shape. For example, in this embodiment, the startup image 310, the reaction state image 320, and the end image 330 may be circular geometric patterns, but not limited thereto, the circular pattern may improve visual comfort when the user operates. .

In the present embodiment, when the startup image 310 and the end image 330 are in a state in which they can be operated, a color that can be operated can be displayed. Similarly, when the start image 310 and the end image 330 are in an inoperable state, another inoperable color is displayed to prevent the user from accidentally touching. In more detail, when the production machine 200 is in a state in which it can be activated, for example, when material is in the station, the startup image 310 is now presented with a first color. The launch image 310 presenting the first color may represent an activation program that is adapted to drive the production machine 200 to initiate a production process. In a specific application, the first color may be set to green, or the first color may be set to a light and dark flashing color change to remind the user that the production machine 200 can be activated to improve the user's manipulation of the production machine 200. Sensitivity and understanding, and avoiding user misuse (MO).

In actual operation, please refer to FIG. 1 together. If the screen 103 is a touch screen, and when the startup image 310 assumes the first color, the user can press or touch the screen 103 with a finger or a stylus. The image 310 is activated. At this time, the touch panel in the touch screen can sense the action of the user pressing and recognize the input instruction of the user on the startup image 310. At this time, the processing unit 101 can receive the input instruction from the storage unit 102 according to the input instruction. Access and execute the launcher. Moreover, the startup program can generate a corresponding control signal S to the production machine 200, and the production machine 200 can start the production process of the material according to the control signal S.

In an embodiment, when the startup image 310 presents the first color, and when the user presses the activation image 310, the user interface 300 first generates a check window 311, as shown in FIG. The check window 311 includes a plurality of check items 312 associated with the production machine 200. It should be noted that the information of the plurality of check items 312 in the check window 311 can be stored in the storage unit 102 in advance, and when the user presses the start image 310, the processing unit 101 can access the check item from the storage unit 102. 312 information and displayed in Firefly On the curtain 103.

In a specific application, the check item 312 may include a general check item 313, a data collection item 314, and a sign-off item 315. The general inspection item 313 includes a scan lot identification code (Lot ID), check the validity of the Lot ID, scan the carrier identification code (Carrier ID), check the carrier ID legality, scan the tool identification ID, and check the Tooling. ID legality, etc. The data collection item 314 includes a record material batch number and a record batch number usage. The signing item 315 includes confirmation of the machine production status and the like.

With the above check item 312, the user does not need to memorize the inspections required during the operation of the production machine 200. In addition, the user can independently select the general inspection item 313 to be performed, which not only avoids the user's malfunction (MO), but also improves the rigor of the production machine 200 in the production process. In addition, in some embodiments, if a certain check item 312 is further selected, the corresponding operation and data input window (not shown) is displayed according to the user's check action demand. For example, if the user clicks on the record batch number in the data collection item 314, the input window is further displayed for the user to input the batch number of the crop. In this way, by the design of the check item 312 described above, the user can be guided to make correct operations, and the frequency of occurrence of malfunction (MO) can be reduced.

Next, please refer to FIG. 1 and FIG. 2 . In an embodiment, if the production machine 200 does not have the feeding ports 211, 212, 213 and the like, when the user clicks the startup image 310, the reaction state diagram Like 320, the production state of the reaction furnaces 201, 202, 203 in the production machine 200 is started to be reacted. Further, if the number of the reactors 201, 202, and 203 is n, the reaction state The state image 320 can also be segmented into n reaction blocks. Taking the embodiment of Fig. 2 as an example, the reaction state image 320 includes three reaction blocks 321, 322, 323, which represent three reaction furnaces 201, 202, 203 in the production machine 200.

Please refer to FIG. 1 and FIG. 2 . In another embodiment, if the production machine 200 has three feeding ports 211 , 212 , 213 , the user interface 300 may further include three materials into the image 341 . , 342, 343. The quantity of the material placement images 341, 342, 343 can be the same as the number of the feeding ports 211, 212, 213 in the production machine 200, so that the user can control the respective feeding ports through the material placing images 341, 342, 343, respectively. 211, 212, 213. In the user interface 300, the material placement images 341, 342, 343 may be stacked around the reaction state image 320 and sequentially arranged on one side of the reaction state image 320. It should be noted that, in FIG. 2, the material placement images 341, 342, and 343 are located on one side of the reaction block 323, but it does not mean that all the feeding ports 211, 212, and 213 on the production machine 200 are located. On the same reaction furnace 201, 202, 203, the materials 341, 342, 343 displayed on the user interface 300 are only used to facilitate the user to separately control the feeding ports 211, 212, 213 on the production machine 200. It does not represent the physical position of the feed ports 211, 212, 213 on the production machine 200.

In still another embodiment, the material placement images 341, 342, 343 can display different colors to remind the user whether the feed ports 211, 212, 213 in the production machine 200 can input materials to the reaction furnaces 201, 202. 203. In other words, when the material placement images 341, 342, 343 exhibit a third color, the material placement images 341, 342, 343 can represent a material input program. If the user presses or touches a certain screen by using the touch screen 103 When a material is placed in the image 341, 342, 343, the touched material is placed in the material input program represented by the image 341, 342, 343 to drive the production machine 200, and the touched material is placed in the image. Feed ports 211, 212, and 213 corresponding to 341, 342, and 343 are fed into the reaction furnaces 201, 202, and 203. In addition, if a feeding port 211, 212, 213 in the production machine 200 fails, the material placement images 341, 342, 343 can present a fourth color to remind the user of a certain feeding in the current production machine 200. Ports 211, 212, 213 have been unable to feed. In a specific application, the third color may be green or converted between light and dark, and the fourth color may be red, but the invention is not limited thereto.

Similarly, in one embodiment, if the production machine 200 has two discharge ports 221, 222, the user interface 300 can further include two material output images 331, 332. The material output images 331, 332 may also be stacked around the production state image 320 and placed relative to the material placement images 341, 342, 343. Moreover, in FIG. 2, the material output images 331, 332 in the user interface 300 respectively represent the discharge ports 221, 222 in the production machine 200, respectively, and do not represent the discharge ports 221, 222 in the production machine. The physical location in 200. In addition, when the material output images 331, 332 present a fifth color, they can represent a material production program. The material production program can drive the discharge ports 221, 222 of the production machine 200 to produce materials from the reaction furnaces 201, 202, 203. When the discharge ports 221, 222 of the production machine 200 fail, the material output images 331, 332 exhibit a sixth color. In a specific application, the fifth color may be green or converted between light and dark, and the sixth color may be red. In this way, the user can quickly understand the current state and operation selection of the production machine 200. Choose. In a variant embodiment, if the feed opening 211, 212, 213 or the discharge opening 221, 222 is faulty, the material displayed in red may be directly clicked into the image 341, 342, 343 or the material output image. 331, 332, can jump out of the fault related information or window, so that the user can judge the current working state of the production machine 200.

Next, referring to FIG. 1 and FIG. 2, after the materials in the production machine 200 enter the reaction furnaces 201, 202, and 203, the reaction blocks 321, 322, and 323 in the user interface 300 are selectively Different colors are present to respectively reflect the production state of one of the corresponding reactors 201, 202, 203. For example, the production state may include a fault state, a working state, a standby state, and a maintenance state, etc., and the reaction blocks 321, 322, 323 may respectively present four different colors to reflect the above-described production state. In the actual application of the product, if the first reaction block 321 and its corresponding first reaction furnace 201 are taken as an example, if the reaction block 321 is green, it means that the corresponding reaction furnace 201 is working normally. If the reaction block 321 is red, it means that the corresponding reaction furnace 201 is in a fault state; if the reaction block 321 is yellow, it means that the corresponding reaction furnace 201 is in a standby state; if the reaction block 321 is 321 When it is gray, it means that the corresponding reaction furnace 201 is in a maintenance state. It should be understood that the above colors are merely examples, and the invention is not limited thereto.

In a variant embodiment, if the user clicks on the reaction blocks 321, 322, 323 in the reaction state image 320, the reaction furnaces 201, 202, 203 corresponding to the reaction blocks 321, 322, 323 further appear. Information window (not shown). This information window can include a reaction furnace for specific applications. 201, 202, 203 identification number, current production status, quantity of material input or production history.

In an embodiment, the user interface 300 may further include a production progress image 350. The production progress image 350 may be annular and surround the reaction state image 320. The production progress image 350 is divided into a first portion 351 and a second portion 352, wherein the first portion 351 can display one of the production schedules 351a of the production machine 200, and the second portion 352 can display the remaining production time information 351b of the production machine 200. .

In more detail, in an embodiment, the standard working hours of the production machine 200 can be pre-stored in the storage unit 102, so when the user touches or presses the startup image 310, and controls the material to be injected into the reaction furnace 201. After 202, 203, the processing unit 101 calculates the time during which the reactors 201, 202, and 203 are in production, and displays the current manufacturing progress information 351a and the remaining production time information 351b. Specifically, as shown in FIG. 2, if the first portion 351 occupies about 89% of the length of the production progress image 350, at this time, if the user touches the first portion 351 of the production progress image 350, it can be displayed. The current progress, such as the manufacturing progress information 351a, may include an actual quantity percentage (not shown), such as "current progress 89%" or similar text. Similarly, if the user touches the second portion 352 of the production progress image 350, the remaining production time information 351b such as "remaining time" can be displayed, and the "remaining time" can be in hours, minutes or seconds. Units can also be displayed with the remaining percentage, for example, displaying "11% remaining" or similar text.

In addition, the first portion 351 and the second in the production progress image 350 The portion 352 can adjust its separately displayed manufacturing progress information 351a and remaining production time information 351b at intervals, until 100% of all production schedules are reached, at which point the first portion 351 can occupy the entire production progress image 350.

In an embodiment, the production progress image 350 may selectively present at least two different colors when the production machine 200 fails or the production machine 200 is at least partially normal. For example, if all three reactors 201, 202, 203 in the production machine 200 are faulty, the production progress image 350 may be red or flashing rapidly to remind the user to perform appropriate disposal; Some of the reaction furnaces 201, 202, and 203 in the stage 200 are faulty, but the production machine 200 can still complete the production process of the materials by using the remaining reaction furnaces 201, 202, and 203. At this time, the production progress image 350 can be yellow; All of the reactors 201, 202, 203 in the station 200 are operating normally, and the production progress image 350 can be green. It should be understood that the state corresponding to the above color is only an example, and should be adjusted according to actual application requirements.

In an embodiment, the user interface 300 can include a capacity image 380 that can display usage information of the production machine 200 or usage information of the reaction furnaces 201, 202, 203 of the production machine 200. For example, if the first and second reactors 201, 202 of the three reactors 201, 202, 203 have been produced, the capacity image 380 can show a capacity of 66%, but not limited thereto. . In other embodiments, the current capacity can be calculated by using the amount of material input and the amount of material produced. It should be understood that the calculation method of the production quantity or usage rate information displayed in the above-mentioned capacity image 380 is only an example, and should be adjusted according to actual application requirements.

In an embodiment, the user interface 300 may further include a label image 360. The tag image 360 can represent an attribute calling program. The attribute calling program can access the machine attribute data according to the input instruction of the user and display it on the screen 103. The machine attribute data can be pre-stored in the storage unit 102. It can include information such as the model and specifications of the production machine 200 and the time required for material processing. In addition, in the right side of the label image 360 of FIG. 2, a machine management image 370 may be further included, and the user may click on the machine management image 370 to display a management window (not shown). The window can include loading management information, material management information, recipe management information, machine part management information, and machine state switching information, so that the user can further perform the function control and operation of the production machine 200.

Finally, when the production machine 200 can end the production process, the end image 330 can assume a second color, and the end image 330 presenting the second color can represent an end program that can drive the production machine 200 to end the production process. This second color can be green or flashing light and dark colors, but not limited to this. Moreover, when the end image 330 presents a green color that can be selected, the launch image 310 can be grayed out to avoid user misuse. Similarly, when the launch image 310 presents green that can be selected, the end image 330 can be grayed out.

It is worth mentioning that in the example of Fig. 2, the user interface 300 shows the production status of a single production machine 200, but in actual application, a certain production point may include a plurality of production machines 200. At this time, the user interface 300 may further include a plurality of machine images.

Further, please refer to FIG. 4, which illustrates another aspect of the present invention. A schematic diagram of a user interface of an embodiment. As shown in the figure, when the production point includes a plurality of production machines 200, the user interface 300 can display a plurality of machine images 400, and the machine images 400 can respectively display corresponding production machines. Name or model number, etc. When the user selects one of the machine images 400 below, if the user has the operation authority of the production machine corresponding to the machine image 400, the user interface 300 can be switched to the production status of the production machine. In order to facilitate the user to switch operations. As can be seen from the user interface 300 of FIG. 4, the production machine has no material placement images 341, 342, 343 and materials compared to the production machine 200 corresponding to the user interface 300 of FIG. A production machine that produces images 331, 332. It can be seen that the user can quickly achieve the purpose of switching by the machine image 400 to grasp the production status of each production machine in the station.

In the fourth embodiment, the machine image 400 can be rectangular and located below the reaction state image 320. However, the above shapes and positions are only examples, and are not intended to limit the scope of the present invention. The machine images 400 can be arranged in a row and the machine image 400 in the middle position has the largest area, and the area of the machine image 400 on the two sides is smaller. The machine image 400 in the middle position represents the production status of the production machine currently corresponding to it.

In some embodiments, both sides of such machine image 400 may have an arrow image 410. When the user has a plurality of machine images 400 that can be clicked, the arrow image 410 can be displayed as a clickable color, such as green. Similarly, if the user does not have a machine image 400 that can be clicked, the arrow image 410 can be displayed as an unselectable color, such as gray, to avoid user misoperation (MO). It should be noted that in some embodiments, such There may be no arrow image 410 on both sides of the machine image 400, and the user can directly touch the machine image 400 on the touch screen 103.

As can be seen from the above examples, the user interface 300 needs to include at least the startup image 310, the end image 330, and the production state image 320, and the production state image 320 can be divided according to the number of reactors in the production machine 200. A corresponding number of reaction blocks, such as the three reactors 201, 202, 203 and three reaction blocks 321, 322, 323 of the above embodiment. Then, the user interface 300 can respectively display a corresponding quantity of the material placement image and the material output image according to the number of the feeding port and the discharging port in the production machine 200. For example, the above embodiment has three material placement charts. Images 331, 332 are produced like 341, 342, 343 and two materials. In this way, the user interface and the computer program product of the embodiment of the present invention can be commonly used between different production machines, thereby reducing the development cost of the operation interface of the production machine.

In addition, the above embodiment can remind and guide the user to perform operations by color conversion between the respective images, thereby greatly reducing the time curve for the user to learn to operate the production machine 200 and reducing misoperations ( Miss operation, MO) The frequency of occurrence.

Although the present invention has been disclosed in the above embodiments, it is not intended to limit the present invention, and the present invention can be modified and modified without departing from the spirit and scope of the present invention. The scope is subject to the definition of the scope of the patent application attached.

103‧‧‧ screen

300‧‧‧User interface

310‧‧‧Starting image

320‧‧‧Reaction status image

321, 322, 323‧‧‧Reactive blocks

330‧‧‧End image

331, 332‧‧‧ material output image

341, 342, 343‧‧‧ materials placed in the image

350‧‧‧Production progress image

351‧‧‧Part 1

351a‧‧‧ Manufacturing progress information

351b‧‧‧Remaining production time information

352‧‧‧Part II

360‧‧‧ label image

370‧‧‧ machine management image

380‧‧‧Capacity image

Claims (15)

A user interface is displayed on a screen of an electronic device, the user interface is adapted to operate a production machine, the production machine comprises N reaction furnaces, N is a natural number, and the user interface comprises: Starting an image, when the startup image presents a first color, the startup image represents a startup program adapted to drive the production machine to initiate a production process; a reaction state image comprising N reactions a block, the N reaction blocks selectively exhibit different colors to respectively reflect a production state of one of the N reactors; and an end image, when the end image presents a second color, The end image represents an end program adapted to drive the production machine to end the production process. The user interface of claim 1, wherein the production state comprises a fault state, a working state, a standby state, and a maintenance state, wherein the reaction blocks respectively selectively display four different colors, The reaction furnaces corresponding to the reaction are in the fault state, the working state, the standby state or the maintenance state. The user interface of claim 1 further includes a production progress image, the production progress image being divided into a first portion and a second portion, the first portion displaying manufacturing progress information of the production machine, The second part shows the remaining production time information of one of the production machines. The user interface of claim 3, wherein the production progress image selectively presents two different colors when the production machine fails or when the production machine is at least partially normal. The user interface of claim 3, wherein the production progress image is a ring shape, and the production progress image surrounds the reaction state image. The user interface of claim 1 further includes at least one material placement image. When the material placement image presents a third color, the material placement image represents a material input program. The material input program is adapted to drive one of the N reaction furnaces to feed one of the N reaction furnaces. The user interface of claim 6, wherein when the feeding port of the production machine fails, the material placement image presents a fourth color, the third color being different from the fourth color. The user interface of claim 6 further includes at least one material output image. When the material placement image presents a fifth color, when the material placement image represents a material output program, The material production program is adapted to drive one of the N reactors to produce material from one of the output ports of the production machine. The user interface as claimed in claim 8, wherein when the discharge port of the production machine fails, the material output image presents a sixth color, and the fifth color is different from the sixth color. The user interface of claim 8, wherein the number of the at least one material-produced image is one less than the number of the at least one material-imposed image. The user interface as claimed in claim 1 further includes a capacity image indicating a production quantity of the production machine or a usage rate information of the N reaction furnaces of the production machine. The user interface of claim 1 further includes a tag image representing a property calling program, the property calling program accessing a machine attribute information according to a user input instruction, and displaying the The machine attribute information is on the screen. The user interface of claim 12, wherein the screen is a touch screen, and the user's input command is displayed on the touch screen. The user interface of claim 13, wherein when the startup image presents the first color, and the user touches or presses the startup image, the user interface generates a check window, and the check window Including A number of check items for the production machine. A computer program product having a plurality of computer program instructions stored therein operable to cause an electronic device to present the user interface of any one of claims 1 to 14 on a screen.