KR20130102762A - Apparatus and method for screen creation based on i/o model, and storage medium recording program for implementing method thereof - Google Patents

Abstract

PURPOSE: A screen creation device based on an I/O model, a method thereof, and a storage medium of recording a program for implementing the method thereof are provided to improve a development time and accuracy by reducing a simple input task generated when developing an UI. CONSTITUTION: A control explorer (10) comprises UI control lists, and decides an additional UI control generation having no concern with a service call. An I/O model explorer (20) uses an I/O model, and indicates the UI control list as a node form of a tree structure. A design screen unit (30) comprises a canvas, and indicates a UI control in which the UI control lists are generated in the canvas. An option input unit (40) sets up that any form of the UI control is generated in a display of the UI control. An attribute set unit (50) modifies an attribute data of the UI control displayed in the design screen unit. [Reference numerals] (10) Control explorer; (20) I/O model explorer; (30) Design screen unit; (30a) Canvas; (40) Option input unit; (50) Attribute set unit; (60) Control generating unit; (70) I/O model generating unit; (80) I/O model server; (90) UI generating device

Description

Apparatus and method for screen creation based on I / O model, and storage medium recording program for implementing method

The present invention relates to an apparatus and method for generating screen based on I / O (Input Output) model. More specifically, it improves development productivity by reducing simple input work generated when a user or developer develops a user interface (UI). It is about a technique to make it.

The traditional software development method (waterfall model) was able to complete a long-term analysis, design, programming and testing process and then complete the system required by the user at the final stage. However, it was very difficult to accommodate the rapidly changing program market and user demand, such as the shortening of the software life cycle.

Therefore, a method for improving software productivity while reducing development time and cost was required. As a result of this research, concepts such as RAD emerged.

Rapid Application Development (RAD) is a software development process that uses superior software development tools to develop better quality software, with less time and cost than traditional development methods.

 The development of such a RAD method integrates the entire development process of the application program into one, so that the existing iterative and gradual software development process is accepted as it is, while the basic prototype that can be executed to the user at the beginning of the development process is presented, To reduce the number of problems that may arise in the future, and to reuse the design process as it is developed.

On the other hand, to develop client programs linked with application servers in the development of enterprise business programs, the commonly used RAD methods such as Visual Studio, Delphi, C ++ Builder, and J-Builder are used.

The RAD method uses the advanced development tools to draw the screen component controls on a blank screen, and then defines the properties such as the name, value, size, and position of individual controls, and the values and applications of the controls placed on the screen. It consists of an event coding step that directly codes the input / output parameters of the business component of the server through the code editor on the development tool.

The conventional RAD method was more efficient and faster than the previous development method at the time of spread. In addition, the user interface (UI) was visually represented to facilitate development, but due to the increase in the number of UI controls expressed, simple input operations such as editing control properties and writing control information used for service invocations have been performed. The increase has led to a drop in development productivity.

Accordingly, the present invention has been made to solve the above-mentioned problems, and its object is to automatically generate service mapping information used for UI control and service invocation using an I / O model, when a user or developer develops a UI. The present invention provides an apparatus and method for generating a screen based on an I / O model to improve development productivity by reducing simple input operations and the like, and a storage medium in which a program for executing the method is recorded.

According to an apparatus of the present invention for achieving the above object, a control navigator having a plurality of UI control list, and determines whether to generate additional UI control irrelevant to the service call; An I / O model explorer that displays a list of UI controls in the form of nodes in a tree structure using an I / O model; A design screen unit including a canvas and dragging and dropping the UI control list or selecting a shortcut key or a menu of a development tool to display a UI control on the canvas; A selection input unit configured to set whether to generate a UI control of a type when the UI control selected in the I / O model explorer is displayed and displayed on the design screen unit; A property setter for modifying property information of a UI control appearing in the design screen unit; A control generator for generating and displaying a UI control of a node type selected from the I / O model explorer or a UI control selected from the selection input unit on a design screen and generating property information of the selected UI control; An I / O model generator for generating I / O model information of a UI control selected from the I / O model explorer; And a UI generator for encoding UI control information and property information of the I / O model appearing in the design screen unit.

Preferably, the method further comprises an I / O model server uploading and storing the I / O model information of the UI control generated by the I / O model generator in a file form.

The I / O model generator reads an external document such as a spreadsheet or XML to generate I / O model information, and the external document is a document prepared according to a standard form to be generated.

In addition, when the I / O model is manually generated by the I / O model generator, control characteristics, control names, and data types are defined.

