JP2009211282A - 表示制御方法及びプログラム - Google Patents

Abstract

【課題】関連する複数のコンテンツを簡単な操作により同時に画面上に表示できるとともに、表示態様を切り換える際、視覚的な興趣を与えることができる表示制御方法及びプログラムを提供する。
【解決手段】コンテンツ表示領域を、メインコンテンツを表示するメインフレームと、１辺にタブを有し、メインコンテンツに付随するサブコンテンツを表示するサブフレームと、で構成する。そして、メインフレームのフレーム外にサブフレームのタブだけが現出するように、サブフレームにメインフレームを重畳させた第１態様で表示し、第１態様で表示された状態において操作手段（マウス）によりタブが操作されると、メインフレームのタブが現出していた側にサブフレームを連結した第２態様で表示し、第２態様で表示された状態においてタブが操作されると、第１態様に遷移して表示する。
【選択図】図７

Description

本発明は、表示装置に、複数のコンテンツを表示するときの表示制御方法及びプログラムに関する。

従来、コンピュータ、携帯電話、ＴＶ、ビデオカメラ等、身近な電子機器の操作手段として、グラフィカルユーザインターフェース（ＧＵＩ：Graphical User Interface）が採用されている。ＧＵＩとは、グラフィックを多用した表示画面によりユーザに情報を提供するとともに、大半の操作をマウス等のポインティングデバイスによって直接的に行うことができるユーザインターフェースである。
近年では、デザイン性だけでなく、電子機器の高機能化に対応できる操作性に優れたＧＵＩが要求されている。

例えば、コンピュータの分野においては、起動したアプリケーションの作業画面やコンテンツ（例えば、ウェブページ）を表示するウィンドウ、ファイルやアプリケーションなどのオブジェクトをシンボル化したアイコン、テキストや画像による選択肢をリスト表示するメニュー、マウス操作（クリック）によって特定の処理を実行させるボタン等の要素により構成されたＧＵＩが利用されている。また、複数のアプリケーションの作業画面やコンテンツをそれぞれ別のウィンドウとして同時に表示することをマルチウィンドウといい、ユーザはマウス操作により１つのウィンドウをアクティブにすることにより所望のアプリケーションを操作可能としたり、所望のコンテンツを表示したりすることができる。
このマルチウィンドウ環境において、ユーザは、ウィンドウ内でマウス操作を行うか、現在起動しているアプリケーション一覧（例えば、ｗｉｎｄｏｗｓ（登録商標）のタスクバー、Ｍａｃ ＯＳＸのＤｏｃｋ）に配置されたボタンをマウス操作することにより、所望のウィンドウをアクティブにすることができる。

一方で、アプリケーションによっては、同一ウィンドウ内で複数のコンテンツを表示できるものがある。例えば、特許文献１には、タブを用いて１つのウィンドウ内で複数のコンテンツを表示することができるタブブラウザに関する技術が開示されている。
このタブブラウザによれば、タブ操作（タブをマウスでクリックすること）という簡単な操作により、新規にウィンドウを開くことなく表示するコンテンツを切り換えることができるので、画面に複数のウィンドウが散乱してウィンドウ管理が煩雑になるのを回避できる。
特許第３７８９４６６号公報

上述したマルチウィンドウ環境において、複数のコンテンツを同時に表示する場合、ウィンドウの大きさが比較的大きいとウィンドウ同士が重なり合ってしまい、それぞれを確実に視認することが困難になるという問題がある。また、ウィンドウ同士が重なり合わないように、それぞれのウィンドウの大きさを調整して並べて表示させる場合、ウィンドウのサイズ調整という煩雑な操作が必要となる上、それぞれのコンテンツが最適な状態で表示されなくなる虞がある。つまり、表示すべきコンテンツに対してウィンドウが小さすぎるために、縦／横のスクロールバーを操作する必要が生じる場合がある。

また、特許文献１に記載のタブブラウザでは、タブを操作して表示するコンテンツを切り換えるとき、タブ操作によりアクティブ化されたコンテンツが、これまでアクティブとなっていたコンテンツに代わって、ウィンドウ全体に瞬時に表示されることとなる。したがって、特許文献１に記載のタブブラウザを利用しても、複数のコンテンツを同時に表示するためには、やはり、従来と同様に複数のウィンドウを開く必要がある。
特に、表示しようとする複数のコンテンツが関連する場合（例えば、メインコンテンツとこれに付随するサブコンテンツがある場合）には、画面上に同時に表示させることが要求されるが、従来のウェブブラウザ又はその他のアプリケーションにおけるＧＵＩでは容易に対応することができない。

