JP7154952B2 - Screen layout creation device, screen layout creation method, and screen layout creation program - Google Patents

Description

The present invention relates to a screen layout creation device, a screen layout creation method, and a screen layout creation program.

Patent Documents 1 and 2 disclose a configuration in which screen components can be arranged in multiple layers on a display screen.

JP-A-6-282395 Japanese Patent Application Laid-Open No. 2002-073004

However, in the inventions described in Patent Documents 1 and 2 above, in creating a screen layout that forms a tree structure, a user interface screen is created by using three elements, panels, cells, and leaves, in which the parent hierarchy and child hierarchy are preset. There was a problem that it was not possible to produce

The present invention has been devised in view of the above-mentioned problems, and the user can guide the object to be placed to the optimal placeable position, and intuitively display the object on the screen with a minimal operation while checking the preview image of the layout that can be created. It is an object of the present invention to provide a screen layout creation device, a screen layout creation method, and a screen layout creation program capable of creating a layout.

In order to solve the above-described problems and achieve the object, a screen layout creation apparatus according to the present invention is a screen layout creation apparatus comprising a storage section and a control section, wherein the storage section forms a hierarchical structure. object storage means for storing objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined on the user interface screen; Stores a template screen in which the title bar panel, the command bar panel, and/or the grid panel that realizes a grid layout in which the parent object is divided vertically and horizontally are arranged as child layers on a certain base panel. and a screen storage means for displaying the template screen, and the control unit arranges a drop point on the object arranged on the template screen, which becomes the arrangement position of the child object. drop point arrangement means; and object arrangement means for, when the prescribed child object is dropped on the object arranged on the template screen, arranging the prescribed child object according to the drop point. Characterized by

Further, in the screen layout creation apparatus according to the present invention, the drop point is set to a drop point type corresponding to the type of the child object that can be placed in the object on which the drop point is placed, and the object placement means and the drop capable of placing the predetermined child object on the template screen based on the type of the predetermined child object and the drop point type when the predetermined child object is dragged onto the template screen. It is characterized in that only points are made to be suckable, and when the predetermined child object is dropped, the predetermined child object is arranged by being sucked to the drop point that is made suckable.

Further, in the screen layout creation apparatus according to the present invention, the object arrangement means, when the predetermined child object is dragged onto the template screen, performs the following operation based on the type and the drop point type of the predetermined child object. Then, only the drop point on the template screen at which the predetermined child object can be placed can be sucked, and when the predetermined child object is dropped, the suckable point at the shortest distance from the predetermined child object is made available. It is characterized in that the predetermined child object is arranged by being attracted to the drop point that has been set.

Further, in the screen layout creation apparatus according to the present invention, the drop point placement means may further place the object and/or the predetermined child object on the object and/or the predetermined child object placed on the template screen. It is characterized by arranging and/or deleting the drop point, which is the arrangement position of the child object of the object.

Further, in the screen layout creation apparatus according to the present invention, the template screen is an empty layout screen in which the title bar panel, the command bar panel, and the grid panel are arranged as child layers on the base panel. characterized by

Further, in the screen layout creation apparatus according to the present invention, the template screen is formed by arranging command bar buttons, which are objects of leaves, on the command bar panel as a child hierarchy on the blank layout screen, and (2) arranging grid cells, which are cells realizing the grid layout obtained by dividing the parent object by vertical and horizontal straight lines, as a child hierarchy, and collectively handling the leaves inheriting the grid panel on the grid cells; The input panel is arranged as a child hierarchy, the grid cell is arranged on the input panel as a child hierarchy, and the leaves can be arranged horizontally on the grid cell Stack is the panel that can be arranged It is characterized by being a basic input layout screen in which panels are arranged as child hierarchies, and text boxes, labels, check boxes, radio buttons and/or select boxes, which are leaves, are arranged as child hierarchies on the stack panel.

Further, in the screen layout creation apparatus according to the present invention, the template screen includes the table panel, which is the panel, arranged as a child hierarchy on the grid cell in the basic input layout screen. It is characterized by being a table layout screen in which table cells, which are cells, are arranged as child hierarchies.