In addition, the encoding process in the UI generator is characterized in that it comprises a first step of generating the intermediate code in the form of a document of the Xml structure containing the UI information and the second step of converting the intermediate code into the source code of the programming language.

According to the method of the present invention, uploading the I / O model information generated by the I / O model generator to the I / O model server (a); (B) downloading the I / O model information uploaded from the I / O model server in an I / O searcher; (C) selecting and executing a node to be created in a design screen unit from an I / O explorer showing the downloaded I / O model information in a tree structure; (D) generating a design screen unit in addition to selecting a UI control generated through a control generator and a selection inputter window activated; (E) determining whether to generate additional UI controls not related to service invocation in the control explorer; (F) additionally setting if there is a property to be additionally set in the generated UI control; And (g) generating, by the UI generator, the UI control generated in the design screen unit as the source code.

Preferably, when the selection is executed in the design screen unit in step (d), the selection input unit window is activated, and when the UI control to be generated is selected, a corresponding UI control is generated through the control generator. .

In addition, according to the invention, the step of uploading the I / O model information generated by the I / O model generator to the I / O model server (a); (B) downloading the I / O model information uploaded from the I / O model server in an I / O searcher; (C) selecting and executing a node to be created in a design screen unit in an I / O explorer showing the downloaded I / O model information in a tree structure; (D) generating a selection input window by activating a selection input window and selecting a UI control to be generated and by using a control generator; (E) determining whether to generate additional UI controls not related to service invocation in the control explorer; (F) additionally setting if there is a property to be additionally set in the generated UI control; And (g) generating, by the UI generator, the UI control generated in the design screen unit as the source code.

According to the present invention as described above, by creating a control by reducing the simple input operation occurs when the user or developer develops the UI, most of the automatic generation of the task of setting the service mapping information every time the property input and service call By doing so, the development time and accuracy can be greatly improved.

1 is a block diagram showing an I / O model-based screen generation device according to an embodiment of the present invention,
2 is a view showing a screen of the I / O model explorer shown in FIG. 1;
3 is a view showing an XML document screen of the I / O model shown in FIG. 1;
4 is a flowchart illustrating a screen generation process based on an I / O model according to an embodiment of the present invention;

It is to be understood that the words or words used in the present specification and claims are not to be construed in a conventional or dictionary sense and that the inventor can properly define the concept of a term in order to describe its invention in the best possible way And should be construed in light of the meanings and concepts consistent with the technical idea of the present invention.

Screen generation apparatus and method based on the I / O model according to the present invention 1) automatically generates service mapping information used for UI control and service invocation using the I / O model, 2) in the I / O explorer Selecting a node composed of a tree and dragging and dropping it to the design screen automatically creates a UI control. 3) Automatically assigns a predefined property and automatically maps service mapping information. 4) When the user drags and drops on the design screen, the option input is displayed on the screen, and when the UI control to be created is selected, the corresponding control is created on the screen.

Hereinafter, the present invention configured as described above will be described in detail with reference to the accompanying drawings.

Hereinafter, the present invention configured as described above will be described in detail with reference to the accompanying drawings.

1 is a block diagram showing an I / O model-based screen generating apparatus according to an embodiment of the present invention, Figure 2 is a view showing a screen of the I / O model explorer shown in Figure 1, Figure 3 Figure 1 shows the XML document screen of the I / O model shown in FIG.

Referring to Figure 1, the I / O model-based screen growth value according to the present invention, the control explorer 10, the I / O model explorer 20, the design screen unit 30, the optional input unit 40, attributes The setter 50, the control generator 60, the I / O model generator 70, the I / O model server 80, and the UI generator 90 are configured.

The control explorer 10 has a plurality of UI control lists and determines whether there is an additional control irrespective of a service call.

In this case, the control explorer 10 may select a desired UI control and then display it on the design screen unit 30 using a drag and drop method. If the UI control is a control displayed on an actual screen, the control explorer 10 may display it on the canvas 30a. do.

In the drag and drop method, a system that provides a user interface (UI) selects an item existing in one program using a mouse, and then moves the mouse to another position of the program or another program It is a method to move the item by moving the mouse and then releasing the mouse button.

Further, additional control irrespective of the service call is generated in the control explorer 10, and if there is an additional property to be set, the property setter 50 can additionally set an attribute.

The I / O model explorer 20 serves to represent a UI control list in the form of a node of a tree structure using an I / O model.

As shown in FIG. 2, the I / O model searcher 20 is a node type of a tree structure, and the I / O model information downloaded and downloaded from the I / O model server 80 is listed .

The design screen unit 30 has a canvas 30a and serves to represent (or draw) the UI control generated by selecting and executing the UI control list on the canvas 30a. At this time, the canvas 30a may be represented in various forms.

