JP2008193375A - 情報処理装置、画像表示装置、および、これらにおける制御方法ならびに当該方法をコンピュータに実行させるプログラム - Google Patents

Abstract

【課題】複数の画像が表示される場合にこれらの各画像の操作を容易に行うことを目的とする。
【解決手段】スライドパネル３１０と複数の領域に分割された引き出しパネル３３０とを含む表示領域において少なくとも１つの画像を所定の順序でスライドパネル３１０に描画して表示する情報処理装置１００において、スライドパネル３１０に含まれる画像を引き出しパネル３３０の何れかの引き出し部に格納する旨の操作入力が受け付けられた場合には、当該画像に対応する管理情報に当該画像が選択された旨を記録するとともに、当該画像に対応する縮小画像を当該引き出し部に描画する。また、操作に応じて各引き出し部の領域を拡大または縮小させる。さらに、各引き出し部に格納されている各画像を移動または消去させる。これにより、管理情報に記録された引き出し領域情報に基づいてプリント処理等を容易に行うことができる。
【選択図】図１

Description

本発明は、情報処理装置に関し、特に、マウス等のポインティングデバイスを用いて複数の表示画像を操作する情報処理装置、画像表示装置、および、これらにおける制御方法ならびに当該方法をコンピュータに実行させるプログラムに関する。

従来、一般家庭においてパーソナルコンピュータ等の情報処理装置が広く普及している。これらの情報処理装置は、主に１人で操作されることが多いため、１人の操作を前提にキーボードやマウス等の操作受付部やアプリケーション等が構成されている場合が多い。

また、一般家庭においては、家族みんなが使用することができるように、リビング用のパーソナルコンピュータ（いわゆる、リビングＰＣ（Personal Computer））やインターネットテレビ等の情報処理装置がリビングルームに設置される場合が増えつつある。このため、一般家庭のリビングルームにおいて用いられるリビングＰＣやインターネットテレビ等の情報処理装置が提案されている。

また、一般家庭のリビングルームにおいて大画面で映像を楽しむために、大画面のディスプレイを表示部として備える情報処理装置が提案されている。

例えば、リビングルームにおいて、これらの情報処理装置を用いて、デジタルスチルカメラ等の撮像装置で撮影された撮影画像を家族みんなで観賞することが考えられる。また、例えば、これらの複数の情報処理装置をネットワークを介して接続し、この接続されている各情報処理装置の表示部において、多数の人が同一の画面で撮影画像等を観賞することが考えられる。このように、一般家庭内や複数の場所において、多数の人が同一の画面で撮影画像等を観賞することができるため、表示部に表示される各画像を多数の人にとって見易くさせるための技術が提案されている。

例えば、１つの画像が表示部に全画面表示されている状態からインデックス画像表示に表示切替操作が行われた場合には、表示部において直前まで表示されていた画像やこの画像に近い画像の縮小画像から優先的に表示させる画像表示装置が提案されている（例えば、特許文献１参照。）。
特開２００１−２３１００５号公報（図１）

上述の従来技術によれば、全画面表示からインデックス画像表示に表示切替操作が行われた場合には、所定の縮小画像を優先的に表示させるため、表示切替後において表示される縮小画像を多数の人が認識し易い。

ここで、主に１人で操作されることを前提に構成されている情報処理装置を用いて、例えば、リビングルームにおいて、デジタルスチルカメラ等の撮像装置で撮影された複数の撮影画像を家族みんなで観賞する場合について考える。この場合には、例えば、家族の代表者（例えば、お父さん）がマウス等を操作して表示部に表示される画像を順次操作していくことが考えられる。

このように、家族みんなで観賞する場合において、家族の代表者が操作をする場合には、操作者の好みが優先され、操作者以外の人の好みは、口頭で操作者に伝えられて操作に反映される程度になることが多い。このような場合には、操作者以外の人の好みが操作に反映されにくくなり、操作者以外の人の観賞に対する興味を低減させてしまうことがある。

そこで、各個人の好みに応じて、表示部に表示される画像を容易に操作することができれば、さらに楽しく観賞することができると考えられる。また、表示部に表示される画像について多数の人で操作する場合においては、操作対象となる画像が操作者や鑑賞者に見易く表示されることが重要である。

そこで、本発明は、複数の画像が表示される場合にこれらの各画像の操作を容易に行うことを目的とする。

本発明は、上記課題を解決するためになされたものであり、その第１の側面は、操作入力を受け付ける操作受付手段と、複数の画像を記憶する画像記憶手段と、上記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、少なくとも画像表示領域を含む表示領域において上記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で上記画像表示領域に描画する描画手段と、上記画像表示領域に含まれる画像を選択する旨の操作入力が上記操作受付手段により受け付けられた場合には当該画像に対応して上記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手段とを具備することを特徴とする情報処理装置およびその制御方法ならびに当該方法をコンピュータに実行させるプログラムである。これにより、複数の画像のうちの少なくとも１つの画像を所定の順序で画像表示領域に描画して、画像表示領域に含まれる画像を選択する旨の操作入力が受け付けられた場合には、その画像に対応する管理情報に当該画像が選択された旨を記録するという作用をもたらす。

また、この第１の側面において、上記画像記憶手段に記憶されている複数の画像に対応する縮小画像を記憶する縮小画像記憶手段をさらに具備し、上記描画手段は、少なくとも上記画像表示領域と複数の領域に分割された格納領域とを含む表示領域において上記画像記憶手段に記憶されている画像に対応する縮小画像を上記格納領域に描画し、上記制御手段は、上記画像表示領域に含まれる画像を上記格納領域の何れかの領域に対応付けて選択する旨の操作入力が上記操作受付手段により受け付けられた場合には当該画像に対応して上記管理情報記憶手段に記憶されている管理情報に当該画像に対応付けて選択された領域を記録するとともに当該画像に対応して上記縮小画像記憶手段に記憶されている縮小画像を当該画像に対応付けて選択された領域に上記描画手段に描画させることができる。これにより、画像表示領域に含まれる画像を格納領域の何れかの領域に対応付けて選択する旨の操作入力が受け付けられた場合には、その画像に対応する管理情報にその選択された領域を記録するとともに、その画像に対応する縮小画像をその選択された領域に描画させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記画像表示領域に含まれる画像を上記格納領域の何れかの領域に対応付けて選択する旨の操作入力が上記操作受付手段により受け付けられた場合には上記画像表示領域に含まれる当該画像の付近に当該画像に対応付けて選択された領域を示すマークを上記描画手段に描画させることができる。これにより、画像表示領域に含まれる画像を格納領域の何れかの領域に対応付けて選択する旨の操作入力が受け付けられた場合には、画像表示領域に含まれる当該画像の付近にその選択された領域を示すマークを描画させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記画像表示領域に含まれる１つの画像を選択する旨の操作入力が上記操作受付手段により２以上受け付けられた場合には当該画像に対応して上記管理情報記憶手段に記憶されている管理情報に当該選択する旨の操作入力が受け付けられた数を記録するとともに当該管理情報に記録されている当該選択する旨の操作入力が受け付けられた数に応じた順序で上記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を上記画像表示領域に上記描画手段に描画させることができる。これにより、画像表示領域に含まれる１つの画像を選択する旨の操作入力が２以上受け付けられた場合には、その画像に対応する管理情報にその操作入力が受け付けられた数を記録するとともに、その操作入力が受け付けられた数に応じた順序で画像表示領域に画像を描画させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記操作受付手段により所定の操作入力が受け付けられた場合には上記格納領域のうちの少なくとも１つの領域を拡大または縮小させるように上記描画手段に描画させることができる。これにより、所定の操作入力が受け付けられた場合には、格納領域のうちの少なくとも１つの領域を拡大または縮小させるという作用をもたらす。

また、この第１の側面において、上記描画手段は、上記格納領域の各領域を上記画像表示領域に隣り合う略矩形状の領域として描画し、上記制御手段は、上記格納領域の各領域における上記画像表示領域に隣接する端部を上記画像表示領域側に移動させる操作入力が上記操作受付手段により受け付けられた場合には当該操作入力に応じて当該端部を移動させて上記格納領域の各領域を拡大させるように上記描画手段に描画させることができる。これにより、格納領域の各領域を画像表示領域に隣り合う略矩形状の領域として描画して、格納領域の各領域における画像表示領域に隣接する端部を画像表示領域側に移動させる操作入力が受け付けられた場合には、その操作入力に応じて格納領域の各領域を拡大させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記格納領域の何れかの領域に２以上の縮小画像が描画される場合には当該領域内の各縮小画像の少なくとも一部が表示されるように当該各縮小画像を重畳して上記描画手段に描画させることができる。これにより、格納領域の何れかの領域に２以上の縮小画像が描画される場合には、その領域内の各縮小画像の少なくとも一部が表示されるように重畳して描画させるという作用をもたらす。この場合において、前記描画手段は、前記操作受付手段により受け付けられた操作入力に応じて移動するカーソルを前記表示領域に描画し、前記制御手段は、前記格納領域の何れかの領域内に重畳して描画されている複数の縮小画像の何れかの縮小画像の上に前記カーソルが重ねて描画されている場合には当該縮小画像の全部が表示されるように当該縮小画像の上に重畳されている縮小画像を移動させるように前記描画手段に描画させることができる。これにより、格納領域内に重畳して描画されている複数の縮小画像の何れかの縮小画像の上にカーソルが重ねて描画されている場合には、その縮小画像の全部が表示されるように、縮小画像の上に重畳されている縮小画像を移動させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記操作受付手段により所定の操作入力が受け付けられた場合には上記格納領域に含まれる縮小画像と上記画像表示領域に含まれる画像のうちの少なくとも１つの画像とが対応する画像となるように上記描画手段に描画させることができる。これにより、所定の操作入力が受け付けられた場合には、格納領域に含まれる縮小画像と画像表示領域に含まれる画像のうちの少なくとも１つの画像とが対応する画像となるように描画させるという作用をもたらす。

また、この第１の側面において、上記画像記憶手段に記憶されている複数の画像に対応する縮小画像を生成する縮小画像生成手段をさらに具備し、上記縮小画像記憶手段は、上記縮小画像生成手段により生成された縮小画像を記憶することができる。これにより、複数の画像に対応する縮小画像を生成して、その生成された縮小画像を記憶するという作用をもたらす。

また、この第１の側面において、上記描画手段は、上記操作受付手段により受け付けられた操作入力に応じて移動するカーソルを上記表示領域に描画し、上記制御手段は、上記表示領域に含まれる所定領域の上に上記カーソルが重ねて描画されている場合において所定のドラッグ操作が上記操作受付手段により受け付けられた場合に当該ドラッグ操作に応じて当該所定領域に係る画像を上記描画手段に描画させることができる。これにより、表示領域に含まれる所定領域の上にカーソルが重ねて描画されている場合において、所定のドラッグ操作が受け付けられた場合には、そのドラッグ操作に応じて所定領域に係る画像を描画させるという作用をもたらす。

また、この第１の側面において、上記制御手段は、上記操作受付手段により受け付けられた操作入力に応じて上記画像表示領域に含まれる画像を移動させるように上記描画手段に描画させることができる。これにより、操作入力に応じて画像表示領域に含まれる画像を移動させるという作用をもたらす。

また、この第１の側面において、上記描画手段により描画された画像を表示する表示手段をさらに具備することができる。これにより、描画された画像を表示するという作用をもたらす。

また、本発明の第２の側面は、操作入力を受け付ける操作受付手段と、複数の画像を記憶する画像記憶手段と、上記画像記憶手段に記憶されている複数の画像に対応する縮小画像を記憶する縮小画像記憶手段と、上記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、少なくとも画像表示領域と一覧画像表示領域と格納領域とを含む表示領域において上記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で上記画像表示領域に描画するとともに上記縮小画像記憶手段に記憶されている縮小画像のうちの少なくとも２つ以上の縮小画像を一覧画像として上記所定の順序で上記一覧画像表示領域に描画する描画手段と、上記画像表示領域に含まれる画像を上記格納領域に対応付けて選択する旨の操作入力が上記操作受付手段により受け付けられた場合には当該画像に対応して上記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録するとともに当該画像に対応して上記縮小画像記憶手段に記憶されている縮小画像を上記格納領域に上記描画手段に描画させる制御手段とを具備することを特徴とする情報処理装置およびその制御方法ならびに当該方法をコンピュータに実行させるプログラムである。これにより、複数の画像のうちの少なくとも１つの画像を所定の順序で画像表示領域に描画するとともに、少なくとも２つ以上の縮小画像を一覧画像として所定の順序で一覧画像表示領域に描画して、画像表示領域に含まれる画像を格納領域に対応付けて選択する旨の操作入力が受け付けられた場合には、その画像に対応する管理情報にその画像が選択された旨を記録するとともに、その画像に対応する縮小画像を格納領域に描画させるという作用をもたらす。

また、本発明の第３の側面は、操作入力を受け付ける操作受付手段と、複数の画像を記憶する画像記憶手段と、上記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、少なくとも画像表示領域を含む表示領域において上記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で上記画像表示領域に描画する描画手段と、上記画像表示領域に含まれる画像を選択する旨の操作入力が上記操作受付手段により受け付けられた場合には当該画像に対応して上記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手段と、上記描画手段により描画された画像を表示する表示手段とを具備することを特徴とする画像表示装置およびその制御方法ならびに当該方法をコンピュータに実行させるプログラムである。これにより、複数の画像のうちの少なくとも１つの画像を所定の順序で画像表示領域に描画して、画像表示領域に含まれる画像を選択する旨の操作入力が受け付けられた場合には、その画像に対応する管理情報に当該画像が選択された旨を記録するという作用をもたらす。

本発明によれば、複数の画像が表示される場合にこれらの各画像の操作を容易に行うことができるという優れた効果を奏し得る。

次に本発明の実施の形態について図面を参照して詳細に説明する。

図１は、本発明の実施の形態における情報処理装置１００の機能構成例を示すブロック図である。この情報処理装置１００は、例えば、専用の表示部を備えるパーソナルコンピュータである。この情報処理装置１００は、ＣＰＵ（Central Processing Unit）１１０と、ＲＯＭ（Read Only Memory）１２０と、ＲＡＭ（Random Access Memory）１３０と、ＨＤＤ（Hard Disk Drive）１４０と、表示部１５０と、操作受付部１６０と、音声出力部１７０とを備える。また、各ブロック間における各信号のやりとりは、バス１８０を介して行われる。

ＣＰＵ１１０は、ＲＯＭ１２０に記憶されている各種制御プログラムに基づいて、情報処理装置１００の各部を制御するものである。また、ＣＰＵ１１０は、ＨＤＤ１４０から読み出された各種情報や操作受付部１６０により受け付けられた操作入力等に基づいて情報処理装置１００の各部を制御する。

ＲＯＭ１２０は、読み出し専用のメモリであり、各種制御プログラム等を記憶するものである。

ＲＡＭ１３０は、ＣＰＵ１１０のメインメモリ（主記憶装置）に用いられるメモリであり、ＣＰＵ１１０において実行されるプログラムの作業領域等を記憶するものである。

ＨＤＤ１４０は、各種アプリケーションプログラム等が格納されているハードディスクである。また、ＨＤＤ１４０には、撮像装置で撮影された画像に対応する画像データが格納されるとともに、これらの画像データの管理情報等が格納される。この管理情報には、各画像データの属性情報や各画像に対応するサムネイル画像等が含まれる。

表示部１５０は、ＣＰＵ１１０の制御に基づいて各種情報を表示する表示部である。表示部１５０としては、例えば、ＬＣＤ（Liquid Crystal Display）等のディスプレイを用いることができる。

操作受付部１６０は、各種入力キーからなるキーボードやマウス（ポインティングデバイス）を備え、これらのマウス等から操作入力を受け付けると、受け付けた操作入力の内容をＣＰＵ１１０に出力するものである。なお、操作受付部１６０の少なくとも一部と表示部１５０とをタッチパネルとして一体として構成するようにしてもよい。また、情報処理装置１００本体とマウスとを有線で接続するようにしてもよく、無線で接続するようにしてもよい。

なお、本発明の実施の形態では、操作受付部１６０において、主にマウスを用いて操作する場合について説明する。本発明の実施の形態で用いるマウスは、例えば、少なくとも左右２つのボタンと、この２つのボタンの間に配置されるホイールとを有するマウスである。また、情報処理装置１００は、これらのマウスを複数接続することが可能であり、各マウスの操作に応じて各種制御を実行する。なお、本実施の形態では、操作受付部１６０が５つのマウス１６１乃至１６５を備える場合について説明する。

表示部１５０に表示される画面上には、各マウスの動きに応じて移動するカーソル（マウスポインタ）が表示される。カーソルは、表示部１５０に表示される画面上において、指示や操作の対象を指し示すために用いられるマウスポインタである。本実施の形態では、複数のユーザが自己のカーソルを判別し易いように、各ユーザのイメージをデザイン化した顔画像をカーソルとして用いている。カーソルについては、図面を参照して説明する。

