JP4964173B2 - Display control method and program - Google Patents

Description

  The present invention relates to a display control method and a program for displaying a plurality of contents on a display device.

2. Description of the Related Art Conventionally, a graphical user interface (GUI) has been adopted as an operation unit for familiar electronic devices such as a computer, a mobile phone, a TV, and a video camera. The GUI is a user interface that provides information to the user through a display screen that uses a lot of graphics, and can perform most operations directly with a pointing device such as a mouse.
In recent years, there is a demand for a GUI that is excellent not only in design but also in operability that can cope with higher functionality of electronic devices.

For example, in the field of computers, a window for displaying a work screen or content (for example, a web page) of an activated application, an icon symbolizing an object such as a file or an application, a menu for displaying a list of options based on text or images, A GUI configured by elements such as buttons for executing specific processing by mouse operation (clicking) is used. Displaying the work screens and contents of multiple applications at the same time as separate windows is called multi-window, and the user can operate a desired application by activating one window by operating the mouse. Can be displayed.
In this multi-window environment, the user performs a mouse operation in the window or operates a button arranged on a list of currently activated applications (for example, a task bar of Windows (registered trademark), Dock of Mac OSX). Thus, a desired window can be activated.

On the other hand, some applications can display a plurality of contents in the same window. For example, Patent Document 1 discloses a technology related to a tab browser that can display a plurality of contents in one window using tabs.
According to this tab browser, the content to be displayed can be switched without opening a new window by a simple operation called tab operation (clicking on the tab with the mouse), so that multiple windows are scattered on the screen. It is possible to avoid complicated window management.
Japanese Patent No. 3789466

  In the above-described multi-window environment, when a plurality of contents are displayed at the same time, there is a problem that if the windows are relatively large, the windows overlap each other, and it is difficult to reliably recognize each of them. In addition, when adjusting the size of each window so that the windows do not overlap each other and displaying them side by side, a complicated operation of adjusting the size of the windows is required, and each content is displayed in an optimal state. There is a risk of disappearing. In other words, since the window is too small for the content to be displayed, it may be necessary to operate the vertical / horizontal scroll bar.

Further, in the tab browser described in Patent Document 1, when the contents to be displayed are switched by operating the tab, the content activated by the tab operation is instantaneously applied to the entire window instead of the previously active content. Will be displayed. Therefore, even if the tab browser described in Patent Document 1 is used, in order to display a plurality of contents at the same time, it is necessary to open a plurality of windows as in the prior art.
In particular, when a plurality of contents to be displayed are related (for example, when there is main content and sub-contents accompanying it), it is required to be displayed on the screen at the same time, but a conventional web browser or other It is not possible to easily cope with the GUI in the application.

  An object of the present invention is to provide a display control method and program capable of simultaneously displaying a plurality of related contents on a screen by a simple operation and giving a visual interest when switching display modes. .

In order to achieve the above object, the invention described in claim 1
A display control method for displaying main content and accompanying sub-contents on a screen,
The content display area
A main frame for displaying the main content;
A sub-frame having a tab on one side and displaying the sub-content,
Displayed in a first mode in which the main frame is superimposed on the subframe so that only the subframe tab appears outside the mainframe frame,
When the tab is operated by operating means in the state displayed in the first mode, the subframe is displayed in the second mode connected to the side where the tab of the main frame has appeared,
When the tab is operated in the state displayed in the second mode, the transition to the first mode is displayed,
In the second aspect, the main frame and the side facing the side where the tab is installed in the subframe coincide with the side where the tab appears in the main frame. The subframes are connected and displayed,
Displaying the mainframe and the subframe in a part of a display area in a web browser;
When the display mode is changed from the first mode to the second mode, the information displayed outside the mainframe frame in the appearance direction of the tab in the first mode is displayed in the web browser. In the second aspect, the display direction is shifted by the amount corresponding to the subframe,
When the sub-content is composed of a plurality of sub-contents having different contents,
The subframe is composed of a plurality of subframes with different tab positions,
In the first aspect, a plurality of tabs are displayed so as to appear side by side outside the main frame,
In the second aspect, the subframe corresponding to the tab operated in the state displayed in the first aspect is connected to the main frame in a state where the subframe is superimposed on the subframe corresponding to the tab not operated. Display
In the state displayed in the second mode, when a tab of the uppermost subframe is operated by the operation unit, the display mode is changed from the second mode to the first mode, and the operation unit When a sub-frame tab other than the uppermost layer is operated, the sub-frame corresponding to the operated tab is switched to the uppermost layer and displayed.