Further, in the screen layout creation apparatus according to the present invention, the template screen is configured such that, in the basic input layout screen, the tab panel, which is the panel, is arranged on the grid cell as a child hierarchy, and the grid panel is placed on the tab panel. It is characterized by being a tab layout screen arranged as a child hierarchy.

Further, in the screen layout creation apparatus according to the present invention, the control unit controls the template in which the title bar panel, the command bar panel, and/or the grid panel are arranged on the base panel of the user interface screen. A screen producing means for producing a screen is further provided.

Further, in the screen layout creation apparatus according to the present invention, the screen display means displays a list of reduced template screens in a selectable manner, and when the reduced template screen is selected, the template screen corresponding to the reduced template screen is displayed. It is characterized in that it is expanded and displayed.

Further, a screen layout creation method according to the present invention is a screen layout creation method to be executed by a screen layout creation device having a storage unit and a control unit, wherein the storage unit includes a user interface forming a hierarchical structure. Object storage means for storing, on a screen, objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined, and a base panel that is the object of the panel serving as the base hierarchy of the user interface screen. A screen memory for storing a template screen in which a title bar panel, a command bar panel, and/or a grid panel that realizes a grid layout in which the parent object is divided vertically and horizontally are arranged as child hierarchies. a screen display step of displaying the template screen when the template screen is selected, which is executed by the control unit; a drop point arrangement step of arranging a drop point as a position; and an object arrangement of arranging the prescribed child object according to the drop point when the prescribed child object is dropped on the object arranged on the template screen. and a step.

A screen layout creation program according to the present invention is a screen layout creation program to be executed by a screen layout creation apparatus comprising a storage unit and a control unit, wherein the storage unit comprises a user interface forming a hierarchical structure. Object storage means for storing, on a screen, objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined, and a base panel that is the object of the panel serving as the base hierarchy of the user interface screen. A screen memory for storing a template screen in which a title bar panel, a command bar panel, and/or a grid panel that realizes a grid layout in which the parent object is divided vertically and horizontally are arranged as child hierarchies. a screen display step of displaying the template screen when the template screen is selected in the control unit; and an arrangement position of the child object on the object arranged on the template screen; and an object placement step of placing a given child object according to the drop point when the given child object is dropped on the object placed on the template screen. , is executed.

According to the present invention, it is possible to easily realize an advanced screen layout by narrowing down the layout targets according to the type of the drag object.

FIG. 1 is a block diagram showing an example of the configuration of a screen layout creating apparatus according to this embodiment. FIG. 2 is a diagram showing an example of an object in this embodiment. FIG. 3 is a flow chart showing an example of processing of the screen layout creation device in this embodiment. FIG. 4 is a diagram showing an example of a template list in this embodiment. FIG. 5 is a diagram showing an example of a template screen and a hierarchical structure according to this embodiment. FIG. 6 is a diagram showing an example of a template screen and a hierarchical structure according to this embodiment. FIG. 7 is a diagram showing an example of a template screen and a hierarchical structure according to this embodiment. FIG. 8 is a diagram showing an example of a template screen and a hierarchical structure according to this embodiment. FIG. 9 is a diagram showing an example of drop point arrangement in this embodiment. FIG. 10 is a diagram showing an example of drop point arrangement in this embodiment. FIG. 11 is a diagram showing an example of drop point arrangement in this embodiment. FIG. 12 is a diagram showing an example of drop point arrangement in this embodiment. FIG. 13 is a flowchart showing an example of object placement processing in this embodiment. FIG. 14 is a diagram showing an example of tool items in this embodiment.

An embodiment of the present invention will be described in detail based on the drawings. In addition, this invention is not limited by this embodiment.

[1. Overview]
First, the outline of the present invention will be explained.

Conventionally, there are tools that can develop user-like application screens. It was not possible to create a screen layout.

Therefore, in the present embodiment, the object to be placed is changed according to the type of the dragged object, and by enabling intuitive object placement, an orderly and sophisticated screen layout can be easily realized.