ここで、マウスの操作について説明する。「ポイント」とは、カーソルで対象を指し示すことを意味する。「左クリック」とは、マウスの左側ボタンを１回だけ押すことを意味し、「右クリック」とは、マウスの右側ボタンを１回だけ押すことを意味する。「ダブルクリック」とは、マウスの左側ボタンを連続で２回押すことを意味する。「中ボタンクリック」とは、マウスのホイールを１回だけ押すことを意味する。「左ドラッグ」とは、マウスの左側ボタンを押し続けながらマウスを移動することを意味し、「右ドラッグ」とは、マウスの右側ボタンを押し続けながらマウスを移動することを意味し、「中ドラッグ」とは、マウスのホイールを押し続けながらマウスを移動することを意味する。「ドロップ」とは、ドラッグ後にボタンを離し、ドラッグ中の対象を移動等させることを意味する。

音声出力部１７０は、ＣＰＵ１１０の制御に基づいて各種音声情報を出力するスピーカである。

なお、情報処理装置１００に情報出力部を設け、表示部１５０に表示される画像に対応する画像情報を情報出力部から出力させ、他の画像表示装置において表示部１５０に表示される画像と同じ画像を表示させるようにしてもよい。

図２は、本発明の実施の形態における情報処理装置１００の制御に関する機能構成例を示すブロック図である。この情報処理装置１００は、操作受付部２１０と、画像記憶部２２０と、縮小画像生成部２３０と、縮小画像記憶部２４０と、描画部２５０と、制御部２６０と、表示部２７０と、管理情報記憶部２８０とを備える。

操作受付部２１０は、ユーザからの操作入力を受け付けるものであり、受け付けた操作内容を制御部２６０に出力するものである。例えば、ポインティングデバイスであるマウスの操作に応じて操作入力が受け付けられる。なお、操作受付部２１０は、図１に示す操作受付部１６０に対応する。

画像記憶部２２０は、各種の画像を記憶する記憶部であり、記憶されている画像を縮小画像生成部２３０および描画部２５０に出力する。画像記憶部２２０は、例えば、図３乃至図９等に表示される各画像を記憶する。

縮小画像生成部２３０は、画像記憶部２２０に記憶されている画像に対応するサムネイル画像（縮小画像）を生成するものであり、生成されたサムネイル画像を縮小画像記憶部２４０に出力する。

縮小画像記憶部２４０は、縮小画像生成部２３０により生成されたサムネイル画像を記憶するものであり、記憶されているサムネイル画像を描画部２５０に出力する。なお、縮小画像記憶部２４０には、各画像データの管理情報に含まれるサムネイル画像を予め記憶させておき、このサムネイル画像を描画部２５０に出力するようにしてもよい。

描画部２５０は、画像記憶部２２０に記憶されている画像、および縮小画像記憶部２４０に記憶されているサムネイル画像を、表示部２７０に表示させる表示画像として描画するものである。例えば、描画部２５０は、少なくともスライドパネル３１０（図３等に示す）を含む表示領域において画像記憶部２２０に記憶されている画像のうちの少なくとも１つの画像を所定の順序でスライドパネル３１０に描画する。また、描画部２５０は、少なくともスライドパネル３１０と複数の領域に分割された引き出しパネル３３０（図３等に示す）とを含む表示領域において画像記憶部２２０に記憶されている画像に対応する縮小画像を引き出しパネル３３０に描画する。さらに、描画部２５０は、引き出しパネル３３０の各領域をスライドパネル３１０に隣り合う略矩形状の領域として描画する。また、描画部２５０は、操作受付部２１０により受け付けられた操作入力に応じて移動するカーソルを表示領域に描画する。さらに、描画部２５０は、少なくともスライドパネル３１０と棚パネル３２０（図３等に示す）と引き出しパネル３３０とを含む表示領域において画像記憶部２２０に記憶されている画像のうちの少なくとも１つの画像を所定の順序でスライドパネル３１０に描画するとともに縮小画像記憶部２４０に記憶されている縮小画像のうちの少なくとも２つ以上の縮小画像を一覧画像として所定の順序で棚パネル３２０に描画する。

制御部２６０は、操作受付部２１０から受け取った操作内容に応じて描画部２５０を制御するものである。例えば、制御部２６０は、スライドパネル３１０に含まれる画像を選択する旨の操作入力が操作受付部２１０により受け付けられた場合には当該画像に対応して管理情報記憶部２８０に記憶されている管理情報に当該画像が選択された旨を記録する。具体的には、制御部２６０は、スライドパネル３１０に含まれる画像を引き出しパネル３３０の何れかの領域に対応付けて選択する旨の操作入力が操作受付部２１０により受け付けられた場合には当該画像に対応して管理情報記憶部２８０に記憶されている管理情報に当該画像に対応付けて選択された引き出しパネル３３０の領域を記録するとともに当該画像に対応して縮小画像記憶部２４０に記憶されている縮小画像を当該画像に対応付けて選択された引き出しパネル３３０の領域に描画部２５０に描画させる。さらに、制御部２６０は、スライドパネル３１０に含まれる画像を引き出しパネル３３０の何れかの領域に対応付けて選択する旨の操作入力が操作受付部２１０により受け付けられた場合にはスライドパネル３１０に含まれる当該画像の付近に当該画像に対応付けて選択された引き出しパネル３３０の領域を示すマークを描画部２５０に描画させる。

管理情報記憶部２８０は、画像記憶部２２０に記憶されている複数の画像に対応する管理情報を記憶するものであり、制御部２６０の指示に基づいて各種の管理情報の内容が記録または削除される。管理情報は、画像記憶部２２０に記憶されている各画像をそれぞれ管理する情報であり、画像の属性やサイズ、図３等に示すスライドパネル３１０および棚パネル３２０に表示される順序、図３等に示す引き出しパネル３３０の各領域への格納の有無を示す情報である引き出し領域情報等を含む情報である。すなわち、スライドパネル３１０に含まれる画像を選択（格納）する旨の操作入力が操作受付部２１０により受け付けられた場合には当該画像に対応する管理情報に当該画像が選択（格納）された旨が引き出し領域情報として記録される。例えば、画像記憶部２２０に記憶されている複数の画像のうちで、図３等に示す第１引き出し部３３１乃至第４引き出し部３３４に格納される画像については、その画像に対応する管理情報の引き出し領域情報として、各領域に対応する数字が記録される。例えば、第１引き出し部３３１に画像が格納された場合には、その画像に対応する管理情報の引き出し領域情報として「１」が記録される。また、第２引き出し部３３２乃至第４引き出し部３３４については、同様に、管理情報の引き出し領域情報として「２」乃至「４」が記録される。なお、お気に入り引き出し部３３５については、管理情報の引き出し領域情報として「５」が記録されるとともに、操作されたカーソルに関する情報が記録される。また、管理情報の引き出し領域情報として「１」乃至「５」の全てが記録される場合もある。

表示部２７０は、描画部２５０によって描画された内容を表示するものである。なお、表示部２７０は、図１に示す表示部１５０に対応する。

図３は、表示部１５０に表示される表示画面の一例である表示画面３００を示す図である。

表示画面３００は、本発明の実施の形態における基本的な画面構成を示す表示画面である。表示画面３００には、スライドパネル（メイン領域）３１０と、棚パネル（サムネイル領域）３２０と、引き出しパネル（引き出し領域）３３０とが設けられている。また、表示画面３００には、情報処理装置１００に備えられるマウスのうちで、実際に使用されている５つのマウスに対応するカーソル３０１乃至３０５が表示されている。なお、本実施の形態では、父、母、娘、息子の４人家族とお客との５人が５個のマウスを操作する場合について説明する。この場合に、各カーソルは、操作する人をイメージした画像表示とする。具体的には、各カーソルを父、母、娘、息子、一般人をイメージした画像とし、各顔画像の髪の色を、引き出しパネル３３０における第１取っ手部３３６乃至第４取っ手部３３９の色に対応させる。これにより、ユーザが自己のカーソルと自己の引き出し部とを容易に認識することができる。例えば、父カーソル３０１および第１取っ手部３３６に付された色を青とし、母カーソル３０３および第２取っ手部３３７に付された色を赤とし、息子カーソル３０２および第３取っ手部３３８に付された色をオレンジとし、娘カーソル３０４および第４取っ手部３３９に付された色をピンクとし、それぞれを対応するカーソルと引き出しとすることができる。

スライドパネル３１０は、表示画面３００におけるメイン領域であり、ＨＤＤ１４０に格納されている画像データに対応する各画像を上下方向に移動可能に表示する領域である。なお、これらの画像データは、棚パネル３２０に表示される各サムネイル画像に対応する画像であり、例えば、所定のフォルダに格納されている複数の画像である。例えば、スライドパネル３１０には、画像３１１乃至３１３と、お気に入りマーク３１４と、スタンプ３１５とが表示されている。画像３１１乃至３１３は、例えば、デジタルスチルカメラ等の撮像装置で撮影された撮影画像である。画像３１２については、各マウスのうちの１つのマウスを用いて画像３１２上にカーソルを重ね合わせた状態で上下方向の下側に左ドラッグすることによって、画像３１２をスライドパネル３１０の真中部分に表示させることができる。このように、スライドパネル３１０の真中部分に画像３１２が表示された場合には、画像３１２の下側に画像３１１の上部分が表示される。また、画像３１３については、各マウスのうちの１つのマウスを用いて画像３１３上にカーソルを重ね合わせた状態で上下方向の上側に左ドラッグすることによって、画像３１３をスライドパネル３１０の真中部分に表示させることができる。このように、スライドパネル３１０の真中部分に画像３１３が表示された場合には、画像３１３の上側に画像３１１の下部分が表示される。

お気に入りマーク３１４は、スライドパネル３１０に表示される画像の左上部分に表示される星型画像であり、この星型画像の部分にカーソルを重ね合わせた状態で左クリックをすると、お気に入りマーク３１４のうちの１つの星型画像の色が変化するとともに、お気に入りマーク３１４の下に表示されている画像に対応するサムネイル画像がお気に入り引き出し部３３５に格納される。

スタンプ３１５は、スライドパネル３１０に表示される画像が、第１引き出し部３３１乃至第４引き出し部３３４の何れかの引き出し部に格納されているサムネイル画像に対応する画像である場合に当該画像の左下部分に表示されるものである。なお、スライドパネル３１０に表示される各画像は、第１引き出し部３３１乃至第４引き出し部３３４のうちの１つまたは複数の引き出し部に格納可能である。これにより、スタンプ３１５は、画像が格納されている第１引き出し部３３１乃至第４引き出し部３３４に応じた数が表示される。また、このスタンプ３１５には、画像が格納されている引き出し部に対応する第１取っ手部３３６乃至第４取っ手部３３９に応じた色が付される。

棚パネル３２０は、スライドパネル３１０に順次表示される画像に対応するサムネイル画像が一覧表示されるサムネイル領域である。棚パネル３２０の表示領域には、例えば、図３に示すように、複数のサムネイル画像のうちのサムネイル画像３２１乃至３２５が表示される。また、棚パネル３２０には、右側取っ手部３２６と、上側取っ手部３２７と、下側取っ手部３２８とが設けられている。

右側取っ手部３２６は、この部分にカーソルを重ね合わせた状態で左右方向に左ドラッグされると、ドラッグされた距離に応じて左右方向に移動して左右方向における棚パネル３２０の領域を拡大または縮小させるものである。また、この場合には、棚パネル３２０の領域の拡大または縮小に合わせるように、スライドパネル３１０に表示されている各画像が拡大または縮小されて表示される。

上側取っ手部３２７は、この部分にカーソルを重ね合わせた状態で上下方向の下側に左ドラッグされると、棚パネル３２０に表示されているサムネイル画像を上下方向の下側にスライドさせて棚パネル３２０に表示されるサムネイル画像を切り換えるものである。また、同様に、下側取っ手部３２８は、この部分にカーソルを重ね合わせた状態で上下方向の上側に左ドラッグされると、棚パネル３２０に表示されているサムネイル画像を上下方向の上側にスライドさせて棚パネル３２０に表示されるサムネイル画像を切り換えるものである。

引き出しパネル３３０は、スライドパネル３１０または棚パネル３２０に表示される画像をユーザの好みに応じて格納するための引き出し領域である。引き出しパネル３３０には、第１引き出し部３３１乃至第４引き出し部３３４およびお気に入り引き出し部３３５と、第１取っ手部３３６乃至第５取っ手部３４０と、全体取っ手部３４１とが設けられている。

第１引き出し部３３１乃至第４引き出し部３３４およびお気に入り引き出し部３３５は、各マウスの操作に応じてスライドパネル３１０または棚パネル３２０に表示されている各画像を出し入れすることができる領域である。

第１取っ手部３３６乃至第５取っ手部３４０は、この部分にカーソルを重ね合わせた状態で左右方向に左ドラッグされると、ドラッグされた距離に応じて左右方向に移動して、それぞれ対応する第１引き出し部３３１乃至第４引き出し部３３４およびお気に入り引き出し部３３５の左右方向における領域を拡大または縮小させるものである。

全体取っ手部３４１は、この部分にカーソルを重ね合わせた状態で左右方向に左ドラッグされると、ドラッグされた距離に応じて左右方向に移動して、第１引き出し部３３１乃至第４引き出し部３３４およびお気に入り引き出し部３３５のうちで全体取っ手部３４１よりも右側に位置する引き出し部の左右方向における領域を拡大または縮小させるものである。

ここで、棚パネル３２０に表示されるサムネイル画像について図４および図５を参照して説明する。なお、以下で示す棚パネル３２０等の各符号については、図３で示したものと同じものには同一の符号を付して説明する。

図４（ａ）は、表示部１５０に表示される表示画面の一例である表示画面３００ａを示す図である。また、図４（ｂ）は、棚パネル３２０におけるサムネイル画像１乃至１０を上側にスライドさせた後に棚パネル３２０に表示されるサムネイル画像１１乃至２０を示す図である。また、図５は、棚パネル３２０の領域を表示画面３００ａの右端まで拡大させた後における表示画面３００ｂを示す図である。なお、表示画面３００ｂにおける棚パネル３２０にはサムネイル画像１乃至４０が表示されている。

例えば、図４（ａ）に示すように、表示部１５０に表示画面３００ａが表示されている場合において、棚パネル３２０にはサムネイル画像１乃至１０が表示されているとする。この場合において、右側取っ手部３２６にカーソルを重ね合わせた状態で左右方向の右側に所定の距離だけ左ドラッグすると、棚パネル３２０におけるサムネイル画像６乃至１０の右側の領域には図４（ｂ）に示すサムネイル画像１１乃至１５が表示される。さらに続けて所定の距離だけ左ドラッグすると、棚パネル３２０におけるサムネイル画像６乃至１０の右側の領域には図４（ｂ）に示すサムネイル画像１１乃至２０が表示される。

また、右側取っ手部３２６にカーソルを重ね合わせた状態で表示画面３００ａの右端まで左ドラッグすると、図５に示すように、棚パネル３２０の領域が拡大されて表示画面のほぼ全体が棚パネル３２０となり、棚パネル３２０にはサムネイル画像１乃至４０が表示される。

また、下側取っ手部３２８にカーソルを重ね合わせた状態で上下方向の上側に所定の距離だけ左ドラッグすると、サムネイル画像１乃至１０が上側にスライドしていき、棚パネル３２０には図４（ｂ）に示すサムネイル画像１１乃至２０が表示される。

例えば、棚パネル３２０にサムネイル画像１乃至５が表示されている場合において、下側取っ手部３２８にカーソルを重ね合わせた状態で上下方向の上側に所定の距離だけ左ドラッグすると、サムネイル画像１乃至５が上側にスライドしていき、棚パネル３２０にはサムネイル画像６乃至１０が表示される。このように、下側取っ手部３２８を用いることによって、図５に示すサムネイル画像１乃至４０について、表示領域が右側にスライドされるように、各サムネイル画像を棚パネル３２０に順次表示させることができる。一方、上側取っ手部３２７を用いた場合には、図５に示すサムネイル画像１乃至４０について、表示領域が左側にスライドされるように、各サムネイル画像を棚パネル３２０に順次表示させることができる。

次に、スライドパネル３１０に表示されている各画像をスライドする場合における操作について図面を参照して説明する。

図６は、表示部１５０に表示される表示画面の一例である表示画面３５０を示す図である。また、図７は、表示部１５０に表示される表示画面の一例である表示画面３５５を示す図である。

表示画面３５０は、棚パネル３２０の右側取っ手部３２６を左端にスライドさせ、引き出しパネル３３０の全体取っ手部３４１を右端にスライドさせた場合における表示画面である。表示画面３５０におけるスライドパネル３１０には画像３５１乃至３５３が表示されている。この場合において、例えば、画像３５３の表示部分に母カーソル３０３を重ね合わせた状態で上下方向の上側に左ドラッグをすると、この左ドラッグ操作が所定の距離になるまでは画像３５３のみが上下方向の上側にスライドする。さらに続けて所定の距離だけ左ドラッグをすると、画像３５１乃至３５３が上下方向の上側にスライドして、画像３５３全体をスライドパネル３１０に表示させることができる。また、同様に、画像３５２の表示部分にカーソルを重ね合わせた状態で上下方向の下側に所定の距離だけ左ドラッグをすると、画像３５１乃至３５３を上下方向の下側にスライドさせることができる。

