(57)【要約】【課題】起点となる位置と閲覧中の位置との位置関係を閲覧者が把握しやすいように表示する。【解決手段】表示領域移動装置１であって、端末２から送信されたイベントの種別を判別するイベント種類判定手段１１と、判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、終点と始点との距離に応じた移動量を算出する算出手段１２２と、移動操作終了時の表示領域から、起点方向に移動量だけ移動させた表示領域を、端末２に表示させる表示領域制御手段１２３と、を備える。【選択図】図１
2015125565.tif 000002
【特許請求の範囲】
【請求項１】
表示領域移動装置であって、
端末から送信されたイベントの種別を判別するイベント種類判定手段と、
前記判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、前記終点と前記始点との距離に応じた移動量を算出する算出手段と、
前記移動操作終了時の表示領域から、前記起点方向に前記移動量だけ移動させた表示領域を、前記端末に表示させる表示領域制御手段と、を備えること
を特徴とする表示領域移動装置。
【請求項２】
請求項１記載の表示領域移動装置であって、
前記表示領域制御手段は、前記起点方向に徐々に移動させた表示領域を、前記端末に表示させること
を特徴とする表示領域移動装置。
【請求項３】
請求項１または２記載の表示領域移動装置であって、
前記イベント種類判定手段が判定したイベントの種別が表示領域の移動操作開始を示す種別の場合、フラグを所定の値に更新する更新手段を、さらに有し、
前記フラグが前記所定の値の場合に、
前記算出手段は、前記起点方向および前記移動量を算出し、
前記表示領域制御手段は、前記移動操作終了時の表示領域から、前記起点方向に前記移動量だけ移動させた表示領域を、前記端末に表示させること
を特徴とする表示領域移動装置。
【請求項４】
表示領域移動装置が行う表示領域移動方法であって、
端末から送信されたイベントの種別を判別するイベント種類判定ステップと、
前記判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、前記終点と前記始点との距離に応じた移動量を算出する算出ステップと、
前記移動操作終了時の表示領域から、前記起点方向に前記移動量だけ移動させた表示領域を、前記端末に表示させる表示領域制御ステップと、を行うこと
を特徴とする表示領域移動方法。
【請求項５】
請求項４記載の表示領域移動方法であって、
前記表示領域制御ステップは、前記起点方向に徐々に移動させた表示領域を、前記端末に表示させること
を特徴とする表示領域移動方法。
【請求項６】
請求項４または５記載の表示領域移動方法であって、
前記イベント種類判定ステップで判定したイベントの種別が表示領域の移動操作開始を示す種別の場合、フラグを所定の値に更新する更新ステップを、さらに行い、
前記フラグが前記所定の値の場合に、前記算出ステップおよび前記表示領域制御ステップを行うこと
を特徴とする表示領域移動方法。
【請求項７】
請求項１から３のいずれか一項に記載の表示領域移動装置として機能させるための表示領域移動プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、Web ページを閲覧者が閲覧するための技術に関する。
【背景技術】
【０００２】
HTML5(http://www.w3.org/html/wg/drafts/html/master/) で記述されたデジタルコンテンツを閲覧するとき、閲覧者はブラウザをスクロールさせてWeb ページの一部分を閲覧する。このとき、スクロール開始時にWebページに表示されているWeb ページの一部分に後で戻ってくるときのために、または、スクロール開始時に起点となっていた位置と閲覧中の位置との位置関係を把握するために、スクロール開始時の起点となる位置や範囲に目印を表示させておくことが行われている。
【０００３】
このような目印を表示しているサービスの１つとして、Web ページ内に地図を表示し、地図をマウスドラッグでスクロールするものがある。例えば、Google マップ(https://maps.google.co.jp/)では、起点となるランドマーク（主に駅や建物） にピンを設定し、起点となる位置を閲覧者に示す。また、非特許文献１では、起点となる位置を円の中心として任意の半径の円で表示する。
【先行技術文献】
【非特許文献】
【０００４】
【非特許文献１】「地図に円を描く（Google Maps API V3版）」、＜URL：http://www.nanchatte.com/map/circleService.html＞
【発明の概要】
【発明が解決しようとする課題】
【０００５】
閲覧者がブラウザで、あるWeb ページをスクロールしたり、拡大縮小をくり返しながら閲覧すると、閲覧し始めたときの起点となる位置から離れた位置を閲覧するため、閲覧者が現在閲覧している位置と、起点となる位置との位置関係が把握しづらくなる。起点となる位置がブラウザ上に表示されないほど離れた場所を閲覧することもありうるため、起点と閲覧している位置との位置関係をブラウザ上で目視することができなくなる。起点と閲覧している位置との位置関係が把握しづらいことで、起点となる位置との関係を把握するために、スクロールや拡大縮小などの操作を繰り返す必要が生じることによる操作回数の増加や、検索対象を絞り込むまでの検索時間の増加などの問題がある。
【０００６】
例えば、Web ページ内で地図を閲覧して起点付近の複数店舗の中から１店舗を決定する場合、起点と店舗との位置関係はその店舗を選択するかどうかの決め手のひとつになると考えられ、起点とその店舗との位置関係を把握するために、地図をスクロールしたり拡大縮小する操作を行うことが考えられる。
【０００７】
起点との位置関係を示すために、非特許文献１のように起点となる位置を円の中心として任意の半径の円で表示する場合や、表示されている地図（詳細地図）をズームアウトした地図（広域地図）を重ねて表示する場合は、円や広域地図を地図上に重ねて表示したり、それらを表示することで、地図の表示領域が小さくなってしまい、地図が読みにくくなるという問題がある。
【０００８】
本発明は、上記の事情に鑑みなされたもので、本発明の目的は、起点となる位置と閲覧中の位置との位置関係を閲覧者が把握しやすいように表示することにある。
【課題を解決するための手段】
【０００９】
上記の課題を解決するため、本発明は、表示領域移動装置であって、端末から送信されたイベントの種別を判別するイベント種類判定手段と、前記判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、前記終点と前記始点との距離に応じた移動量を算出する算出手段と、前記移動操作終了時の表示領域から、前記起点方向に前記移動量だけ移動させた表示領域を、前記端末に表示させる表示領域制御手段と、を備えることを要旨とする。
【００１０】
本発明は、表示領域移動装置が行う表示領域移動方法であって、端末から送信されたイベントの種別を判別するイベント種類判定ステップと、前記判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、前記終点と前記始点との距離に応じた移動量を算出する算出ステップと、前記移動操作終了時の表示領域から、前記起点方向に前記移動量だけ移動させた表示領域を、前記端末に表示させる表示領域制御ステップと、を行うことを要旨とする。
【００１１】
本発明は、上記表示領域移動装置として機能させるための表示領域移動プログラムである。
【発明の効果】
【００１２】
本発明によれば、起点となる位置と閲覧中の位置との位置関係を閲覧者が把握しやすいように表示することができる。
【図面の簡単な説明】
【００１３】
【図１】本発明の第１および第２の実施形態におけるサーバの構成図である。
【図２】第１の実施形態のサーバの処理を示すフローチャートである。
【図３】第２の実施形態のサーバの処理を示すフローチャートである。
【発明を実施するための形態】
【００１４】
以下、図面と共に、本発明の実施の形態を説明する。
【００１５】
＜第１の実施形態＞
図１は、本発明の第１の実施の形態におけるサーバ１（表示領域移動装置）の構成図である。サーバ１は、ネットワークを介して接続されたクライアント２に、当該クライアント２により指定されたWeb ページ（デジタルコンテンツ）を送信・提供するサーバである。
【００１６】
また、本実施形態のサーバ１は、クライアント２のブラウザに表示されるWeb ページを閲覧するユーザ（閲覧者）が、Web ページの移動操作（スクロール）を行った後に、その時点でクライアント２のブラウザに表示されている移動後のWeb ページの表示領域から、移動操作を開始した時点で表示されていた表示領域（起点）に向かって移動させた表示領域を、クライアント２に再描画させる。
【００１７】
クライアント２は、ブラウザの機能を搭載した装置であって、スマートフォン、ＰＣなどを用いることができる。クライアント２は、サーバ１にアクセスし、サーバ１が提供するWeb ページをブラウザに表示するとともに、ユーザが入力した操作を受け付けて、当該操作に対応するイベントをサーバ１に送信する。
【００１８】
図示するサーバ１は、イベント種類判定部１１と、移動処理部１２とを備える。イベント種類判定部１１は、クライアント２のブラウザで発生したイベントを受信し、当該イベントの種別を判別する。
【００１９】
移動処理部１２は、イベントの種類に応じた処理を行い、クライアント２を使用するユーザによるWeb ページの表示領域の移動後に、起点方向にWeb ページの表示領域を移動させる。移動処理部１２は、フラグ更新部１２１と、算出部１２２と、表示領域制御部１２３とを、備える。
【００２０】
フラグ更新部１２１は、イベント種類判定部１１が判定したイベントの種別が表示領域の移動操作開始を示す種別の場合、フラグを所定の値に更新する。フラグは、サーバ１が備えるメモリなどの記憶手段（不図示）に記憶されているものとする。
【００２１】
算出部１２２は、判定したイベントの種別が表示領域の移動操作終了を示す種別の場合、移動操作終了時の表示領域を表す終点から移動操作開始時の起点への起点方向、および、前記終点と前記始点との距離に応じた移動量を算出する。表示領域制御部１２３は、移動操作終了時の表示領域から、算出した起点方向に算出した記移動量だけ移動させた表示領域を、クライアント２に表示させる。
【００２２】
なお、本実施形態のサーバ１は、例えば、ＣＰＵと、メモリと、ハードディスク等の外部記憶装置などを備えた汎用的なコンピュータシステムを用いることができる。このコンピュータシステムにおいて、ＣＰＵがメモリ上にロードされたサーバ１用のプログラムを実行することにより、サーバ１の各機能が実現される。また、サーバ１用のプログラムは、ハードディスク、フレキシブルディスク、ＣＤ−ＲＯＭ、ＭＯ、ＤＶＤ−ＲＯＭなどのコンピュータ読取り可能な記録媒体に記憶することも、ネットワークを介して配信することもできる。
【００２３】
次に、本実施形態の処理について説明する。
【００２４】
図２は、本実施形態のサーバ１の処理を示すフローチャートである。
【００２５】
サーバ１のイベント種類判定部１１は、クライアント２のブラウザで発生したイベントおよびイベントに関する情報を受け付ける（Ｓ１１０）。本実施形態では、ユーザがブラウザの表示領域で表示されているWeb ページ（例えば、地図などのコンテンツ）のスクロール移動などの操作を行うことにより、mousedown、mousemoveまたはmouseupのイベントがサーバ１に通知される。
【００２６】
mousedownは、ユーザがブラウザの表示領域上でマウスボタンを押下（クリック）したときに発生するイベントである。mousemoveは、ユーザがブラウザの表示領域上でマウスポインタを動かしている時（ドラッグしてスクロールをしている最中）に発生するイベントである。mouseupは、マウスボタンを離した（リリースした）ときに発生するイベントであって、操作の終了を示すイベントである。
【００２７】
ユーザは、例えば表示領域に表示されているWeb ページを移動（スクロール）させる際に、まずmousedownの操作を行い、その後、mousemoveでマウスポインタを所望の位置に移動させ、その後mouseupの操作を行うことで、所望の領域のWeb ページがブラウザの表示領域に表示されるようにWeb ページを移動する。
【００２８】
そして、イベント種類判定部１１は、クライアント２から受け付けたイベントの種類を判別する。まず、イベント種類判定部１１は、当該イベントがmousedown であるか否かを判別する（Ｓ１２０）。
【００２９】
mousedown のイベントの場合（Ｓ１２０：ＹＥＳ）、イベント種類判定部１１は、算出部１２２に、mousedown のイベントが発生したことおよびイベントに関する情報を通知する。これにより、移動処理部１２は、起点となる座標を取得し、当該座標を（x１,y1）とする（Ｓ１３０）。起点となる座標は、例えば、地図を表示させるようなWeb ページであれば、ユーザが指定したランドマークの座標（マウスボタンを押下した位置の座標）を用いることが考えられる。また、起点となる座標には、上下左右にスクロールさせて閲覧するようなWeb ページであれば、表示領域の移動が開始されたとき（mousedown のイベントが発生したとき）のブラウザの表示領域の左上端、右上端、左下端、右下端のいずれかの座標を用いることが考えられる。なお、起点となる座標については、イベントに関する情報に含まれている。
【００３０】
そして、フラグ更新部１２１は、フラグを所定の値（ここでは、「ture」）に更新する（Ｓ１４０）。
【００３１】
一方、Ｓ１１０で通知されイベントがmousedown のイベントでない場合（Ｓ１２０：ＮＯ）、イベント種類判定部１１は、当該イベントがmouseupであるか否かを判別する（Ｓ１５０）。mousemoveのイベントの場合（Ｓ１５０：ＮＯ）、イベント種類判定部１１は、イベントの発生を通知することなく処理を終了する。
【００３２】
mouseupのイベントの場合（Ｓ１５０：ＹＥＳ）、イベント種類判定部１１は、mouseupのイベントが発生したことおよびイベントに関する情報を算出部１２２に通知する。これにより、算出部１２２は、フラグを読み出して「ture」か否かを判別し、「fale」の場合は（Ｓ１６０：ＮＯ）、表示領域の移動操作におけるmouseupイベントではないとみなし、処理を終了する。
【００３３】
「ture」の場合（Ｓ１６０：ＹＥＳ）、算出部１２２は、イベント種類判定部１１から通知されたイベントに関する情報を用いて、mouseupのイベントが発生したときの表示領域を表す座標（現時点で閲覧中の表示領域を表す座標）を終点として取得し、当該座標を（x2,y2）とする（Ｓ１７０）。終点の座標（x2,y2）は、例えば、mouseupのイベントが発生したときのマウスポインタの座標などが考えられる。また、Ｓ１３０で起点となる座標（x１,y1）に表示領域の左上端などの座標を用いた場合、終点の座標（x2,y2）として、同様に表示領域の左上端の座標などを用いることも考えられる。
【００３４】
そして、算出部１２２は、Ｓ１３０で取得した起点となる座標（x1,y1）と、Ｓ１７０で取得した終点となる座標（x2,y2）とを用いて、終点から起点への起点方向（スクロール方向）と、終点と始点との距離に応じた移動量（スクロール量）dとを算出する（Ｓ１８０）。起点方向（ベクトルv）は、例えば、以下の式（１）により算出する。
【数１】
2015125565.tif 000003
【００３５】
移動量dは、例えば、以下の式（２）を用いて算出する。すなわち、（x1,y1）と（x2,y2）との間の距離に所定の係数αを乗算した値を移動量dとする。
【数２】
2015125565.tif 000004
【００３６】
（x1,y1）と（x2,y2）の距離に応じて移動量dを設定することで、（x1,y1）と（x2,y2）の距離が大きければ大きいほど表示領域を大きく移動させ、起点から離れていることをユーザに直感的に知らせることができるようにする。そのため、係数αに所定の正の微小な実数（１未満の値）を設定する。
【００３７】
そして、フラグ更新部１２１は、フラグを「fale」に更新する（Ｓ１９０）。そして、表示領域制御部１２３は、mouseupのイベントが発生したときのWeb ページの表示領域から、Ｓ１８０で算出した起点方向に移動量だけ表示領域を移動させたWeb ページの描画指示をクライアント２のブラウザに送信する（Ｓ２００）。
【００３８】
これにより、クライアント２のブラウザには、現在閲覧中の表示領域（mouseupのイベントが発生したときの表示領域）から、移動操作開始時（mousedownのイベントが発生したとき）の起点に戻る方向に、移動量dだけ移動した表示領域が表示される。これにより、ユーザは、起点となる位置と閲覧中の位置との位置関係を、直感的に把握することができる。
【００３９】
＜第２の実施形態＞
第２の実施形態は、ユーザによるWeb ページの移動後に、ユーザが再びWeb ページの移動を開始するまでの間、Web ページを起点に向かって徐々に移動させた表示領域をクライアントに表示させるものである。なお、本実施形態のサーバ１の構成は、図１に示す第１の実施形態のサーバ１と同様である。
【００４０】
図３は、第２の実施形態におけるサーバ１の処理を示すフローチャートである。
【００４１】
Ｓ３１０〜Ｓ３８０の処理は、図２に示す第１の実施形態のＳ１１０〜Ｓ１８０の処理と同様であるため、ここでは説明を省略する。
【００４２】
Ｓ３９０において、算出部１２２は、表示領域を移動させる速さを算出する。なお、速さは、等速度もしくは加速度が考えられる。速さを等速度とした場合、例えば以下の式（３）により、１回のWeb ページの描画指示で移動させる移動量hを算出する。そして、所定の時間間隔で起点方向に移動量hだけ表示領域を移動させたWeb ページの描画指示をクライアント２のブラウザに繰り返し送信することで、等速度で徐々に表示領域を起点方向に移動させることができる。係数βは、正の微小な実数（１未満）とする。
【数３】
2015125565.tif 000005
【００４３】
そして、フラグ更新部１２１は、フラグを「fale」に更新する（Ｓ４００）。そして、表示領域制御部１２３は、フラグがfalse である間、つまり、新しいmouseudownイベントが発生するまでの間、mouseupのイベントが発生したときのWeb ページの表示領域から、Ｓ３８０で算出した起点方向にＳ３９０で算出した移動量hづつ表示領域を移動させたWeb ページの描画指示を所定の時間間隔で繰り返しクライアント２のブラウザに送信する（Ｓ４１０）。
【００４４】
これにより、クライアント２のブラウザには、現在閲覧中の表示領域（mouseupのイベントが発生したときの表示領域）から、移動操作開始時（mousedownのイベントが発生したとき）の起点に戻る方向に、徐々に移動した表示領域が表示される。ユーザは、所定の速さで起点方向に戻る表示領域を見ることで、起点となる位置と閲覧中の位置との位置関係を、直感的に把握することができる。
【００４５】
以上説明した第１および第２の本実施形態では、起点となる位置と現在閲覧中の表示領域（またはマウス）の位置との位置関係から、地図などのWeb ページの移動量および方向を算出し、ユーザに起点となる位置と現在閲覧中の位置との位置関係を直感的に知らせることができる。具体的には、クライアント２でWeb ページを閲覧しているユーザが、ブラウザにより表示されたWeb ページをスクロールへ拡大縮小させながら閲覧するときに、スクロール後の位置と起点となる位置との位置関係を直感的に把握することが可能となり、Web ページの中にある検索対象を決めるまでのスクロールや拡大縮小などの操作回数を減らすとともに、検索対象を絞り込むまでの時間を減らすことが可能となる。
【００４６】
また、第２の実施形態では、起点に向かって徐々に移動させた表示領域をクライアントに表示させることにより、長い距離のスクロールを行った場合であっても、起点となる位置と閲覧中の位置との位置関係を閲覧者が把握しやすいように表示することができる。
【００４７】
なお、本発明は上記実施形態に限定されるものではなく、特許請求の範囲内において、種々変更・応用が可能である。
【符号の説明】
【００４８】
１    ：サーバ
１１  ：イベント種類判定部
１２  ：信号処理部
１２１：フラグ更新部
１２２：算出部
１２３：表示領域制御部
２  ：クライアント
【図１】
2015125565.tif 000006
【図２】
2015125565.tif 000007
【図３】
2015125565.tif 000008