The invention according to claim 2 is the display control method according to claim 1,
When the display mode is changed from the first mode to the second mode, the subframe appears in the direction in which the tab appears from the main frame,
When the display mode is changed from the second mode to the first mode, the subframe is stored on the back of the main frame.
The display of the subframe is controlled by animation.

The invention according to claim 3
A program for displaying main content and accompanying sub-contents on a computer screen,
In the computer,
A function for configuring a content display area by a main frame for displaying the main content and a sub frame having a tab on one side and displaying the sub content;
A function of displaying in a first mode in which the main frame is superimposed on the subframe such that only the tab of the subframe appears outside the frame of the mainframe;
When the tab is operated by operating means in the state displayed in the first mode, a function of displaying in the second mode in which the subframe is connected to the side where the tab of the main frame has appeared;
When the tab is operated in the state displayed in the second aspect, a function to display a transition to the first aspect;
In the second aspect, the main frame and the side facing the side where the tab is installed in the subframe coincide with the side where the tab appears in the main frame. A function for connecting and displaying the subframes;
When the main frame and the sub-frame are displayed in a part of a display area in a web browser, and when the display mode is changed from the first mode to the second mode, the web browser has the first mode in the first mode. A function of displaying information displayed outside the main frame in the appearance direction of the tab by shifting by the amount of the subframe in the appearance direction in the second mode;
When the sub-content is composed of a plurality of sub-contents having different contents, the sub-frame is composed of a plurality of sub-frames having different tab positions, and in the first aspect, a plurality of tabs are disposed outside the main frame. Are displayed side by side, and in the second mode, the subframe corresponding to the tab operated in the state displayed in the first mode is superimposed on the subframe corresponding to the tab not operated. When the tab of the uppermost subframe is operated by the operation means in the state displayed in the second mode, the second mode is displayed. When the display mode is changed from the first mode to the first mode and a tab of a subframe other than the top layer is operated by the operating means, And displaying is switched to the uppermost layer of the sub-frame to respond,
It is a program for realizing.

  According to the present invention, a plurality of related contents can be simultaneously displayed on the screen by a simple operation such as a tab operation, and sub contents can be displayed as needed while leaving the main contents displayed. In addition, when the display mode is switched, visual interest can be given to the user by performing display control using animation.

Hereinafter, embodiments of the present invention will be described with reference to the drawings.
FIG. 1 is a schematic diagram showing a network configuration according to the present embodiment.
In the present embodiment, a case where content (for example, a web page) is provided from the server 1 to the client 2 via the network N and the content is used in the client 2 is shown.

As shown in FIG. 1, a client 2 (for example, a personal computer 2a, a mobile phone 2b, etc.) is connected to the server 1 via a communication network N.
The communication network N is a telephone network such as the Internet or a telecommunications carrier, a cellular phone communication network, and the like, and connects the server 1 and the client 2 connected to the communication network N so that data communication is possible.

In such a network system, for example, when a user activates a web browser on the client 2 and designates a URL, the client 2 sets the server 1 holding the corresponding content (for example, an HTML file) on the Internet. Search above and request content data.
On the other hand, the server 1 that holds the requested content transmits the requested content to the client 2. Then, the client 2 analyzes the content of the received content and displays a web page or the like.

FIG. 2 is a block diagram illustrating an outline of the hardware configuration of the server 1. The server 1 in this embodiment is, for example, a web server that provides a music content distribution service.
As shown in FIG. 2, the server 1 includes a control unit 11, a communication unit 12, a database 13, and the like, and each unit is electrically connected by a bus line 15.

The control unit 11 includes a CPU (Central Processing Unit) 111, a RAM (Random Access Memory) 112, and a ROM (Read Only Memory) 113.
The CPU 111 performs various arithmetic processes and performs centralized control of each unit. The RAM 112 has a work area for temporarily storing data when the CPU 111 performs arithmetic processing. The ROM 113 stores programs such as an operating system (OS) executed by the CPU 111, server software, and web applications.
The communication unit 12 performs processing according to a communication protocol such as TCP / IP, and transmits / receives data to / from the client 2 via the network N.
The database 13 stores, for example, web page data, music content, a playlist of music content, and the like.