The selection input device 40 executes a UI control selected by the I / O model searcher 20 and sets whether or not the UI control is to be generated when displayed on the design screen unit 30, You can set various options such as layout of the screen to be created, auto generation property, and others.

That is, the selection input unit 40 is a window for selecting which UI control to display on the design screen unit 30 when the UI control is automatically generated using the I / O model.

The attribute setter 50 is responsible for modifying attribute information of a UI control displayed on the design screen unit 30. Here, the attribute setter 50 has individual attribute information for each UI control.

The control generator 60 may drag and drop the I / O model explorer 20 in the form of a node type UI control selected in the I / O model explorer 20 or the UI control selected in the selection input unit 40. And create and display on the design screen unit 30, and serves to generate property information of the selected UI control.

The I / O model generator 70 generates I / O model information of the UI control selected by the I / O model searcher 20.

  In addition, the I / O model generator 70 determines whether to generate the I / O model automatically or manually. At this time, when the I / O model is automatically generated, a separately created spreadsheet or an XML document (shown in FIG. 3) is read out from the outside and is generated in the same operation as that generated manually.

In addition, the spreadsheet is a program that processes data input, calculation, retrieval, and management in a batch, and may be applied to Excel. The XML (eXtensible Markup Language) document is an Internet programming language capable of implementing a structured document on the Web. Say.

If the I / O model documents are external documents, they should be created according to the standard format to be automatically generated.

Also, when manually creating an I / O model, the user or the developer must directly edit various information.

At this time, when the I / O model document is generated automatically or manually by the I / O model generator 70, the corresponding control property, control name, and data type can be defined.

The I / O model server 80 serves as a Web server that uploads I / O models generated by the I / O model generator 70 and stores the uploaded files in a file format.

At this time, a user or a developer can download and use an I / O model necessary for UI development from the I / O model server 80.

The UI generator 90 encodes the UI control information and the attribute information displayed on the design screen unit 30. Here, the UI generator 90 may be an engine embedded in a development tool rather than being visually displayed to a developer on the development tool.

In this case, the encoding process in the UI generator 90 includes a first step of generating an intermediate code and a second step of converting the intermediate code into a source code of a programming language.

In the first step, it is possible to generate the document in the form of an Xml structure that contains UI information, not the actual programming language source code.

Preferably, the UI control execution of the I / O model according to the present invention can be driven through any one of drag and drop or a shortcut key or a menu of a development tool.

4 is a flowchart illustrating a screen generation process based on an I / O model according to an embodiment of the present invention.

First, in step S10, the I / O model information generated through the I / O model generator 70 is uploaded to the I / O model server 80.

In this case, when the I / O model information is automatically or manually generated by the I / O model generator 70, a control characteristic, a control name, and a data type corresponding thereto may be defined, and the I / O model is automatically generated. In this case, a separately created spreadsheet or XML document (shown in FIG. 3) is read out from the outside and generated in the same operation as manually generated.

In step S20, I / O model information uploaded from the I / O model server 80 is downloaded from the I / O model searcher 20.

In this case, the I / O model searcher 20 uses the I / O model information to represent a UI control list as a node type of a tree structure. As shown in FIG. 2, The I / O model information downloaded from the corresponding I / O model server 80 is listed.

In step S30, a node to be created on the design screen unit 30 is selected and dragged and dropped in the I / O model explorer 20 showing the downloaded I / O model in a tree structure.

That is, when the directory of the tree structure of the I / O model explorer 20 is selected and dragged and dropped on the design screen unit 30, the auto-generation start command operates. The auto-generation start command may be driven through a drag and drop method or a shortcut key or a menu of a development tool.

In this case, when dragging and dropping to the design screen unit 30 in the step S30, the selection input unit 40 window is activated, and when the control to be generated is selected, the control screen generator 60 controls the design screen unit 30. The control is created (step S40).

That is, when dragging and dropping on the design screen unit 30 in the step S30, first, the automatic generation option input to the selection input unit 40 is read, and the I selected in the I / O model explorer 20 is selected. / O Read model information.

In step S50, the control searcher 10 determines whether or not additional control is generated regardless of the service call.

In this case, the control explorer 10 may select a desired UI control and then display it on the design screen 30 in a drag and drop manner. If the control is displayed on the actual screen, the control explorer 10 is displayed on the canvas 30a.

In step S60, if there is a property to be additionally set in the generated UI control, it is additionally set.

That is, the attribute setter 50 sets attribute information of the UI control displayed on the design screen unit 30.

