JP2002055749A - Gui picture preparing method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To realize a picture preparing method capable of independently performing picture layout instruction, processing instruction, and transition picture instruction while performing the shortening of development. SOLUTION: At the time of preparing a GUI picture for performing processing execution or picture transition based on instructions inputted from a user through a picture displayed at a display device, a picture preparer prepares a picture by operating the layout of picture parts by a picture preparing device 1, and a processing mounter prepares data transmission instructions at the time of performing processing instruction and picture transition instruction corresponding to operation instructions by a processing mounting device 2. Then, the picture, the processing instructions, and the data transmission instructions are recorded so as to be made correspond to the picture parts to which the instructions are inputted by a scenario editing device 3.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method for creating a GUI screen in application construction.

[0002]

2. Description of the Related Art Conventionally, a GUI (Graphical User Interface) has been used as a method for making it easy for a human (hereinafter, a user) to give an instruction or the like to a processing device (hereinafter, described as a computer) represented by a computer. There are methods to use. In the GUI, the computer displays a screen having, for example, virtual buttons and the like on a display device. Then, in response to an input instruction input by the user using a pointing device such as a mouse based on the displayed screen, the computer executes an event (processing relating to input from the user). In addition, with the processing,
A screen to be displayed next (hereinafter referred to as a transition screen) is displayed. In other words, in the dialog between the computer and the user,
The displayed screen (hereinafter, simply referred to as a screen) is used. Such an operation environment using a GUI is also used, for example, when a computer processes a product ordering operation or the like (hereinafter referred to as a business).

In order to use an operation environment using a GUI for business, it is necessary to display a screen corresponding to the business on a computer and to construct an application so as to perform a process specified by a user. Here, it is necessary to give a command relating to the screen and a command relating to the processing to each screen constituting the application. Processing instructions are:
This is an instruction (hereinafter referred to as a processing instruction) as to what kind of processing is performed in response to an input instruction intended by the user. The command related to the screen can be further divided into two commands. One is a command (hereinafter, referred to as a layout instruction) relating to a screen layout on how each picture (image) or the like constituting the screen is considered as a component (component) and how to arrange (layout) and display them. The other is a command (hereinafter referred to as “transition”) indicating which screen is to be displayed next, and how to transmit (pass) data to the next screen in response to an action performed based on the screen by the user. Screen instruction). These instructions are usually performed by the creator of the application describing it as a program in one program.

[0004] Tools (means, devices) for easier development of screens are provided. In such a tool, first, components required for a screen to be created are displayed on a development screen of an integrated development environment (tool), and the components are moved and arranged (layout) on the development screen.
Based on the layout, a tool creates a screen layout instruction. Therefore, the screen creator (designer) can create the layout instruction while visually laying out the layout instruction, instead of writing the layout instruction in a text editor. However, even when such a tool is used, a command is described and created by adding a processing instruction for a user operation and a transition screen instruction to the created layout instruction.

[0005]

Here, in order to construct a more advanced application, it is necessary to create a screen that is visually and operably superior and to perform advanced processing. For this reason, the screen layout has a more complicated design, and the processing instructions also need to perform more advanced instructions. For this reason, it is required that specialists who are familiar with each work to specialize.

However, conventionally, these instructions are all described in a lump, and it has been difficult to perform each operation independently. Even if the above-mentioned tool is used, the processing instruction and the transition screen instruction are added, and these operations can be performed only after the screen layout is performed.

[0007] The invention according to the present application is to solve the above-mentioned problem, and a screen design method capable of independently performing a screen layout instruction, a processing instruction, and a transition screen instruction while shortening development. Is to be realized.

[0008]