[2. Constitution]
An example of the configuration of a screen layout creating apparatus 100 according to this embodiment will be described with reference to FIG. FIG. 1 is a block diagram showing an example of the configuration of a screen layout creation device 100 according to this embodiment.

The screen layout creation device 100 is a commercially available desktop personal computer. Note that the screen layout creation apparatus 100 is not limited to a stationary information processing apparatus such as a desktop personal computer. type information processing device.

The screen layout creation device 100 includes a control section 102 , a communication interface section 104 , a storage section 106 and an input/output interface section 108 . Each unit included in the screen layout creation apparatus 100 is communicably connected via an arbitrary communication path.

The communication interface unit 104 communicably connects the screen layout creation apparatus 100 to the network 300 via a communication device such as a router and a wired or wireless communication line such as a dedicated line. The communication interface unit 104 has a function of communicating data with another device via a communication line. Here, the network 300 has a function of connecting the screen layout production apparatus 100 and the server 200 so that they can communicate with each other, and is, for example, the Internet or a LAN (Local Area Network).

The storage unit 106 stores various databases, tables, files, and the like. The storage unit 106 stores a computer program for performing various processes by giving commands to a CPU (Central Processing Unit) in cooperation with an OS (Operating System). As the storage unit 106, for example, memory devices such as RAM (Random Access Memory) and ROM (Read Only Memory), fixed disk devices such as hard disks, flexible disks, and optical disks can be used. The storage unit 106 includes an object file 106a and a screen file 106b.

The object file 106a stores objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are decided on a user interface screen that forms a hierarchical structure. Here, the object may be a cell, panel, leaf, table cell, or the like. Also, the object file 106a may store an object identifier (for example, an ID, etc.), object position data, etc. in association with the object.

Here, an example of an object in this embodiment will be described with reference to FIG. FIG. 2 is a diagram showing an example of an object in this embodiment.

As shown in FIG. 2, cells may include root cells, grid cells, and/or tab cells, and the like. Also, as shown in FIG. 2, the panels may include base panels, title bar panels, command bar panels, grid panels, stack panels, input panels, tab panels, and/or table panels, and the like. Also, as shown in FIG. 2, leaves may include buttons, command bar buttons, text boxes, labels, checkboxes, radio buttons, and/or select boxes, and the like. Also, as shown in FIG. 2, table cells may include column cells, button cells, text box cells, label cells, checkbox cells, and/or select box cells, and the like.

Returning to FIG. 1, the screen file 106b stores user interface screens. Here, the screen file 106b divides the title bar panel, the command bar panel, and/or the parent object, which are the panels, on the base panel, which is the object of the panel serving as the base layer of the user interface screen, by vertical and horizontal straight lines. A template screen may be stored in which grid panels that implement a grid layout are arranged as child hierarchies. Here, the base panel, which is the base layer of the user interface screen, may be superimposed on the root cell, which is the cell object. Also, the template screen may be an empty layout screen in which a title bar panel, a command bar panel, and a grid panel are arranged as child layers on a base panel. In addition, the template screen is an empty layout screen. Command bar buttons, which are leaf objects, are placed on the command bar panel as a child hierarchy. Place the grid cell, which is the cell to be realized, as a child hierarchy, and place the input panel, which is a panel that can handle the leaves that inherit the grid panel as a child hierarchy, on the grid cell, and place the input panel on the input panel. , a grid cell is placed as a child hierarchy, and a stack panel, which is a panel in which leaves can be arranged horizontally, is placed as a child hierarchy on the grid cell, and the leaf text box, label, It may be a basic input layout screen in which check boxes, radio buttons and/or select boxes are arranged as child hierarchies. The template screen is a table layout screen in which a table panel, which is a panel, is arranged as a child hierarchy on a grid cell in the basic input layout screen, and a table cell, which is a cell, is arranged as a child hierarchy on the table panel. There may be. The template screen may be a tab layout screen in which a tab panel, which is a panel, is arranged as a child hierarchy on a grid cell in the basic input layout screen, and a grid panel is arranged as a child hierarchy on the tab panel. Also, the screen file 106b may store a user-arranged screen in which child objects are arranged on the user interface screen. The screen file 106b also stores drop point identifiers (such as IDs), drop point types and drop point arrangement data (such as column numbers and row numbers) in association with drop points arranged on the user interface screen. may be stored.

