JPH11237978A - Device and method for producing graphical user interface and medium storing control program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To facilitate the change and addition of association and further to improve the quality and maintainability of a program by displaying a graphical user interface part that is associated with menu items on a screen. SOLUTION: Plural menu items that designate various information processing are stored in a menu table, graphical user interface parts are stored in a part table and each table is shown on the screen of a displaying part 1. A selecting part 2 respectively selects one menu item and a graphical user interface part corresponded to it from every table. A microcomputer 3 associates the menu item and the graphical user interface part which are selected by the part 2 based on an individually belonging identification code by using a control program stored in a medium 4, shows the associated graphical user interface part on the screen of the part 1 and produces a program executed as a graphical user interface.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to an apparatus for creating a graphical user interface for a user to visually and intuitively execute information processing in an information processing apparatus such as a personal computer and a word processor. And a medium storing a control program therefor.

[0002]

2. Description of the Related Art In recent years, as an interface for information processing equipment, a graphical user interface (hereinafter, referred to as a user interface) which is easy for the user to visually and intuitively understand and is easy to use.
GUI) has been adopted in many cases.

[0003] A menu window is displayed in a part of the window on the display screen constantly or as needed, and functions are assigned to the respective menu items by software operating on the information processing device. Therefore,
The user normally executes a desired GUI function by operating the mouse to select these menu items on the display screen.

In addition, the complexity of selecting menu items has been eliminated so that functions assigned to menu items can be easily selected and executed. For example, a menu item to which a frequently used function is assigned is often associated with a graphical user interface component (hereinafter, referred to as a GUI component) such as a key and a button displayed in a window. GUI
Components are components such as icons, keys, and buttons for the user to designate and execute a target information processing item.

Further, for a user who is skilled in operating information processing equipment, a shortcut key is set for a part of a menu item, and a function assigned to the menu item can be selected and executed with a keyboard. I have. A shortcut key usually means that one key has a function for another purpose.

A GUI component associated with one menu item, for example, if it is a button, when the button is clicked with a mouse, the same function as when the associated menu item is selected is executed. You.
Further, in synchronization with the switching between the validity and invalidity of the menu item selection operation, the validity / invalidity of the operation of the associated GUI component is also switched. Furthermore, when a shortcut key is set for a menu item, the same shortcut key is usually set for the associated GUI component.

Therefore, in the conventional GUI creation device, the association between the menu items and the GUI parts is realized as follows. For example, to call one of the event handler functions of the menu item and the GUI component,
Write the other event handler function. In addition, when the operation of one of the menu item and the GUI component is enabled / disabled, the program code is generated so that the operation of the other operation is also enabled / disabled. Shortcut keys are set for both.
An event handler is a menu item or GUI for a break (event) of one user operation on the GUI such as selection of a menu item by a mouse or click of a button.
This refers to the processing executed for each I component.

[0008]

However, when a GUI is created by a conventional GUI creation device, there are the following problems. (1) The user cannot see at a glance which menu item is associated with the GUI component. This is a configuration in which the same event handler function is called when associating a menu item with a GUI component. -It is configured to describe a program that switches the validity / invalidity of operations at the same time. -The same shortcut key is set. This is because it is performed in various parts of the program. Therefore, the program must be analyzed to some extent. For this reason, it is a factor that increases the probability that a bug occurs in the program code for performing the association,
Further, it is difficult to perform maintenance such as changing or adding a program later.

(2) Further, for all GUI parts associated with one menu item, an event handler function merely for association is defined. Also, it is necessary to create a program code for switching between valid and invalid operations and to set a shortcut key for all associated GUI components.
This increases the amount of program code and data at the time of programming, and also increases the probability that a bug occurs in the program code for associating them.

The present invention has been made in consideration of the above circumstances, and for example, in an instruction operation of various information processing,
Provided are an apparatus and method for creating a graphical user interface that allows a user to create and use a graphical user interface that allows a user to understand at a glance the association between menu items and GUI parts, and a medium storing a control program therefor.

[0011]

According to the present invention, there is provided a menu table comprising a plurality of menu items for instructing various types of information processing, a component table comprising graphical user interface components, and a display unit for displaying each table on a screen. A selection unit for selecting one menu item and a corresponding graphical user interface component from each of the tables, and an identification code individually having the menu item and the graphical user interface component selected by the selection unit. A graphical user interface component associated with the menu item is displayed on the screen, and a program generating unit that generates a program to be executed as a graphical user interface is provided. It is a Ikaru user interface creation device.