また、同様に、図７を用いて説明すると、例えば、図７（ａ）に示す表示画面３５５において、画像３５７の表示部分に母カーソル３０３を重ね合わせた状態で上下方向の上側に所定の距離だけ左ドラッグをすると、画像３５６乃至３５８を上下方向の上側にスライドさせることができる。例えば、矢印３５４方向に左ドラッグすると、図７（ｂ）に示すように、表示画面３５５には画像３５６、３５７、３５９が表示される。

なお、スライドパネル３１０に表示される画像と、棚パネル３２０に表示されるサムネイル画像とは、それぞれ独立してスライドすることができる。このため、同一画面上にスライドパネル３１０に表示される画像と、この画像に対応するサムネイル画像とが同期して表示されない場合がある。

次に、スライドパネル３１０に表示されている画像に対応するサムネイル画像を棚パネル３２０に表示させる場合における操作について図面を参照して説明する。

図８は、表示部１５０に表示される表示画面の一例である表示画面３５５を示す図である。

図８に示す表示画面３５５において、例えば、スライドパネル３１０に表示されている画像３５７に対応するサムネイル画像を棚パネル３２０に表示させる場合には、画像３５７の表示部分に母カーソル３０３を重ね合わせた状態で左右方向の左側に棚パネル３２０の領域まで左ドラッグし、棚パネル３２０の領域でドロップする。例えば、矢印３５４ａ方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図８（ａ）に示すように、母カーソル３０３とともに画像３５７に対応するサムネイル画像３５７ｓが表示される。そして、母カーソル３０３とともにサムネイル画像３５７ｓを棚パネル３２０の領域まで左ドラッグし、棚パネル３２０の領域でドロップすると、図８（ｂ）に示すように、棚パネル３２０には、画像３５７に対応するサムネイル画像３５７ｓを含む列のサムネイル画像が表示される。例えば、サムネイル画像３５７ｓの次には、スライドパネル３１０において画像３５７の次に表示されている画像３５９に対応するサムネイル画像３５９ｓが表示されている。これにより、例えば、スライドパネル３１０に表示される画像とこれに対応するサムネイル画像とを容易に同期させて表示させることができる。

次に、棚パネル３２０に表示されているサムネイル画像に対応する画像をスライドパネル３１０に表示させる場合における操作について図面を参照して説明する。

図９は、表示部１５０に表示される表示画面の一例である表示画面３７０を示す図である。なお、図９（ａ）に示す画像３７４は、図９（ａ）に示す棚パネル３２０に表示されているサムネイル画像を参照すると、所定のフォルダに格納されている画像の順番として１番目の画像であるため、スライドパネル３１０における上側に画像が表示されない。

図９に示す表示画面３７０に画像３７４および３７５が表示されている場合において、例えば、棚パネル３２０に表示されているサムネイル画像３７２ｓに対応する画像３７２をスライドパネル３１０に表示させる場合には、サムネイル画像３７２ｓの表示部分に母カーソル３０３を重ね合わせた状態で左右方向の右側にスライドパネル３１０の領域まで左ドラッグし、スライドパネル３１０の領域でドロップする。例えば、矢印３５４ｂ方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図９（ａ）に示すように、母カーソル３０３とともにサムネイル画像３７２ｓが表示される。そして、母カーソル３０３とともにサムネイル画像３７２ｓをスライドパネル３１０の領域まで左ドラッグし、スライドパネル３１０の領域でドロップすると、図９（ｂ）に示すように、スライドパネル３１０には、サムネイル画像３７２ｓに対応する画像３７２が表示される。また、この場合には、サムネイル画像３７２ｓの前と後に配置されている画像が画像３７２の上側と下側に表示される。例えば、サムネイル画像３７２ｓの前に配置されていたサムネイル画像３７１ｓに対応する画像３７１が画像３７２の上側に表示される。これにより、例えば、スライドパネル３１０に表示される画像とこれに対応するサムネイル画像とを容易に同期させて表示させることができる。

図１０は、表示部１５０に表示される表示画面の一例であってマウスとカーソルとの対応付けに関する遷移を示す図である。図１０（ａ）は、図３で示した表示画面３００における引き出しパネル３３０側の一部を示す図である。

情報処理装置１００を使用する各ユーザには、引き出しパネル３３０の第１引き出し部３３１乃至第４引き出し部３３４のうちから通常使用する引き出し部が割り当てられている。そして、情報処理装置１００を各ユーザが使用する場合には、何れかのマウスを用いて表示部１５０に表示されている操作対象となるカーソルを見つけ、図１０（ａ）に示すように、そのカーソルを自己の引き出し部の領域に重ね合わせる。そして、各ユーザがカーソルを自己の引き出し部の領域に重ね合わせた状態で、所定のキーを押下する。例えば、操作受付部１６０のキーボードにおける「Ｒ」キーを押下する。この押下によって各カーソルが、図１０（ｂ）に示すように、各ユーザに応じたカーソルに変更される。すなわち、引き出し部に対応するカーソルに変更される。

このように、本発明の実施の形態においては、情報処理装置１００を使用する毎に、１人のユーザに対して１つのマウスが割り当てられるものの、カーソル毎に専用のマウスを設定する必要はない。これは、上述したように、情報処理装置１００を使用する毎に、マウスとカーソルとを対応付けをしてから使用することができるからである。

次に、棚パネル３２０に表示されるサムネイル画像の数を増減させる場合について図面を参照してさらに詳細に説明する。

図１１は、表示部１５０に表示される表示画面の一例である表示画面３６０を示す図である。

表示画面３６０は、図３で示した表示画面３００において棚パネル３２０の右側取っ手部３２６を右側に移動させるとともに引き出しパネル３３０全体を右側に移動させた場合における表示画面である。この場合における表示画面３６０には、スライドパネル３１０の画像３１１乃至３１３とともに、棚パネル３２０における複数のサムネイル画像および右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８、引き出しパネル３３０の全体取っ手部３４１、父カーソル３０１、息子カーソル３０２、母カーソル３０３、娘カーソル３０４、一般用カーソル３０５等が表示されている。

棚パネル３２０の領域が右側に拡大されたことによってスライドパネル３１０の表示領域が縮小され、これに応じて画像３１１乃至３１３がそれぞれ縮小されて表示される。この場合に、スライドパネル３１０における各画像が所定の大きさ以下にならないように縮小処理をするようにしてもよい。また、棚パネル３２０の領域が右側に拡大されたことによって棚パネル３２０のサムネイル表示領域が大きくなるため、棚パネル３２０には図３で示したサムネイル画像３２１乃至３２５とともに他のサムネイル画像が表示される。例えば、上下方向に５個および左右方向に３個の合計１５個のサムネイル画像が表示される。

棚パネル３２０において、例えば、棚パネル３２０の右側取っ手部３２６に父カーソル３０１を重ね合わせた状態で左右方向に左ドラッグすることによって、右側取っ手部３２６を左右方向に移動させることができる。この場合に、右側取っ手部３２６を左右方向に所定の距離を越えて移動させた場合には、アニメーションにより右側取っ手部３２６を移動させることができる。ここで、アニメーションによる表示とは、操作入力に従って表示領域に描画されている画像を移動させる場合に、その移動における変化の態様を示す各画像を時間の経過に応じて順次表示させることである。

これにより、棚パネル３２０のサムネイル表示領域の縮小または拡大の遷移を見易くすることができる。また、スライドパネル３１０側に右側取っ手部３２６を移動させて棚パネル３２０のサムネイル表示領域を拡大することによって、現在表示されているサムネイル画像を表示させた状態で、サムネイル画像を列単位で増加させるようにすることができる。さらに、スライパネル３１０とは反対側に右側取っ手部３２６を移動させて棚パネル３２０のサムネイル表示領域を縮小することによって、現在表示されているサムネイル画像を表示させた状態で、サムネイル画像を列単位で削除させるようにすることができる。これらにより、棚パネル３２０に表示されるサムネイル画像を見易くした状態で、その数を増減させることができる。

また、棚パネル３２０において、例えば、棚パネル３２０の上側取っ手部３２７に母カーソル３０３を重ね合わせた状態で上下方向の下側に左ドラッグすることによって、上側取っ手部３２７を上下方向の下側に移動させることができる。この場合に、上側取っ手部３２７を上下方向の下側に所定の距離を越えて移動させた場合には、アニメーションにより棚パネル３２０内のサムネイル画像を下側に移動させることができる。同様に、例えば、棚パネル３２０の下側取っ手部３２８に娘カーソル３０４を重ね合わせた状態で上下方向の上側に左ドラッグすることによって、下側取っ手部３２８を上下方向の上側に移動させることができる。この場合に、下側取っ手部３２８を上下方向の上側に所定の距離を越えて移動させた場合には、アニメーションにより棚パネル３２０内のサムネイル画像を上側に移動させることができる。これらにより、図４および図５を参照して説明したように、棚パネル３２０のサムネイル表示領域の移動の遷移を見易くすることができる。また、棚パネル３２０に表示されているサムネイル画像を見易くした状態で、移動させることができる。

図１２乃至１５は、表示部１５０に表示される表示画面の一例である表示画面３８０を示す図であって、表示画面３８０に表示される棚パネル３２０の遷移の例を示す図である。

図１２（ａ）に示す表示画面３８０は、棚パネル３２０に１０個（５行×２列）のサムネイル画像が表示されている表示画面である。この表示画面３８０において、例えば、図１２（ａ）に示すように、棚パネル３２０の右側取っ手部３２６に母カーソル３０３を重ね合わせた状態で左右方向の右側に左ドラッグすると、図１２（ｂ）に示すように、右側取っ手部３２６を矢印３８３方向に移動させることができる。さらに、右側取っ手部３２６を矢印３８３方向に所定の距離まで移動させると、アニメーションにより右側取っ手部３２６を矢印３８３方向に移動させることができる。このアニメーションによる移動後には、図１３（ｂ）に示すように、棚パネル３２０には１５個（５行×３列）のサムネイル画像が表示される。

また、図１３（ａ）に示すように、右側取っ手部３２６を矢印３８３（図１２に示す）方向にさらに移動させた場合において、所定の距離に満たない位置で左ドラッグを止めると、アニメーションにより右側取っ手部３２６を矢印３８３（図１２に示す）とは反対方向に移動させることができる。このアニメーションによる移動後には、図１３（ｂ）に示すように、棚パネル３２０には１５個（５行×３列）のサムネイル画像が表示される。これらにより、右側取っ手部３２６の移動による変化を見易くすることができる。また、例えば、図１２（ａ）および図１３（ｂ）に示すように、棚パネル３２０には各サムネイル画像の全体の画像を表示させることができる。

また、図１３（ｂ）に示すように、棚パネル３２０に１５個（５行×３列）のサムネイル画像が表示されている表示画面３８０において、例えば、図１４（ａ）に示すように、棚パネル３２０の下側取っ手部３２８に母カーソル３０３を重ね合わせた状態で上下方向の上側に左ドラッグすると、下側取っ手部３２８を矢印３８４方向に移動させることができる。さらに、下側取っ手部３２８を矢印３８４方向に所定の距離まで移動させると、アニメーションにより下側取っ手部３２８およびサムネイル画像を矢印３８４方向に移動させることができる。このアニメーションによる移動後には、図１４（ｂ）に示すように、この移動前のサムネイル画像をスライドさせた１５個（５行×３列）のサムネイル画像が棚パネル３２０に表示される。

なお、図１４（ａ）に示すように、下側取っ手部３２８を矢印３８４方向に移動させている場合において、所定の距離に満たない位置で左ドラッグを止めると、アニメーションにより下側取っ手部３２８を矢印３８４とは反対方向に移動させることができる。このアニメーションによる移動後には、図１３（ｂ）に示すように、棚パネル３２０には１５個（５行×３列）のサムネイル画像が表示される。これらにより、サムネイル画像の移動による変化を見易くすることができる。また、例えば、図１３（ｂ）および図１４（ｂ）に示すように、棚パネル３２０には各サムネイル画像の全体の画像を表示させることができる。

次に、棚パネル３２０に表示されるサムネイル画像の数を変更する場合について図面を参照して説明する。

図１５は、表示部１５０に表示される表示画面の一例である表示画面３９０の一部を示す図であって、棚パネル３２０に表示されるサムネイル画像の数を変更する場合における表示領域の幅４００と閾値（ｌｏｗ）４０１および閾値（ｈｉｇｈ）４０２との関係を示す図である。なお、以下で説明する各表示画面においては、左右方向をｘ方向とし、上下方向をｙ方向とする。

棚パネル３２０の表示領域の幅４００は、棚パネル３２０の表示領域の左端と、棚パネル３２０の表示領域の右端との長さである。なお、棚パネル３２０の表示領域には右側取っ手部３２６を含め、棚パネル３２０の表示領域の右端は右側取っ手部３２６の右端とする。棚パネル３２０の表示領域の幅４００が閾値（ｌｏｗ）４０１よりも小さくなった場合には、アニメーションにより棚パネル３２０の領域が縮小される。また、棚パネル３２０の表示領域の幅４００が閾値（ｈｉｇｈ）４０２よりも大きくなった場合には、アニメーションにより棚パネル３２０の領域が拡大される。なお、表示領域の幅と閾値（ｈｉｇｈ）および閾値（ｌｏｗ）との関係の詳細については、図４３を参照してさらに詳細に説明する。

次に、棚パネル３２０に表示されているサムネイル画像を切り換える場合について図面を参照して説明する。

図１６は、表示部１５０に表示される表示画面の一例である表示画面３９１の一部を示す図であって、棚パネル３２０に表示されているサムネイル画像を切り換える場合における表示領域のｙ座標４１０と閾値（ｈｉｇｈ）４１１および閾値（ｌｏｗ）４１２との関係を示す図である。

棚パネル３２０の表示領域のｙ座標４１０は、棚パネル３２０の表示領域の上端と下端との長さの中心位置である。なお、棚パネル３２０の表示領域には上側取っ手部３２７および下側取っ手部３２８を含め、棚パネル３２０の表示領域の上端は上側取っ手部３２７の上端とし、棚パネル３２０の表示領域の下端は下側取っ手部３２８の下端とする。棚パネル３２０の表示領域のｙ座標４１０が閾値（ｈｉｇｈ）４１１よりも大きくなった場合には、アニメーションにより次のサムネイル画像に切り換えられる。棚パネル３２０の表示領域のｙ座標４１０が閾値（ｌｏｗ）４１２よりも小さくなった場合には、アニメーションにより前のサムネイル画像に切り換えられる。なお、表示領域のｙ座標と閾値（ｈｉｇｈ）および閾値（ｌｏｗ）との関係の詳細については、図４４を参照してさらに詳細に説明する。

次に、引き出しパネル３３０の領域を拡大または縮小させる場合について図面を参照してさらに詳細に説明する。

図１７および図１８は、表示部１５０に表示される表示画面の表示例を示す図である。図１７（ａ）は、引き出しパネル３３０の領域を拡大させる前の状態を示す図であり、図１７（ｂ）および図１８（ａ）は、全体取っ手部３４１を用いて、引き出しパネル３３０全体の領域を拡大させた状態を示す図である。図１８（ｂ）は、第１取っ手部３３６を用いて、第１引き出し部３３１の領域を拡大させた状態を示す図である。

図１７（ａ）に示す表示画面には、スライドパネル３１０の画像４２１乃至４２３、棚パネル３２０の複数のサムネイル画像、第１引き出し部３３１乃至第４引き出し部３３４、お気に入り引き出し部３３５、第１取っ手部３３６乃至第５取っ手部３４０、全体取っ手部３４１、第１引き出し部３３１または第４引き出し部３３４に格納されているサムネイル画像、父カーソル３０１、息子カーソル３０２、母カーソル３０３、娘カーソル３０４等が表示されている。

図１７（ａ）に示すように、第１引き出し部３３１乃至第４引き出し部３３４およびお気に入り引き出し部３３５の左端が、全体取っ手部３４１の右側に位置している場合において、例えば、全体取っ手部３４１の何れかの部分に母カーソル３０３を重ね合わせた状態で矢印４２４方向に左ドラッグされると、ドラッグされた距離に応じて全体取っ手部３４１が矢印４２４方向に移動して、図１７（ｂ）および図１８（ａ）に示すように、引き出しパネル３３０の左右方向における領域が拡大される。このように、引き出しパネル３３０の領域が左側に拡大されることによってスライドパネル３１０の表示領域が縮小され、これに応じて画像４２１乃至４２３がそれぞれ縮小されて表示される。この場合に、スライドパネル３１０における各画像が所定の大きさ以下にならないように縮小処理をするようにしてもよい。