FIG. 4 is an explanatory diagram showing a configuration example of a music table stored in the database 13. This music table is used for managing the music content stored in the database 13.
As shown in FIG. 4, the music table is assigned a unique music ID for each music content. Corresponding to this, for example, the file name of the music data, title name (music name), playback time, artist name In addition, data such as album name, genre, and currently used user are stored.
In FIG. 4, for example, the music content specified by the music ID “M001” is the music of the title “AAA”, the playback time “4:00”, and the genre “J-POP” performed (sung) by the artist “aaa”. This indicates that the music is recorded in the album “XYZ”. In addition, the file name of this music content is “AAA.wma”.
Further, it is indicated that the music content specified by the music ID “M003” is currently being reproduced by the user D. That is, while the music content is transmitted from the server 1 to the client 2, information (for example, user name) indicating the user of the client 2 is registered in the music table.
The actual music content data (for example, data of the file name “AAA.wma”) may be stored in the same database 13 or may be stored in another database.

  Here, as a method for reproducing the music content distributed from the server 1 by the client 2, generally, the music content held by the server 1 is stored in the hard disk (a storage unit 22 described later) of the client 2 and downloaded for reproduction. There are playback and streaming playback that starts playback when a part of the music content distributed from the server 1 is received. In the present embodiment, as an example, a case where streaming reproduction is performed in the client 2 will be described. In this case, the music content that is registered in the music table and can be distributed is in a file format that supports streaming.

FIG. 5 is an explanatory diagram showing a configuration example of the playlist table stored in the database 13.
As shown in FIG. 5, a unique playlist ID is assigned to each playlist in the playlist table. Correspondingly, for example, the title name of the playlist and the ID of the music content constituting the playlist are given. (Music ID in FIG. 4), artist name, album name, genre, and other data are stored.
In FIG. 5, for example, the playlist identified by the playlist ID “P001” has the title “pList1” and is composed of the music content with the music ID “M001, M002, M003,. Yes. The playlist “pList1” is composed of music contents recorded on the album “XYZ” performed (sung) by the artist “aaa”, and indicates that the genre is “J-POP”. Yes.

  The playlist is created by the server 1 by extracting a plurality of music contents from the music table according to predetermined conditions such as albums or artists. Further, for example, a user may create a playlist in which favorite music contents are collected from the music table and register the playlist in the database 13. In this case, information regarding the user who created the playlist (for example, user ID) and information indicating the characteristics of the playlist may be registered.

  Information stored as a title, artist, album, and genre in the music table or playlist table described above is used when music content or a playlist that matches the search keyword transmitted from the client 2 is extracted.

In FIG. 2, the CPU 111 of the server 1 executes predetermined software (such as a web page stored in the database 13) in response to a request from the client 2 by executing server software stored in the ROM 113. ).
In addition, by executing a web application program stored in the ROM 113, processing based on data transmitted from the client 2 is performed.

For example, when a keyword (search keyword) for searching for a desired music content or playlist is input and transmitted in the web browser of the client 2, a suitable music content or playlist is extracted based on the search keyword. The extraction result (for example, individual music content or playlist) is transmitted to the client 2.
Then, when a transmission request for music content is made from the client 2, the corresponding music content is transmitted to the client 2. When a playlist is selected in the client 2, a plurality of music contents constituting the playlist are sequentially transmitted in the registered order. The transmitted plurality of music contents are continuously streamed and reproduced in the client 2.

FIG. 3 is a block diagram showing an outline of the hardware configuration of the client 2.
As shown in FIG. 3, the client 2 includes a control unit 21, a storage unit 22, a communication unit 23, an operation unit 24, a display unit 25, and the like, and each unit is electrically connected by a bus line 26. .

The configuration of the control unit 21 is the same as the configuration of the control unit 11 of the server 1. The ROM 213 stores programs such as an OS, a web browser, and content reproduction software. This content playback software is, for example, software (so-called multimedia player) capable of streaming playback of music content distributed from the server 1 and functioning as a plug-in on a web browser.
The storage unit 22 is composed of, for example, a hard disk, and can store data of content (for example, music content) downloaded from the server 1.

