(57)【要約】【課題】ウェブページを表示させる既存システムに改変を加えることなく、フローティングウィンドウの表示中に親ページに対する操作を無効にする仕組みを導入できるようにする。【解決手段】ウェブページ本文である親ページ１０１の少なくとも一部の上にフローティングウィンドウ１０２を重ねて表示させる場合、親ページ１０１の上に重ねて、親ページ１０１上に存在する操作起点に対する操作を制限するためのロックレイヤ１０３を設定し、フローティングウィンドウ１０２が重ねられていない親ページ１０１の表示領域において操作が行われた場合、当該操作をロックレイヤ１０３に対する操作として受け付けるようにすることにより、親ページ１０１に何らかの操作起点が設定されていても、その操作起点に対する操作が行われないようにする。【選択図】図２
2016066247.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページ本文である親ページ上にフローティングウィンドウを重ねて表示させた状態における操作を制御する操作制御装置であって、
上記親ページの少なくとも一部の上に上記フローティングウィンドウを重ねて表示させる場合、上記親ページのうち少なくとも上記フローティングウィンドウが重ねられていない領域の上に重ねて、上記親ページ上に存在する操作起点に対する操作を制限するためのロックレイヤであって、自ら操作起点を有しないロックレイヤを設定するロックレイヤ設定部と、
上記フローティングウィンドウが重ねられていない領域において操作が行われた場合、当該操作を上記ロックレイヤに対する操作として受け付けるように制御する操作受付制御部とを備えたことを特徴とするウェブページ上での操作制御装置。
【請求項２】
上記親ページの少なくとも一部の上に上記フローティングウィンドウを重ねて表示させる場合、上記フローティングウィンドウが重ねられていない領域において行われる画面スクロール操作を無効化することにより、上記フローティングウィンドウが重ねられていない領域における上記親ページの表示を固定化させる表示ロック部をさらに備えたことを特徴とする請求項１に記載のウェブページ上での操作制御装置。
【請求項３】
上記ロックレイヤ設定部は、上記親ページが表示されている最下層と、上記フローティングウィンドウが表示されている最上層との間の中間層に、上記親ページの表示領域と同じ領域を有する上記ロックレイヤを設定することを特徴とする請求項１または２に記載のウェブページ上での操作制御装置。
【請求項４】
ウェブページ本文である親ページ上にフローティングウィンドウを重ねて表示させた状態における操作を制御するための操作制御用プログラムであって、
上記親ページの少なくとも一部の上に上記フローティングウィンドウを重ねて表示させる場合、上記親ページのうち少なくとも上記フローティングウィンドウが重ねられていない領域の上に重ねて、上記親ページ上に存在する操作起点に対する操作を制限するためのロックレイヤであって、自ら操作起点を有しないロックレイヤを設定するロックレイヤ設定手段、および
上記フローティングウィンドウが重ねられていない領域において操作が行われた場合、当該操作を上記ロックレイヤに対する操作として受け付けるように制御する操作受付制御手段
としてコンピュータを機能させるためのウェブページ上での操作制御用プログラム。
【請求項５】
上記親ページの少なくとも一部の上に上記フローティングウィンドウを重ねて表示させる場合、上記フローティングウィンドウが重ねられていない領域において行われる画面スクロール操作を無効化することにより、上記フローティングウィンドウが重ねられていない領域における上記親ページの表示を固定化させる表示ロック手段
としてコンピュータをさらに機能させることを特徴とする請求項４に記載のウェブページ上での操作制御用プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ウェブページ上での操作制御装置および操作制御用プログラムに関し、特に、ウェブページ本文にフローティングウィンドウを重ねて表示させた状態における操作を制御する技術に関するものである。
【背景技術】
【０００２】
従来、ウェブページ本文に重ねて表示させる「フローティングウィンドウ」と呼ばれる技術が知られている。フローティングウィンドウは、例えば所定の表示ボタンを押下することによって表示される子ウィンドウであり、常に最前面に表示される。よって、元のウェブページ（以下、親ページと呼ぶ）をアクティブにしても、親ページがフローティングウィンドウの前面に来ることはない。
【０００３】
フローティングウィンドウの表示方法は種々であるが、親ページの一部に重ねて表示させることが多い。図４は、フローティングウィンドウの表示例を示す図である。図４（ａ）は、親ページ１０１（ウェブページ本文）のみが表示された状態を示しており、画面下部にフローティングウィンドウの表示ボタン１００が表示されている。
【０００４】
図４（ｂ）は、フローティングウィンドウ１０２が表示された状態を示している。すなわち、ユーザが表示ボタン１００を押下すると、図４（ｂ）のように親ページ１０１の一部に重ねてフローティングウィンドウ１０２が前面に表示される。この場合、画面上には、親ウィンドウ１０１が表示された領域と、フローティングウィンドウ１０２が表示された領域とが併存することになる。フローティングウィンドウ１０２は、単に情報を表示するだけの用途で使うことも可能であるし、任意の操作起点（オブジェクトトリガ）を配置することにより、ユーザが所望の操作を行えるようにすることも可能である。
【０００５】
しかしながら、フローティングウィンドウ１０２に対する操作を可能に構成した場合、ユーザがフローティングウィンドウ１０２に対して操作をしているつもりが、下側の親ページ１０１に対して操作をしてしまうことがある。特に、スマートフォン等のモバイル端末にインストールされたアプリケーションの機能によってフローティングウィンドウ１０２を表示させている場合、フローティングウィンドウ１０２に対する操作はタッチパネル操作となり、間違って親ページ１０１の領域に指が触れてしまうことも少なくない。
【０００６】
この場合、親ページ１０１の表示がユーザの意思に反してスクロールしてしまうことがある。また、親ページ１０１にも操作起点が配置されている場合には、ユーザの意思に反してそれが操作されて、親ページ１０１が別ページの表示に切り替わってしまうこともある。そのため、フローティングウィンドウ１０２に対して何らかの操作を行おうとしているユーザに対して大きな違和感を与えてしまうという問題があった。
【０００７】
なお、画面上に複数のウィンドウを表示させているときに、他のウィンドウによって重ねられていない状態で表示されている第１のウィンドウに対する入力を有効にし、他のウィンドウの下側に表示されている第２のウィンドウに対する入力を無効にするようにした技術が知られている（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００８】
【特許文献１】特許第３１７５１１５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００９】
上記特許文献１に記載の技術では、いわゆるマルチウィンドウ表示技術に関して、アクティブウィンドウとディアクティブウィンドウという概念を用いることにより、「下側のウィンドウごと操作を無効化」することを実現している。しかしながら、ＷＥＢプラットフォーム上の標準仕様では、アクティブウィンドウとディアクティブウィンドウとの区別が存在しない。そのため、特許文献１に記載の技術を単純にフローティングウィンドウに適用することはできない。
【００１０】
また、フローティングウィンドウの表示中に親ページに対する操作を無効とするためには、親ページを提供しているサーバシステムに対して無効化の仕組みを導入する必要がある。このため、例えばあるウェブページを表示させる既存システムに対して後からフローティングウィンドウの仕組みを追加する場合には、既存システムに改変を加えることによって、元々のウェブページを親ページとし、フローティングウィンドウの表示中に親ページに対する入力を無効にする仕組みを実装することが必要となる。そのため、既存システムに対するフローティングウィンドウの導入コストが高くなってしまうという問題があった。
【００１１】
本発明は、このような問題を解決するために成されたものであり、ウェブページを表示させる既存システムに改変を加えることなく、フローティングウィンドウの表示中に親ページに対する操作を無効にする仕組みを導入できるようにすることを目的とする。
【課題を解決するための手段】
【００１２】
上記した課題を解決するために、本発明では、ウェブページ本文である親ページの少なくとも一部の上にフローティングウィンドウを重ねて表示させる場合、親ページのうち少なくともフローティングウィンドウが重ねられていない領域の上に重ねて、親ページ上に存在する操作起点に対する操作を制限するためのロックレイヤであって、自ら操作起点を有しないロックレイヤを設定し、フローティングウィンドウが重ねられていない領域において操作が行われた場合、当該操作をロックレイヤに対する操作として受け付けるようにしている。
【００１３】
本発明の他の態様では、親ページの少なくとも一部の上にフローティングウィンドウを重ねて表示させる場合、フローティングウィンドウが重ねられていない領域において行われる画面スクロール操作を無効化することにより、フローティングウィンドウが重ねられていない領域における親ページの表示を固定化させるようにしている。
【発明の効果】
【００１４】
上記のように構成した本発明によれば、親ページの上にフローティングウィンドウが重ねて表示された状態では、親ページのうちフローティングウィンドウが重ねられていない領域における操作は、当該親ページの上に重ねて設定されたロックレイヤに対する操作として受け付けられるようになる。そのため、親ページに何らかの操作起点が設定されていても、その操作起点に対する操作は行われないこととなる。これにより、親ページに設定された操作起点をフローティングウィンドウの表示中には無効化するようにしたり、フローティングウィンドウの表示中には親ページごと操作を無効化したりするような改変を親ページに対して加えることなく、親ページに対する操作を無効にすることができる。
【００１５】
また、本発明の他の特徴によれば、親ページの上にフローティングウィンドウが重ねて表示された状態では、親ページのうちフローティングウィンドウが重ねられていない領域において行われる画面スクロール操作は無効化される。これにより、フローティングウィンドウの表示中には親ページごと操作を無効化するような改変を親ページに対して加えることなく、親ページに対する画面スクロール操作を無効にして、親ページの表示を固定化させることができる。
【００１６】
以上のように、本発明によれば、ウェブページを表示させる既存システムに改変を加えることなく、フローティングウィンドウの表示中に親ページに対する操作を無効にする仕組みを導入することが可能である。
【図面の簡単な説明】
【００１７】
【図１】本実施形態による操作制御装置を実施した情報処理端末の機能構成例を示すブロック図である。
【図２】本実施形態によるロックレイヤの設定例を示す図である。
【図３】本実施形態による情報処理端末の動作例を示すフローチャートである。
【図４】フローティングウィンドウの表示例を示す図である。
【発明を実施するための形態】
【００１８】
以下、本発明の一実施形態を図面に基づいて説明する。図１は、本実施形態による操作制御装置２０を実施した情報処理端末１０の機能構成例を示すブロック図である。情報処理端末１０の一例として、スマートフォン、タブレット端末、パーソナルコンピュータ等を用いることが可能である。
【００１９】
図１に示すように、本実施形態の情報処理端末１０は、その機能構成として、操作受付部１１、ウェブページ取得部１２、表示制御部１３、フローティングウィンドウ生成部１４、ロックレイヤ設定部２１、操作受付制御部２２および表示ロック部２３を備えている。このうちロックレイヤ設定部２１、操作受付制御部２２および表示ロック部２３が、操作制御装置２０の機能構成に相当する。
【００２０】
上記各機能ブロック１１〜１４，２１〜２３は、ハードウェア、ＤＳＰ（Digital Signal Processor）、ソフトウェアの何れによっても構成することが可能である。例えばソフトウェアによって構成する場合、上記各機能ブロック１１〜１４，２１〜２３は、実際にはコンピュータのＣＰＵ、ＲＡＭ、ＲＯＭなどを備えて構成され、ＲＡＭやＲＯＭ、ハードディスクまたは半導体メモリ等の記録媒体に記憶されたプログラムが動作することによって実現される。
【００２１】
特に、操作制御装置２０が備えるロックレイヤ設定部２１、操作受付制御部２２および表示ロック部２３の機能構成は、インターネット等の通信ネットワークを介して情報処理端末１０にダウンロードしてインストールされるアプリケーションプログラムによって実現することが可能である。この場合、ロックレイヤ設定部２１、操作受付制御部２２および表示ロック部２３は、情報処理端末１０のハードディスクまたは半導体メモリ等に記憶されたアプリケーションプログラムが動作することによって実現される。
【００２２】
操作受付部１１は、情報処理端末１０に対するユーザの各種操作を受け付ける。例えば、情報処理端末１０はタッチパネル（図示せず）を備えており、操作受付部１１は当該タッチパネルに対するユーザの各種操作を受け付ける。具体的には、インターネット上にある各種ウェブページを閲覧するための操作、後述するフローティングウィンドウを表示させるための操作、当該フローティングウィンドウ上に設定された操作ボタン（操作起点）を押下する操作などを受け付ける。
【００２３】
ウェブページ取得部１２は、操作受付部１１が受け付けたユーザによる操作に従って、インターネットを介してウェブページを取得する。表示制御部１３は、ウェブページ取得部１２により取得されたウェブページをディスプレイ（図示せず）に表示させる。ウェブページ上には、操作起点となるオブジェクト（操作ボタン、リンクが張られた画像またはテキスト等）が配置されており、ユーザが所望のオブジェクトを押下することにより、押下したオブジェクトに応じてあらかじめ決められた動作（主には画面遷移）を情報処理端末１０に実行させることができるようになっている。
【００２４】
フローティングウィンドウ生成部１４は、操作受付部１１が受け付けたユーザによる操作に従って、表示制御部１３により表示されているウェブページ本文である親ページ上に重ねて表示させるフローティングウィンドウを生成する。表示制御部１３は、フローティングウィンドウ生成部１４によりフローティングウィンドウが生成された場合、親ページの少なくとも一部の上にフローティングウィンドウを重ねて表示させる。
【００２５】
すなわち、図４に示したように、ウェブページ１０１がディスプレイの画面全体に表示された図４（ａ）の状態において、画面下部に表示されている表示ボタン１００の押下操作を操作受付部１１が受け付けると、フローティングウィンドウ生成部１４が所定のフローティングウィンドウ１０２を生成する。そして、表示制御部１３が、図４（ｂ）に示すように、ウェブページ１０１（親ページ）の一部に重ねてフローティングウィンドウ１０２を前面に表示させる。
【００２６】
フローティングウィンドウ１０２には、操作起点となるオブジェクトが配置されており、ユーザが所望のオブジェクトを押下することにより、押下したオブジェクトに応じてあらかじめ決められた動作を情報処理端末１０に実行させることができるようになっている。なお、図４（ｂ）に示す状態で表示ボタン１００が押下されると、表示制御部１３はフローティングウィンドウ１０２の表示を中止し、図４（ａ）のようにウェブページ１０１だけが表示された状態に戻す。
【００２７】
ロックレイヤ設定部２１は、図４（ｂ）のように親ページ１０１の少なくとも一部の上にフローティングウィンドウ１０２を重ねて表示させる場合、親ページ１０１のうち少なくともフローティングウィンドウ１０２が重ねられていない領域の上に重ねて、親ページ１０１上に存在する操作起点に対する操作を制限するためのロックレイヤを設定する。このロックレイヤは、それ自身が操作起点を有していない。
【００２８】
図２は、ロックレイヤの設定例を示す図である。図２に示すように、ロックレイヤ設定部２１は、親ページ１０１が表示されている最下層と、フローティングウィンドウ１０２が表示されている最上層との間の中間層に、親ページ１０１の表示領域と同じ領域を有するロックレイヤ１０３を設定する。なお、ここでは、親ページ１０１が表示されているディスプレイの画面全体にロックレイヤ１０３を設定する例について説明したが、これに限定されない。例えば、親ページ１０１のうちフローティングウィンドウ１０２が重ねられていない領域の上にのみロックレイヤ１０３を設定するようにしてもよい。
【００２９】
操作受付制御部２２は、フローティングウィンドウ１０２が重ねられていない領域（親ページ１０１が表示されている領域）においてタッチパネルに対する操作が行われた場合、当該操作をロックレイヤ１０３に対する操作として受け付けるように制御する。
【００３０】
上述のように、親ページ１０１上には操作起点が配置されているが、その親ページ１０１上の位置に対する操作が行われたとしても、親ページ１０１の上に重ねられたロックレイヤ１０３に対する操作として扱われるため、親ページ１０１上の操作起点が操作されることはない。また、ロックレイヤ１０３には操作起点が配置されていないので、ロックレイヤ１０３に対する操作として扱われたとしても、何ら操作起点が操作されることにはならない。
【００３１】
表示ロック部２３は、親ページ１０１の少なくとも一部の上にフローティングウィンドウ１０２を重ねて表示させる場合、フローティングウィンドウ１０２が重ねられていない領域（親ページ１０１が表示されている領域）において行われる画面スクロール操作を無効化することにより、フローティングウィンドウ１０２が重ねられていない領域における親ページ１０１の表示を固定化させる。
【００３２】
図２のようにロックレイヤ１０３を中間層に設定することにより、親ページ１０１上に配置された操作起点に対する操作をロックすることはできる。しかし、ＷＥＢプラットフォーム上では、操作起点のある場所とは無関係に、任意の位置でなぞり操作をすることによって行われる画面スクロール操作をロックすることはできない。
【００３３】
そこで、本実施形態では、ロックレイヤ設定部２１とは別に表示ロック部２３を設け、フローティングウィンドウ１０２が重ねられていない領域において行われる画面スクロール操作を無効化（操作受付部１１が受け付けた画面スクロール操作を無視する）することにより、親ページ１０１上の位置で行われる画面スクロール操作をロックする。
【００３４】
なお、表示ロック部２３は、フローティングウィンドウ１０２上の位置で行われる画面スクロール操作は無効化しない。すなわち、表示ロック部２３は、画面上でフローティングウィンドウ１０２が表示されていない第１の領域（親ページ１０１が表示されている領域）と、フローティングウィンドウ１０２が表示されている第２の領域とを位置座標等をもとに判別し、第１の領域内で画面スクロール操作が行われた場合にのみ、その操作を無効化する。
【００３５】
図３は、上記のように構成した情報処理端末１０の動作例を示すフローチャートである。なお、図３に示すフローチャートの処理は、ユーザがウェブページを表示させるための操作を行ったときに開始する。また、図３に示すフローチャートの処理は、ユーザがウェブページの表示を中止させるための操作を行ったときに終了する。
【００３６】
ユーザが行ったウェブページを表示させるための操作を操作受付部１１が受け付けると、ウェブページ取得部１２は、その操作に従ってインターネット上からウェブページ１０１を取得し、表示制御部１３がそのウェブページ１０１を表示させる（ステップＳ１）。この状態で、操作受付部１１は、フローティングウィンドウ１０２を表示させるための表示ボタン１００が押下されたか否かを判定する（ステップＳ２）。
【００３７】
操作受付部１１は、表示ボタン１００の押下操作を受け付けていない場合、ウェブページ１０１に対する操作（操作起点に対する操作または画面スクロール操作）が行われたか否かを判定する（ステップＳ３）。何ら操作が行われていない場合、処理はステップＳ２に戻る。一方、ウェブページ１０１に対する操作を操作受付部１１が受け付けた場合、その操作に応じた動作（表示制御部１３による画面遷移や画面スクロールなど）を実行した後（ステップＳ４）、処理はステップＳ２に戻る。
【００３８】
ステップＳ２において、表示ボタン１００の押下操作を操作受付部１１が受け付けた場合、ロックレイヤ設定部２１は、ロックレイヤ１０３をウェブページ１０１の上に設定する（ステップＳ５）。その後、フローティングウィンドウ生成部１４によりフローティングウィンドウ１０２を生成し、表示制御部１３がそれまで表示していたウェブページを親ページ１０１として、その親ページ１０１の上にフローティングウィンドウ１０２を表示させる（ステップＳ６）。
【００３９】
この状態で、操作受付部１１は、タッチパネルに対して何らかの操作が行われたか否かを判定する（ステップＳ７）。何ら操作が行われていない場合は、ステップＳ７の処理を繰り返す。一方、操作受付部１１が何らかの操作を受け付けた場合、操作受付部１１は、それがフローティングウィンドウ１０２のある第２の領域内で行われた操作か否かを判定する（ステップＳ８）。
【００４０】
ここで、操作受付部１１の受け付けた操作が、フローティングウィンドウ１０２上における操作であると判定された場合、その操作（操作起点に対する操作または画面スクロール操作）に応じた動作を実行した後（ステップＳ９）、処理はステップＳ７に戻る。一方、操作受付部１１の受け付けた操作が、フローティングウィンドウ１０２上における操作ではないと判定された場合、それが表示ボタン１００に対する押下操作であるか否かをさらに判定する（ステップＳ１０）。
【００４１】
操作受付部１１の受け付けた操作が、表示ボタン１００に対する押下操作でもないと判定した場合、その操作は、親ページ１０１が表示されている第１の領域内で行われた操作ということである。この場合は、特に何も動作を実行させることなく、処理はステップＳ７に戻る。
【００４２】
操作受付部１１の受け付けた操作が表示ボタン１００に対する押下操作であった場合、ロックレイヤ設定部２１によりロックレイヤ１０３の設定を解除した後（ステップＳ１１）、表示制御部１３によりフローティングウィンドウ１０２の表示を閉じる（ステップＳ１２）。そして、処理はステップＳ２に戻る。以上のようなステップＳ１〜Ｓ１２の処理が、ユーザがウェブページの表示を中止させるための操作を行うまで繰り返し実行される。
【００４３】
以上詳しく説明したように、本実施形態では、親ページ１０１の少なくとも一部の上にフローティングウィンドウ１０２を重ねて表示させる場合、親ページ１０１のうち少なくともフローティングウィンドウ１０２が重ねられていない領域の上に重ねて、親ページ１０１上に存在する操作起点に対する操作を制限するためのロックレイヤ１０３を設定する。そして、フローティングウィンドウ１０２が重ねられていない領域（親ページ１０１が表示されている領域）において操作が行われた場合、当該操作をロックレイヤ１０３に対する操作として受け付けるようにしている。
【００４４】
このように構成した本実施形態によれば、親ページ１０１に何らかの操作起点が設定されていても、その操作起点に対する操作は行われないこととなる。これにより、親ページ１０１に設定された操作起点をフローティングウィンドウ１０２の表示中には無効化するようにしたり、フローティングウィンドウ１０２の表示中には親ページ１０１ごと操作を無効化したりするような改変を親ページ１０１に対して加えることなく、親ページ１０１に対する操作を無効にすることができる。
【００４５】
また、本実施形態では、親ページ１０１の少なくとも一部の上にフローティングウィンドウ１０２を重ねて表示させる場合、フローティングウィンドウ１０２が重ねられていない領域（親ページ１０１が表示されている領域）において行われる画面スクロール操作を無効化することにより、フローティングウィンドウ１０２が重ねられていない領域における親ページ１０１の表示を固定化させるようにしている。
【００４６】
これにより、親ページ１０１の上にフローティングウィンドウ１０２が重ねて表示された状態では、親ページ１０１のうちフローティングウィンドウ１０２が重ねられていない領域において行われる画面スクロール操作は無効化される。このため、フローティングウィンドウ１０２の表示中には親ページ１０１ごと操作を無効化するような改変を親ページ１０１に対して加えることなく、親ページ１０１に対する画面スクロール操作を無効にして、親ページ１０１の表示を固定化させることができる。
【００４７】
以上により、フローティングウィンドウ１０２の表示中に、ユーザがフローティングウィンドウ１０２に対して何らかの操作を行おうとして、間違って親ページ１０１の領域を操作してしまった場合でも、ユーザの意思に反して親ページ１０１が別ページの表示に切り替わってしまったり、親ページ１０１の表示がユーザの意思に反してスクロールしてしまったりすることを回避することができる。これにより、ユーザに対して違和感を与えないようにすることができる。
【００４８】
以上のように、本実施形態によれば、ウェブページ１０１を表示させる既存システム（インターネット上にあるウェブサーバ等）に改変を加えることなく、ロックレイヤ設定部２１、操作受付制御部２２および表示ロック部２３の機能を持ったアプリケーションプログラムをインターネットから情報処理端末１０にダウンロードしてインストールするだけで、フローティングウィンドウ１０２の表示中に親ページ１０１に対する操作を無効にする仕組みを導入することができる。
【００４９】
なお、上記実施形態は、本発明を実施するにあたっての具体化の一例を示したものに過ぎず、これによって本発明の技術的範囲が限定的に解釈されてはならないものである。すなわち、本発明はその要旨、またはその主要な特徴から逸脱することなく、様々な形で実施することができる。
【符号の説明】
【００５０】
１０  情報処理端末
１１  操作受付部
１２  ウェブページ取得部
１３  表示制御部
１４  フローティングウィンドウ生成部
２０  操作制御装置
２１  ロックレイヤ設定部
２２  操作受付制御部
２３  表示ロック部
【図１】
2016066247.tif 000003
【図２】
2016066247.tif 000004
【図３】
2016066247.tif 000005
【図４】
2016066247.tif 000006