In the present invention, the menu table indicates a menu bar or a menu window including a plurality of menu items indicating various information processing contents, and each data of the menu table is stored in a storage unit such as a ROM or a floppy disk. Have been. The parts table indicates a pallet or window composed of parts such as icons, keys, and buttons as graphical user interface parts for the user to graphically instruct and execute the target information processing. , A floppy disk or the like.

The display unit is an LCD (Liquid Crystal Display),
It can be composed of a PD (plasma display) or the like. The selection unit can be configured by a pointing device such as a mouse, a pen, and a trackpad. The associating unit and the program generating unit are CPU, ROM, RA
It can be constituted by a microcomputer comprising M and I / O ports.

According to the present invention, the user can create and use a graphical user interface that allows the user to see at a glance the association between the menu items and the GUI parts in the instruction operation of various information processing.

[0015] The program generation unit may further include a function of generating a program for switching between a menu item associated with the association unit and a graphical user interface executed between a graphical user interface component and a graphical user interface. Is also good. According to the above configuration, switching between valid and invalid between the associated menu item and the GUI component is automatically performed, so that the program can be easily changed or added.

A configuration further comprising a shortcut key setting section in which when a shortcut key is set in one of the menu item and the graphical user interface component associated by the association section, the same shortcut key is automatically set in the other. It may be. Note that the shortcut key setting unit can be configured by a microcomputer. According to the configuration,
If there is an associated GUI component or menu item, the same setting is automatically made for the property for which the shortcut key is to be set, so that the program for setting the shortcut key can be easily changed or added.

When an event handler function is defined for one of the menu item and the graphical user interface component associated by the association unit, an event handler function definition unit for automatically defining the same event handler function for the other is further provided. A configuration may be provided. Note that the event handler function definition unit can be constituted by a microcomputer. According to the configuration, the event handler can be shared between the associated menu items and GUI components.

When a plurality of graphical user interface components are associated with one menu item by the associating unit, and when an event handler function is defined in the graphical user interface component by the event handler function defining unit, the program generating unit: A configuration may be such that a program including an event handler function is generated for each of the plurality of graphical user interface components associated with the menu item. According to the configuration, it is possible to define an event handler function for each associated menu item or GUI component,
Changes and additions to programs that define event handler functions are simplified.

[0019]

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, the present invention will be described in detail based on an embodiment shown in the drawings. The present invention is not limited by this.

FIG. 1 is a block diagram showing a basic configuration of a graphical user interface creating apparatus according to the present invention. The graphical user interface is referred to below as GU
It is called I. In FIG. 1, reference numeral 1 denotes a display unit including an LCD (Liquid Crystal Display), a PD (Plasma Display), and the like. Reference numeral 2 denotes an input unit including a pointing device such as a mouse, a pen, and a trackpad. The input unit 2 also functions as each input unit such as a selection unit and a setting unit.

Reference numeral 3 denotes a microcomputer including a CPU, a ROM, a RAM, and an I / O port. The microcomputer 3 includes a GUI creating section (associating section), a GUI program code generating section (program generating section), and an event handler editing section. (Event handler function definition unit) and functions as a shortcut key setting unit. 4 is EEP
1 shows a secondary storage device including a storage medium such as an IC card including a ROM, a floppy disk, a hard disk, a CD-ROM, and an MD. In the secondary storage device 4, the microcomputer 3 may store a control program that functions as each unit of the GUI creation device.

Reference numeral 14 denotes GUI part data (created GUI).
A GUI data repository unit for storing I-data types and arrangements, and event handlers) is included in the area of the secondary storage device 4. Further, the GUI data repository unit 14 functions as a component table of GUI components displayed on the screen of the display unit 1 and a menu table of a plurality of menu items. Reference numeral 15 denotes an association repository unit for storing association data between menu items and GUI parts, which is included in the area of the secondary storage device 4.

Reference numeral 11 denotes a user (GUI developer)
Menu items and G stored in the I data repository unit 14
A GUI creation unit for interactively creating GUI data based on UI component data and association data stored in the association repository unit 15 is shown. The microcomputer 3 functions as the GUI creating unit 11 by the GUI creating program. Reference numeral 16 denotes an event handler repository for storing an event handler function.
Area.