The communication unit 23 performs processing according to a communication protocol such as TCP / IP and transmits / receives data to / from the server 1 via the network N.
The operation unit 24 includes, for example, a keyboard and a mouse, and is used when a user inputs information. For example, when requesting distribution of a desired music content to the server 1 that provides a music content distribution service, the user searches the keyword input field on the web page using the operation unit 24 to search keywords (for example, artist name, music name, album). Name). Further, in the GUI of the content reproduction software, the operation unit 24 performs operations for reproducing desired music content and adjusting the volume.
The display unit 25 is configured by a display device such as a liquid crystal display, for example, and displays a predetermined screen based on a display control command from the control unit 21. For example, GUIs of various applications (for example, web browsers) are displayed on the display unit 25.

For example, the CPU 211 of the client 2 executes a web browser stored in the ROM 213, and requests the server 1 for a web page specified by the URL when the user inputs the URL through the operation unit 24. Then, the web page data transmitted from the server 1 is analyzed and displayed on the web browser window.
Further, in the web page that distributes the music content, the CPU 211 activates the content reproduction software and causes it to function as a plug-in on the web browser. At this time, the GUI of the content reproduction software is displayed in the web browser window. In addition, in the web browser window, in addition to the GUI of the content playback software, information related to the web page, for example, various information related to music, is displayed, and the user can search for desired music content and playlists. A keyword entry field is provided.

  As described above, when the server 1 provides the music content distribution service (web site) to the client 2, the GUI of the content reproduction software is displayed in the window of the web browser of the client 2. In the present embodiment, the display control method according to the present invention is applied to the GUI of the content reproduction software.

  Here, the content reproduction software of the present embodiment is assumed to have the following functions in addition to the main music content reproduction function. In other words, the content playback software allows a user who receives a music distribution service from the server 1 (for example, a user who is logged in to a website provided by the server 1, hereinafter referred to as a login user) to a music content. In addition, a function (hereinafter referred to as a comment function) is provided so that comments such as comments can be input and the logged-in user can refer to the comments. In addition, a login user using the same playlist has a function (so-called chat function) that allows a text-based conversation in real time through a network.

  In the content distribution software, the display screen for realizing the music content playback function is the main content in the present invention, and the display screen for realizing the comment function and the chat function is the sub-content in the present invention. In other words, in the present embodiment, the main content has information for performing operations related to the music content playback process, and the sub-content has information accompanying the music content being played back.

FIG. 6 is a flowchart showing an example of display control processing for displaying the GUI of the content reproduction software on the display unit 25 of the client 2. This display control processing is executed, for example, when the CPU 211 of the client 2 activates content reproduction software stored in the ROM 213.
7 to 10 are explanatory diagrams illustrating an example of the GUI of the content reproduction software. 7 to 10, in the content reproduction software, the music content of the third registered title “CCC” is selected as the music content to be reproduced among the music contents constituting the playlist “pList1”. Shows the case. Further, the user name of the client 2 is “user D”.

In FIG. 6, in step S101, the GUI of the content reproduction software is displayed in the first mode (see FIG. 7). That is, when the content reproduction software is activated, the GUI shown in FIG. 7 is displayed in the web browser window.
As shown in FIG. 7, the main frame Fm constituting the GUI of the content reproduction software includes, for example, information related to the music content to be reproduced (for example, the title name of the playlist (when registered in the playlist), the artist name) , Album name) I1, an image related to the music content to be played (album jacket image, etc.) I2, information on the progress of the music content and the title of the music content being played (playback bar) I3, the playlist currently being used Play list information I4, etc., indicating the configuration of and the like is displayed. In addition, operation buttons B (play / stop button, fast reverse button, fast forward button, volume button) for performing music content playback processing are arranged.