本発明は、関連する複数のコンテンツを簡単な操作により同時に画面上に表示できるとともに、表示態様を切り換える際、視覚的な興趣を与えることができる表示制御方法及びプログラムを提供することを目的とする。

上記目的を達成するため、請求項１に記載の発明は、
メインコンテンツとこれに付随するサブコンテンツを、画面に表示する表示制御方法であって、
コンテンツ表示領域を、
前記メインコンテンツを表示するメインフレームと、
１辺にタブを有し、前記サブコンテンツを表示するサブフレームと、で構成し、
前記メインフレームのフレーム外に前記サブフレームのタブだけが現出するように、前記サブフレームに前記メインフレームを重畳させた第１態様で表示し、
前記第１態様で表示された状態において操作手段（マウス）により前記タブが操作されると、前記メインフレームの前記タブが現出していた側に前記サブフレームを連結した第２態様で表示し、
前記第２態様で表示された状態において前記タブが操作されると、前記第１態様に遷移して表示することを特徴とする。

請求項２に記載の発明は、請求項１に記載の表示制御方法において、
前記第１態様から前記第２態様に表示態様を遷移する際、前記メインフレームから前記タブが現出している方向に前記サブフレームが出現し、
前記第２態様から前記第１態様に表示態様を遷移する際、前記サブフレームが前記メインフレームの背面に収納されるように、
アニメーションにより前記サブフレームの表示を制御することを特徴とする。

請求項３に記載の発明は、請求項１または２に記載の表示制御方法において、
前記サブコンテンツが、内容の異なる複数のサブコンテンツで構成される場合、
前記サブフレームをタブ位置が異なる複数のサブフレームで構成し、
前記第１態様では、前記メインフレームのフレーム外に複数のタブが並んで現出するように表示し、
前記第２態様では、前記第１態様で表示された状態において操作されたタブに対応するサブフレームを、操作されていないタブに対応するサブフレームに重畳させた状態で、前記メインフレームに連結して表示し、
前記第２態様で表示された状態において、操作手段により最上位層（画面上に現出している）のサブフレームのタブ（アクティブタブ）が操作された場合には、前記第２態様から前記第１態様に表示態様を遷移し、操作手段により前記最上位層以外のサブフレーム（表示されていないサブフレーム）のタブ（非アクティブタブ）が操作された場合には、当該操作されたタブに対応するサブフレームを最上位層に切り換えて表示することを特徴とする。

請求項４に記載の発明は、請求項１から３のいずれか一項に記載の表示制御方法において、
前記メインフレーム及びサブフレームは、ウェブブラウザ内の表示領域の一部に表示されることを特徴とする。

請求項５に記載の発明は、
メインコンテンツとこれに付随するサブコンテンツを、コンピュータの画面に表示するためのプログラムであって、
前記コンピュータに、
コンテンツの表示領域を、前記メインコンテンツを表示するメインフレームと、１辺にタブを有し、前記サブコンテンツを表示するサブフレームと、で構成する機能と、
前記メインフレームのフレーム外に前記サブフレームのタブだけが現出するように、前記サブフレームに前記メインフレームを重畳させた第１態様で表示する機能と、
前記第２態様で表示された状態において操作手段（マウス）により前記タブが操作されると、前記メインフレームの前記タブが現出していた側に前記サブフレームを連結した第２態様で表示する機能と、
前記第２態様で表示された状態において前記タブが操作されると、前記第１態様に遷移して表示する機能と、
を実現させるためのプログラムである。

本発明によれば、関連する複数のコンテンツをタブ操作という簡単な操作により同時に画面上に表示でき、メインコンテンツの内容表示を残したまま、必要に応じてサブコンテンツを表示できるようになる。また、表示態様を切り換える際、アニメーションによる表示制御を行うことで、ユーザに視覚的な興趣を与えることができる。

以下、本発明の実施の形態を図面に基づいて説明する。
図１は、本実施形態に係るネットワーク構成について示す概略図である。
本実施形態では、サーバ１からクライアント２に、ネットワークＮを介してコンテンツ（例えば、ウェブページ等）を提供し、クライアント２においてコンテンツを利用する場合について示している。

図１に示すように、サーバ１には、通信ネットワークＮを介してクライアント２（例えば、パーソナルコンピュータ２ａ、携帯電話２ｂ等）が接続されている。
通信ネットワークＮは、インターネットや電気通信事業者等の電話回線網、携帯電話通信網等であり、当該通信ネットワークＮに接続するサーバ１とクライアント２の間を、データ通信可能に接続する。