また、図１８（ａ）に示すように、第１取っ手部３３６に母カーソル３０３を重ね合わせた状態で矢印４２５方向に左ドラッグされると、ドラッグされた距離に応じて第１取っ手部３３６が矢印４２５方向に移動して、図１８（ｂ）に示すように、第１引き出し部３３１の左右方向における領域が拡大される。なお、各引き出し部の領域が左側に拡大されたような場合には、スライドパネル３１０の表示領域が縮小されるものの、画像４２１乃至４２３は縮小せずに表示される。また、第１引き出し部３３１の領域の拡大に応じて、第１引き出し部３３１に格納されている各サムネイル画像の重畳された部分が少なくなるように、サムネイル画像が表示される。なお、引き出し部に格納されているサムネイル画像の表示方法については、図２９、図３０等を参照して詳細に説明する。また、引き出しパネル３３０の左右方向における各領域の縮小についても、全体取っ手部３４１または第１取っ手部３３６乃至第５取っ手部３４０を用いて縮小させることができる。また、各引き出し部の領域の拡大または縮小については、何れのカーソルを用いても行えるようにする。これにより、複数の人が協力して画像整理等の作業を行う場合に、この作業を行い易くする。

図１９は、表示部１５０に表示される表示画面の一例を示す図であって、右側取っ手部３２６を左端に移動させて棚パネル３２０の領域を縮小させ、引き出しパネル３３０の各領域を拡大させた場合における表示画面を示す図である。

図１９に示す表示画面において、例えば、父カーソル３０１を用いて、第１取っ手部３３６を矢印４３４または矢印４３５の何れかの方向に移動させて、第１引き出し部３３１の領域を拡大または縮小することができるとともに、息子カーソル３０２を用いて、全体取っ手部３４１を矢印４３６または矢印４３７の何れかの方向に移動させて、第３引き出し部３３３および第４引き出し部３３４の領域を拡大または縮小することができる。このように、引き出しパネル３３０の各引き出し部の領域をそれぞれ独立して拡大または縮小させることができる。

ここで、スライドパネル３１０に表示される各画像と、引き出しパネル３３０の各引き出し部に格納されている各画像との関係について説明する。スライドパネル３１０に表示されている画像にカーソルを重ね合わせた状態で何れかの引き出し部まで左ドラッグし、その引き出し部の領域でドロップすると、その画像に対応するサムネイル画像をドラッグ先の引き出し部に表示させることができる。すなわち、引き出しパネル３３０に表示されている画像を各引き出し部に格納することができる。なお、これらの格納操作については、図２０乃至図２３等を参照して詳細に説明する。

例えば、スライドパネル３１０に猫画像４３２が表示されている場合において、左ドラッグ操作によって猫画像４３２を各引き出し部に格納することができる。例えば、図１９に示すように、猫画像４３２に対応するサムネイル画像４３８が第１引き出し部３３１に格納され、猫画像４３２に対応するサムネイル画像４３９が第２引き出し部３３２に格納される。このように、スライドパネル３１０に表示されている画像が、何れかの引き出し部に格納されている場合には、格納されている引き出し部の数に応じたスタンプが、スライドパネル３１０に表示されている画像の左下部分に表示される。また、このスタンプには、画像が格納されている引き出し部に対応する取っ手部に応じた色が付される。例えば、猫画像４３２の左下部分には、第１取っ手部３３６に対応する色（例えば青色[0]）のポイント３１５ａ、および第２取っ手部３３７に対応する色（例えば赤色[0]）のポイント３１５ｂが表示される。これにより、引き出し部の格納状態を容易に認識することができる。

また、お気に入りマーク３１４の部分にカーソルを重ね合わせた状態で左クリックをすると、お気に入りマーク３１４の下に表示されている画像に対応するサムネイル画像がお気に入り引き出し部３３５に格納される。例えば、猫画像４３２に対応するサムネイル画像４４０がお気に入り引き出し部３３５に格納される。

また、各引き出し部に格納されているサムネイル画像の数が多い場合には、少なくともサムネイル画像の一部が表示されるように各ムネイル画像の一部が重畳されて表示される。また、各引き出し部の領域の拡大または縮小に応じて重畳された部分を増減させる。これにより、各引き出し部の格納状態を容易に認識することができる。

次に、スライドパネル３１０または棚パネル３２０に表示されている画像を、第１引き出し部３３１乃至第４引き出し部３３４、お気に入り引き出し部３３５に格納する格納方法について図面を参照してさらに詳細に説明する。

図２０は、表示部１５０に表示される表示画面の表示例を示す図であって、スライドパネル３１０に表示されている画像をお気に入り引き出し部３３５に格納する場合における表示画面を示す図である。

スライドパネル３１０に画像４５１乃至４５３が表示されている場合において、画像４５２をお気に入り引き出し部３３５に格納する場合について説明する。例えば、図２０（ａ）に示すように、画像４５２の左上部分に表示されているお気に入りマーク３１４の何れかの部分に母カーソル３０３を重ね合わせた状態で左クリックをする。この左クリックによって、図２０（ｂ）に示すように、お気に入りマーク３１４のうちの１つの色が変化するとともに、お気に入りマーク３１４の下に表示されている画像４５２に対応するサムネイル画像４５４がお気に入り引き出し部３３５に格納される。なお、画像４５２の何れかの部分に母カーソル３０３を重ね合わせた状態で、お気に入り引き出し部３３５まで左ドラッグおよびドロップがされた場合にも、図２０（ｂ）に示すように、お気に入りマーク３１４のうちの１つの色が変化するとともに、左ドラッグされた画像４５２に対応するサムネイル画像４５４がお気に入り引き出し部３３５に格納される。

図２１は、表示部１５０に表示される表示画面の表示例を示す図であって、スライドパネル３１０に表示されている画像を第２引き出し部３３２に格納する場合における表示画面を示す図である。

スライドパネル３１０に画像４６１乃至４６３が表示されている場合において、画像４６２を第２引き出し部３３２に格納する場合について説明する。例えば、図２１（ａ）に示すように、画像４６２の何れかの部分に母カーソル３０３を重ね合わせた状態で、第２引き出し部３３２まで左ドラッグし、第２引き出し部３３２の領域でドロップする。例えば、矢印４６４方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図２１（ａ）に示すように、母カーソル３０３とともに画像４６２に対応するサムネイル画像４６５が表示される。そして、母カーソル３０３とともにサムネイル画像４６５を第２引き出し部３３２の領域まで左ドラッグし、第２引き出し部３３２の領域でドロップすると、図２１（ｂ）に示すように、スライドパネル３１０にスタンプ３１５が表示されるとともに、左ドラッグされた画像４６２に対応するサムネイル画像４６６が第２引き出し部３３２に格納される。この場合には、スライドパネル３１０に表示されている画像４６２の左下部分には、第２引き出し部３３２に対応する第２取っ手部３３７に応じた色（例えば赤色）が付されたスタンプ３１５が表示される。また、棚パネル３２０に表示されているサムネイル画像のうちで、画像４６２に対応するサムネイル画像４６７の左下部分には縮小スタンプ４６８が表示される。なお、縮小スタンプ４６８は、スタンプ３１５を縮小したものであり、スタンプ３１５と同様の色と形状を有するスタンプである。

図２２は、表示部１５０に表示される表示画面の表示例を示す図であって、棚パネル３２０に表示されているサムネイル画像を第２引き出し部３３２に格納する場合における表示画面の遷移を示す図である。ここでは、第２引き出し部３３２に対応する母カーソル３０３を用いた格納について説明する。

棚パネル３２０にサムネイル画像４７１が表示されている場合において、サムネイル画像４７１を第２引き出し部３３２に格納する場合について説明する。例えば、図２２（ａ）に示すように、サムネイル画像４７１の何れかの部分に、第２引き出し部３３２に対応するカーソルである母カーソル３０３を重ね合わせた状態で左クリックする。この操作によって、図２１（ｂ）に示すように、左クリックされたサムネイル画像４７１に対応する画像４７２の左下部分にスタンプ３１５が表示されるとともに、サムネイル画像４７１に対応するサムネイル画像４７４が第２引き出し部３３２に格納される。この場合に、スライドパネル３１０に表示されている画像４７２の左下部分のスタンプ３１５には、第２引き出し部３３２に対応する第２取っ手部３３７に応じた色（例えば赤色）が付される。また、棚パネル３２０に表示されているサムネイル画像４７１の左下部分には、スタンプ３１５と同じ色が付された縮小スタンプ４７５が表示される。このように、引き出し部に対応するカーソルを用いた格納操作は容易である。

図２３は、表示部１５０に表示される表示画面の表示例を示す図であって、棚パネル３２０に表示されている画像を第３引き出し部３３３に格納する場合における表示画面を示す図である。ここでは、第３引き出し部３３２に対応していない母カーソル３０３を用いた格納について説明する。

棚パネル３２０にサムネイル画像４８１が表示されている場合において、サムネイル画像４８１を第３引き出し部３３３に格納する場合について説明する。例えば、図２３（ａ）に示すように、サムネイル画像４８１の何れかの部分に母カーソル３０３を重ね合わせた状態で、第３引き出し部３３３まで左ドラッグし、第３引き出し部３３３の領域でドロップする。例えば、矢印４８３方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図２３（ａ）に示すように、母カーソル３０３とともにサムネイル画像４８１に対応するサムネイル画像４８２が表示される。そして、母カーソル３０３とともにサムネイル画像４８１を第３引き出し部３３３の領域まで左ドラッグし、第３引き出し部３３３の領域でドロップすると、図２３（ｂ）に示すように、左ドラッグされたサムネイル画像４８１に対応するサムネイル画像４８４が第３引き出し部３３３に格納される。この場合には、棚パネル３２０に表示されているサムネイル画像４８１の左下部分には縮小スタンプ４８５が表示される。なお、縮小スタンプ４８５は、スタンプ３１５を縮小したものであり、スタンプ３１５と同様の色と形状を有するスタンプである。

図２４および図２５は、表示部１５０に表示される表示画面の表示例を示す図である。図２４および図２５に示すように、第１引き出し部３３１乃至第４引き出し部３３４、お気に入り引き出し部３３５の各領域を、各カーソルの操作者の操作のし易さに応じて、拡大または縮小させることができる。例えば、図２４に示すように、第１引き出し部３３１への格納を父カーソル３０１の操作者が開始するような場合には、操作者全員に分かるように、第１引き出し部３３１の領域を拡大させ、格納作業を他の操作者に協力してもらうことができる。また、図２５に示すように、棚パネル３２０に表示されているサムネイル画像を、お気に入り引き出し部３３５に格納していく操作を行う場合には、お気に入り引き出し部３３５の領域を、棚パネル３２０の右端付近まで拡大させることができる。これにより、ドラッグ操作の距離を短くすることができるため、操作を迅速に行うことができる。

次に、第１引き出し部３３１乃至第４引き出し部３３４、お気に入り引き出し部３３５に格納されているサムネイル画像を、他の領域に移動する移動方法について図面を参照してさらに詳細に説明する。

図２６は、表示部１５０に表示される表示画面の表示例を示す図であって、第１引き出し部３３１に格納されているサムネイル画像を他の引き出し部に格納する場合における表示画面の遷移を示す図である。

第１引き出し部３３１にサムネイル画像４９１が表示されている場合において、父カーソル３０１を用いて、サムネイル画像４９１を第４引き出し部３３４に移動する場合について説明する。例えば、図２６（ａ）に示すように、サムネイル画像４９１の何れかの部分に父カーソル３０１を重ね合わせた状態で、第４引き出し部３３４まで左ドラッグし、第４引き出し部３３４の領域でドロップする。例えば、矢印４９４方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図２６（ａ）に示すように、父カーソル３０１とともにサムネイル画像４９１に対応するサムネイル画像４９２が表示される。そして、父カーソル３０１とともにサムネイル画像４９２を第４引き出し部３３４の領域まで左ドラッグし、第４引き出し部３３４の領域でドロップすると、図２６（ｂ）に示すように、左ドラッグされたサムネイル画像４９１に対応するサムネイル画像４９３が第４引き出し部３３４に格納される。なお、この移動によって、第１引き出し部３３１に表示されていたサムネイル画像４９１が消去される。また、サムネイル画像４９１に対応する画像に付されているスタンプおよび縮小スタンプの色が、移動先の第４引き出し部３３４に対応する第４取っ手部３３９の色（例えばピンク色[0]）に変更される。また、第４引き出し部３３４の領域においては、ドロップされた位置にサムネイル画像４９３が表示される。なお、引き出し部間における他の移動についても同様である。

図２７は、表示部１５０に表示される表示画面の表示例を示す図であって、第１引き出し部３３１に格納されているサムネイル画像を消去する場合における表示画面の遷移を示す図である。

例えば、第１引き出し部３３１にサムネイル画像５１１が表示されている場合において、母カーソル３０３を用いて、サムネイル画像５１１を消去する場合について説明する。例えば、図２７（ａ）に示すように、サムネイル画像５１１の何れかの部分に母カーソル３０３を重ね合わせた状態で、棚パネル３２０まで左ドラッグし、棚パネル３２０の領域でドロップする。例えば、矢印５１４方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図２７（ａ）に示すように、母カーソル３０３とともにサムネイル画像５１１に対応するサムネイル画像５１２が表示される。そして、母カーソル３０３とともにサムネイル画像５１２を棚パネル３２０の領域まで左ドラッグし、棚パネル３２０の領域でドロップすると、図２７（ｂ）に示すように、左ドラッグされたサムネイル画像５１１が第１引き出し部３３１から消去される。なお、この移動によって、サムネイル画像５１１に対応する画像に付されているスタンプおよび縮小スタンプが消去される。なお、他の引き出し部に格納されているサムネイル画像を消去する場合についても同様である。

図２８は、表示部１５０に表示される表示画面の表示例を示す図であって、第４引き出し部３３４に格納されているサムネイル画像に対応する画像を、スライドパネル３１０に表示させる場合における表示画面の遷移を示す図である。

第４引き出し部３３４にサムネイル画像４９３が表示されている場合において、父カーソル３０１を用いて、サムネイル画像４９３に対応する画像をスライドパネル３１０に表示させる場合について説明する。例えば、図２８（ａ）に示すように、サムネイル画像４９３の何れかの部分に父カーソル３０１を重ね合わせた状態で、スライドパネル３１０の領域まで左ドラッグし、スライドパネル３１０の領域でドロップする。例えば、矢印５２５方向に左ドラッグする。この場合には、左ドラッグをしている途中では、図２８（ａ）に示すように、父カーソル３０１とともにサムネイル画像４９３に対応するサムネイル画像５２４が表示される。そして、父カーソル３０１とともにサムネイル画像５２４をスライドパネル３１０の領域まで左ドラッグし、スライドパネル３１０の領域でドロップすると、図２８（ｂ）に示すように、左ドラッグされたサムネイル画像４９３に対応する画像５２７がスライドパネル３１０に表示される。なお、この移動では、第４引き出し部３３４に表示されていたサムネイル画像４９３が消去されない。また、スライドパネル３１０に表示される画像５２７の左下部分には、スタンプ３１５が付される。さらに、第４引き出し部３３４に格納されているサムネイル画像４９５に対応する画像５２６が、スライドパネル３１０へのドロップ操作がされた画像５２７の上側に表示される。このように、何れかの引き出し部に格納されているサムネイル画像が、スライドパネル３１０の領域まで左ドラッグされ、スライドパネル３１０の領域でドロップされた場合には、この操作がされたサムネイル画像がスライドパネル３１０の真中部分に表示されるとともに、この操作がされたサムネイル画像が格納されている引き出し部に含まれる各サムネイル画像のみがスライドパネル３１０に表示される。例えば、スライドパネル３１０へのドロップ操作がされたサムネイル画像が格納されている引き出し部に含まれる各サムネイル画像が、この引き出し部に格納されている順序でスライドパネル３１０に表示される。なお、他の引き出し部に格納されているサムネイル画像をスライドパネル３１０に表示する場合についても同様である。

次に、第１引き出し部３３１乃至第４引き出し部３３４、お気に入り引き出し部３３５に格納されているサムネイル画像の表示方法について図面を参照してさらに詳細に説明する。

図２９および図３０は、表示部１５０に表示される表示画面の表示例を示す図であって、第１引き出し部３３１に格納されている複数のサムネイル画像を表示する場合における表示画面の遷移を示す図である。