A reference numeral 12 inquires of the GUI creation unit 11 about a target GUI component, and relates to an event handler based on the menu items and association data of the GUI component stored in the association repository unit 5 and the event handler function stored in the event handler repository unit 16. 9 shows an event handler editing unit that edits data (for example, an event handler identifier). The microcomputer 3 functions as the event handler editing unit 12 by the event handler editing program. The GUI creation unit 11 also stores the previously created GUI data, the event handler editing unit 12
Can be read from the GUI data repository unit 14.

Reference numeral 13 denotes GUI part data stored in the GUI data repository unit 14 and an association repository unit 15
2 shows a GUI program code generation unit that generates a GUI program code based on the association data stored in the event handler repository unit 16 and the association data stored in the event handler repository unit 16. The microcomputer 3 is a GUI
The program code generation program functions as the GUI program code generation unit 13. Reference numeral 17 denotes a GUI program code repository for storing GUI program codes.

In the configuration shown in FIG. 1, the present invention stores a plurality of menu items instructing various types of information processing in a menu table, stores a graphical user interface component in a component table, and displays each table in the display unit 1.
And selecting one menu item and the corresponding graphical user interface component from the respective tables by the selection unit 2 and displaying the menu item and the graphical user interface component selected by the selection unit 2. A method for creating a graphical user interface for associating based on an identification code individually, generating a program for displaying a graphical user interface component associated with the menu item on the screen and executing the program as a graphical user interface. it can.

Further, according to the present invention, there is provided a menu table comprising a plurality of menu items for instructing various types of information processing, a component table comprising graphical user interface components, and a display unit 1 for displaying each of the tables on a screen.
A medium 4 storing a program for controlling a graphical user interface device having a microcomputer 3 including a menu item from each of the tables and a selecting unit 2 for selecting a graphical user interface component corresponding to the menu item. And causing the microcomputer 3 to associate the menu item selected by the selection unit 2 with the graphical user interface component based on the identification code individually provided, and to associate the graphical user interface component associated with the menu item with the A medium 4 storing a graphical user interface device control program for generating a program to be displayed on the screen of the display unit 1 and executed as a graphical user interface can be provided.

FIG. 2 is an explanatory diagram showing an example of a screen before the GUI creation processing in this embodiment. As shown in FIG.
The I developer (user) activates the GUI creation unit 11 to display a GUI creation screen. For example, GU with mouse
By selecting a GUI component (for example, a button “OK”) to be associated from the I-component pallet 21 and performing a drag-and-drop operation on a menu item (for example, “Open”) of the GUI menu 22, the GUI creation unit 11 Graphically associates a menu item (eg, “Open”) with a GUI component (eg, a button “OK”). Thereafter, the associated GUI component is arranged at an appropriate place on the screen. The GUI component to be associated may be selected from the GUI component pallet 21 or may be newly created. Alternatively, a GUI component that has already been created and that is held in the GUI data repository unit 14 may be extracted.

FIG. 3 is an explanatory diagram showing an example of a screen after the GUI creation processing in this embodiment. In FIG. 3, reference numeral 31 denotes an edit menu for editing individual menu items and GUI parts. After associating the menu item (“open”) with the GUI component (button “OK”), the GUI developer displays the GUI component and the menu item in a selected state. For example, when the right button of the mouse is pressed, the editing menu 31 is opened to confirm the association between the menu item and the GUI component.

Then, when the edit menu 31 is opened and, for example, "related display" is selected, a straight line is displayed between the associated menu item or GUI component. In addition, “Relation” in the edit menu 31
The association may be canceled by selecting.

The information on the association between the menu items and the GUI parts is stored in the GUI items of the menu items and the GUI parts palette 22.
It is stored in the association repository unit 15 together with the identification name uniquely assigned by the GUI creation unit 11 for each I component. The format of the association data representing one association may be, for example, the following set.

(MENU 0ITEMO, BUTTONO,...) “MENU
“0ITEMO” indicates the identification name of the menu item.
O ”is the GU associated with the menu item (MENU0ITEMO)
Indicates the identification name of the I component. All the identifiers associated in this way are collectively stored in the association repository 15.