An input device 112 and an output device 114 are connected to the input/output interface section 108 . The output device 114 can be a monitor (including a touch panel), a speaker, or a printer. The input device 112 can be a keyboard, a mouse, a microphone, or a monitor that cooperates with the mouse to provide a pointing device function. Note that, hereinafter, the output device 114 may be referred to as the monitor 114 or the printer 114 and the input device 112 may be referred to as the keyboard 112 or the mouse 112 .

The control unit 102 is a CPU or the like that comprehensively controls the screen layout creation apparatus 100 . The control unit 102 has an internal memory for storing a control program such as an OS, a program defining various processing procedures, required data, and the like, and performs various information processing based on these stored programs. Run. The control unit 102 functionally and conceptually includes a screen creation unit 102a, a screen display unit 102b, a drop point placement unit 102c, and an object placement unit 102d.

The screen creation unit 102a creates a user interface screen. Here, the screen creation unit 102a may create a template screen in which a title bar panel, a command bar panel, and/or a grid panel are arranged on the base panel of the user interface screen. The screen creating unit 102a may store the user interface screen in the screen file 106b.

The screen display unit 102b displays a user interface screen (template screen). Here, the screen display unit 102b may display a list of reduced template screens in a selectable manner, and when a reduced template screen is selected, expand and display the template screen corresponding to the reduced template screen.

The drop point arranging unit 102c arranges a drop point, which is the arrangement position of the child object, on the object arranged on the user interface screen (template screen). Here, for the drop point, a drop point type may be set according to the type of child object that can be placed in the object on which the drop point is placed. Also, the drop point placement unit 102c provides a drop point on an object and/or a predetermined child object placed on a user interface screen (template screen), which becomes a placement position of a child object of the object and/or the predetermined child object. Points may be placed and/or deleted. Also, the drop point placement unit 102c may store the user interface screen on which the drop points are placed in the screen file 106b.

When a predetermined child object is dropped on an object placed on the user interface screen (template screen), the object placement unit 102d places the predetermined child object according to the drop point. Here, when a predetermined child object is dragged onto the user interface screen (template screen), the object placement unit 102d displays the user interface screen (template screen) based on the type and drop point type of the predetermined child object. Only the drop points where the specified child object can be placed on the screen) can be sucked, and when the specified child object is dropped, the specified child object can be sucked to the drop point that has been made suckable. may be placed. Further, when a predetermined child object is dragged onto the user interface screen (template screen), the object placement unit 102d displays the user interface screen (template screen) based on the type and drop point type of the predetermined child object. ), only the drop point where the specified child object can be placed is made attachable, and when the specified child object is dropped, the drop point that is made attachable at the shortest distance from the specified child object is selected. The predetermined child object may be placed by being attracted. The object placement unit 102d may acquire a user placement screen in which a predetermined child object is placed on the user interface screen (template screen). Also, the object placement unit 102d may store the user placement screen in the screen file 106b.

[3. Concrete example]
A specific example of this embodiment will be described with reference to FIGS. 3 to 14. FIG.

[Screen layout creation process]
Here, an example of screen layout creation processing according to the present embodiment will be described with reference to FIGS. 3 to 14. FIG. FIG. 3 is a flow chart showing an example of processing of the screen layout creation device 100 according to this embodiment.

As shown in FIG. 3, the screen display unit 102b causes the output device 114 to display a list of reduced template screens in a selectable manner (step SA-1).

Then, when the reduced template screen is selected by the user via the input device 112, the screen display unit 102b develops the template screen corresponding to the reduced template screen and displays it on the output device 114 (step SA-2). .

Then, the drop point placement unit 102c assigns a drop point on the object placed on the template screen, which is the placement position of the child object, for which the drop point type is set according to the type of the child object that can be placed on the object. Arrange (step SA-3).