Finally, in step S70, UI control information generated in the design screen unit 30 is automatically generated as a source code by the UI generator 90.

The encoding process in the UI generator 90 includes a first step of generating an intermediate code and a second step of converting the intermediate code into a source code of a programming language. In the first step, But can be generated as a document format of an Xml structure containing UI information.

Therefore, according to the I / O model-based screen generation device and method of the present invention, most of the tasks that automatically create a control when the user or developer develops the UI, and set the service mapping information every time the property input and service call By creating them, development time and accuracy can be greatly improved.

On the other hand, through the I / O model-based screen generation apparatus and method according to the invention as shown in Figures 1 to 4, to provide a storage medium in which a program for executing the I / O model-based screen generation method is recorded. Can be.

In particular, as shown in FIG. 4, a storage medium on which a program for executing an I / O model based screen generation method is recorded may be provided. Such a recording medium may be computer-executable and may be stored in a CD ROM, a RAM, a ROM, a floppy disk, a hard disk, a magneto-optical disk, or the like .

While specific embodiments of the invention have been described and shown above, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the invention. Such modified embodiments should not be understood individually from the technical idea or viewpoint of the present invention, but should be included in the claims attached hereto.

10: Control Explorer 20: I / O Model Explorer
30: design screen section 40: selection input device
50: Attribute Setter 60: Control Generator
70: I / O model generator 80: I / O model server 90: UI generator

Claims (8)

A control explorer having a plurality of UI control lists, the control explorer determining whether to generate additional UI controls irrelevant to service invocation;
An I / O model explorer that displays a list of UI controls in the form of nodes in a tree structure using an I / O model;
A design screen unit including a canvas and dragging and dropping the UI control list or selecting a shortcut key or a menu of a development tool to display a UI control on the canvas;
A selection input unit configured to set whether to generate a UI control of a type when the UI control selected in the I / O model explorer is displayed and displayed on the design screen unit;
A property setter for modifying property information of a UI control appearing in the design screen unit;
A control generator for generating and displaying a UI control of a node type selected from the I / O model explorer or a UI control selected from the selection input unit on a design screen and generating property information of the selected UI control;
An I / O model generator for generating I / O model information of a UI control selected from the I / O model explorer; And
A UI generator for encoding UI control information and property information of the I / O model shown in the design screen unit; Including, I / O model based screen generation device.
The apparatus of claim 1, further comprising an I / O model server for uploading and storing the I / O model information of the UI control generated by the I / O model generator in a file form. .
The method according to claim 1 or 2, wherein the I / O model generator reads an external document such as a spreadsheet or XML to generate I / O model information, and the external document is a document prepared according to a standard form to be generated. Screen generator based on I / O model.
The I / O model-based screen generation apparatus of claim 1 or 2, wherein a control characteristic, a control name, and a data type are defined when a screen is manually generated by the I / O model generator.
The method of claim 1, wherein the encoding process in the UI generator comprises a first step of generating an intermediate code in the form of a document of the Xml structure containing the UI information and a second step of converting the intermediate code into source code of a programming language. Screen generator based on I / O model.
Uploading the I / O model information generated through the I / O model generator to the I / O model server (a);
(B) downloading the I / O model information uploaded from the I / O model server in an I / O searcher;
(C) selecting and executing a node to be created in a design screen unit from an I / O explorer showing the downloaded I / O model information in a tree structure;
(D) generating a selection input window by activating the selection input window and selecting a UI control to be generated and by using a control generator;
(E) determining whether to generate additional UI controls not related to service invocation in the control explorer;
(F) additionally setting if there is a property to be additionally set in the generated UI control; And
(G) generating a UI control generated in the design screen unit as a source code in a UI generator. The screen generation method based on the I / O model.
The method according to claim 6, wherein when the selection is executed in the design screen unit in the step (d), the selection input window is activated, and when the UI control to be generated is selected, a corresponding UI control is generated through the control generator. Screen generation method based on I / O model.
Uploading the I / O model information generated through the I / O model generator to the I / O model server (a);
(B) downloading the I / O model information uploaded from the I / O model server in an I / O searcher;
(C) selecting and executing a node to be created in a design screen unit from an I / O explorer showing the downloaded I / O model information in a tree structure;
(D) generating a selection input window by activating the selection input window and selecting a UI control to be generated and by using a control generator;
(E) determining whether to generate additional UI controls not related to service invocation in the control explorer;
(F) additionally setting if there is a property to be additionally set in the generated UI control; And
(G) generating, by the UI generator, the UI control generated in the design screen unit as source code; a storage medium in which a program for executing the program is recorded.

Images