In addition, outside the lower frame of the main frame Fm, two tags T1 and T2 provided in sub-frames Fs1 and Fs2, which will be described later, are displayed side by side.
Here, the tab T1 is a tab provided in the subframe Fs1 that displays a screen for realizing the comment function, and the tab T2 is a tab provided in the subframe Fs2 that displays a screen for realizing the chat function. As shown in FIG. 7 and the like, the tabs T1 and T2 display information (text and marks) that allows the contents of the sub contents displayed in the corresponding sub frames Fs1 and Fs2 to be recognized.
As described above, in the first mode, the main frame Fm is superimposed on the subframes Fs1 and Fs2 so that only the tabs T1 and T2 of the subframe Fs appear outside the main frame Fm. Yes.

In FIG. 6, in step S102, it is determined whether or not an operation of clicking the tab T1 or the tab T2 with the mouse is performed in a state where the GUI of the content reproduction software is displayed in the first mode. If it is determined that a tab operation has been performed, the process proceeds to step S103.
In step S103, the content reproduction software GUI is displayed in the second mode (see FIG. 9). For example, when the tab T1 is operated while the GUI shown in FIG. 7 is displayed, the subframe Fs1 corresponding to the tab T1 is activated, and the GUI shown in FIG. 9 is displayed in the web browser window. .

  As shown in FIG. 9, a screen for realizing the comment function is displayed in the subframe Fs1 constituting the GUI of the content reproduction software. For example, the user D inputs an information input field I11 for inputting a comment such as a comment on the currently played music content, or other login users (user A, user B, user C in FIG. 9). Comment I12 is displayed.

Thus, in the second mode, the active subframe Fs1 corresponding to the tab T1 operated in the GUI displayed in the first mode is superimposed on the inactive subframe Fs2 corresponding to the tab T2 that has not been operated. In such a state, it is connected and displayed below the main frame Fm.
When the tab T2 is operated in the GUI displayed in the first mode, the main frame is displayed in a state where the subframe Fs2 corresponding to the tab T2 is superimposed on the subframe Fs1 corresponding to the tab T1 that is not operated. It will be displayed below Fm.
At this time, the information displayed below the main frame Fm before the tab operation in the web browser window is displayed shifted downward by, for example, the subframes Fs1 and Fs2.

In the present embodiment, when the screen transitions from the first mode to the second mode, the subframe Fs1 or Fs2 gradually appears in the direction in which the tab appears from the main frame Fm (below the main frame Fm in FIG. 8). In this way, display control by animation is performed (see FIG. 8).
Thereby, a visual interest can be given to a user rather than the case where sub-frame Fs1 or Fs2 connects with the main frame Fm, and is displayed instantaneously.

In FIG. 6, in step S104, it is determined whether or not an operation of clicking the tab T1 or the tab T2 with the mouse is performed in a state where the GUI of the content reproduction software is displayed in the second mode. If it is determined that a tab operation has been performed, the process proceeds to step S105.
In step S105, it is determined whether or not the operated tab is a tab provided in the currently active subframe (in FIG. 9, tab T1, hereinafter referred to as an active tab). If it is determined that the operation is an active tab operation, the process proceeds to step S106. If it is determined that the operation is not an active tab operation, the process proceeds to step S107.

In step S106, the content reproduction software GUI is displayed in the first mode (see FIG. 7). For example, when the active tab T1 is operated in a state where the GUI shown in FIG. 9 is displayed, the GUI shown in FIG. 7 is displayed in the window of the web browser.
That is, when the GUI of the content playback software is displayed in the second mode and the tab T1 of the active uppermost subframe Fs1 is operated, the display from the second mode to the first mode is performed. Transition aspects.

At this time, when the screen transitions from the second mode to the first mode, display control by animation is performed so that the sub-frame Fs1 is stored on the back surface of the main frame Fm.
Thereby, the visual interest can be given to the user, compared with the case where the subframe Fs1 or Fs2 is hidden and displayed instantaneously in the main frame Fm.

In FIG. 6, in step S107, the subframe corresponding to the operated tab is activated and displayed (see FIG. 10). For example, when the inactive tab T2 is operated in a state where the GUI shown in FIG. 9 is displayed, the subframe Fs2 is activated, and the GUI shown in FIG. 10 is displayed in the web browser window.
As shown in FIG. 10, a screen for realizing the chat function is displayed in the subframe Fs2. For example, the information input field I21 for inputting the content that the user D speaks about the playlist “pList1” and the content I12 that is spoken by the user D and other logged-in users in the chat room are displayed.

  As described above, when the tab T2 of the inactive subframe Fs2 other than the highest layer is operated in the state where the GUI of the content reproduction software is displayed in the second mode, it corresponds to the operated tab T2. The subframe Fs2 to be switched is displayed on the uppermost layer.