例えば、第１引き出し部３３１に複数のサムネイル画像が格納されている場合において、母カーソル３０３を用いて、所望するサムネイル画像の全体を表示する場合について説明する。引き出し部に複数のサムネイル画像が格納されている場合には、各サムネイル画像の少なくとも一部が表示されるように、各サムネイル画像の一部が重畳されて表示される。例えば、図２９（ａ）に示すように、第１引き出し部３３１に複数のサムネイル画像が格納されている場合には、各サムネイル画像の左端の少なくとも一部が表示させるように、各サムネイル画像の一部が重畳されて表示される。また、引き出し部に格納されているサムネイル画像の数が少なく、引き出し部の領域内に各サムネイル画像の全体を表示することができるような場合には、例えば、図１９に示すように、各引き出し部に各サムネイル画像の全体を表示させる。なお、各サムネイル画像の並び順は、移動された状態で並べるようにしてもよく、格納された時間に応じた順序に並べるようにしてもよい。また、一列に並べる必要はなく、各サムネイル画像が上下方向にずれて表示させるようにしてもよい。また、縦長に撮影された写真画像に対応するサムネイル画像の場合には、その状態で表示する。

ここで、例えば、図２９（ａ）に示すように、第１引き出し部３３１に格納されている複数のサムネイル画像のうちで、サムネイル画像５３１の全体を表示させる場合には、サムネイル画像５３１の表示部分のうちの何れかの部分に母カーソル３０３を重ね合わせる。このように、サムネイル画像５３１の表示部分のうちの何れかの部分に母カーソル３０３が重ね合わせると、サムネイル画像５３１の右側に存在する各サムネイル画像（サムネイル画像５３２から右側のサムネイル画像）が、図２９（ｂ）に示す矢印５３３方向に移動を開始する。さらに、サムネイル画像５３１の上に母カーソル３０３を重ね合わせた状態にしておくと、サムネイル画像５３１の右側に存在する各サムネイル画像が矢印５３３方向に移動を継続する。この移動によって、例えば、図２９（ｂ）に示すように、サムネイル画像５３１の全体が表示されると、サムネイル画像５３１の右側に存在する各サムネイル画像の移動が停止する。なお、サムネイル画像５３１の上に母カーソル３０３を重ね合わせた状態にして、サムネイル画像５３１の右側に存在する各サムネイル画像が矢印５３３方向に移動している途中で、サムネイル画像５３１以外の部分に母カーソル３０３を移動させると、各サムネイル画像の移動が停止する。なお、カーソルを重ね合わせた直後に移動を開始する代わりに、サムネイル画像５３１の上に母カーソル３０３を重ね合わせた状態が所定時間継続した場合に、各サムネイル画像の移動を開始させるようにしてもよい。

また、母カーソル３０３を用いて、サムネイル画像５３１の全体を表示させた状態で、さらに、他のカーソルを用いて、同一の引き出し部の領域内に存在するサムネイル画像の全体を表示させることができる。例えば、図３０（ａ）に示すように、母カーソル３０３を用いて、サムネイル画像５３１の全体を表示させた場合において、サムネイル画像５３４の全体を表示させる場合には、サムネイル画像５３４の表示部分のうちの何れかの部分に父カーソル３０１を重ね合わせる。これによって、図３０（ｂ）に示す矢印５３６方向にサムネイル画像５３４の右側に存在する各サムネイル画像（サムネイル画像５３５から右側のサムネイル画像）の移動が開始される。これによって、サムネイル画像５３１と同様に、サムネイル画像５３４の全体を表示させることができる。なお、１つのカーソルを用いて、複数のサムネイル画像の全体を表示させるための操作を順次行うようにしてもよい。

なお、お気に入り引き出し部３３５に格納されているサムネイル画像については、マーキングされた数（例えば、お気に入りマーク３１４の色が付された数）に応じて、サムネイル画像を並び替えるようにしてもよい。これにより、人気の高い画像から低い画像に自動的に並び替えることができ、操作者が整理しなくても、人気の結果をリアルタイムに閲覧することができる。

次に、スライドパネル３１０に表示される画像の拡大方法について図面を参照してさらに詳細に説明する。

図３１および図３２は、表示部１５０に表示される表示画面の表示例を示す図であって、スライドパネル３１０に表示されている画像の一部を拡大表示させる場合における表示画面を示す図である。なお、図３１および図３２に示す表示画面においては、棚パネル３２０や引き出しパネル３３０等を省略して表示している。

スライドパネル３１０に画像５４１が表示されている場合において、母カーソル３０３を用いて、画像５４１の一部を拡大して表示する場合について説明する。例えば、図３１（ａ）に示すように、スライドパネル３１０に表示されている画像５４１のうちの所定の部分を拡大して表示させる場合には、画像５４１の上に拡大して表示させる部分に母カーソル３０３を移動させる。この状態で右ボタンを押下すると、母カーソル３０３の周辺の画像が拡大して表示される。例えば、図３１（ａ）に示すように、母カーソル３０３の周辺の矩形状の画像が拡大された拡大画像５４２が表示される。また、右ボタンを押下した状態で、母カーソル３０３を移動させると、例えば、図３１（ｂ）に示すように、拡大表示の位置が追随して移動して、移動先の拡大画像５４３が順次表示される。

また、拡大表示がされている状態で、拡大表示の操作をしているカーソルに他のカーソルを重ねると、カーソルの数に応じて拡大率を上げることができる。例えば、図３２（ａ）に示すように、母カーソル３０３を用いて拡大表示をしている場合において、父カーソル３０１を母カーソル３０３に重ねるように移動させると、母カーソル３０３によって拡大されていた画像の拡大率が上がり、さらに拡大された拡大画像５４４が表示される。なお、右ボタンを離すと拡大表示が終了して、例えば、図３２（ｂ）に示すように、通常の表示状態になる。なお、多数の人で観賞しているような場合に話題が分散しないように、拡大表示の部分を１箇所のみに限定するようにしてもよい。また、各カーソルに重み付けをして、カーソルの重み付けの合計値に応じて拡大率を変更するようにしてもよい。

次に、スライドパネル３１０に表示される画像の上に線を表示する方法について図面を参照してさらに詳細に説明する。

図３３は、表示部１５０に表示される表示画面の表示例を示す図であって、スライドパネル３１０に表示されている画像の上に線を表示する場合における表示画面を示す図である。なお、図３３に示す表示画面においては、棚パネル３２０や引き出しパネル３３０等を省略して表示している。

スライドパネル３１０に画像５４１が表示されている場合において、父カーソル３０１および母カーソル３０３を用いて、画像５４１の上に線を表示する場合について説明する。例えば、図３３（ａ）に示すように、スライドパネル３１０に表示されている画像５４１の上に線を描画させる場合には、中ボタンを押下した状態でカーソルを移動させることによって線を描画することができる。例えば、図３３（ａ）に示すように、スライドパネル３１０に表示されている画像５４１の上に、父カーソル３０１を用いて線５５１を描画し、母カーソル３０３を用いて線５５２を描画する。なお、線の色は、カーソルの色に対応する色が付される。また、描画された線は、一定時間が経過すると自動的に消滅する。例えば、図３３（ｂ）に示すように、父カーソル３０１を用いて描画された線５５１を含む領域５５３から、線５５１が消去される。

次に、複数人が協力してスライドパネル３１０に表示される画像について所定の操作をする場合について図面を参照してさらに詳細に説明する。

図３４は、表示部１５０に表示される表示画面の表示例を示す図であって、スライドパネル３１０に表示されている画像について所定の操作をする場合における表示画面を示す図である。

例えば、家族の４人とお客１人でデジタルスチルカメラで撮影された画像を情報処理装置１００を用いて観賞している場合について説明する。この場合に、５人はそれぞれ対応するカーソルを操作しているとする。

例えば、スライドパネル３１０に猫画像５６２が表示されている場合において、猫画像５６１の猫の左目が話題になったとする。この場合、母カーソル３０３が猫の左目に注目を集めるために線５７１を描画することができる。例えば、猫の左目を丸で囲み、この丸を矢印で示す。また、話題の猫の左目について、息子カーソル３０２を用いて拡大画像５７２を表示させることができる。さらに、猫が話題となったため、猫画像５６２をお気に入り引き出し部３３５に格納するために、お客カーソル３０５を用いて、お気に入りマーク３１４を左クリックする。また、猫画像５６２の上の画像５６１を見る場合には、父カーソル３０１を用いて画像５６１を下側に引っ張るようにスライドパネル３１０の真中部分に移動させて、画像５６１を表示させることができる。また、猫画像の下の画像５６３を見る場合には、娘カーソル３０４を用いて画像５６３を上側に引っ張るようにスライドパネル３１０の真中部分に移動させて、画像５６３を表示させることができる。このように、５人のそれぞれが各カーソルを操作して格納操作等をすることができる。

次に、本発明の実施の形態における情報処理装置１００の動作について図面を参照して説明する。

図３５は、情報処理装置１００による描画制御の処理手順を示すフローチャートである。

最初に、棚パネル３２０のサムネイル画像表示領域に関して描画される各画像を、アニメーションにより表示するか否かを示すアニメーションフラグがＯＦＦされる。そして、画像記憶部２２０から表示対象となる画像が取得される（ステップＳ９０１）。続いて、取得された画像に対応するサムネイル画像を縮小画像生成部２３０が生成する（ステップＳ９０２）。そして、生成されたサムネイル画像が縮小画像記憶部２４０に記憶される。続いて、描画部２５０は、画像記憶部２２０に記憶されている画像をスライドパネル３１０の表示領域に描画するとともに、縮小画像記憶部２４０に記憶されているサムネイル画像を棚パネル３２０の表示領域に描画する（ステップＳ９０３）。続いて、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９０４）。

続いて、マウスやキーボード等により操作入力がされたか否かが判断される（ステップＳ９０５）。マウスやキーボード等により操作入力がされない場合には、操作入力が監視される（ステップＳ９０５）。マウスやキーボード等により操作入力がされた場合には（ステップＳ９０５）、その操作内容が終了指示であるか否かが判断される（ステップＳ９０６）。その操作内容が終了指示である場合には（ステップＳ９０６）、描画制御の処理手順の動作を終了する。

一方、その操作内容が終了指示でない場合には（ステップＳ９０６）、その操作内容に応じて画像が描画部２５０により描画され（ステップＳ９０７）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９０４）。

次に、引き出しパネル３３０に設けられているお気に入り引き出し部３３５に画像を格納する場合、または、お気に入り引き出し部３３５から画像を消去する場合における動作について図面を参照して詳細に説明する。

図３６は、情報処理装置１００によるお気に入り引き出し部３３５における画像の格納または消去処理の処理手順を示すフローチャートである。

最初に、スライドパネル３１０に表示されている画像の左上部分に表示されるお気に入りマーク３１４の星型画像の部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９１１）。お気に入りマーク３１４の星型画像の部分に何れかのカーソルが存在する場合には（ステップＳ９１１）、そのカーソルに対応するマウスにより左クリック操作がされたか否かが判断される（ステップＳ９１２）。マウスにより左クリック操作がされた場合には（ステップＳ９１２）、お気に入りマーク３１４の星型画像の何れかに色が付されているか否かが判断される（ステップＳ９１３）。お気に入りマーク３１４の星型画像の何れかに色が付されている場合には（ステップＳ９１３）、直前に左クリック操作されたマウスに対応するカーソルによって、星型画像の色が付されたか否かが判断される（ステップＳ９１４）。

お気に入りマーク３１４の星型画像の何れにも色が付されていない場合（ステップＳ９１３）、または、直前に左クリック操作されたマウスに対応するカーソルによって、星型画像の色が付されていない場合には（ステップＳ９１４）、ステップＳ９２６に進む。そして、その左クリック操作がされた画像に対応するお気に入りマーク３１４のうちの１つの星型画像に色を付するとともに（ステップＳ９２６）、その左クリック操作がされた画像に対応するサムネイル画像をお気に入り引き出し部３３５の表示領域に描画部２５０が描画して（ステップＳ９２７）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９２８）。

一方、直前に左クリック操作されたマウスに対応するカーソルによって、星型画像の色が付されている場合には（ステップＳ９１４）、お気に入りマーク３１４のうちの１つの星型画像の色表示を消去し（ステップＳ９１５）、お気に入りマーク３１４のうちの少なくとも１つの星型画像に色が付されているか否かが判断される（ステップＳ９１６）。

お気に入りマーク３１４の全ての星型画像に色が付されていない場合には（ステップＳ９１６）、お気に入り引き出し部３３５に表示されているサムネイル画像のうちの対応するサムネイル画像を消去する（ステップＳ９１７）。

続いて、お気に入りマーク３１４について左クリック操作がされた画像に対応する管理情報の記録を変更する（ステップＳ９１８）。具体的には、左クリック操作がされた画像に対応する管理情報に記録されている引き出し領域情報の中の左クリック操作がされたカーソルに関する記録が削除される。

続いて、スライドパネル３１０に表示される各画像について、それぞれ対応する管理情報の引き出し領域情報として「５」が記録されている画像が存在するか否かが判断される（ステップＳ９１９）。引き出し領域情報として「５」が記録されている画像が存在しなければ（ステップＳ９１９）、画像の格納または消去処理の動作を終了する。一方、引き出し領域情報として「５」が記録されている画像が存在する場合には（ステップＳ９１９）、引き出し領域情報として記録されている「５」の数に応じて、スライドパネル３１０および棚パネル３２０に表示される各画像の順序を変更する（ステップＳ９２０）。例えば、引き出し領域情報として記録されている「５」の数が多い順に並び替えることができる。これにより、画像記憶部２２０に記憶されている複数の画像を再度鑑賞する場合等において、人気のある画像を早めに見ることができる。

また、お気に入りマーク３１４の星型画像の部分に何れのカーソルも存在しない場合（ステップＳ９１１）、または、左クリック操作がされない場合には（ステップＳ９１２）、スライドパネル３１０または棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９２１）。スライドパネル３１０または棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされている場合には（ステップＳ９２１）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされている画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９２４）。一方、スライドパネル３１０または棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされていない場合には（ステップＳ９２１）、スライドパネル３１０または棚パネル３２０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９２２）。

スライドパネル３１０または棚パネル３２０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９２２）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９２３）。マウスにより左ドラッグ操作が開始された場合には（ステップＳ９２３）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９２４）。

続いて、その左ドラッグ操作により移動しているサムネイル画像について、お気に入り引き出し部３３５の表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９２５）。お気に入り引き出し部３３５の表示領域へのドロップ操作がされた場合には（ステップＳ９２５）、そのドロップ操作がされた画像に対応するお気に入りマーク３１４のうちの１つの星型画像に色を付するとともに（ステップＳ９２６）、そのドロップ操作がされた画像に対応するサムネイル画像をお気に入り引き出し部３３５の表示領域に描画部２５０が描画して（ステップＳ９２７）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９２８）。

続いて、左クリック操作またはドロップ操作がされた画像に対応する管理情報の記録を変更する（ステップＳ９２９）。具体的には、お気に入りマークのカウンタを１つ追加する。すなわち、左クリック操作またはドロップ操作がされた画像に対応する管理情報において引き出し領域情報の中の左クリック操作またはドロップ操作がされたカーソルに関する記録が追加される。続いて、ステップＳ９１９に進む。

次に、引き出しパネル３３０に設けられている第１引き出し部３３１乃至第４引き出し部３３４に画像を格納する場合における動作について図面を参照して詳細に説明する。

図３７は、情報処理装置１００による第１引き出し部３３１乃至第４引き出し部３３４における画像の格納処理の処理手順を示すフローチャートである。

最初に、スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９３１）。スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされている場合には（ステップＳ９３１）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされている画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９３４）。一方、スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされていない場合には（ステップＳ９３１）、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９３２）。スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９３２）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９３３）。マウスにより左ドラッグ操作が開始された場合には（ステップＳ９３３）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９３４）。

続いて、その左ドラッグ操作により移動しているサムネイル画像について、第１引き出し部３３１乃至第４引き出し部３３４の何れかの表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９３５）。第１引き出し部３３１乃至第４引き出し部３３４の何れかの表示領域へのドロップ操作がされた場合には（ステップＳ９３５）、そのドロップ操作がされた画像およびこれに対応するサムネイル画像の左下部分にスタンプが描画される（ステップＳ９３６）。続いて、そのドロップ操作がされた画像に対応するサムネイル画像を、そのドロップ操作がされた引き出し部の表示領域に描画部２５０が描画して（ステップＳ９３７）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９３８）。

続いて、そのドロップ操作がされた画像に対応する管理情報の記録を変更する（ステップＳ９３９）。例えば、そのドロップ操作によって、第１引き出し部３３１に画像が格納された場合には、その画像に対応する管理情報の引き出し領域情報として「１」が記録される。

また、スライドパネル３１０の表示領域に表示されている各画像の表示部分の何れにもカーソルが存在しない場合には（ステップＳ９３２）、棚パネル３２０の表示領域に表示されているサムネイル画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９４０）。棚パネル３２０の表示領域に表示されているサムネイル画像について左ドラッグ操作がされている場合には（ステップＳ９４０）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされているサムネイル画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９４４）。一方、棚パネル３２０の表示領域に表示されているサムネイル画像について左ドラッグ操作がされていない場合には（ステップＳ９４０）、棚パネル３２０の表示領域に表示されているサムネイル画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９４１）。棚パネル３２０の表示領域に表示されているサムネイル画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９４１）、そのカーソルに対応するマウスにより左クリック操作がされたか否かが判断される（ステップＳ９４２）。そのマウスにより左クリック操作がされた場合には（ステップＳ９４２）、その左クリック操作がされたサムネイル画像およびこれに対応する画像の左下部分にスタンプを描画部２５０が描画する（ステップＳ９３６）。そして、左ドラッグ操作がされた画像に対応するサムネイル画像を、左クリック操作がされたカーソルに対応する引き出し部の表示領域に描画部２５０が描画する（ステップＳ９３７）。