Then, when the user drags a predetermined child object on the template screen via the input device 112 for the purpose of adding or moving, the object placement unit 102d sets the type and drop point type of the predetermined child object. Based on this, only the drop points on the template screen at which the predetermined child object can be placed are allowed to be sucked, and when the predetermined child object is dropped by the user via the input device 112, the predetermined child object acquires a user-placed screen in which the predetermined child object is placed by being adsorbed to the drop point that is enabled to be adsorbed at the shortest distance from the child object (step SA-4).

Then, the drop point placement unit 102c places and places a drop point on the object and/or the predetermined child object placed on the user placement screen, which becomes the placement position of the child object of the object and/or the predetermined child object. / Or the user-placed screen deleted and the drop points rearranged is stored in the screen file 106b (step SA-5), and the process is terminated.

Here, an example of the template list in this embodiment will be described with reference to FIG. FIG. 4 is a diagram showing an example of a template list in this embodiment.

As shown in FIG. 4, in this embodiment, a basic input layout screen, a list layout screen, a header/details layout screen (table layout screen, tab layout screen, etc.), and a reduced template screen of an empty layout screen can be selected. to display the list of templates listed in .

An example of a template screen and a hierarchical structure in this embodiment will be described with reference to FIGS. 5 to 8. FIG. 5 to 8 are diagrams showing examples of template screens and hierarchical structures in this embodiment.

FIG. 5 shows an empty layout screen in this embodiment, in which a title bar panel, a command bar panel, and a grid panel are arranged in parallel from the screen as child hierarchies on a base panel superimposed on the root cell. there is

FIG. 6 shows a basic input layout screen in this embodiment. In the empty layout screen shown in FIG. 5, command bar buttons are arranged as a child hierarchy on the command bar panel, and grid A cell is placed as a child layer, an input panel is placed on the grid cell as a child layer, a grid cell is placed on the input panel as a child layer, and a stack panel is placed on the grid cell as a child layer A text box or label is placed as a child hierarchy on the stack panel.

7 shows a table layout screen in this embodiment. In the basic input layout screen shown in FIG. 6, table panels are arranged as child hierarchies on grid cells, and column cells and Textbox cells are arranged as child hierarchies.

FIG. 8 shows a tab layout screen in this embodiment. In the basic input layout screen shown in FIG. 6, tab panels are arranged as child hierarchies on grid cells, and grid panels are child cells on the tab panel. Arranged as a hierarchy, a grid cell is arranged as a child hierarchy on the grid panel, an input panel is arranged as a child hierarchy on the grid cell, a grid cell is arranged as a child hierarchy on the input panel, A stack panel is arranged as a child hierarchy on the grid cell, and a text box or label is arranged as a child hierarchy on the stack panel.

An example of the drop point arrangement in this embodiment will be described with reference to FIGS. 9 to 12. FIG. 9 to 12 are diagrams showing an example of drop point arrangement in this embodiment.

As shown in FIG. 9, in the present embodiment, on the command bar panel and the grid panel placed on the empty layout screen, the child object with ID (for example, control ID, etc.), column number and row number is set. A drop point is placed as the placement position of the .

In addition, as shown in FIG. 10, in the present embodiment, on the stack panel, command bar panel, and grid panel arranged on the basic input layout screen, the child object whose ID, column number, and row number are set is displayed. A drop point is placed as the placement position.

In addition, as shown in FIG. 11, in the present embodiment, the child panel whose ID, column number, and row number are set on the stack panel, table panel, command bar panel, and grid panel arranged on the table layout screen. A drop point is placed where the object will be placed. Here, in this embodiment, when an object is placed on the table panel, the cell may be replaced. For example, in this embodiment, when a label cell is placed in "column 2 row 0" and a text box is dropped in "column 2 row 0", "column 2 row 0" becomes the text box cell. May be replaced.

In addition, as shown in FIG. 12, in the present embodiment, child objects are arranged on the stack panel, command bar panel, and grid panel arranged on the tab layout screen, in which IDs, column numbers, and row numbers are set. A drop point is placed as a position.