As described above, in the present embodiment, when displaying the GUI of the content playback software having the main content and the sub-contents accompanying the main content, the content display area, the main frame Fm for displaying the main content, and the sub-content for displaying the sub-content are displayed. The frame Fs1, Fs2.
Further, when the sub-content is composed of two contents (for example, a comment function screen and a chat function screen), the two sub-frames Fs1 and Fs2 are provided with tabs T1 and T2 so that the respective tab positions are different. .

Then, the subframes Fs1 and Fs2 are displayed in a first mode in which the main frame Fm is superimposed so that only the tabs T1 and T2 of the subframes Fs1 and Fs2 appear side by side outside the main frame Fm (see FIG. 6 step S101).
Further, when the tabs T1 and T2 of the subframes Fs1 and Fs2 are operated by the operating means (for example, a mouse) in the state displayed in the first mode, the tabs T1 and T2 of the main frame Fm appear on the side where the tabs T1 and T2 have appeared. The subframes Fs1 and Fs2 are displayed in the second mode in which the subframes Fs1 and Fs2 are connected (step S103 in FIG. 6).
On the other hand, when an active tab (for example, tab T1) is operated in the state displayed in the second mode, the screen is shifted to the first mode and displayed (step S106 in FIG. 6).

Thereby, a plurality of related contents can be simultaneously displayed on the screen by a simple operation such as a tab operation, so that the convenience is greatly improved. Further, the sub-contents may be displayed when necessary, and only the main content is displayed in normal times, so that other display areas in the web browser window can be used effectively.
Furthermore, when the display mode is changed from the first mode to the second mode or from the second mode to the first mode, display control is performed using animation, so that the user can be given visual interest.

  As mentioned above, although the invention made by this inventor was concretely demonstrated based on embodiment, this invention is not limited to the said embodiment, It can change in the range which does not deviate from the summary.

For example, in the above-described embodiment, the case where the sub-content is composed of two contents has been described, but display control can be similarly performed when the sub-content is composed of a plurality of three or more contents. In this case, the plurality of subframes are provided with tabs so that the tab positions are different.
Further, the direction in which the subframe appears with respect to the main frame is not limited to the downward direction of the main frame, and may be the left or right direction. In this case, the subframe tab appears outside the left frame or the right frame of the main frame.

In the above-described embodiment, the case where the display control method according to the present invention is applied to the display of the GUI of content reproduction software that functions as a plug-in of a web browser has been described. May be content playback software (so-called network media player) that is activated independently and can be connected to the network.
Furthermore, the present invention is not limited to display of GUI of content reproduction software, and the present invention can be applied to display of GUI of various other applications used on a computer such as a web browser, a web application, and a gadget.

For example, as shown in FIG. 11, the present invention can be applied to GUI display of a web application that displays a map in a window of a web browser.
In this web application, the display screen of the map information requested by the user is the main content, and detailed information (address, telephone number, etc.) of facilities and stores (for example, hospitals, restaurants, convenience stores, etc.) arranged on the map. The display screen of the home page URL, business hours, etc.) is the sub-content.

In FIG. 11, a map around OO is displayed on the main frame Fm, and sub-frame tabs T1 (hospital), T2 (restaurant), and T3 (convenience store) appear outside the lower frame. When the user operates the tabs T1, T2, and T3, the corresponding detailed information is displayed in the subframe.
In this way, while displaying a map on the main frame Fm, it is possible to obtain detailed information on facilities, stores, etc., and the display area can be used effectively by switching display / non-display of sub-contents by tab operation. This is an excellent GUI for applications that provide map information.

  Note that the GUI of the application as described above can be created using a development tool (for example, Flex2 manufactured by Adobe).

  The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

