JP2005038064A - Screen layout setting program and program storage medium - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To enable a user to freely set a division ratio when using a display method that divides a screen into a plurality of frames. <P>SOLUTION: A screen layout setting program causes a computer to implement a procedure 1 for setting the layout of the screen composed of a plurality of frames correspondingly to user's designation, a procedure 2 for setting links corresponding to contents to be displayed in each frame after division, and a procedure 3 for displaying the screen according to the layout and the result of setting the links. <P>COPYRIGHT: (C)2005,JPO&NCIPI

Description

[0001]
BACKGROUND OF THE INVENTION
The present invention relates to a screen display method in a computer or a terminal, and more specifically, a screen layout setting program for dividing one screen into a plurality of frames and displaying different contents in each frame, and a program thereof The present invention relates to a storage medium for storage.
[0002]
[Prior art and problems to be solved by the invention]
For example, by displaying the contents of a plurality of home pages on one screen on the Internet, it is possible to shorten the time required to check necessary information.
[0003]
Conventionally, as such a technique, there has been provided a technique for dividing one screen into a plurality of frames and displaying the contents of different homepages corresponding to the respective frames.
[0004]
However, although it was possible to divide one screen into a plurality of frames in this way, conventionally, the division method is fixed by a server administrator or the like, and the user can freely There was a problem that the division ratio and the like could not be set, and there was a considerable limitation in practical use.
[0005]
In view of the above-described problems, an object of the present invention is a screen layout setting method in which a user can freely set a frame division ratio and the like and can freely set contents to be displayed in a frame after division. Is to provide.
[0006]
[Means for Solving the Problems]
FIG. 1 is a principle functional block diagram of a screen layout setting program of the present invention. This figure is a functional block diagram of a program for realizing a screen display method that enables personal setting of the screen layout.
[0007]
In FIG. 1, first, in step 1, for example, a procedure for setting a screen layout composed of frames obtained by dividing the screen vertically or horizontally is executed in response to a designation from the user. In response to the input, a procedure for setting a link destination corresponding to the contents to be displayed in each divided frame is executed, and in 3 a procedure for displaying a screen corresponding to the layout and link destination setting results is executed. The
[0008]
In the embodiment of the invention, in the screen layout setting and / or link destination setting procedure, the personal layout and / or link destination personally set by the user and the common layout that can be used in common by a plurality of users And / or the setting which distinguished the link destination can be made possible.
[0009]
In this case, when the user does not personally set the screen layout, the computer can also perform screen display based on the common layout already set in the procedure for setting the screen layout.
[0010]
In the embodiment, prior to the execution of the screen display procedure, the computer can execute a procedure for displaying a screen preview according to the set screen layout.
[0011]
Further, in the embodiment, a computer-readable portable storage medium storing a program whose basic function is shown in FIG. 1 is used.
As described above, according to the present invention, for example, a screen layout in which one screen is divided into a plurality of frames is set in response to an input from a user.
[0012]
DETAILED DESCRIPTION OF THE INVENTION
Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings. FIG. 2 is a flowchart of the layout setting process in this embodiment.
[0013]
When processing is started in FIG. 2, processing corresponding to each input from the user, that is, each button clicked on the screen is performed. As will be described later, if it is determined in step S1 that the “upper and lower division” button has been clicked on the screen, in step S2, the designation of the division size by the screen input from the user is received, and in step S3, the user If it is determined that the setting button has been clicked, a vertical division process described later in step S4, that is, a process of dividing one screen into upper and lower parts is performed, and it is determined whether or not the setting by the user is completed in step S5. If it is finished, the setting result is stored in step S6, and the process is finished.
[0014]
When the user does not specify the vertical division setting in step S3, or when it is determined in step S5 that the setting process is not completed, the process returns to the beginning, and further processing corresponding to what the button clicked by the user is. Done.
[0015]
For example, if it is determined in step S7 that the user has clicked the button for further “left and right division”, a screen input about the division size is received from the user in step S8, and is set as it is in step S9. It is determined whether or not the button has been clicked. If the setting button has been clicked, a left / right division process, which will be described later, is performed in step S10, and the process proceeds to step S5 and subsequent steps.
[0016]
If the left / right split setting button is not pressed in step S9 and if the setting is not completed by the user in step S5, the type of button clicked by the user is further determined, and “content” is clicked in step S11. In step S12, the content to be displayed in the divided frames, for example, a screen input from the user such as a link destination of the home page is received in step S12, and whether or not the content setting button is pressed in step S13. If it is determined and pressed, setting processing such as a link destination described later is performed in step S14, and the process proceeds to step S5 and subsequent steps.
[0017]
When the setting button is not pressed in step S13 or when it is determined in step S5 that the setting is not completed by the user, the process returns to the beginning to further determine what the button clicked by the user is, and in step S15 If it is determined that the “delete” button is clicked, for example, an OK button indicating that the button can be deleted is displayed in step S16, and if the button is clicked by the user, a deletion process described later is performed. It is performed in S17, and the process proceeds to step S5 and subsequent steps.
[0018]
When the OK button is not pressed in step S16 or when the setting is not completed by the user in step S5, the process returns to the beginning, and a corresponding process is executed depending on what button is clicked by the user. Here, the processing is described on the assumption that the “divided up and down” button is clicked first, but it is natural that which button is pressed depends on the time.
[0019]
Each process described in FIG. 2 will be further described using a screen example. First, layout setting, that is, substantially vertical and horizontal division processing will be described with reference to FIGS.
[0020]
FIG. 3 is an example of a set layout list display screen that is initially displayed when setting a common layout that can be shared by a plurality of users, for example. The common layout setting method described below is almost the same as the personal layout setting method personally used by the user. For example, the system parameter determines whether the system administrator permits the personal layout setting. If the personal layout setting is not permitted, the user can set the layout as a common layout or select a layout from the common layouts that have already been set and Will be used.
[0021]
In FIG. 3, there is no set layout, and the user clicks a “new registration” button to set a new layout. FIG. 4 shows an example of a common layout setting screen displayed by clicking this “new registration” button.
[0022]
In the screen of FIG. 4, only one frame is displayed, and a menu for specifying one of vertical division, left and right division, contents, and deletion is displayed on the upper left. This menu corresponds to the button clicked in steps S1, S7, S11, and S15 of FIG.
[0023]
When the user clicks, for example, “upper and lower division” in the menu, a small screen with a frame size setting shown at the lower right is displayed. The user inputs the division size on this screen and clicks the setting button on the small screen. This sizing can be specified by a ratio, i.e. a percentage, or a number of pixels. Here, a division size of 50% is input.
[0024]
FIG. 5 is a display example of the layout set in this way. Since the division size is 50%, one frame in FIG. 4 is divided and displayed in half in the vertical direction.
[0025]
6 and 7 are examples of stored contents of a personal layout table indicating data for each frame in correspondence with the vertical division process. FIG. 6 is an example of the contents of the table corresponding to one frame of FIG. In the figure, the frame flag is a value representing one of the start, contents and end of the frame. In FIG. 4, since there is only one frame, the value of the flag is “1” indicating the contents as the table record, and only the record corresponding to the actual frame is stored.
[0026]
The frame index is an index for a record, and is “0” for an original record. That is, one frame in FIG. 4 is shown to be an originally existing frame. The frame parent index is a value representing the parent-child relationship of the frames when the frames are divided. In FIG. 4, since the frame is originally one frame, the index is “0”.
[0027]
The flag value of the record in the first row in FIG. 7 is “0” indicating the start of the frame, the index value is “1” indicating that the record is added this time, and the parent index value indicates the start of the frame. Since it is a record to be shown, it is “0”.
[0028]
The second line is a record corresponding to the upper frame in FIG. The flag value is “1” indicating the contents, and the index value is “0” indicating the original record corresponding to the fact that the upper frame in FIG. 5 is one frame in FIG. The parent index is “1” indicating that it is a child of one frame in FIG.
[0029]
The third line is a record corresponding to the lower frame in FIG. 5, the flag value is “1” indicating the contents, the index value is “1” indicating that the record is added this time, The parent index is “1” indicating that it is a child of one frame in FIG.
[0030]
The fourth line is a record indicating the end of the frame, the flag value is “2”, the index value is “1” indicating that the record is added this time, and the parent index value is not related to the parent-child relationship. “0”.
[0031]
As described above, for example, when a layout is set by vertical division processing, a name can be set for the layout. FIG. 8 shows an example of a layout name setting screen. This layout name can be freely set by the user. In the figure, as shown in (a), “General Affairs Department Layout 1” is input as the layout name and the setting button is clicked. By further clicking the displayed OK button, the layout name is set.
[0032]
FIG. 9 shows a state in which the layout name set in FIG. 8 is displayed in the set layout list of FIG.
10 to 12 are explanatory diagrams of the left and right division processing. In FIG. 10, when the user clicks the “Split Left / Right” button, a split size input small screen for setting the horizontal size is displayed, and the split size is input by the user, for example, by the number of pixels. Is done.
[0033]
FIG. 11 shows a screen layout displayed according to the result of the process of FIG. The upper frame in FIG. 10 is displayed divided into left and right at a portion of 100 pixels from the left side.
[0034]
FIG. 12 shows the contents stored in the personal layout table corresponding to the screen layout of FIG. As the upper frame in FIG. 10 is divided into left and right as shown in FIG. 11, the contents of the table in FIG. 7 change as shown in FIG.
[0035]
In FIG. 12, the first line is the same as the first line in FIG. 7, and is a record indicating the start of the entire frame.
The second line is a record indicating the start of two frames divided into left and right on the upper side of FIG. 11, the flag value is “0” indicating the start, and the index value is a record added by the division process. The parent index is “1” indicating that the original one frame as a whole of the left and right divided frames is a child of one frame in FIG.
[0036]
The third and fourth lines respectively correspond to the left and right divided frames, and the flag value is “1” indicating that both are the contents, and the parent index value is the original one of FIG. It is “2” indicating that it is a grandchild as seen from the frame. The index value is “0” as the original record, indicating that the left frame corresponds to the original one frame on the upper side of FIG. 10 for the third row, and divided for the fourth row. It is “2” indicating that the record is added by processing.
[0037]
In the fifth line, the flag value is “2” indicating the end of the upper two frames, the index value is “2” indicating that the record has been added by the division process, and the parent index value is as shown in FIG. The upper frame is “1” indicating that the original frame is divided once.
[0038]
The sixth and seventh lines are irrelevant to the left / right division from FIG. 10 to FIG. 11 and correspond to the third and fourth lines in FIG.
Next, the setting of the link destination will be described using FIG. 13 and FIG. FIG. 13 shows an example of a link setting screen. When the link is set directly, it can be selected from the common link list as shown in FIG. 13A, or can be directly input.
[0039]
FIG. 13B shows an input part for frame setting. As the frame name, for example, the user can freely set the frame name. Whether or not to display the frame boundary line can be specified as necessary. It is also possible to specify whether to resize the frame, that is, whether or not to temporarily change the frame size when the homepage screen is actually displayed, for example. The link setting is performed by clicking the setting button after making these necessary inputs and then clicking the OK button displayed thereafter.
[0040]
As described with reference to FIG. 13, the link can be set by selecting from the common link list or by directly inputting, but as another method, the link destination can also be specified by the list setting. When the top “Switch to list setting” button on the screen of FIG. 13 is clicked, the list setting screen of FIG. 14 is displayed.
[0041]
In the list setting screen of FIG. 14, an item list and a list list are displayed. For example, “bookmark” is selected in the item list, and when the list list corresponding to the bookmark is displayed, the link to be set is selected from the list, and the setting button and OK as described with reference to FIG. The link can be set by clicking the button.
[0042]
15 to 17 are explanatory diagrams of the deletion process. In this deletion process, the set layout can be deleted. In FIG. 15, by clicking the “delete” button corresponding to the lower frame among the three frames displayed on the common layout display screen and clicking the OK button displayed correspondingly, The frame is deleted.
[0043]
FIG. 16 is a display example of the result of deleting the lower frame. By deleting the lower frame in FIG. 15, two frames are displayed in a state in which the upper and lower divided two frames are extended to the lower side.
[0044]
FIG. 17 shows an example of the contents stored in the personal layout table corresponding to FIG. When the lower frame in FIG. 15 is deleted, the contents of the table described in FIG. 12 change as shown in FIG.
[0045]
The first line in FIG. 17 is a record indicating the start of the two frames in FIG. 17, the flag value is “0” indicating the start, and the index value is a record added by the deletion process “ The value of the parent index is “0” which is not related to the parent-child relationship.
[0046]
The second and third lines are records corresponding to the third and fourth lines in FIG.
The fourth line is a record indicating the end of two frames, the flag value is “2” indicating the end, the index value is “2” indicating that the record is newly added by the deletion process, and the parent. The value of the index is “0” unrelated to the parent-child relationship.
[0047]
In the present embodiment, it is also possible to perform the preview on the screen layout setting screen and perform the re-division by changing the division ratio as necessary. FIG. 18 is a display example of a common layout screen for performing such a preview.
[0048]
In FIG. 19, when the “Preview” button is clicked while the frame division method in the common layout is displayed, a preview screen is displayed as shown in FIG. Can be considered.
[0049]
FIG. 20 is a screen display example in the present embodiment. In FIG. 20, the screen is divided into left and right parts, and the right frame is further divided into two parts. On the right side, a list of notifications is displayed in the upper frame, and the content (full text) of the notification selected in this list is displayed in the lower frame.
[0050]
When the content of the page or the like cannot be completely displayed in the frame, a scroll bar is automatically displayed, and scrolling within the frame becomes possible. This is realized by, for example, a function originally provided in the Web browser.
[0051]
Although the details of the layout setting method of the present invention have been described above, the program of this method can naturally be executed in a general computer system. FIG. 21 is a block diagram showing the configuration of such a computer system, that is, a hardware environment.
[0052]
In FIG. 21, the computer system includes a central processing unit (CPU) 10, a read only memory (ROM) 11, a random access memory (RAM) 12, a communication interface 13, a storage device 14, an input / output device 15, and a portable storage medium reading device. 16 and a bus 17 to which all of these are connected.
[0053]
Various types of storage devices such as a hard disk and a magnetic disk can be used as the storage device 14, and the storage device 14 or the program shown in the flowchart of FIG. The programs of claims 1 to 4 in the range are stored, and when such a program is executed by the CPU 10, personal setting of the screen layout in the present embodiment becomes possible.
[0054]
Such a program is stored in, for example, the storage device 14 from the program provider 18 via the network 19 and the communication interface 13, or is stored in a portable storage medium 20 that is commercially available and distributed. It can also be set in the reading device 16 and executed by the CPU 10. As the portable storage medium 20, various types of storage media such as a CD-ROM, a flexible disk, an optical disk, a magneto-optical disk, and a DVD can be used, and a program stored in such a storage medium is read by the reader 16. By being read, it is possible to freely divide the screen into a plurality of frames and to set corresponding link destinations in this embodiment.
[0055]
【The invention's effect】
As described above in detail, according to the present invention, it is possible to freely set a division ratio of a plurality of frames displayed on the screen, and link contents to be displayed in each divided frame. It can be set as the destination, which greatly contributes to, for example, improving the practicality of the Web screen display method.
[Brief description of the drawings]
FIG. 1 is a principle functional block diagram of a screen layout setting program of the present invention.
FIG. 2 is a detailed flowchart of layout setting in the present embodiment.
FIG. 3 is an example of a set layout list display screen that is displayed first when a shared layout is set.
FIG. 4 is an example of a display screen in the vertical division process.
FIG. 5 is an example of a display screen showing a result of a vertical division process.
6 is a diagram showing the contents stored in a personal layout table corresponding to FIG. 4. FIG.
7 is a diagram showing the contents stored in a personal layout table corresponding to FIG. 5. FIG.
FIG. 8 is an example of a layout name setting screen.
FIG. 9 is an example of a layout name display screen set in FIG.
FIG. 10 is an example of a display screen in left and right division processing.
FIG. 11 is a screen example showing a result of left / right division processing;
12 is a diagram showing the contents of a personal layout table corresponding to FIG.
FIG. 13 is an example of a link destination setting screen.
FIG. 14 is an example of a setting screen when a link destination is set by list setting.
FIG. 15 is an example of a display screen in the deletion process.
FIG. 16 is an example of a screen showing the result of the deletion process.
17 is a diagram showing the contents of a personal layout table corresponding to FIG.
FIG. 18 is a screen display example in common layout preview processing;
FIG. 19 is an example of the preview result screen of FIG. 18;
FIG. 20 is a screen display example in the present embodiment.
FIG. 21 is a diagram illustrating loading of a program into a computer according to the present invention.
[Explanation of symbols]
10 Central processing unit (CPU)
11 Read only memory (ROM)
12 Random access memory (RAM)
13 Communication Interface 14 Storage Device 15 Input / Output Device 16 Reading Device 17 Bus 18 Program Provider 19 Network 20 Portable Storage Medium