A GUI screen creation method according to the present application is for constructing an application that executes processing or screen transition in response to an operation instruction input via a GUI screen displayed on a computer. Independently creating a screen layout for arranging screen components, which are components constituting the GUI screen, and creating a processing instruction for an operation instruction and a data transmission instruction at the time of a screen transition instruction. Recording a GUI screen, a processing instruction, and a data transmission instruction of a transition destination with respect to a screen component to which an operation instruction is input, in order to execute a screen transition or a process in response to the operation instruction. I have. In the present invention, when the GUI screen is created, the layout of the screen components and the creation of the processing instruction for the operation instruction and the creation of the data transmission instruction for the screen transition instruction are performed independently. Then, a scenario for referencing when an operation instruction is given by recording the name of the screen, the name of the processing instruction, and the name of the data transmission instruction in association with the screen component to which the operation instruction is input, respectively. Create Thus, according to the present invention, the screen layout is performed by the screen creator, the processing instruction and the data transmission instruction are generated by the implementer, and the scenario (application) creator performs the screen transition and the processing instruction based on them. It is possible to build an application while performing tasks such as linking independently in parallel.

Further, in the GUI screen creation method according to the present application, the association of the transition destination screen, the processing instruction, and the data transmission instruction with the screen component to which the operation instruction is input is performed. It registers the name given to each of the instructions. In the present invention, for a screen component to which an operation instruction is input, a transition destination screen,
The names assigned to each of the processing instruction and the data transmission instruction are registered and associated. Thus, the layout instruction, the processing instruction, and the screen transition instruction do not have to be described as one unit, and the independence of each of them can be increased.

[0010]

FIG. 1 is a block diagram showing a system for realizing a GUI screen creation method according to a first embodiment of the present invention. In the figure, reference numeral 1 denotes a screen creation device. The screen creator 1 visually creates a screen layout (hereinafter, referred to as a screen creator) while a screen creator moves screen components displayed on the display device using a pointing device.
Screen creation). Here, the screen component refers to each component such as a button, a table, and a character input box for composing the screen. Reference numeral 2 denotes a processing mounting device. The processing mounting apparatus 2 is an apparatus for creating and changing a processing procedure component representing a processing procedure for event occurrence and a data transmission procedure component representing a data transmission procedure between screens at the time of screen transition. Reference numeral 3 denotes a scenario editing device. The scenario editing device 3 is for a scenario creator to create a screen transition scenario by associating a screen component, a transition screen name, a processing name, and a data transmission pattern name.

FIG. 2 is a configuration diagram when the screen creation device 1, the processing mounting device 2, and the scenario editing device 3 are actually configured in hardware. In FIG. 2, the central computer 101 and the main storage device 1
02, an input / output control device 103, a pointing device (mouse or tablet) 104, a keyboard 105,
It comprises a computer system 100 in which an external storage device 106 and a display device 107 are connected by a system bus 108 (or a mechanism similar thereto). In some cases, a computer system similar to this may be used. In the present embodiment, the screen creation device 1, the processing mounting device 2, and the scenario editing device 3 are treated as separate devices. However, the only difference between these devices is the difference in the program that causes the hardware-structured device as shown in FIG. 2 to perform the respective functions. It can also be achieved.

In this embodiment, a screen created by the screen creator 1 by the screen creator and a data transmission procedure included in the processing procedure and the data transmission procedure created by the processing implementer (programmer) by the processing mounting apparatus 2. The pattern is to be associated with the pattern by the scenario editing device 3. For this reason, the name of the screen to be transitioned, the name of the processing procedure component, and the name of the data transmission component are associated with the screen component that generates an event in each screen, and are created as a screen transition scenario. This builds the application. At the time of application execution, screen transition and processing specified by the user are performed with reference to the screen transition scenario. As a result, the layout instruction, the processing instruction, and the transition screen instruction, which have been described as a group in the past, are made into components, each of which has independence,
Work can be performed by each expert (screen creator, processing implementer). Further, since the screen creation by the layout and the processing procedure creation can be performed independently and in parallel, the work efficiency is good.

FIG. 3 is a diagram showing an example of an actually created screen. Next, creation of a screen for constructing an application by operating each device will be described. First,
The screen creation using the screen creation device 1 will be described. The screen creator operates the screen creator 1 to create each screen. Screen components are used to create each screen.