It is the schematic shown about the network structure which concerns on this embodiment. 2 is a block diagram showing an outline of a hardware configuration of a server 1. FIG. 2 is a block diagram illustrating an outline of a hardware configuration of a client 2. FIG. It is explanatory drawing shown about one structural example of the music table stored in the database. It is explanatory drawing shown about the structural example of the playlist table stored in the database. It is a flowchart which shows an example of the display control process for displaying GUI of content reproduction software. It is explanatory drawing which shows an example of GUI of content reproduction software. It is explanatory drawing which shows an example of GUI of content reproduction software. It is explanatory drawing which shows an example of GUI of content reproduction software. It is explanatory drawing which shows an example of GUI of content reproduction software. It is explanatory drawing which shows an example of GUI of the web application which provides map information.

Explanation of symbols

Fm Main frame Fs1, Fs2 Subframe T1, T2 Tab

Claims (3)

A display control method for displaying main content and accompanying sub-contents on a screen,
The content display area
A main frame for displaying the main content;
A sub-frame having a tab on one side and displaying the sub-content,
Displayed in a first mode in which the main frame is superimposed on the subframe so that only the subframe tab appears outside the mainframe frame,
When the tab is operated by operating means in the state displayed in the first mode, the subframe is displayed in the second mode connected to the side where the tab of the main frame has appeared,
When the tab is operated in the state displayed in the second mode, the transition to the first mode is displayed,
In the second aspect, the main frame and the side facing the side where the tab is installed in the subframe coincide with the side where the tab appears in the main frame. The subframes are connected and displayed,
Displaying the mainframe and the subframe in a part of a display area in a web browser;
When the display mode is changed from the first mode to the second mode, the information displayed outside the mainframe frame in the appearance direction of the tab in the first mode is displayed in the web browser. In the second aspect, the display direction is shifted by the amount corresponding to the subframe,
When the sub-content is composed of a plurality of sub-contents having different contents,
The subframe is composed of a plurality of subframes with different tab positions,
In the first aspect, a plurality of tabs are displayed so as to appear side by side outside the main frame,
In the second aspect, the subframe corresponding to the tab operated in the state displayed in the first aspect is connected to the main frame in a state where the subframe is superimposed on the subframe corresponding to the tab not operated. Display
In the state displayed in the second mode, when a tab of the uppermost subframe is operated by the operation unit, the display mode is changed from the second mode to the first mode, and the operation unit When a tab of a subframe other than the top layer is operated by the above, the display control method is characterized in that the subframe corresponding to the operated tab is switched to the top layer and displayed. When the display mode is changed from the first mode to the second mode, the subframe appears in the direction in which the tab appears from the main frame,
When the display mode is changed from the second mode to the first mode, the subframe is stored on the back of the main frame.
The display control method according to claim 1, wherein display of the subframe is controlled by animation. A program for displaying main content and accompanying sub-contents on a computer screen,
In the computer,
A function for configuring a content display area by a main frame for displaying the main content and a sub frame having a tab on one side and displaying the sub content;
A function of displaying in a first mode in which the main frame is superimposed on the subframe such that only the tab of the subframe appears outside the frame of the mainframe;
When the tab is operated by operating means in the state displayed in the first mode, a function of displaying in the second mode in which the subframe is connected to the side where the tab of the main frame has appeared;
When the tab is operated in the state displayed in the second aspect, a function to display a transition to the first aspect;
In the second aspect, the main frame and the side facing the side where the tab is installed in the subframe coincide with the side where the tab appears in the main frame. A function for connecting and displaying the subframes;
When the main frame and the sub-frame are displayed in a part of a display area in a web browser, and when the display mode is changed from the first mode to the second mode, the web browser has the first mode in the first mode. A function of displaying information displayed outside the main frame in the appearance direction of the tab by shifting by the amount of the subframe in the appearance direction in the second mode;
When the sub-content is composed of a plurality of sub-contents having different contents, the sub-frame is composed of a plurality of sub-frames having different tab positions, and in the first aspect, a plurality of tabs are disposed outside the main frame. Are displayed side by side, and in the second mode, the subframe corresponding to the tab operated in the state displayed in the first mode is superimposed on the subframe corresponding to the tab not operated. When the tab of the uppermost subframe is operated by the operation means in the state displayed in the second mode, the second mode is displayed. When the display mode is changed from the first mode to the first mode and a tab of a subframe other than the top layer is operated by the operating means, And displaying is switched to the uppermost layer of the sub-frame to respond,
A program to realize

Images