このようなネットワークシステムにおいて、例えば、ユーザが、クライアント２でウェブブラウザを起動しＵＲＬを指定すると、クライアント２はこれを元に対応するコンテンツ（例えば、ＨＴＭＬファイル）を保有しているサーバ１をインターネット上で探して、コンテンツのデータを要求する。
一方、要求されたコンテンツを保有するサーバ１は、要求されたコンテンツをクライアント２に送信する。そして、クライアント２は、受信したコンテンツの内容を解析してウェブページ等を表示する。

図２は、サーバ１のハードウェア構成の概略を示すブロック図である。本実施形態におけるサーバ１は、例えば、楽曲コンテンツの配信サービスを提供するウェブサーバである。
図２に示すように、サーバ１は、制御部１１、通信部１２，データベース１３等を備えて構成され、各部はバスライン１５により電気的に接続されている。

制御部１１は、ＣＰＵ（Central Processing Unit）１１１、ＲＡＭ（Random Access Memory）１１２、ＲＯＭ（Read Only Memory）１１３で構成される。
ＣＰＵ１１１は、各種演算処理を行う他、各部の集中制御を行う。ＲＡＭ１１２は、ＣＰＵ１１１が演算処理を行うときのデータを一時的に記憶しておく作業領域を有する。ＲＯＭ１１３は、ＣＰＵ１１１が実行するオペレーティングシステム（ＯＳ）やサーバ用ソフトウェア、ウェブアプリケーション等のプログラムを記憶する。
通信部１２は、ＴＣＰ／ＩＰ等の通信プロトコルに従って処理を行い、ネットワークＮを介してクライアント２とデータの送受信を行う。
データベース１３には、例えば、ウェブページのデータ、楽曲コンテンツ、楽曲コンテンツのプレイリスト等が格納されている。

図４は、データベース１３に格納される楽曲テーブルの一構成例について示す説明図である。この楽曲テーブルは、データベース１３に格納されている楽曲コンテンツを管理するために利用される。
図４に示すように、楽曲テーブルには、楽曲コンテンツごとに一意の楽曲ＩＤが付与され、これに対応して、例えば、楽曲データのファイル名、タイトル名（楽曲名）、再生時間、アーティスト名、アルバム名、ジャンル、現在利用していりるユーザ等のデータが格納されている。
図４において、例えば楽曲ＩＤ“Ｍ００１”で特定される楽曲コンテンツは、アーティスト“ａａａ”が演奏（歌唱）した、タイトル“ＡＡＡ”、再生時間“４：００”、ジャンル“Ｊ−ＰＯＰ”の楽曲であり、アルバム“ＸＹＺ”に収録されている楽曲であることを示している。また、この楽曲コンテンツのファイル名は“ＡＡＡ．ｗｍａ”であることを示している。
また、楽曲ＩＤ“Ｍ００３”で特定される楽曲コンテンツは、ユーザＤによって現在再生されていることを示している。つまり、サーバ１がクライアント２に対して楽曲コンテンツを送信している間、このクライアント２のユーザを示す情報（例えば、ユーザ名）が楽曲テーブルに登録されてることとなる。
なお、楽曲コンテンツの実データ（例えば、ファイル名“ＡＡＡ．ｗｍａ”のデータ）は、同じデータベース１３に格納されてもよいし、別のデータベースに格納されるようにしてもよい。

ここで、サーバ１から配信された楽曲コンテンツをクライアント２で再生する方法としては、一般に、サーバ１が保有する楽曲コンテンツをクライアント２のハードディスク（後述する記憶部２２）に保存した上で再生するダウンロード再生と、サーバ１から配信された楽曲コンテンツの一部を受信した時点で再生を開始するストリーミング再生がある。本実施形態では、一例として、クライアント２においてストリーミング再生が行われる場合について説明する。この場合、楽曲テーブルに登録され、配信可能な楽曲コンテンツは、ストリーミングに対応したファイル形式とされる。

図５は、データベース１３に格納されるプレイリストテーブルの一構成例について示す説明図である。
図５に示すように、プレイリストテーブルには、プレイリストごとに一意のプレイリストＩＤが付与され、これに対応して、例えば、プレイリストのタイトル名、当該プレイリストを構成する楽曲コンテンツのＩＤ（図４の楽曲ＩＤ）、アーティスト名、アルバム名、ジャンル等のデータが格納されている。
図５において、例えばプレイリストＩＤ“Ｐ００１”で特定されるプレイリストは、タイトルが“ｐＬｉｓｔ１”で、楽曲ＩＤ“Ｍ００１，Ｍ００２，Ｍ００３，・・”の楽曲コンテンツで構成されていることを示している。また、このプレイリスト“ｐＬｉｓｔ１”は、アーティスト“ａａａ”が演奏（歌唱）した、アルバム“ＸＹＺ”に収録されている楽曲コンテンツで構成され、そのジャンルは“Ｊ−ＰＯＰ”であることを示している。