Next, creation of a processing procedure component and a data transmission procedure component will be described. The processing implementer uses the processing mounting apparatus 2 to create or partially change the processing procedure component and the data transmission procedure component. It is not necessary to create a procedure from the beginning for the data transmission procedure part, and it can be created by only partially changing the form to the specification designed by the application designer. The data transfer procedure indicates how to transfer (pass) the data held by the displayed screen and the result of the processing to the transition screen at the time of screen transition. One data transmission procedure component is created for each application. However, in the data transmission procedure component, a plurality of data transmission patterns are described according to the direction of screen transition (previous screen transition, next screen transition, etc.), the use of data on the previous screen, and the like. Each data transmission pattern is given a name, and the scenario editing device 3 associates the data transmission pattern according to the transmission pattern as described later.

In the scenario editing device 3, of the screen components, components that generate an event (for example, a send button,
Set the transition screen name, processing name, and data transmission pattern name for the registration button, etc.). If there is no screen transition or no processing involved, no settings are made. However, it is also possible to set a transition screen name so as to make a transition to the user, or to set a process name of not performing the process. In this way, settings are made in such a manner that the input / output components that generate an event and the processing are associated with each other between the created screens, and the respective screens required for business are created, and an application is constructed.

As described above, according to the present embodiment, the screen creator lays out the screen in advance using the screen creation device 1, and the processing implementer creates the processing procedure component and the data transmission procedure component using the processing mounting device. The scenario editing apparatus 3 associates a transition screen name, a processing name, and a data transmission name with a display component that generates an event, and creates a screen transition scenario for referencing at the time of executing an application. The screen creator and the processing implementer can independently create the parts and the data transmission procedure parts independently and in parallel, thereby improving work efficiency. Also, each is independent and each change is less likely to affect others.

[Brief description of the drawings]

FIG. 1 is a block diagram illustrating a system for realizing a screen creation method according to an embodiment of the present invention.

FIG. 2 is a configuration diagram when a screen creation device 1, a process mounting device 2, and a scenario editing device 3 are actually configured in hardware.

FIG. 3 is a diagram showing an example of a screen actually created.

[Explanation of symbols]

 DESCRIPTION OF SYMBOLS 1 Screen creation device 2 Processing mounting device 3 Scenario editing device 100 Computer system 101 Central computer 102 Main storage device 103 Input / output control device 104 Mouse or tablet 105 Keyboard 106 External storage device 107 Display device 108 System bus

 ──────────────────────────────────────────────────続 き Continued on the front page (72) Inventor Akihiro Yamauchi 580 Horikawa-cho, Saiwai-ku, Kawasaki-shi, Kanagawa Prefecture NKK Exa Co., Ltd. (72) Inventor Yoshi Abe 580, Horikawa-cho, Saiwai-ku, Kawasaki-shi, Kanagawa F-term (reference) 5E501 AA02 AC10 AC34 BA05 CA02 CB02 CB06 CB09 EB15 EB17 FA13 FA23 FA44 FB43

Claims (2)

[Claims] 1. A GUI for constructing an application that executes processing or screen transition in response to an operation instruction input via a GUI screen displayed on a computer.
In the screen creation, independently performing a screen layout for arranging screen components, which are components constituting the GUI screen, and creating a data transmission instruction at the time of a processing instruction and a screen transition instruction for the operation instruction, In order to execute a screen transition for the operation instruction or a process for the operation instruction, a transition destination GUI screen, the processing instruction, and the data transmission instruction are recorded in association with a screen component to which the operation instruction is input. And a step of creating a GUI screen. 2. The association of the transition destination screen, the processing instruction, and the data transmission instruction with respect to the screen component to which the operation instruction is input includes the transition destination screen, the processing instruction, and the data transmission instruction, respectively. 2. The GU according to claim 1, wherein the name assigned to the GU is registered.
I screen creation method.