Claims (5)

In a program for realizing a screen display method that enables personal setting of the screen layout,
A procedure to divide the screen according to the specification from the user and set the layout of the screen composed of multiple frames,
A procedure for setting a link destination corresponding to the content to be displayed in each frame after the division;
A screen layout setting program for causing a computer to execute the layout and a procedure for performing screen display based on a setting result of a link destination. In the screen layout setting procedure and / or the link destination setting procedure,
Personal layouts and / or links to be personally set by the user,
2. The screen layout setting program according to claim 1, wherein a common layout that can be shared by a plurality of users and / or a link destination can be distinguished and set. 3. The computer according to claim 2, wherein when a user does not personally set a screen layout, the computer is caused to execute a procedure for performing the screen display based on a common layout already set in the screen layout setting procedure. Screen layout setting program. 2. The screen layout program according to claim 1, wherein the computer is caused to execute a procedure for displaying a preview of a screen in accordance with the set screen layout prior to execution of the procedure for performing the screen display. In a storage medium used by a computer using a screen display method that enables personal setting of the screen layout,
Splitting the screen in response to a designation from the user and setting a layout of the screen composed of a plurality of frames;
Setting a link destination corresponding to the content to be displayed in each frame after the division;
A computer-readable portable storage medium storing a program for causing a computer to execute a screen display step based on the layout and a setting result of a link destination.

Images