このプレイリストは、サーバ１によって、例えば、アルバムごとやアーティストごと等、所定の条件に従って楽曲テーブルから複数の楽曲コンテンツを抽出して作成される。また例えば、ユーザが楽曲テーブルからお気に入りの楽曲コンテンツを集めたプレイリストを作成し、データベース１３に登録できるようにしてもよい。この場合、プレイリストを作成したユーザに関する情報（例えば、ユーザＩＤ）や、プレイリストの特徴を示す情報を登録できるようにしてもよい。

上述した楽曲テーブル又はプレイリストテーブルにおいて、タイトル、アーティスト、アルバム、ジャンルとして格納された情報は、クライアント２から送信される検索キーワードに適合する楽曲コンテンツ又はプレイリストを抽出するときに利用される。

図２において、サーバ１のＣＰＵ１１１は、例えば、ＲＯＭ１１３に記憶されているサーバ用ソフトウェアを実行することにより、クライアント２からの要求に応じて、所定のコンテンツ（データベース１３に格納されているウェブページ等）を送信する。
また、ＲＯＭ１１３に記憶されているウェブアプリケーションプログラムを実行することにより、クライアント２から送信されたデータに基づく処理を行う。

例えば、クライアント２のウェブブラウザにおいて所望の楽曲コンテンツ又はプレイリストを検索するためのキーワード（検索キーワード）が入力され、送信されると、この検索キーワードに基づいて適合する楽曲コンテンツ又はプレイリストを抽出し、抽出結果（例えば、個々の楽曲コンテンツ又はプレイリスト）をクライアント２に送信する。
そして、クライアント２から楽曲コンテンツの送信要求がなされると、対応する楽曲コンテンツをクライアント２に送信する。また、クライアント２においてプレイリストが選択されると、このプレイリストを構成する複数の楽曲コンテンツを登録されている順に順次送信する。送信された複数の楽曲コンテンツは、クライアント２において連続してストリーミング再生される。

図３は、クライアント２のハードウェア構成の概略を示すブロック図である。
図３に示すように、クライアント２は、制御部２１、記憶部２２，通信部２３，操作部２４，表示部２５等を備えて構成され、各部はバスライン２６により電気的に接続されている。

制御部２１の構成はサーバ１の制御部１１の構成と同様である。ＲＯＭ２１３は、ＯＳやウェブブラウザ、コンテンツ再生ソフト等のプログラムを記憶する。このコンテンツ再生ソフトは、例えば、サーバ１から配信される楽曲コンテンツをストリーミング再生可能で、ウェブブラウザ上でプラグインとして機能するソフトウェア（いわゆるマルチメディアプレイヤー）である。
記憶部２２は、例えばハードディスクで構成され、サーバ１からダウンロードしたコンテンツ（例えば、楽曲コンテンツ等）のデータ等を記憶することができる。

通信部２３は、ＴＣＰ／ＩＰ等の通信プロトコルに従って処理を行い、ネットワークＮを介してサーバ１とデータの送受信を行う。
操作部２４は、例えば、キーボード及びマウスで構成され、ユーザが情報を入力する際に使用される。例えば、楽曲コンテンツの配信サービスを提供するサーバ１に所望の楽曲コンテンツの配信を要求する場合、ユーザはウェブページ上のキーワード入力欄に操作部２４により検索キーワード（例えば、アーティスト名や楽曲名、アルバム名等）を入力する。また、コンテンツ再生ソフトのＧＵＩにおいて、所望の楽曲コンテンツを再生したり、音量を調整したりするための操作を操作部２４により行う。
表示部２５は、例えば、液晶ディスプレイ等の表示装置で構成され、制御部２１からの表示制御指令に基づいて所定の画面を表示する。表示部２５には、例えば、様々なアプリケーション（例えば、ウェブブラウザ等）のＧＵＩが表示される。

クライアント２のＣＰＵ２１１は、例えば、ＲＯＭ２１３に記憶されているウェブブラウザを実行し、ユーザが操作部２４によりＵＲＬを入力することに伴い、ＵＲＬで指定されるウェブページをサーバ１に要求する。そして、サーバ１から送信されたウェブページのデータを解析して、ウェブブラウザのウィンドウに表示する。
また、楽曲コンテンツを配信するウェブページにおいて、ＣＰＵ２１１は、コンテンツ再生ソフトを起動し、ウェブブラウザ上でプラグインとして機能させる。このとき、このコンテンツ再生ソフトのＧＵＩがウェブブラウザのウィンドウ内に表示されることとなる。なお、ウェブブラウザのウィンドウ内には、コンテンツ再生ソフトのＧＵＩの他、当該ウェブページに関する情報、例えば、楽曲に関する様々な情報が表示されたり、ユーザが所望の楽曲コンテンツやプレイリストを検索するためのキーワード入力欄が設けられたりする。