一方、そのマウスにより左クリック操作がされない場合には（ステップＳ９４２）、そのマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９４３）。そのマウスにより左ドラッグ操作が開始された場合には（ステップＳ９４３）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９４４）。続いて、その左ドラッグ操作により移動しているサムネイル画像について、第１引き出し部３３１乃至第４引き出し部３３４の何れかの表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９４５）。第１引き出し部３３１乃至第４引き出し部３３４の何れかの表示領域へのドロップ操作がされた場合には（ステップＳ９４５）、そのドロップ操作がされた画像およびこれに対応するサムネイル画像の左下部分にスタンプが描画される（ステップＳ９３６）。

次に、引き出しパネル３３０に設けられている第１引き出し部３３１乃至第４引き出し部３３４から画像を移動する場合における動作について図面を参照して詳細に説明する。

図３８は、情報処理装置１００による第１引き出し部３３１乃至第４引き出し部３３４における画像の移動処理の処理手順を示すフローチャートである。

最初に、第１引き出し部３３１乃至第４引き出し部３３４の何れかにサムネイル画像が存在するか否かが判断される（ステップＳ９５１）。第１引き出し部３３１乃至第４引き出し部３３４の何れかにサムネイル画像が存在する場合には（ステップＳ９５１）、第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９５２）。第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像について左ドラッグ操作がされている場合には（ステップＳ９５２）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされている画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９５５）。一方、第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像について左ドラッグ操作がされていない場合には（ステップＳ９５２）、第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９５３）。第１引き出し部３３１乃至第４引き出し部３３４の何れにもサムネイル画像が存在しない場合（ステップＳ９５１）、または、第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像の表示部分の何れにもカーソルが存在しない場合には（ステップＳ９５３）、移動処理の処理手順の動作を終了する。

第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像の表示部分の何れかにカーソルが存在する場合には（ステップＳ９５３）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９５４）。そのマウスにより左ドラッグ操作が開始された場合には（ステップＳ９５４）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９５５）。

続いて、その左ドラッグ操作により移動しているサムネイル画像について、他の引き出し部の何れかの表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９５６）。その左ドラッグ操作により移動しているサムネイル画像について、他の引き出し部の何れかの表示領域へのドロップ操作がされた場合には（ステップＳ９５６）、そのドロップ操作がされた画像およびこれに対応するサムネイル画像の左下部分のスタンプが移動先の色に変更されるとともに、そのドロップ操作がされた画像に対応するサムネイル画像を、そのドロップ操作がされた引き出し部の表示領域に描画部２５０が描画して（ステップＳ９５７）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９５８）。

続いて、そのドロップ操作がされた画像に対応する管理情報の記録を変更する（ステップＳ９５９）。例えば、そのドロップ操作によって、第１引き出し部３３１から第３引き出し部３３３に画像が移動された場合には、その画像に対応する管理情報の引き出し領域情報が「１」から「３」に変更されて記録される。

また、その左ドラッグ操作により移動しているサムネイル画像について、他の引き出し部の何れの表示領域にもドロップ操作がされない場合には（ステップＳ９５６）、スライドパネル３１０の表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９６２）。その左ドラッグ操作により移動しているサムネイル画像について、スライドパネル３１０の表示領域へのドロップ操作がされた場合には（ステップＳ９６２）、そのカーソルとともに移動されているサムネイル画像に対応する画像をスライドパネル３１０の表示領域に描画部２５０が描画して（ステップＳ９６３）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９６４）。

また、その左ドラッグ操作により移動しているサムネイル画像について、スライドパネル３１０の表示領域へのドロップ操作がされない場合には（ステップＳ９６２）、棚パネル３２０の表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９６５）。その左ドラッグ操作により移動しているサムネイル画像について、棚パネル３２０の表示領域へのドロップ操作がされた場合には（ステップＳ９６５）、そのドロップ操作がされた画像およびこれに対応するサムネイル画像の左下部分のスタンプが消去されるとともに、そのドロップ操作がされた画像に対応するサムネイル画像を、そのドロップ操作がされた引き出し部の表示領域から描画部２５０が消去して描画し、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９６６）。

続いて、そのドロップ操作がされた画像に対応する管理情報の記録を変更する（ステップＳ９６７）。例えば、そのドロップ操作によって、第１引き出し部３３１から棚パネル３２０に画像が移動された場合には、その画像に対応する管理情報の引き出し領域情報として記録されている「１」を削除する。なお、その左ドラッグ操作により移動しているサムネイル画像について、棚パネル３２０の表示領域へのドロップ操作がされない場合には（ステップＳ９６５）、移動処理の処理手順の動作を終了する。

また、第１引き出し部３３１乃至第４引き出し部３３４に存在するサムネイル画像の表示部分の何れかにカーソルが存在する場合において（ステップＳ９５３）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されない場合には（ステップＳ９５４）、そのカーソルの下のサムネイル画像の全体が表示されているか否かが判断される（ステップＳ９６０）。そのカーソルの下のサムネイル画像の全体が表示されていない場合には（ステップＳ９６０）、そのカーソルの下のサムネイル画像の右側のサムネイル画像を左右方向の右側に移動させる（ステップＳ９６１）。一方、そのカーソルの下のサムネイル画像の全体が表示されている場合には（ステップＳ９６０）、移動処理の処理手順の動作を終了する。

このように、表示されている写真画像を分類する場合において、引き出し部の領域に複数の写真画像が格納されている場合には、格納されている写真画像の少なくとも一部を表示させるようにするため、スクロールすることなく、格納されている全ての画像を参加者が認識することができる。なお、引き出し部の領域に応じて、写真の重なり密度を可変させる。また、格納されている写真画像上にカーソルを重ねることによって、カーソル下の画像の全てを表示して閲覧することができる。さらに、複数のカーソルが異なる写真画像に重ねられたような場合においても、それぞれの写真画像に対して同様に処理することによって、複数の操作に対応することができる。

次に、スライドパネル３１０の表示領域に表示される画像と、棚パネル３２０の表示領域に表示されるサムネイル画像とを同期する場合における動作について図面を参照して詳細に説明する。

図３９は、情報処理装置１００によるスライドパネル３１０と棚パネル３２０との画像の同期処理の処理手順を示すフローチャートである。

最初に、スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９７１）。スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされている場合には（ステップＳ９７１）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされている画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９７４）。一方、スライドパネル３１０の表示領域に表示されている画像について左ドラッグ操作がされていない場合には（ステップＳ９７１）、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９７２）。スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９７２）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９７３）。そのマウスにより左ドラッグ操作が開始された場合には（ステップＳ９７３）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９７４）。

続いて、その左ドラッグ操作により移動しているサムネイル画像について、棚パネル３２０の表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９７５）。棚パネル３２０の表示領域へのドロップ操作がされた場合には（ステップＳ９７５）、そのドロップ操作がされたサムネイル画像を含むサムネイル画像の一列を棚パネル３２０の表示領域に描画部２５０が描画して（ステップＳ９７６）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９７７）。

なお、その左ドラッグ操作により移動しているサムネイル画像について、棚パネル３２０の表示領域へのドロップ操作がされない場合には（ステップＳ９７５）、同期処理の処理手順の動作を終了する。

また、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在しない場合（ステップＳ９７２）、または、マウスにより左ドラッグ操作が開始されない場合には（ステップＳ９７３）、棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされているか否かが判断される（ステップＳ９７８）。棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされている場合には（ステップＳ９７８）、左ドラッグ操作がされているマウスの移動に応じて、左ドラッグ操作がされている画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９８１）。一方、棚パネル３２０の表示領域に表示されている画像について左ドラッグ操作がされていない場合には（ステップＳ９７８）、棚パネル３２０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９７９）。

棚パネル３２０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９７９）、そのカーソルに対応するマウスにより左ドラッグ操作が開始されたか否かが判断される（ステップＳ９８０）。マウスにより左ドラッグ操作が開始された場合には（ステップＳ９８０）、そのマウスの移動に応じて、カーソルが存在する画像に対応するサムネイル画像をカーソルとともに移動させる（ステップＳ９８１）。

続いて、その左ドラッグ操作により移動しているサムネイル画像について、スライドパネル３１０の表示領域へのドロップ操作がされたか否かが判断される（ステップＳ９８２）。スライドパネル３１０の表示領域へのドロップ操作がされた場合には（ステップＳ９８２）、そのドロップ操作がされたサムネイル画像に対応する画像をスライドパネル３１０の表示領域に描画部２５０が描画して（ステップＳ９８３）、描画部２５０によって描画された画像が表示部２７０に表示される（ステップＳ９７７）。

なお、その左ドラッグ操作により移動しているサムネイル画像について、スライドパネル３１０の表示領域へのドロップ操作がされない場合には（ステップＳ９８２）、同期処理の処理手順の動作を終了する。

また、棚パネル３２０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在しない場合（ステップＳ９７９）、または、マウスにより左ドラッグ操作が開始されない場合には（ステップＳ９８０）、同期処理の処理手順の動作を終了する。

これらにより、メイン領域とサムネイル領域とを独立して閲覧可能とすることができる。このため、特に複数人で情報処理装置１００を用いて操作や閲覧をする場合には、メイン領域に表示されているコンテンツが他者によって次のコンテンツに変更されてしまった後でも、その進行の邪魔をせずに、サムネイル閲覧をすることができるとともに、サムネイル領域からの引き出し部への分類等を容易に行うことができる。

また、メイン領域とサムネイル領域との独立した動きをサポートするとともに、表示されているコンテンツを左ドラッグ操作することによって、メイン領域とサムネイル領域とのコンテンツ位置を容易にそろえることが可能であり、その場に応じたフレキシブルな操作を容易に行うことができる。

次に、スライドパネル３１０の表示領域に表示される画像を複数のマウスによって移動する場合における動作について図面を参照して詳細に説明する。

図４０は、情報処理装置１００によるスライドパネル３１０の画像の移動処理の処理手順を示すフローチャートである。ここでは、各カーソルに重み付けをして、カーソルの重み付けの合計値に応じて画像を移動する場合について説明する。

最初に、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ９９１）。スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ９９１）、そのカーソルに対応するマウスにより上下方向に左ドラッグ操作がされたか否かが判断される（ステップＳ９９２）。

続いて、何れかのマウスにより上下方向に左ドラッグ操作がされた場合には（ステップＳ９９２）、左ドラッグ操作されているカーソルの重み付け係数の合計を、上下方向の上側および下側のそれぞれについて求める（ステップＳ９９３）。続いて、求めた合計値が大きい方向に画像が移動される（ステップＳ９９６）。なお、左ドラッグ操作されているカーソルが１つの場合には、そのカーソルの移動に応じて画像が移動される。

また、スライドパネル３１０の表示領域に表示されている各画像の表示部分の何れにもカーソルが存在しない場合（ステップＳ９９１）、または、スライドパネル３１０の表示領域に表示されている各画像の表示部分に存在するカーソルに対応するマウスにより上下方向に左ドラッグ操作がされない場合には（ステップＳ９９２）、スライドパネル３１０の画像の移動処理が終了する。

例えば、父カーソル３０１の重み付け係数を「３．１」とし、息子カーソル３０２の重み付け係数を「１．１」とし、母カーソル３０３の重み付け係数を「２．１」とし、娘カーソル３０４の重み付け係数を「１．１」とする。この場合において、父カーソル３０１により上下方向の下側に左ドラッグ操作されている際に、息子カーソル３０２および娘カーソル３０４により上下方向の上側に左ドラッグ操作がされた場合には、上下方向の下側に左ドラッグ操作されているカーソルの重み付け係数の合計が「３．１」であるのに対して、上下方向の上側に左ドラッグ操作されているカーソルの重み付け係数の合計が「２．２」である。このため、上下方向の下側に画像が移動される。また、父カーソル３０１により上下方向の下側に左ドラッグ操作されている際に、母カーソル３０３および娘カーソル３０４により上下方向の上側に左ドラッグ操作がされた場合には、上下方向の下側に左ドラッグ操作されているカーソルの重み付け係数の合計が「３．１」であるのに対して、上下方向の上側に左ドラッグ操作されているカーソルの重み付け係数の合計が「３．２」である。このため、上下方向の上側に画像が移動される。また、例えば、複数人が同時に操作することができるスライドショーに４人の参加者がいた場合において、プレゼンターの力を「３」とし、他参加者の力を「１．１」とする。この場合において、プレゼンター１人の力「３」と、他の参加者２人を合わせた力「２．２」とを比較した場合には、プレゼンター１人の力の方が強い。しかし、プレゼンター１人の力「３」と、他の参加者３人を合わせた力「３．３」とを比較した場合には、他の参加者３人の力がプレゼンターの力を上回ることができる。

このように、表示されている画像を複数人で操作する場合において、表示画面に複数のデザイン化されたカーソルを表示させて、それぞれのカーソルに重み付けを行うことによって、各カーソルの役割をより明確にすることができ、バランスの取れた複数同時操作を行うことができる。これにより、プレゼンターに流れの作りやすい操作性を維持しつつ、他の参加者にも参加する意味を与えることができ、バランスを保った関係を築くことが可能である。

次に、スライドパネル３１０の表示領域に表示される画像に線を描画する場合における動作について図面を参照して詳細に説明する。

図４１は、情報処理装置１００によるスライドパネル３１０の画像上に線を描画する描画処理の処理手順を示すフローチャートである。

最初に、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ１００１）。スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ１００１）、そのカーソルに対応するマウスの中ボタンが押下されたか否かが判断される（ステップＳ１００２）。マウスの中ボタンが押下された場合には（ステップＳ１００２）、さらに、マウスの中ボタンが押下された状態でマウスによりカーソルが移動されたか否かが判断される（ステップＳ１００３）。

マウスの中ボタンが押下された状態でマウスによりカーソルが移動された場合には（ステップＳ１００３）、移動するカーソルの軌跡に沿って線が描画され（ステップＳ１００４）、描画された線がスライドパネル３１０の画像上に表示される（ステップＳ１００５）。続いて、マウスの中ボタンの押下が終了されたか否かが判断される（ステップＳ１００６）。マウスの中ボタンの押下が終了されていない場合には（ステップＳ１００６）、ステップＳ１００３に進み、マウスの中ボタンの押下が終了された場合には（ステップＳ１００６）、ステップＳ１００７に進む。

続いて、スライドパネル３１０の画像上に線が描画されているか否かが判断される（ステップＳ１００７）。スライドパネル３１０の画像上に線が描画されている場合には（ステップＳ１００７）、その線が描画された操作の終了時から所定の時間が経過したか否かが判断される（ステップＳ１００８）。その線が描画された操作の終了時から所定の時間が経過している場合には（ステップＳ１００８）、その線が消去され（ステップＳ１００９）、線描画処理の処理手順の動作を終了する。

次に、スライドパネル３１０の表示領域に表示される画像の一部を拡大して表示する場合における動作について図面を参照して詳細に説明する。

図４２は、情報処理装置１００によるスライドパネル３１０の画像の一部の拡大表示処理の処理手順を示すフローチャートである。

最初に、スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在するか否かが判断される（ステップＳ１０１１）。スライドパネル３１０の表示領域に表示されている各画像の表示部分に何れかのカーソルが存在する場合には（ステップＳ１０１１）、そのカーソルに対応するマウスの右ボタンが押下されたか否かが判断される（ステップＳ１０１２）。マウスの右ボタンが押下された場合には（ステップＳ１０１２）、そのカーソルを中心とする矩形状の周辺画像が拡大して描画され（ステップＳ１０１３）、描画された画像が表示される（ステップＳ１０１４）。

続いて、マウスの右ボタンが押下された状態でカーソルが移動操作されたか否かが判断される（ステップＳ１０１５）。マウスの右ボタンが押下された状態でカーソルが移動操作された場合には（ステップＳ１０１５）、カーソルの移動に合わせて、そのカーソルを中心とする矩形状の周辺画像が拡大して描画され（ステップＳ１０１６）、描画された画像が順次表示される（ステップＳ１０１７）。続いて、右ボタンの押下が終了されたか否かが判断される（ステップＳ１０１８）。右ボタンの押下が終了されていない場合には（ステップＳ１０１８）、ステップＳ１０１５に進み、右ボタンの押下が終了された場合には（ステップＳ１０１８）、そのカーソルの周辺画像が消去され（ステップＳ１０１９）、拡大表示処理の処理手順の動作を終了する。