The GUI data repository unit 14 has a GUI
GUI information created by the I developer in the GUI creating unit 11,
In other words, the configuration is such that menu item and individual data of GUI parts (property values such as position, size, caption, name given by GUI developer, shortcut key setting) are held.

Each data is provided with an identification name created by the GUI creation unit 11 so that the data can be searched using the identification name as a key. With this configuration, the GUI creation unit 1
By reading and collating data from the GUI data repository unit 14 and the association repository unit 15, the GUI data and the association data once created and stored can be reproduced.

Generally, shortcut keys assigned by the GUI developer to menu items and GUI components are individually set as properties of the menu items and GUI components. Therefore, when the shortcut key is set by the GUI developer, the GUI creating unit 11
With reference to the association repository section 15, a search is made for any associated GUI parts or menu items. If there is an associated GUI component or menu item, the same setting is made for the property for which the shortcut key is to be set (see FIG. 11).

When defining an event handler function, first, "any menu item or GUI component,
It is necessary to specify which event handler function should be used for the event. The events include mouse clicks, entry of the mouse cursor, opening and closing of GUIs, interruption from timers and power-off from information processing equipment, etc. The event handler function describes the operation to be performed by the GUI when the event (1) occurs. This event handler function is also registered as one data of each menu item or GUI component, like the property value. You.

FIG. 4 is an explanatory view showing a screen example of the event handler editing process (1) of the GUI in this embodiment.
In FIG. 4, reference numeral 41 denotes an event list for selecting an event defining an event handler function. In the GUI creation device of the present embodiment, the GUI creation unit 11
When the I developer selects “edit event handler” in the edit menu 31 in FIG. 3, the event list 41 of the menu item or GUI component which is selected at that time is opened. The GUI developer uses this event list 41
From, select the event for which you want to define or edit an event handler function.

When the GUI developer selects an event,
The event handler editing unit 12 is started. The event handler editing unit 12 edits the event handler function.
Furthermore, the GUI creation unit 1
A search is made for another menu item or GUI component associated in step 1 to select which event handler function the currently edited event handler function is to be shared. However, by default, the most common event handler function is automatically registered.

FIG. 5 is an explanatory diagram showing a screen example of the event handler editing process (2) of the GUI according to the present embodiment. In FIG. 5, reference numeral 51 denotes a text editor for editing an event handler function. Reference numeral 52 denotes a menu for selecting a GUI component to share the event handler function being edited and its event. The GUI developer selects another menu item or GUI component associated with the GUI creation unit 11 in the [related selection] menu of the text editor 51 (in this example, the menu item “MENU0ITEM”).
O ”). Then, select an event that shares the event handler function being edited. In this example, the event“ SELECTED ”is selected by default.

The event handler editing unit 13 assigns a unique identifier to the event handler function defined by the GUI developer. Then, a set of the identification name and the event handler function is stored in the event handler repository unit 16. For example, save in the following format.

[0041]

Here, "EVENTHANDLER000" indicates an event handler identifier automatically assigned by the event handler editing unit for uniquely identifying the event handler function (in this example, the "FileOpen ()" function). “= 20”
Is “｝” from the line of “int FileOpen (String fname)”
It means that the 20 lines up to are the source program of the event handler function. This part of the source program is finally extracted by the GUI program code generation unit 13 and described as GUI program code. The event handler repository section 16 stores information of one event handler function as a set of an event handler identifier and a source program.

In addition, all those sharing the currently edited event handler function (ie, including the associated menu items and GUI parts) have event handler functions for events selected by the GUI developer or by default. Then, the identifier assigned by the event handler editing unit is stored in the GUI data repository 14. For example, the associated menu item "MENU
0ITEMO ”and button“ BUTTONO ”, and“ MENU0ITEMO ”event“ SELECTED ”and“ BUTTONO ”event“ CLIC
K ”, the same event handler function“ EVENTHANDLER000 ”
When is set, the GUI data repository 14 contains
For example, it is stored in the following format.

MENU0ITEMO As MenuItem… (1) ｛Property ｛… (2)… name = "Open file (& 0)" …… short-cut-key = Ctrl + 0 ……｝… (3) Event… (4) …… CLICK = EVENTHANDLER000 ……｝ (5)）… (6) BUTTONO As CommandButton ｛Property ｛… name = “OK” short-cut-key = Ctrl + 0 ……｝ Event… …… CLICK = EVENTHANDLER000 ……｝｝