上述したように、サーバ１がクライアント２に楽曲コンテンツの配信サービス（ウェブサイト）を提供する場合、クライアント２のウェブブラウザのウィンドウにはコンテンツ再生ソフトのＧＵＩが表示される。本実施形態では、このコンテンツ再生ソフトのＧＵＩに、本発明に係る表示制御方法を適用している。

ここで、本実施形態のコンテンツ再生ソフトは、メインとなる楽曲コンテンツの再生機能の他に、以下の機能を備えているものとする。すなわち、コンテンツ再生ソフトは、サーバ１から楽曲配信のサービスを受けているユーザ（例えば、サーバ１が提供しているウェブサイトにログインしているユーザ、以下ログインユーザと称する）が、楽曲コンテンツに対して感想等のコメントを入力したり、ログインユーザがこのコメントを参照したりできる機能（以下、コメント機能）を備えている。また、同じプレイリストを利用しているログインユーザが、ネットワークを通じてリアルタイムにテキストベースの会話を行うことができる機能（いわゆるチャット機能）を備えている。

そして、コンテンツ配信ソフトにおいては、楽曲コンテンツの再生機能を実現するための表示画面が本発明におけるメインコンテンツとなり、コメント機能及びチャット機能を実現するための表示画面が本発明におけるサブコンテンツとなる。つまり、本実施形態において、メインコンテンツは楽曲コンテンツの再生処理に関する操作を行うための情報を有し、サブコンテンツは再生されている楽曲コンテンツに付随する情報を有している。

図６は、クライアント２の表示部２５にコンテンツ再生ソフトのＧＵＩを表示するための表示制御処理の一例を示すフローチャートである。この表示制御処理は、例えば、クライアント２のＣＰＵ２１１がＲＯＭ２１３に記憶されているコンテンツ再生ソフトを起動したときに実行される。
図７〜１０は、コンテンツ再生ソフトのＧＵＩの一例を示す説明図である。なお、図７〜１０では、コンテンツ再生ソフトにおいて、プレイリスト“ｐＬｉｓｔ１”を構成する楽曲コンテンツのうち、３番目に登録されているタイトル“ＣＣＣ”の楽曲コンテンツが、再生する楽曲コンテンツとして選択されている場合を示している。また、クライアント２のユーザ名を“ユーザＤ”としている。

図６において、ステップＳ１０１では、コンテンツ再生ソフトのＧＵＩを第１態様で表示する（図７参照）。すなわち、コンテンツ再生ソフトが起動されると、ウェブブラウザのウィンドウ内に図７に示すＧＵＩが表示される。
図７に示すように、コンテンツ再生ソフトのＧＵＩを構成するメインフレームＦｍには、例えば、再生する楽曲コンテンツに関する情報（例えば、プレイリストのタイトル名（プレイリストに登録されている場合）、アーティスト名、アルバム名）Ｉ１、再生する楽曲コンテンツに関する画像（アルバムのジャケット画像等）Ｉ２、楽曲コンテンツの進行状況や再生中の楽曲コンテンツのタイトルを示す情報（再生バー）Ｉ３、現在利用しているプレイリストの構成等を示すプレイリスト情報Ｉ４、等が表示される。また、楽曲コンテンツの再生処理を行うための操作ボタンＢ（再生／停止ボタン、早戻しボタン、早送りボタン、ボリュームボタン）が配置されている。

また、メインフレームＦｍの下フレーム外には、後述するサブフレームＦｓ１，Ｆｓ２に設けられた２つのタグＴ１，Ｔ２が並んで表示されている。
ここで、タブＴ１はコメント機能を実現するための画面を表示するサブフレームＦｓ１に設けられるタブで、タブＴ２はチャット機能を実現するための画面を表示するサブフレームＦｓ２に設けられるタブである。図７等に示すように、このタブＴ１，Ｔ２には、対応するサブフレームＦｓ１，Ｆｓ２に表示されるサブコンテンツの内容が認識できるような情報（テキストやマーク）を表示する。
このように、第１態様では、メインフレームＦｍのフレーム外にサブフレームＦｓのタブＴ１，Ｔ２だけが現出するように、サブフレームＦｓ１，Ｆｓ２にメインフレームＦｍを重畳させた状態で表示している。