An example of object placement processing according to the present embodiment will be described with reference to FIGS. 13 and 14. FIG. FIG. 13 is a flowchart showing an example of object placement processing in this embodiment.

As shown in FIG. 13, in this embodiment, when an object (tool item) to be newly added to the displayed user interface screen or an already placed object (control) is dragged by the user (step SB-1), it is determined whether or not the dragged object is already placed on the user interface screen (step SB-2).

Then, as shown in FIG. 13, in this embodiment, when it is determined that the dragged object is an object that has already been placed on the user interface screen (step SB-2: Yes), it is set as the dragged object. The object ID (drag item ID) and drop point type are recorded (step SB-3), and the process proceeds to step SB-5.

On the other hand, as shown in FIG. 13, in this embodiment, when it is determined that the dragged object is not an object that has already been placed on the user interface screen (step SB-2: No), the tool item ID of the tool item ( Drag item ID) and drop point type(s) are recorded (step SB-4).

Then, as shown in FIG. 13, in this embodiment, the drop point on the user interface screen corresponding to the recorded drop point type is validated (step SB-5), and the validated drop point Activate the drop point that is the minimum distance from (step SB-6).

Then, as shown in FIG. 13, in this embodiment, when the object dragged by the user is released (dropped) (step SB-7), the drop point ID, column number and row The number is specified and recorded (step SB-8), and it is determined whether or not the dropped object is a moved object that has already been placed (step SB-9).

Then, as shown in FIG. 13, in this embodiment, when it is determined that the dropped object is the one that has already been placed and moved (step SB-9: Yes), the drag item of the dropped object The object corresponding to the ID is recorded (step SB-10), and the process proceeds to step SB-12.

On the other hand, as shown in FIG. 13, in this embodiment, when it is determined that the dropped object is newly added (step SB-9: No), the recorded drag item ID and drop point ID (step SB-11).

Here, an example of the tool item in this embodiment will be described with reference to FIG. 14 . FIG. 14 is a diagram showing an example of tool items in this embodiment.

As shown in FIG. 14, for a tool item newly added to the user interface screen, the generated instance changes according to the place (panel) where it is placed when dropped onto the user interface screen.

Returning to FIG. 13, in this embodiment, an object is added as a child hierarchy of the placed object (control) corresponding to the drop point ID (step SB-12), and the added object that has been placed is moved. It is determined whether or not it is the one (step SB-13). In addition, in this embodiment, the recorded column number and row number are used to determine where to add the child hierarchy.

Then, as shown in FIG. 13, in this embodiment, when it is determined that the added object is the one that has already been placed and moved (step SB-13: Yes), the parent hierarchy of the added object is recorded. The drag item ID of the added object is deleted from the data of the sub-hierarchy that has been added (step SB-14), and the process ends.

On the other hand, as shown in FIG. 13, in the present embodiment, when it is determined that the added object is not a moved object that has already been placed (step SB-13: No), the process ends.

[4. Other embodiments]
The present invention may be implemented in various different embodiments other than the embodiments described above within the scope of the technical idea described in the claims.

For example, among the processes described in the embodiments, all or part of the processes described as being automatically performed can be manually performed, or all of the processes described as being manually performed Alternatively, some can be done automatically by known methods.

In addition, unless otherwise specified, the processing procedures, control procedures, specific names, information including parameters such as registration data and search conditions for each process, screen examples, and database configurations shown in this specification and drawings can be changed arbitrarily.

Also, with respect to the screen layout creation apparatus 100, each illustrated component is functionally conceptual, and does not necessarily need to be physically configured as illustrated.

For example, the processing functions of the screen layout creation apparatus 100, particularly the processing functions performed by the control unit 102, are implemented in whole or in part by a CPU and a program interpreted and executed by the CPU. Alternatively, it may be implemented as hardware using wired logic. The program is recorded on a non-temporary computer-readable recording medium containing programmed instructions for causing the information processing apparatus to execute the processing described in this embodiment, and screen layout creation is performed as necessary. It is read mechanically by the device 100 . That is, a storage unit such as a ROM or HDD (Hard Disk Drive) stores a computer program for giving commands to the CPU in cooperation with the OS to perform various processes. This computer program is executed by being loaded into the RAM and constitutes a control section in cooperation with the CPU.