The parts (1) to (6) correspond to the identifier MENU0ITE
Shows data of GUI part such as MO menu items or buttons. In the "As MenuItem" part of (1), the type of the GUI part such as this menu item or button is declared (for example, menu item, button, list, text display area, etc.). (2) to (3) indicate the property name of MENU0ITEMO and its value. In this embodiment, the shortcut key is set to the property, and is represented as the value “Ctrl + 0” of the property short-cut-key. The parts (4) to (5) indicate the event and the corresponding event handler identification name (of the set event handler function). In the above example, the event CLIC
The event handler identifier EVENTHANDLER000 is set in K. The GUI program code generation unit 13 extracts a source program of an event handler function having the same event handler identification name from the event handler repository unit 16 based on the event handler identification name specified here.

FIG. 6 is a flowchart showing the procedure of the GUI association creation processing in the first embodiment. In FIG. 6, step S61: a GUI association creation process is started. Step S62: The GUI creation unit 11 acquires the identification name GUIID of the GUI component being dragged. Step S63: identification name of the dropped menu item
The MENU ID is obtained by the GUI creation unit 11. Step S64: MENUID is stored in the association repository unit 15.
Register GUIID association. Step S65: GUI association creation processing ends.

FIG. 7 is a flowchart showing the procedure of the GUI association display process in the first embodiment. In FIG. 7, step S71: a GUI association display process is started. Step S72: In the GUI creating unit 11, the selected GUI part or the menu item alias “SELECTED
Step S73: Obtain all GUI component and menu item identifiers associated with the identifier “SELECTEDID” from the association repository unit 15. Step S74: GUI selected in the GUI creation unit 11 From the component or menu item, a straight line connected to the GUI component or menu item corresponding to all the identification aliases acquired from the association repository unit 15 is drawn in. Step S75: The GUI association display processing ends.

FIG. 8 is a flowchart showing the procedure of the GUI association deletion processing in the first embodiment. In FIG. 8, step S81: a GUI association deletion process is started. Step S82: The GUI creation unit 11 selects the associated GUI component or menu item to obtain the identification names GUIID and MENUID. Step S83: GUID from the association repository unit 15
Delete the association between and MENUID. Step S84: Delete the association (straight line) selected by the GUI creation unit 11. Step S85: GUI association deletion processing ends.

According to the configuration of the first embodiment, since it is possible to graphically associate each menu item of the GUI menu with the GUI component, the user can understand at a glance the association between the menu item and the GUI component.

In the GUI program code generator 13,
Based on the data stored in the GUI data repository unit 14, the association repository unit 15, and the event handler repository unit 16, target target languages (Java, C ++,
C).

At this time, the GUI program code generation unit 13 uses the function “_valida” for simultaneously switching the validity / invalidity of the associated menu items and GUI parts based on the association data of the association repository 15.
Create teRelationalGroup () "and" _getRelationalGroup () "which, when given an identification name, return to a list of menu items and GUI component identification names that are directly or indirectly related.

For switching between the validity and invalidity of menu items and GUI parts, it is common to change the value of each specific property or call a function for each. In this embodiment, a certain GUI component “BUTTONO”
If you want to enable / disable all menu items and GUI components that are directly and indirectly associated with it, the GUI developer must use “_validateRelation
alGroup (BUTTONO) ”is written.

The GUI program code generation unit 13
Within “_validateRelationalGroup ()”, _getRelation
Calls alGroup (BUTTONO) and generates program code to get a list of distinguished names. For this purpose, the function “_ge
The program code is also configured to generate a program code for creating a table of menu items and GUI component identification names associated with the “tRelationalGroup ()”. In the function “_validateRelationalGroup ()”, It is configured to switch between valid and invalid for each element of the list.

FIG. 9 is a flowchart showing the procedure of a GUI valid / invalid switching program generation process (1) in the second embodiment. In FIG. 9, step S91: start of GUI valid / invalid switching program generation processing. Step S92: Associated menu item or G
Function “_validateRe” for switching between validity and invalidity of UI parts
Write the program code of "lationalGroup ()". Step S93: From the GUI data repository unit 14,
Get all distinguished names. Step S94: All association information is acquired from the association repository unit 15. Step S95: Given a certain identification name, describe the program code of the function "_getRelationalGroup ()" to be returned to the list of all the menu items or the GUI component identification names. Step S96: End the GUI valid / invalid switching program generation processing.