図６において、ステップＳ１０２では、コンテンツ再生ソフトのＧＵＩが第１態様で表示された状態でタブＴ１又はタブＴ２をマウスでクリックする操作が行われたか否か判定する。そして、タブ操作が行われたと判定すると、ステップＳ１０３に移行する。
ステップＳ１０３では、コンテンツ再生ソフトのＧＵＩを第２態様で表示する（図９参照）。例えば、図７に示すＧＵＩが表示された状態でタブＴ１が操作されると、タブＴ１に対応するサブフレームＦｓ１がアクティブ化され、ウェブブラウザのウィンドウ内には図９に示すＧＵＩが表示される。

図９に示すように、コンテンツ再生ソフトのＧＵＩを構成するサブフレームＦｓ１には、コメント機能を実現するための画面が表示される。例えば、ユーザＤが、現在再生している楽曲コンテンツに対して感想等のコメントを入力するための情報入力欄Ｉ１１や、他のログインユーザ（図９ではユーザＡ、ユーザＢ、ユーザＣ）が入力したコメントＩ１２が表示される。

このように、第２態様では、第１態様で表示されたＧＵＩにおいて操作されたタブＴ１に対応するアクティブなサブフレームＦｓ１を、操作されていないタブＴ２に対応する非アクティブなサブフレームＦｓ２に重畳させた状態で、メインフレームＦｍの下方に連結して表示している。
また、第１態様で表示されたＧＵＩにおいてタブＴ２が操作されると、タブＴ２に対応するサブフレームＦｓ２を、操作されていないタブＴ１に対応するサブフレームＦｓ１に重畳させた状態で、メインフレームＦｍの下方に連結して表示することとなる。
このとき、ウェブブラウザのウィンドウ内において、タブ操作前にメインフレームＦｍの下方に表示されていた情報は、例えば、サブフレームＦｓ１，Ｆｓ２の分だけ下方にずれて表示される。

本実施形態では、第１態様から第２態様へ画面遷移するに際し、メインフレームＦｍからタブが現出している方向（図８ではメインフレームＦｍの下方）にサブフレームＦｓ１又はＦｓ２が徐々に出現するように、アニメーションによる表示制御が行われるようにしている（図８参照）。
これにより、サブフレームＦｓ１又はＦｓ２が、メインフレームＦｍに連結して瞬時に表示される場合よりも、ユーザに視覚的な興趣を与えることができる。

図６において、ステップＳ１０４では、コンテンツ再生ソフトのＧＵＩが第２態様で表示された状態でタブＴ１又はタブＴ２をマウスでクリックする操作が行われたか否か判定する。そして、タブ操作が行われたと判定すると、ステップＳ１０５に移行する。
ステップＳ１０５では、操作されたタブが現在アクティブとなっているサブフレームに設けられたタブ（図９ではタブＴ１、以下アクティブタブと称する）か否かを判定する。そして、アクティブタブの操作であると判定した場合はステップＳ１０６に移行し、アクティブタブの操作でないと判定した場合はステップＳ１０７に移行する。

ステップＳ１０６では、コンテンツ再生ソフトのＧＵＩを第１態様で表示する（図７参照）。例えば、図９に示すＧＵＩが表示された状態でアクティブタブＴ１が操作されると、ウェブブラウザのウィンドウ内には図７に示すＧＵＩが表示される。
すなわち、コンテンツ再生ソフトのＧＵＩが第２態様で表示された状態において、アクティブとなっている最上位層のサブフレームＦｓ１のタブＴ１が操作された場合には、第２態様から第１態様に表示態様を遷移する。

このとき、第２態様から第１態様へ画面遷移するに際し、サブフレームＦｓ１がメインフレームＦｍの背面に収納されるように、アニメーションによる表示制御が行われる。
これにより、サブフレームＦｓ１又はＦｓ２が、メインフレームＦｍに瞬時に隠れて表示される場合よりも、ユーザに視覚的な興趣を与えることができる。

図６において、ステップＳ１０７では、操作されたタブに対応するサブフレームをアクティブ化して表示する（図１０参照）。例えば、図９に示すＧＵＩが表示された状態で非アクティブタブＴ２が操作されると、サブフレームＦｓ２がアクティブ化され、ウェブブラウザのウィンドウ内には図１０に示すＧＵＩが表示される。
図１０に示すように、サブフレームＦｓ２には、チャット機能を実現するための画面が表示される。例えば、ユーザＤが、プレイリスト“ｐＬｉｓｔ１”について発言する内容を入力するための情報入力欄Ｉ２１や、当該チャットルームにおいてユーザＤ及び他のログインユーザによって発言された内容Ｉ１２が表示される。