Also, this computer program may be stored in an application program server connected to the screen layout creation apparatus 100 via any network, and it is possible to download all or part of it as necessary. is.

Also, the program for executing the processing described in this embodiment may be stored in a non-temporary computer-readable recording medium, or may be configured as a program product. Here, the term "recording medium" refers to memory cards, USB (Universal Serial Bus) memories, SD (Secure Digital) cards, flexible disks, magneto-optical disks, ROMs, EPROMs (Erasable Programmable Read Only Memory), EEPROMs (registered (trademark) (Electrically Erasable and Programmable Read Only Memory), CD-ROM (Compact Disk Read Only Memory), MO (Magneto-Optical disk), DVD (Digital Versatile Disk), and Disc (registered trademark) such as Blu- shall include any "portable physical medium".

A "program" is a data processing method written in any language or writing method, regardless of the format such as source code or binary code. In addition, the "program" is not necessarily limited to a single configuration, but is distributed as multiple modules or libraries, or cooperates with a separate program represented by the OS to achieve its function. Including things. It should be noted that well-known configurations and procedures can be used for the specific configuration and reading procedure for reading the recording medium in each device shown in the present embodiment, the installation procedure after reading, and the like.

The various databases and the like stored in the storage unit 106 are storage means such as memory devices such as RAM and ROM, fixed disk devices such as hard disks, flexible disks, and optical disks, and are used for various processes and website provision. programs, tables, databases, and files for web pages.

Further, the screen layout creating apparatus 100 may be configured as an information processing apparatus such as a known personal computer or workstation, or may be configured as the information processing apparatus to which arbitrary peripheral devices are connected. Further, the screen layout creation device 100 may be realized by installing software (including programs, data, etc.) for realizing the processing described in the present embodiment.

Furthermore, the specific forms of distribution and integration of devices are not limited to those shown in the figures, and all or part of them can be functionally or physically arranged in arbitrary units according to various additions or functional loads. It can be distributed and integrated. In other words, the embodiments described above may be arbitrarily combined and implemented, or the embodiments may be implemented selectively.

INDUSTRIAL APPLICABILITY The present invention is useful in various industries that use and develop application screens.

100 screen layout creation device 102 control unit 102a screen creation unit 102b screen display unit 102c drop point placement unit 102d object placement unit 104 communication interface unit 106 storage unit 106a object file 106b screen file 108 input/output interface unit 112 input device 114 output device 200 Server 300 network

Claims (12)

A screen layout creation device comprising a storage unit and a control unit,
The storage unit
Object storage means for storing objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined in a user interface screen forming a hierarchical structure;
A grid-like layout obtained by dividing the title bar panel, the command bar panel, and/or the parent object by vertical and horizontal straight lines on the base panel, which is the object of the panel serving as the base layer of the user interface screen. screen storage means for storing template screens in which grid panels to be realized are arranged as child hierarchies;
with
The control unit
screen display means for displaying the template screen;
drop point arrangement means for arranging a drop point on the object arranged on the template screen as a position for arranging the child object;
object placement means for, when the predetermined child object is dropped on the object placed on the template screen, placing the predetermined child object according to the drop point;
A screen layout creation device comprising: The drop point is
A drop point type is set according to the type of the child object that can be placed in the object on which the drop point is placed,
The object placement means is
said drop point at which said predetermined child object on said template screen can be placed based on the type of said predetermined child object and said drop point type when said predetermined child object is dragged onto said template screen; 2. The screen according to claim 1, wherein when the predetermined child object is dropped, the predetermined child object is arranged by being attracted to the drop point that has been made absorbable. Layout production equipment. The object placement means is
The drop capable of placing the predetermined child object on the template screen based on the type and the drop point type of the predetermined child object when the predetermined child object is dragged onto the template screen. When only points are made to be suckable, and the predetermined child object is dropped, the predetermined child object is arranged by being attracted to the drop point made to be chuckable at the shortest distance from the predetermined child object. 3. The screen layout creation device according to claim 2, characterized by: The drop point placement means comprises:
Furthermore, on the object and/or the predetermined child object placed on the template screen, the drop point that is the placement position of the child object of the object and/or the predetermined child object is placed and/or deleted. 4. The screen layout production apparatus according to any one of claims 1 to 3, characterized in that: The template screen is
5. The blank layout screen according to any one of claims 1 to 4, wherein the title bar panel, the command bar panel, and the grid panel are arranged as child layers on the base panel. Screen layout creation device. The template screen is
In the blank layout screen, the command bar buttons, which are the leaf objects, are arranged on the command bar panel as a child hierarchy, and the grid layout is formed on the grid panel by dividing the parent object by vertical and horizontal straight lines. A grid cell, which is a cell that realizes the input A grid cell is arranged as a child hierarchy on a panel, a stack panel, which is the panel in which the leaves can be arranged in a horizontal direction, is arranged as a child hierarchy on the grid cell, and the leaf is arranged on the stack panel. 6. The screen layout creation device according to claim 5, wherein the basic input layout screen is arranged with certain text boxes, labels, check boxes, radio buttons and/or select boxes as child hierarchies. The template screen is
The basic input layout screen is a table layout screen in which the table panel, which is the panel, is arranged on the grid cell as a child hierarchy, and the table cell, which is the cell, is arranged on the table panel as a child hierarchy. 7. The screen layout creation device according to claim 6, characterized by: The template screen is
3. A tab layout screen in which a tab panel, which is the panel, is arranged as a child hierarchy on the grid cell in the basic input layout screen, and a grid panel is arranged as a child hierarchy on the tab panel. 7. The screen layout creation device according to 6. The control unit
screen creating means for creating the template screen in which the title bar panel, the command bar panel and/or the grid panel are arranged on the base panel of the user interface screen;
9. The screen layout creation device according to any one of claims 1 to 8, further comprising: The screen display means is
10. The method according to any one of claims 1 to 9, wherein a list of reduced template screens is displayed in a selectable manner, and when the reduced template screen is selected, the template screen corresponding to the reduced template screen is expanded and displayed. 3. The screen layout production device according to . A screen layout creation method to be executed by a screen layout creation device having a storage unit and a control unit, comprising:
The storage unit
Object storage means for storing objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined in a user interface screen forming a hierarchical structure;
A grid-like layout obtained by dividing the title bar panel, the command bar panel, and/or the parent object by vertical and horizontal straight lines on the base panel, which is the object of the panel serving as the base layer of the user interface screen. screen storage means for storing template screens in which grid panels to be realized are arranged as child hierarchies;
with
to be executed by the control unit;
a screen display step of displaying the template screen when the template screen is selected;
a drop point placement step of placing a drop point on the object placed on the template screen, the drop point being the placement position of the child object;
an object placing step of, when the predetermined child object is dropped on the object placed on the template screen, arranging the predetermined child object according to the drop point;
A method for creating a screen layout, comprising: A screen layout creation program to be executed by a screen layout creation device comprising a storage unit and a control unit,
The storage unit
Object storage means for storing objects for which parent objects that can be arranged as a parent hierarchy and child objects that can be arranged as a child hierarchy are determined in a user interface screen forming a hierarchical structure;
A grid-like layout obtained by dividing the title bar panel, the command bar panel, and/or the parent object by vertical and horizontal straight lines on the base panel, which is the object of the panel serving as the base hierarchy of the user interface screen. screen storage means for storing template screens in which grid panels to be realized are arranged as child hierarchies;
with
In the control unit,
a screen display step of displaying the template screen when the template screen is selected;
a drop point placement step of placing a drop point on the object placed on the template screen, the drop point being the placement position of the child object;
an object placing step of, when the predetermined child object is dropped on the object placed on the template screen, arranging the predetermined child object according to the drop point;
Screen layout creation program for executing.

Images