FIG. 10 shows the validity of the GUI in the second embodiment.
It is a flowchart which shows the procedure of invalid switch program generation processing (2). 10. In FIG. 10, step S101: a process of generating a program code of "_validateRelationalGroup ()" starts. Step S102: “_getRelationalGroup ()” is called using the identification name given as the argument as an argument, and a list of associated identification names is acquired. Step S103: It is determined whether all the identifiers in the acquired list have been processed. Step S104: In step S103, if all the identifiers have not been processed, the menu item of the identifier extracted from the list or the validity / invalidity of the GUI component is switched. Step S105: If all the identifiers have been processed in step S103, the process of generating the program code “_validateRelationalGroup ()” ends.

According to the configuration of the second embodiment, the switching between valid and invalid between the associated menu item and the GUI component is automatically performed, so that the program can be easily changed or added.

FIG. 11 is a flowchart showing the procedure of a GUI shortcut key automatic setting process according to the third embodiment. In FIG. 11, step S111: automatic shortcut key setting processing of GUI is started. Step S112: The GUI creating unit 11 acquires the menu item or the GUI component identification name to which the shortcut key is set and the value of the shortcut key. Function “_validateRelationalGrou” for switching the validity / invalidity of the associated menu item or GUI component
Write the program code of "p ()".

Step S113: A list of identifiers associated with the identifiers obtained earlier is acquired from the association repository unit 15. GUI data repository part 1
From step 4, all identifiers are acquired. Step S114: It is determined whether the process has been completed for all the identification names in the list. Step S115: If the processing has not been completed for all the identifiers in step S114, the same shortcut key is set to the menu item or the GUI part of the identifiers extracted from the list and stored in the GUI data repository unit 14. . Step S116: If the processing has been completed for all the identification names in step S114, the GUI shortcut key automatic setting processing ends.

According to the configuration of the third embodiment, the setting of the shortcut key can be shared between the associated menu item and the GUI component.

FIG. 12 is a flowchart showing the procedure of the GUI event handler function automatic setting process in the fourth embodiment. In FIG. 12, step S121: start of an event handler function automatic setting process of the GUI. Step S122: The event handler editing unit 12 acquires the identification name and the event name of the menu item or the GUI component in which the event handler function is set, and the identification name of the event handler function (= event handler identification name). Step S123: A list of identifiers associated with the identifiers obtained earlier is obtained from the association repository unit 15.

Step S124: It is determined whether the process has been completed for all the identification names in the list. Step S125: If the processing has not been completed for all the identifiers in step S124, the same event handler identifier is set in the menu item of the identifiers extracted from the list or the event corresponding to the GUI component, and the GUI data is set. It is stored in the repository unit 14. Step S126: If the processing has been completed for all the identification names in step S114, the GUI event handler function automatic setting processing ends.

According to the configuration of the fourth embodiment, the event handler can be shared between the associated menu items and GUI parts.

Menu items and GUIs associated with
Even when most parts of the event handler function can be shared between parts, they cannot be shared if there is little processing unique to each GUI part (for example, setting of a specific property). Therefore, menu items and GUI parts associated in the event handler function are individually identified,
Be prepared to describe unique processing. Function “_getRelationalG” created by the GUI program code generation unit 3
roup () "allows the GUI developer to describe the branching process using this identification name, so that each menu item or G
The processing for each UI component can be described.

The event handler editing unit 12 can share an event handler function between directly and indirectly related menu items and GUI parts. In addition, since the processing for each GUI component can be described in the shared event handler function, the number of event handler functions that can be shared increases. Further, there is provided a means for simultaneously switching the valid / invalid of the menu items and GUI parts which are directly and indirectly related to each other. These things, compared to the conventional, G
It is possible to reduce the number of programs for realizing the UI.
As the amount of program decreases, the number of bugs decreases accordingly, and the reliability of the program improves.

[0065]

According to the present invention, a menu item or GUI
Since the association between parts is displayed graphically,
It is easy for GUI developers to understand. Further, it is easy to change and add the association graphically. Further, the quality and maintainability of the program are improved.

[Brief description of the drawings]

FIG. 1 is a block diagram showing a basic configuration of a graphical user interface creation device of the present invention.