このように、コンテンツ再生ソフトのＧＵＩが第２態様で表示された状態において、最上位層以外の非アクティブなサブフレームＦｓ２のタブＴ２が操作された場合には、当該操作されたタブＴ２に対応するサブフレームＦｓ２を最上位層に切り換えて表示する。

上述したように、本実施形態では、メインコンテンツとこれに付随するサブコンテンツを有するコンテンツ再生ソフトのＧＵＩを表示するにあたり、コンテンツ表示領域を、メインコンテンツを表示するメインフレームＦｍと、サブコンテンツを表示するサブフレームＦｓ１，Ｆｓ２と、で構成する。
また、サブコンテンツが２つのコンテンツからなる場合（例えば、コメント機能の画面とチャット機能の画面）、２つのサブフレームＦｓ１，Ｆｓ２には、それぞれのタブ位置が異なるようにタブＴ１，Ｔ２が設けられる。

そして、メインフレームＦｍのフレーム外にサブフレームＦｓ１，Ｆｓ２のタブＴ１，Ｔ２だけが並んで現出するように、サブフレームＦｓ１，Ｆｓ２にメインフレームＦｍを重畳させた第１態様で表示する（図６のステップＳ１０１）。
また、第１態様で表示された状態において操作手段（例えば、マウス）によりサブフレームＦｓ１，Ｆｓ２のタブＴ１，Ｔ２が操作されると、メインフレームＦｍのタブＴ１，Ｔ２が現出していた側にサブフレームＦｓ１，Ｆｓ２を連結した第２態様で表示する（図６のステップＳ１０３）。
一方、第２態様で表示された状態においてアクティブタブ（例えば、タブＴ１）が操作されると、第１態様に遷移して表示する（図６のステップＳ１０６）。

これにより、関連する複数のコンテンツをタブ操作という簡単な操作により同時に画面上に表示できるので、利便性が格段に向上する。また、サブコンテンツについては必要なときに表示させればよく、通常時はメインコンテンツだけを表示させることとなるので、ウェブブラウザのウィンドウ内の他の表示領域を有効に利用することができる。
さらに、第１態様から第２態様へ、又は第２態様から第１態様へと表示態様を遷移する際、アニメーションによる表示制御を行うので、ユーザに視覚的な興趣を与えることができる。

以上、本発明者によってなされた発明を実施形態に基づいて具体的に説明したが、本発明は上記実施形態に限定されるものではなく、その要旨を逸脱しない範囲で変更可能である。

例えば、上記実施形態では、サブコンテンツが２つのコンテンツからなる場合について説明したが、３以上の複数のコンテンツからなる場合も同様に表示制御することができる。この場合、複数のサブフレームには、それぞれのタブ位置が異なるようにタブが設けられる。
また、メインフレームに対してサブフレームが出現する方向は、メインフレームの下方向に制限されず、左又は右方向としてもよい。この場合、メインフレームの左フレーム外又は右フレーム外にサブフレームのタブが現出することとなる。

また、上記実施形態では、本発明に係る表示制御方法を、ウェブブラウザのプラグインとして機能するコンテンツ再生ソフトのＧＵＩの表示に適用した場合について説明したが、例えば、コンテンツ再生ソフトは、ウェブブラウザとは独立して起動され、ネットワーク接続可能なコンテンツ再生ソフト（いわゆるネットワークメディアプレイヤー）であってもよい。
さらに、コンテンツ再生ソフトのＧＵＩの表示に制限されず、ウェブブラウザやウェブアプリケーション、ガジェット等、コンピュータ上で利用されるその他の様々なアプリケーションのＧＵＩの表示に本発明を適用することができる。

例えば、図１１に示すように、ウェブブラウザのウィンドウ内で、地図を表示するウェブアプリケーションのＧＵＩの表示に本発明を適用することができる。
このウェブアプリケーションにおいては、ユーザによって要求された地図情報の表示画面がメインコンテンツであり、地図上に配置された施設や店舗（例えば、病院、レストラン、コンビニエンスストア等）の詳細情報（住所、電話番号、ホームページのＵＲＬ、営業時間等）の表示画面がサブコンテンツとなる。