また、マウスの右ボタンが押下された状態でカーソルが移動操作されない場合には（ステップＳ１０１５）、そのカーソルに他のカーソルが重ねられているか否かが判断される（ステップＳ１０２０）。そのカーソルに他のカーソルが重ねられていない場合には（ステップＳ１０２０）、ステップＳ１０１６に進み、そのカーソルに他のカーソルが重ねられている場合には、重ねられているカーソルの数に応じて、そのカーソル周辺の画像の拡大率を高めて描画され（ステップＳ１０２１）、描画された画像が表示される（ステップＳ１０２２）。なお、ステップＳ１０２１において、重ねられているカーソルの数に応じて、そのカーソル周辺の画像の大きさを拡大するようにしてもよい。

なお、スライドパネル３１０に表示されている画像の一部を拡大表示する場合に、プレゼンター（例えば、お父さん）の拡大率を高く設定し、他の参加者の拡大率を低く設定するようにしてもよい。この場合には、プレゼンター中心のバランスを保つことができる。また、他の参加者のカーソルを重ね合わせることによって、拡大率を容易に上げることができる。なお、画面拡大ポイントを同時に複数ポイント認めず、一つに絞ることによって、参加者の注目を分散させないようにすることができる。

次に、棚パネル３２０に表示されるサムネイル画像の数を変更する場合における動作について図面を参照して詳細に説明する。

図４３は、情報処理装置１００によるサムネイル画像表示数の変更処理の処理手順を示すフローチャートである。

最初に、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在するか否かが判断される（ステップＳ１０３１）。例えば、図１５では、右側取っ手部３２６が、父カーソル３０１によりｘ方向の右側にドラッグ操作されている場合を示す。

右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在する場合には（ステップＳ１０３１）、そのカーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作されているか否かが判断される（ステップＳ１０３２）。例えば、図１５では、右側取っ手部３２６上に存在する父カーソル３０１により表示画面３９０におけるｘ方向（右側）に左ドラッグ操作がされている場合を示す。

例えば、カーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作されている場合には（ステップＳ１０３２）、その左ドラッグ操作に応じて右側取っ手部３２６が移動させられる（ステップＳ１０３３）。すなわち、棚パネル３２０のサムネイル画像表示領域の幅が変更される。なお、複数のカーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作されている場合においても（ステップＳ１０３２）、これらのカーソルが右側取っ手部３２６の上に重ねられた状態で左ドラッグ操作がされるという条件を満たす場合には、その条件を満たす各カーソルの操作が反映される（ステップＳ１０３３）。

続いて、棚パネル３２０のサムネイル画像表示領域の幅が所定の閾値（ｈｉｇｈ）以上になったか否かが判断される（ステップＳ１０３４）。例えば、表示画面３９０において表示領域の幅４００が閾値（ｈｉｇｈ）４０２以上になったか否かが判断される。

棚パネル３２０のサムネイル画像表示領域の幅が所定の閾値（ｈｉｇｈ）以上になった場合には（ステップＳ１０３４）、一列のサムネイル画像をサムネイル画像表示領域に追加する旨の設定がされる（ステップＳ１０３５）。例えば、図１５に示すように、棚パネル３２０に１０個（５行×２列）のサムネイル画像が表示されている表示画面３９０において、表示領域の幅４００が閾値（ｈｉｇｈ）４０２以上になった場合には（ステップＳ１０３４）、棚パネル３２０のサムネイル画像表示領域に１５個（５行×３列）のサムネイル画像が表示されるように設定される（ステップＳ１０３５）。なお、このように、一列のサムネイル画像をサムネイル画像表示領域に追加する旨の設定がされた場合には（ステップＳ１０３５）、縮小画像記憶部２４０に記憶されているサムネイル画像のうちで、棚パネル３２０のサムネイル画像表示領域に表示されているサムネイル画像の次に配置されている一列単位のサムネイル画像が読み出されて表示される。例えば、図４（ａ）に示すように、棚パネル３２０にサムネイル画像１乃至１０が表示されている場合においては、サムネイル画像６乃至１０の次に配置されているサムネイル画像１１乃至１５が読み出されて表示される。続いて、棚パネル３２０のサムネイル画像表示領域に１５個（５行×３列）のサムネイル画像を表示するアニメーションを実行するためのアニメーションフラグがＯＮされ（ステップＳ１０３８）、サムネイル画像表示数の変更処理の動作を終了する。

一方、棚パネル３２０のサムネイル画像表示領域の幅が所定の閾値（ｈｉｇｈ）以上になっていない場合には（ステップＳ１０３４）、棚パネル３２０のサムネイル画像表示領域の幅が所定の閾値（ｌｏｗ）以下になったか否かが判断される（ステップＳ１０３６）。

棚パネル３２０のサムネイル画像表示領域の幅が所定の閾値（ｌｏｗ）以下になった場合には（ステップＳ１０３６）、右端の一列のサムネイル画像をサムネイル画像表示領域から削除する旨の設定がされる（ステップＳ１０３７）。例えば、図１５に示す棚パネル３２０に１５個（５行×２列）のサムネイル画像が表示されていた場合において、表示領域の幅４００が閾値（ｌｏｗ）４０１以下になった場合には（ステップＳ１０３６）、棚パネル３２０のサムネイル画像表示領域に１０個（５行×２列）のサムネイル画像が表示されるように設定される（ステップＳ１０３７）。続いて、棚パネル３２０のサムネイル画像表示領域に１０個（５行×２列）のサムネイル画像を表示するアニメーションを実行するためのアニメーションフラグがＯＮされ（ステップＳ１０３８）、サムネイル画像表示数の変更処理の動作を終了する。

また、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在しない場合には（ステップＳ１０３１）、アニメーションフラグがＯＮされているか否かが判断される（ステップＳ１０３９）。アニメーションフラグがＯＮされていなければ（ステップＳ１０３９）、サムネイル画像表示数の変更処理の動作を終了する。

アニメーションフラグがＯＮされている場合には（ステップＳ１０３９）、ステップＳ１０３５またはステップＳ１０３７で設定された数のサムネイル画像が棚パネル３２０のサムネイル画像表示領域に表示されるための位置である目標位置まで右側取っ手部３２６をアニメーションにより移動させる処理が実行される（ステップＳ１０４０）。続いて、右側取っ手部３２６がアニメーションにより目標位置まで到達したか否かが判断される（ステップＳ１０４１）。すなわち、棚パネル３２０のサムネイル画像表示領域がステップＳ１０３５またはステップＳ１０３７で設定された数のサムネイル画像が表示されるための適切な領域となっているか否かが判断される。右側取っ手部３２６が目標位置まで到達していなければ（ステップＳ１０４１）、アニメーションフラグがＯＮの状態で、サムネイル画像表示数の変更処理の動作を終了する。一方、右側取っ手部３２６が目標位置まで到達していれば（ステップＳ１０４１）、アニメーションフラグがＯＦＦされ（ステップＳ１０４２）、サムネイル画像表示数の変更処理の動作を終了する。

なお、サムネイル画像表示数の変更処理の動作を終了した場合において、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在しない場合でも（ステップＳ１０３１）、アニメーションフラグがＯＮされている場合には、ステップＳ１０４０およびステップＳ１０４１における処理手順が実行されるため、棚パネル３２０のサムネイル画像表示領域がアニメーションにより適切な領域となる。

なお、カーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作された場合において（ステップＳ１０３２）、棚パネル３２０のサムネイル画像表示領域の幅が、所定の閾値（ｈｉｇｈ）以上にならず（ステップＳ１０３４）、しかも、所定の閾値（ｌｏｗ）以下にならない（ステップＳ１０３６）状態で、ユーザが左ドラッグ操作を止めたような場合には、図３５に示すステップＳ９０７で、左ドラッグ操作がされる前の位置に右側取っ手部３２６をアニメーションにより戻すことができる。また、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在する場合において（ステップＳ１０３１）、そのカーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作されていなければ（ステップＳ１０３２）、そのカーソルにより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作されている状態である。この場合には、アニメーション処理を実行せずに、サムネイル画像表示数の変更処理の動作を終了する。このように、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかがドラッグ操作されている場合には、操作者によるドラッグ操作に応じた処理を優先するため、アニメーション処理が実行されない。

次に、棚パネル３２０に表示されているサムネイル画像を切り換える場合における動作について図面を参照して詳細に説明する。

図４４は、情報処理装置１００によるサムネイル画像の表示切換処理の処理手順を示すフローチャートである。

最初に、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在するか否かが判断される（ステップＳ１０５１）。例えば、図１６では、下側取っ手部３２８が、父カーソル３０１によりｙ方向の上側にドラッグ操作されている場合を示す。

右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在する場合には（ステップＳ１０５１）、そのカーソルにより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作されているか否かが判断される（ステップＳ１０５２）。

例えば、カーソルによりより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作されている場合には（ステップＳ１０５２）、その左ドラッグ操作に応じて、上側取っ手部３２７または下側取っ手部３２８とともに、棚パネル３２０のサムネイル画像表示領域が移動させられる（ステップＳ１０５３）。すなわち、棚パネル３２０に表示されている各サムネイル画像が移動させられる。なお、複数のカーソルにより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作されている場合においても（ステップＳ１０５２）、これらのカーソルが上側取っ手部３２７または下側取っ手部３２８の上に重ねられた状態で左ドラッグ操作がされるという条件を満たす場合には、その条件を満たす各カーソルの操作が反映される（ステップＳ１０５３）。

続いて、棚パネル３２０のサムネイル画像表示領域のｙ座標が所定の閾値（ｈｉｇｈ）以上になったか否かが判断される（ステップＳ１０５４）。例えば、下側取っ手部３２８を用いて左ドラッグ操作がされ、表示画面３９１において表示領域のｙ座標４１０が閾値（ｈｉｇｈ）４１１以上になったか否かが判断される。

棚パネル３２０のサムネイル画像表示領域のｙ座標が所定の閾値（ｈｉｇｈ）以上になった場合には（ステップＳ１０５４）、次のサムネイル画像表示領域を棚パネル３２０の中央に移動する旨の設定がされる（ステップＳ１０５５）。例えば、図４（ａ）に示すように、棚パネル３２０に１０個（５行×２列）のサムネイル画像１乃至１０が表示されている場合において、表示領域のｙ座標４１０が閾値（ｈｉｇｈ）４１１以上になった場合には（ステップＳ１０５４）、棚パネル３２０のサムネイル画像表示領域には、サムネイル画像１乃至１０の次に配置されているサムネイル画像１１乃至２０（図４（ｂ）に示す）が表示されるように設定される（ステップＳ１０５５）。続いて、棚パネル３２０のサムネイル画像表示領域に次に配置されているサムネイル画像を表示するアニメーションを実行するためのアニメーションフラグがＯＮされ（ステップＳ１０５８）、サムネイル画像の表示切換処理の動作を終了する。

一方、棚パネル３２０のサムネイル画像表示領域のｙ座標が所定の閾値（ｈｉｇｈ）以上になっていない場合には（ステップＳ１０５４）、棚パネル３２０のサムネイル画像表示領域のｙ座標が所定の閾値（ｌｏｗ）以下になったか否かが判断される（ステップＳ１０５６）。例えば、上側取っ手部３２７を用いて左ドラッグ操作がされ、表示画面３９１において表示領域のｙ座標４１０が閾値（ｌｏｗ）４１２以下になったか否かが判断される。

棚パネル３２０のサムネイル画像表示領域のｙ座標が所定の閾値（ｌｏｗ）以下になった場合には（ステップＳ１０５６）、前のサムネイル画像表示領域を棚パネル３２０の中央に移動する旨の設定がされる（ステップＳ１０５７）。例えば、図４（ｂ）に示す１０個（５行×２列）のサムネイル画像１１乃至２０が棚パネル３２０に表示されている場合において、表示領域のｙ座標４１０が閾値（ｌｏｗ）４１２以下になった場合には（ステップＳ１０５６）、棚パネル３２０のサムネイル画像表示領域には、図４（ｂ）に示すサムネイル画像１１乃至２０の前に配置されているサムネイル画像１乃至１０（（図４（ａ）に示す））が表示されるように設定される（ステップＳ１０５７）。続いて、棚パネル３２０のサムネイル画像表示領域に前に配置されているサムネイル画像を表示するアニメーションを実行するためのアニメーションフラグがＯＮされ（ステップＳ１０５８）、サムネイル画像の表示切換処理の動作を終了する。

また、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在しない場合には（ステップＳ１０５１）、アニメーションフラグがＯＮされているか否かが判断される（ステップＳ１０５９）。アニメーションフラグがＯＮされていなければ（ステップＳ１０５９）、サムネイル画像の表示切換処理の動作を終了する。

アニメーションフラグがＯＮされている場合には（ステップＳ１０５９）、ステップＳ１０５５またはステップＳ１０５７で設定されたサムネイル画像が棚パネル３２０のサムネイル画像表示領域の中央に表示されるための位置である目標位置まで、当該サムネイル画像をアニメーションにより移動させる処理が実行される（ステップＳ１０６０）。続いて、当該サムネイル画像が目標位置まで到達したか否かが判断される（ステップＳ１０６１）。すなわち、棚パネル３２０のサムネイル画像表示領域にステップＳ１０５５またはステップＳ１０５７で設定されたサムネイル画像が適切に表示されているか否かが判断される。当該サムネイル画像が目標位置までアニメーションにより到達していなければ（ステップＳ１０６１）、アニメーションフラグがＯＮの状態で、サムネイル画像の表示切換処理の動作を終了する。一方、当該サムネイル画像が目標位置まで到達していれば（ステップＳ１０６１）、アニメーションフラグがＯＦＦされ（ステップＳ１０６２）、サムネイル画像の表示切換処理の動作を終了する。

なお、サムネイル画像の表示切換処理の動作を終了した場合において、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在しない場合でも（ステップＳ１０５１）、アニメーションフラグがＯＮされている場合には、、ステップＳ１０６０およびステップＳ１０６１における処理手順が実行されるため、棚パネル３２０のサムネイル画像表示領域には適切なサムネイル画像が表示される。

なお、カーソルにより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作がされた場合において（ステップＳ１０５２）、棚パネル３２０のサムネイル画像表示領域のｙ座標が、所定の閾値（ｈｉｇｈ）以上にならず（ステップＳ１０５４）、しかも、所定の閾値（ｌｏｗ）以下にならない（ステップＳ１０５６）状態で、ユーザが左ドラッグ操作を止めたような場合には、図３５に示すステップＳ９０７で、左ドラッグ操作がされる前の位置に上側取っ手部３２７および下側取っ手部３２８を戻すことができる。また、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかをドラッグ操作しているカーソルが存在する場合において（ステップＳ１０５１）、そのカーソルにより上側取っ手部３２７または下側取っ手部３２８がｙ方向に左ドラッグ操作されていなければ（ステップＳ１０５２）、そのカーソルにより右側取っ手部３２６がｘ方向に左ドラッグ操作されている状態である。この場合には、アニメーション処理を実行せずに、サムネイル画像の表示切換処理の動作を終了する。このように、右側取っ手部３２６、上側取っ手部３２７、下側取っ手部３２８の何れかがドラッグ操作されている場合には、操作者によるドラッグ操作に応じた処理を優先するため、アニメーション処理が実行されない。このように、サムネイル画像の表示切換処理と、サムネイル画像表示数の変更処理とは独立したものではなく、互いに影響をするものである。また、例えば、父カーソル３０１がｘ方向の右側に右側取っ手部３２６を左ドラッグ操作している途中で、母カーソル３０３と娘カーソル３０４とが右側取っ手部３２６の左ドラッグ操作に加わることができる。また、例えば、父カーソル３０１がｘ方向の右側に右側取っ手部３２６を左ドラッグ操作してサムネイル画像の表示数の変更操作をしている場合において、母カーソル３０３が上側取っ手部３２７または下側取っ手部３２８をドラッグ操作してサムネイル画像の表示切換操作をすることができる。このように、サムネイル画像の表示数の変更操作と、サムネイル画像の表示切換操作とを同時に複数のカーソルを用いて行うことができる。これにより、多数の人が協力して表示操作を行うことができる。

このように、サムネイル領域を左右方向に拡大または縮小させることによって、サムネイル画像の表示枚数を容易に変更することができる。この場合において、アニメーションによりサムネイル領域の拡大または縮小をすることによって、拡大または縮小の変化を見易くすることができる。また、縦一列をワンセットとして、サムネイル領域の拡大に応じて、サムネイル画像を一列ずつ追加するように表示させることができる。一方、サムネイル領域の縮小に応じて、サムネイル画像を一列ずつ削除するように表示させることができる。このように、サムネイル領域を左右方向に拡大または縮小させる場合には、サムネイル画像の表示位置を動かす必要がないため、サムネイル画像の表示位置を調整しなくてもよく、拡大または縮小の変化とサムネイル画像とを見易くすることができる。