FIG. 2 is an explanatory diagram illustrating an example of a screen before a GUI creation process according to the embodiment.

FIG. 3 is an explanatory diagram illustrating an example of a screen after GUI creation processing according to the embodiment.

FIG. 4 is an explanatory diagram showing an example of a screen of a GUI event handler editing process (1) in the embodiment.

FIG. 5 is an explanatory diagram illustrating an example of a screen of a GUI event handler editing process (2) in the embodiment.

FIG. 6 is a flowchart illustrating a procedure of a GUI association creation process according to the first embodiment.

FIG. 7 is a flowchart illustrating a procedure of a GUI association display process according to the first embodiment.

FIG. 8 is a flowchart illustrating a procedure of a GUI association deletion process according to the first embodiment.

FIG. 9 is a flowchart illustrating a procedure of a GUI valid / invalid switching program generation process (1) according to the second embodiment.

FIG. 10 is a flowchart illustrating a procedure of a GUI valid / invalid switching program generation process (2) according to the second embodiment.

FIG. 11 is a flowchart illustrating a procedure of a GUI shortcut key automatic setting process according to the third embodiment.

FIG. 12 is a flowchart illustrating a procedure of a GUI event handler function automatic setting process according to the fourth embodiment.

[Explanation of symbols]

 DESCRIPTION OF SYMBOLS 1 Display part 2 Input part 3 Microcomputer 4 Secondary storage device (storage medium) 11 GUI creation part 12 Event handler editing part 13 GUI program code generation part 14 GUI data repository part 15 Association repository part 16 Event handler repository part 17 GUI program Code repository section

Continued on the front page (51) Int.Cl. ⁶ Identification code FI G09G 5/14 G09G 5/14 Z

Claims (7)

[Claims] 1. A menu table including a plurality of menu items for instructing various types of information processing, a component table including a graphical user interface component, a display unit for displaying each of the tables on a screen, and one of the tables. A selection unit for selecting a menu item and a graphical user interface component to be associated with the menu item, an associating unit for associating the menu item selected by the selection unit with the graphical user interface component based on an identification code individually provided; A graphical user interface component for displaying a graphical user interface component associated with the menu item on a screen of the display unit and generating a program to be executed as a graphical user interface. Interface creation device. 2. The method according to claim 1, wherein the program generation unit includes a menu item associated with the menu item associated with the
Graphical execution between user interface components
2. The graphical user interface creation device according to claim 1, further comprising a function of generating a program for switching between valid and invalid user interfaces. 3. A shortcut key setting unit wherein a shortcut key is set to one of a menu item and a graphical user interface component associated by the association unit, and the same shortcut key is automatically set to the other. 2. The graphical user interface creation device according to claim 1, wherein: 4. An event handler function definition section in which, when an event handler function is defined in one of a menu item and a graphical user interface component associated by the association section, the same event handler function is automatically defined in the other. The graphical user interface creation device according to claim 1, further comprising: 5. A program generating unit, wherein a plurality of graphical user interface components are associated with one menu item by the associating unit, and an event handler function is defined in the graphical user interface component by an event handler function defining unit. Generating a program including an event handler function for each of a plurality of graphical user interface components associated with the menu item.
Graphical user interface creation device as described. 6. A plurality of menu items for instructing various types of information processing are stored in a menu table, a graphical user interface component is stored in a component table, and each table is displayed on a screen of a display unit. One menu item and its corresponding graphical
A user interface component is selected by a selection unit, and the menu item selected by the selection unit and the graphical user interface component are associated with each other based on an identification code individually provided, and the graphical user interface component associated with the menu item A graphical user interface creating method for generating a program for displaying a program on a screen of the display unit and executing the program as a graphical user interface. 7. A menu table including a plurality of menu items for instructing various types of information processing, a component table including graphical user interface components, a display unit for displaying each table on a screen, and one of the tables. A medium storing a program for controlling a graphical user interface device having a menu item and a selection unit for selecting a graphical user interface component to be associated with the menu item by a computer, wherein the program is selected by the computer. The menu item and the graphical user interface component are associated with each other based on the identification code individually provided, and the graphical user interface component associated with the menu item is displayed on the screen of the display unit to display the graphical user interface component. A medium storing a graphical user interface creation device control program for generating a program to be executed as a user interface.