図１１では、メインフレームＦｍには○○周辺の地図が表示されており、下フレーム外にはサブフレームのタブＴ１（病院），Ｔ２（レストラン），Ｔ３（コンビニ）が現出している。ユーザがタブＴ１，Ｔ２，Ｔ３を操作すると、対応する詳細情報がサブフレームにおいて表示されることとなる。
このように、メインフレームＦｍに地図を表示させながら、施設や店舗等の詳細情報を入手することができるとともに、タブ操作によりサブコンテンツの表示／非表示を切り換えられ表示領域を有効に利用できるので、地図情報を提供するアプリケーションのＧＵＩとして非常に優れている。

なお、上述したようなアプリケーションのＧＵＩは、開発ツール（例えば、アドビ社製Ｆｌｅｘ２等）を用いて作成することができる。

今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。

本実施形態に係るネットワーク構成について示す概略図である。 サーバ１のハードウェア構成の概略を示すブロック図である。 クライアント２のハードウェア構成の概略を示すブロック図である。 データベース１３に格納される楽曲テーブルの一構成例について示す説明図である。 データベース１３に格納されるプレイリストテーブルの一構成例について示す説明図である。 コンテンツ再生ソフトのＧＵＩを表示するための表示制御処理の一例を示すフローチャートである。 コンテンツ再生ソフトのＧＵＩの一例を示す説明図である。 コンテンツ再生ソフトのＧＵＩの一例を示す説明図である。 コンテンツ再生ソフトのＧＵＩの一例を示す説明図である。 コンテンツ再生ソフトのＧＵＩの一例を示す説明図である。 地図情報を提供するウェブアプリケーションのＧＵＩの一例を示す説明図である。

符号の説明

Ｆｍ メインフレーム
Ｆｓ１，Ｆｓ２ サブフレーム
Ｔ１，Ｔ２ タブ

Claims (5)

1. メインコンテンツとこれに付随するサブコンテンツを、画面に表示する表示制御方法であって、
   コンテンツ表示領域を、
   前記メインコンテンツを表示するメインフレームと、
   １辺にタブを有し、前記サブコンテンツを表示するサブフレームと、で構成し、
   前記メインフレームのフレーム外に前記サブフレームのタブだけが現出するように、前記サブフレームに前記メインフレームを重畳させた第１態様で表示し、
   前記第１態様で表示された状態において操作手段により前記タブが操作されると、前記メインフレームの前記タブが現出していた側に前記サブフレームを連結した第２態様で表示し、
   前記第２態様で表示された状態において前記タブが操作されると、前記第１態様に遷移して表示することを特徴とする表示制御方法。
2. 前記第１態様から前記第２態様に表示態様を遷移する際、前記メインフレームから前記タブが現出している方向に前記サブフレームが出現し、
   前記第２態様から前記第１態様に表示態様を遷移する際、前記サブフレームが前記メインフレームの背面に収納されるように、
   アニメーションにより前記サブフレームの表示を制御することを特徴とする請求項１に記載の表示制御方法。
3. 前記サブコンテンツが、内容の異なる複数のサブコンテンツで構成される場合、
   前記サブフレームをタブ位置が異なる複数のサブフレームで構成し、
   前記第１態様では、前記メインフレームのフレーム外に複数のタブが並んで現出するように表示し、
   前記第２態様では、前記第１態様で表示された状態において操作されたタブに対応するサブフレームを、操作されていないタブに対応するサブフレームに重畳させた状態で、前記メインフレームに連結して表示し、
   前記第２態様で表示された状態において、操作手段により最上位層のサブフレームのタブが操作された場合には、前記第２態様から前記第１態様に表示態様を遷移し、操作手段により前記最上位層以外のサブフレームのタブが操作された場合には、当該操作されたタブに対応するサブフレームを最上位層に切り換えて表示することを特徴とする請求項１または２に記載の表示制御方法。
4. 前記メインフレーム及びサブフレームは、ウェブブラウザ内の表示領域の一部に表示されることを特徴とする請求項１から３のいずれか一項に記載の表示制御方法。
5. メインコンテンツとこれに付随するサブコンテンツを、コンピュータの画面に表示するためのプログラムであって、
   前記コンピュータに、
   コンテンツの表示領域を、前記メインコンテンツを表示するメインフレームと、１辺にタブを有し、前記サブコンテンツを表示するサブフレームと、で構成する機能と、
   前記メインフレームのフレーム外に前記サブフレームのタブだけが現出するように、前記サブフレームに前記メインフレームを重畳させた第１態様で表示する機能と、
   前記第２態様で表示された状態において操作手段により前記タブが操作されると、前記メインフレームの前記タブが現出していた側に前記サブフレームを連結した第２態様で表示する機能と、
   前記第２態様で表示された状態において前記タブが操作されると、前記第１態様に遷移して表示する機能と、
   を実現させるためのプログラム。

Images