さらに、上下方向に縦一列単位でサムネイル画像の表示切替をすることによって、シームレスなアニメーションでサムネイル画像の表示を繋ぐことができる。これにより、スクロールによる細かい変化とは異なる操作をすることができ、多数の人にとって見易くなるように表示切替をすることができる。特に、情報処理装置１００を複数人で同時に操作する場合には、変化に対応しやすいインタラクションを実現することができる。

以上で示したように、本発明の実施の形態によれば、例えば、共同スペースにおけるリビングにおいて、リビングと言う不特定多数の人が集まる場所に適した複数でのインタラクションのソフトウエアを提供することができる。

また、コンテンツを表示するメイン領域と、コンテンツのサムネイル画像を表示するサムネイル領域と、コンテンツを格納する引き出し領域との３つの表示領域をそれぞれ可変とすることによって、その場の要求やプレゼンテーションスタイルに応じて、表示領域を適切なレイアウトに自由に変更することができる。

また、情報処理装置１００に表示されるコンテンツにマーキングをすることによって、リアルタイムに所定のコンテンツ格納領域にマーキングされたコンテンツを移動させることができるため、アイコン的な表現とともに分類操作を容易に行うことができる。

また、表示画面に表示されている画像を操作する場合に、「引っ張る」行為を基本として構成されているため、ボタン操作のように、画面が瞬時に切り替わることがなく、引っ張っている時間と言う準備段階が生まれ、他の参加者が何をしようとしているのかを容易に知ることができる。これにより、全体で何が起こっているのかを判断することが視覚的に容易となり、特に複数人での同時使用においても、有用なユーザインターフェースを提供することができる。さらに、「引っ張る」行為を基本とすることによって、特にテレビジョンのように離れて見ることを前提とする細かな作業に向かない装置に対しても、引っ張るためののりしろを大きくとれることにより操作性を向上させることができる。これにより、全体のダイナミックな動きによる画面遷移等のように親和性が高いユーザインターフェースを提供することができる。

また、複数人で同時にコンテンツをブラウジングする場合において、各操作者がブラウジングとともに各コンテンツに評価やタグ付けをすることによって、注目度の高かったもののみを次回のブラウジング時に閲覧する操作を容易にすることが可能となる。なお、コンテンツが動画の場合には、時間軸所に評価ポイントを打ち、注目度の高かった場面のみをダイジェスト再生等することができる。

また、複数人で同時にコンテンツをブラウジングする場合において、風景、人、動物、等のカテゴリー毎に参加者の担当を決め、参加者それぞれが担当の分類操作を行うことができるため、共同視聴と同時に共同分類作業を容易に行うことが可能である。これにより、一人でタグ付け等をする場合に比べて、作業を早めることができ、コミュニケーションとともにエンタテインメント性を伴った苦にならない分類作業を行うことができる。

また、複数人で同時にコンテンツをブラウジングする場合において、例えば、参加者全員で行った旅行の写真を閲覧するような場合には、参加者のそれぞれが自分の分類スペースにドラック操作をすることによって、閲覧と同時に分類作業も即座に行うことが可能である。この場合に、管理情報の引き出し領域情報として記録された情報に基づいて、各人の写真のプリントや遠隔地への画像データの送信等の操作を容易に行うことができる。また、格納領域として、プリント用のダイレクトプリントスペースや遠隔地にいる相手の送信用のスペース等を用意することによって、閲覧および分類作業と同時にプリントや遠隔地共有等も可能である。このように、引き出し部の領域を各種の分類スペースとして設定することによって、閲覧と同時に分類、共有、タグ付け、プリント等の整理を容易に行うことができる。

また、参加者の全員が操作に参加することによって、各操作者のダイレクトな反応をお互いに与えるとともに受けることができる。これにより、プレゼンターと参加者という垣根を取り払うことができ、お互いの参加意識を高めることができる。さらに、ダイレクトなコンテンツアクセスを視聴者の全てが可能になることによって、操作するユーザ側のコミュニケーションを促進させることができる。

また、マーキング操作を複数人で操作することができるため、各個人の好みの他に、参加者各自の客観的なランキング等を容易に知ることができるため、整理後の有用なソート軸として機能することができる。

このように、本発明の実施の形態によれば、複数の画像が表示される場合にこれらの各画像を多数の人にとって見易くなるように表示させることができる。また、複数の画像が表示される場合にこれらの各画像の操作を容易に行うことができる。

なお、本発明の実施の形態では、情報処理装置１００について説明したが、ポインティングデバイス等の操作部材によって所定の操作が可能なテレビジョン等の画像表示装置に本発明の実施の形態を適用することができる。また、所定のネットワークを介して接続されている複数の情報処理装置の表示部において同一の画面を表示することが可能な情報処理システムであって、各表示部における画像を各情報処理装置から操作することが可能な情報処理システムに本発明の実施の形態を適用することができる。また、本発明の実施の形態では、情報処理装置１００を用いて写真等の画像を観賞する場合等について説明したが、画像の代わりに、文書データ等のドキュメントのページを表示等する場合に、本発明の実施の形態を適用することができる。

なお、本発明の実施の形態は本発明を具現化するための一例を示したものであり、以下に示すように特許請求の範囲における発明特定事項とそれぞれ対応関係を有するが、これに限定されるものではなく本発明の要旨を逸脱しない範囲において種々の変形を施すことができる。

すなわち、請求項１乃至請求項１３、請求項１５、請求項１６において、情報処理装置は、例えば情報処理装置１００に対応する。また、請求項１４において、画像表示装置は、例えば情報処理装置１００に対応する。

また、請求項１、請求項１３、請求項１４において、操作受付手段は、例えば操作受付部２１０に対応する。また、画像記憶手段は、例えば画像記憶部２２０に対応する。また、管理情報記憶手段は、例えば管理情報記憶部２８０に対応する。

また、請求項１、請求項２、請求項６、請求項８、請求項１１、請求項１３、請求項１４において、描画手段は、例えば描画部２５０に対応する。

また、請求項１乃至９、請求項１１、請求項１２、請求項１３、請求項１４において、制御手段は、例えば制御部２６０に対応する。

また、請求項２、請求項１０、請求項１３において、縮小画像記憶手段は、例えば縮小画像記憶部２４０に対応する。

また、請求項１０において、縮小画像生成手段は、例えば縮小画像生成部２３０に対応する。

また、請求項１４において、表示手段は、例えば表示部２７０に対応する。

また、請求項１５または請求項１６において、操作受付手順は、例えばステップＳ９０５に対応する。また、描画手順は、例えばステップＳ９０３に対応する。また、制御手順は、例えばステップＳ９１８またはステップＳ９２９に対応する。

なお、本発明の実施の形態において説明した処理手順は、これら一連の手順を有する方法として捉えてもよく、また、これら一連の手順をコンピュータに実行させるためのプログラム乃至そのプログラムを記憶する記録媒体として捉えてもよい。

本発明の実施の形態における情報処理装置１００の機能構成例を示すブロック図である。 本発明の実施の形態における情報処理装置１００の描画制御に関する機能構成例を示すブロック図である。 表示部１５０に表示される表示画面の一例である表示画面３００を示す図である。 表示部１５０に表示される表示画面の一例を示す図である。 棚パネル３２０の領域を表示画面３００ａの右端まで拡大させた後における表示画面３００ｂを示す図である。 表示部１５０に表示される表示画面の一例である表示画面３５０を示す図である。 表示部１５０に表示される表示画面の一例である表示画面３５５を示す図である。 表示部１５０に表示される表示画面の一例である表示画面３５５を示す図である。 表示部１５０に表示される表示画面の一例である表示画面３７０を示す図である。 表示部１５０に表示される表示画面の一例であってマウスとカーソルとの対応付けに関する遷移を示す図である。 表示部１５０に表示される表示画面の一例である表示画面３６０を示す図である。 表示画面３８０に表示される棚パネル３２０の遷移の例を示す図である。 表示画面３８０に表示される棚パネル３２０の遷移の例を示す図である。 表示画面３８０に表示される棚パネル３２０の遷移の例を示す図である。 棚パネル３２０に表示される表示領域の幅４００と閾値４０１および閾値４０２との関係を示す図である。 棚パネル３２０に表示される表示領域のｙ座標４１０と閾値４１１および閾値４１２との関係を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 表示部１５０に表示される表示画面の表示例を示す図である。 情報処理装置１００による描画制御の処理手順を示すフローチャートである。 情報処理装置１００によるお気に入り引き出し部３３５における画像の格納または消去処理の処理手順を示すフローチャートである。 情報処理装置１００による第１引き出し部３３１乃至第４引き出し部３３４における画像の格納処理の処理手順を示すフローチャートである。 情報処理装置１００による第１引き出し部３３１乃至第４引き出し部３３４における画像の移動処理の処理手順を示すフローチャートである。 情報処理装置１００によるスライドパネル３１０と棚パネル３２０との画像の同期処理の処理手順を示すフローチャートである。 情報処理装置１００によるスライドパネル３１０の画像の移動処理の処理手順を示すフローチャートである。 情報処理装置１００によるスライドパネル３１０の画像上に線を描画する描画処理の処理手順を示すフローチャートである。 情報処理装置１００によるスライドパネル３１０の画像の一部の拡大表示処理の処理手順を示すフローチャートである。 情報処理装置１００によるサムネイル画像表示数の変更処理の処理手順を示すフローチャートである。 情報処理装置１００によるサムネイル画像の表示切換処理の処理手順を示すフローチャートである。

符号の説明

１００ 情報処理装置
１１０ ＣＰＵ
１２０ ＲＯＭ
１３０ ＲＡＭ
１４０ ＨＤＤ
１５０ 表示部
１６０ 操作受付部
１７０ 音声出力部
１８０ バス
２１０ 操作受付部
２２０ 画像記憶部
２３０ 縮小画像生成部
２４０ 縮小画像記憶部
２５０ 描画部
２６０ 制御部
２７０ 表示部
３１０ スライドパネル
３２０ 棚パネル
３３０ 引き出しパネル

Claims (16)

1. 操作入力を受け付ける操作受付手段と、
   複数の画像を記憶する画像記憶手段と、
   前記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、
   少なくとも画像表示領域を含む表示領域において前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で前記画像表示領域に描画する描画手段と、
   前記画像表示領域に含まれる画像を選択する旨の操作入力が前記操作受付手段により受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手段と
   を具備することを特徴とする情報処理装置。
2. 前記画像記憶手段に記憶されている複数の画像に対応する縮小画像を記憶する縮小画像記憶手段をさらに具備し、
   前記描画手段は、少なくとも前記画像表示領域と複数の領域に分割された格納領域とを含む表示領域において前記画像記憶手段に記憶されている画像に対応する縮小画像を前記格納領域に描画し、
   前記制御手段は、前記画像表示領域に含まれる画像を前記格納領域の何れかの領域に対応付けて選択する旨の操作入力が前記操作受付手段により受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像に対応付けて選択された領域を記録するとともに当該画像に対応して前記縮小画像記憶手段に記憶されている縮小画像を当該画像に対応付けて選択された領域に前記描画手段に描画させる
   ことを特徴とする請求項１記載の情報処理装置。
3. 前記制御手段は、前記画像表示領域に含まれる画像を前記格納領域の何れかの領域に対応付けて選択する旨の操作入力が前記操作受付手段により受け付けられた場合には前記画像表示領域に含まれる当該画像の付近に当該画像に対応付けて選択された領域を示すマークを前記描画手段に描画させることを特徴とする請求項２記載の情報処理装置。
4. 前記制御手段は、前記画像表示領域に含まれる１つの画像を選択する旨の操作入力が前記操作受付手段により２以上受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該選択する旨の操作入力が受け付けられた数を記録するとともに当該管理情報に記録されている当該選択する旨の操作入力が受け付けられた数に応じた順序で前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を前記画像表示領域に前記描画手段に描画させることを特徴とする請求項２記載の情報処理装置。
5. 前記制御手段は、前記操作受付手段により所定の操作入力が受け付けられた場合には前記格納領域のうちの少なくとも１つの領域を拡大または縮小させるように前記描画手段に描画させることを特徴とする請求項２記載の情報処理装置。
6. 前記描画手段は、前記格納領域の各領域を前記画像表示領域に隣り合う略矩形状の領域として描画し、
   前記制御手段は、前記格納領域の各領域における前記画像表示領域に隣接する端部を前記画像表示領域側に移動させる操作入力が前記操作受付手段により受け付けられた場合には当該操作入力に応じて当該端部を移動させて前記格納領域の各領域を拡大させるように前記描画手段に描画させる
   ことを特徴とする請求項２記載の情報処理装置。
7. 前記制御手段は、前記格納領域の何れかの領域に２以上の縮小画像が描画される場合には当該領域内の各縮小画像の少なくとも一部が表示されるように当該各縮小画像を重畳して前記描画手段に描画させることを特徴とする請求項２記載の情報処理装置。
8. 前記描画手段は、前記操作受付手段により受け付けられた操作入力に応じて移動するカーソルを前記表示領域に描画し、
   前記制御手段は、前記格納領域の何れかの領域内に重畳して描画されている複数の縮小画像の何れかの縮小画像の上に前記カーソルが重ねて描画されている場合には当該縮小画像の全部が表示されるように当該縮小画像の上に重畳されている縮小画像を移動させるように前記描画手段に描画させる
   ことを特徴とする請求項７記載の情報処理装置。
9. 前記制御手段は、前記操作受付手段により所定の操作入力が受け付けられた場合には前記格納領域に含まれる縮小画像と前記画像表示領域に含まれる画像のうちの少なくとも１つの画像とが対応する画像となるように前記描画手段に描画させることを特徴とする請求項２記載の情報処理装置。
10. 前記画像記憶手段に記憶されている複数の画像に対応する縮小画像を生成する縮小画像生成手段をさらに具備し、
    前記縮小画像記憶手段は、前記縮小画像生成手段により生成された縮小画像を記憶する
    ことを特徴とする請求項２記載の情報処理装置。
11. 前記描画手段は、前記操作受付手段により受け付けられた操作入力に応じて移動するカーソルを前記表示領域に描画し、
    前記制御手段は、前記表示領域に含まれる所定領域の上に前記カーソルが重ねて描画されている場合において所定のドラッグ操作が前記操作受付手段により受け付けられた場合に当該ドラッグ操作に応じて当該所定領域に係る画像を前記描画手段に描画させる
    ことを特徴とする請求項１記載の情報処理装置。
12. 前記制御手段は、前記操作受付手段により受け付けられた操作入力に応じて前記画像表示領域に含まれる画像を移動させるように前記描画手段に描画させることを特徴とする請求項１記載の情報処理装置。
13. 操作入力を受け付ける操作受付手段と、
    複数の画像を記憶する画像記憶手段と、
    前記画像記憶手段に記憶されている複数の画像に対応する縮小画像を記憶する縮小画像記憶手段と、
    前記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、
    少なくとも画像表示領域と一覧画像表示領域と格納領域とを含む表示領域において前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で前記画像表示領域に描画するとともに前記縮小画像記憶手段に記憶されている縮小画像のうちの少なくとも２つ以上の縮小画像を一覧画像として前記所定の順序で前記一覧画像表示領域に描画する描画手段と、
    前記画像表示領域に含まれる画像を前記格納領域に対応付けて選択する旨の操作入力が前記操作受付手段により受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録するとともに当該画像に対応して前記縮小画像記憶手段に記憶されている縮小画像を前記格納領域に前記描画手段に描画させる制御手段と
    を具備することを特徴とする情報処理装置。
14. 操作入力を受け付ける操作受付手段と、
    複数の画像を記憶する画像記憶手段と、
    前記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段と、
    少なくとも画像表示領域を含む表示領域において前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で前記画像表示領域に描画する描画手段と、
    前記画像表示領域に含まれる画像を選択する旨の操作入力が前記操作受付手段により受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手段と、
    前記描画手段により描画された画像を表示する表示手段と
    を具備することを特徴とする画像表示装置。
15. 複数の画像を記憶する画像記憶手段と前記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段とを具備する情報処理装置における制御方法であって、
    操作入力を受け付ける操作受付手順と、
    少なくとも画像表示領域を含む表示領域において前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で前記画像表示領域に描画する描画手順と、
    前記画像表示領域に含まれる画像を選択する旨の操作入力が前記操作受付手順で受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手順と
    を具備することを特徴とする情報処理装置における制御方法。
16. 複数の画像を記憶する画像記憶手段と前記画像記憶手段に記憶されている複数の画像に対応する管理情報を記憶する管理情報記憶手段とを具備する情報処理装置において、
    操作入力を受け付ける操作受付手順と、
    少なくとも画像表示領域を含む表示領域において前記画像記憶手段に記憶されている画像のうちの少なくとも１つの画像を所定の順序で前記画像表示領域に描画する描画手順と、
    前記画像表示領域に含まれる画像を選択する旨の操作入力が前記操作受付手順で受け付けられた場合には当該画像に対応して前記管理情報記憶手段に記憶されている管理情報に当該画像が選択された旨を記録する制御手順と
    をコンピュータに実行させることを特徴とするプログラム。