JP2018045467A - 情報処理装置およびその制御方法、並びにプログラム - Google Patents

Abstract

【課題】タッチパネル等の画面において、表示するコンテンツの内容に応じて、タッチ操作やドラッグ操作等を判定する際の閾値を設定することで、ユーザー入力の操作性を向上させる。【解決手段】タッチ入力が可能なタッチ入力手段と、表示手段にてＷｅｂコンテンツを表示するＷｅｂブラウザー機能を有する情報処理装置であって、前記Ｗｅｂブラウザー機能は、前記表示手段にて表示されるＷｅｂコンテンツを解析する解析手段と、前記解析手段にて解析したＷｅｂコンテンツの内容に応じて、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する際に用いられる値を設定する設定手段とを有する。【選択図】 図３

Description

本発明は、情報処理装置およびその制御方法、並びにプログラムに関する。

近年、スキャナやプリンタの機能を備えたＭＦＰ（Ｍｕｌｔｉ Ｆｕｎｃｔｉｏｎ Ｐｅｒｉｐｈｅｒａｌ）と呼ばれる画像処理装置の中にも、Ｗｅｂコンテンツを表示するためのＷｅｂブラウザーを備えているものがある。Ｗｅｂブラウザーを備えるＭＦＰの多くは、タッチスクリーンを備えており、ユーザーはタッチ入力によって、タッチやクリック以外に、ドラッグ操作を行うことが可能である。例えば、特許文献１では、タッチ状態での画面上の移動距離に応じて、タップかそれ以外（ドラッグ、ムーブ、フリック）を判定している。

特開２０１０−１３６３２９号公報

特許文献１のように、指等の指示部材が画面に触れた時から画面から離れた時までの移動距離が一定（閾値）以内であればクリック（タップ）と判定し、移動距離が一定以上であればドラッグと判定することで、各動作を受け付けることが可能になる。しかしながら、ユーザーがクリックしたつもりでも、画面に触れている指がぶれたり、指の接地面積の変化で中央点が変わったりすることで、指の移動距離が変化し、ドラッグと誤検知してしまうことがある。これに対し、例えばクリックとして判定するための閾値を大きくしてしまうとドラッグがし辛くなる。このように、あらゆる状況に適した、タッチ操作の判定の閾値を設定することは難しく、ユーザーの操作性を損なっているという課題がある。

そこで、本願発明では、表示されるＷｅｂコンテンツに応じて、タッチ操作の判定のための閾値を設定することでユーザーの操作性を向上させることを目的とする。

上記課題を解決するために本願発明は以下の構成を有する。すなわち、タッチ入力が可能なタッチ入力手段と、表示手段にてＷｅｂコンテンツを表示するＷｅｂブラウザー機能を有する情報処理装置であって、前記Ｗｅｂブラウザー機能は、前記表示手段にて表示されるＷｅｂコンテンツを解析する解析手段と、前記解析手段にて解析したＷｅｂコンテンツの内容に応じて、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する際に用いられる値を設定する設定手段とを有する。

本願発明により、Ｗｅｂブラウザーに表示されるＷｅｂコンテンツの内容に応じて、タッチ操作の種類を判定するための閾値を設定することで、そのＷｅｂコンテンツに対するタッチパネル上のユーザーの操作性を向上させることができる。

本発明に係るシステムの全体構成の例を示す図。 本発明に係るＭＦＰのハードウェア構成例を示す図。 本発明に係るＭＦＰのソフトウェア構成例を示す図。 本発明に係る閾値設定のシーケンスを示す図。 本発明に係る閾値設定の判定処理を示すフローチャート。 本発明に係る各テーブル構成の例を示す図。 本発明に係るＷｅｂブラウザーの表示画面の例を示す図。 本発明に係るマウス移動を検知するＪａｖａＳｃｒｉｐｔの記述例を示す図。 本発明に係る入力フォームが存在するＷｅｂコンテンツの表示例を示す図。 本発明に係るスクロールが必要なフレーム要素を含むＷｅｂコンテンツの表示例を示す図。 イベントハンドラの有無による閾値設定の判定処理を示すフローチャート。 入力フォーム数による閾値設定の判定処理のフローチャート。 フレーム内コンテンツのサイズによる閾値設定の判定処理のフローチャート。 ＷｅｂコンテンツのＨＴＭＬ記述の例を示す図。 ＨＴＭＬ記述におけるサブリソースの例を示す図。 本発明に係るタッチ操作の判定処理のフローチャート。

以下、本発明を実施するための一実施形態について図面を用いて説明する。

＜第１の実施形態＞
図１は、本発明に係る画像処理装置を含むシステムの構成例を示す図である。ここでは、画像処理装置としてＭＦＰ１０１を例に用いて説明するが、Ｗｅｂコンテンツを表示するタッチパネル方式のユーザインタフェース（Ｗｅｂブラウザー機能）を備えるネットワークデバイスや情報処理装置であれば他の装置に適用してもよい。

システムは、画像処理装置であるＭＦＰ１０１と、Ｗｅｂサーバー１０２を含んで構成され、これらはネットワーク１００を介して通信可能に接続される。なお、図１では、ＭＦＰ１０１とＷｅｂサーバー１０２がそれぞれ１台ずつ示されているが、これに限定されるものでは無く、更に多くの画像処理装置や、提供するＷｅｂコンテンツが異なるＷｅｂサーバーを含んでもよいし、他の装置を含んでもよい。ネットワーク１００は、各装置間で通信を行うための基盤であって、ローカルネットワークであってもよいし、インターネットに接続されていてもよい。

Ｗｅｂサーバー１０２は、Ｗｅｂコンテンツを、ネットワーク１００を介して配信する機能を備え、ＭＦＰ１０１からのリクエストに応じてＷｅｂコンテンツを提供する。なお、Ｗｅｂサーバー１０２は、ＭＦＰの一機能として構成してもよく、その場合は、ネットワークを介して複数のＭＦＰが接続され、それぞれがサーバー−クライアントの関係となる。

図２は、本実施形態に係るＭＦＰ１０１のハードウェア構成の例を示す図である。ＭＦＰ１０１は、装置全体を制御するＣＰＵ２０１、ＣＰＵ２０１のワークエリアを提供するＲＡＭ２０２、及び、プログラムや様々な設定を記憶する記憶装置２０３（ＨＤＤやＮＶＲＡＭ等でもよい）を備える。さらに、ＭＦＰ１０１は、ユーザーが各種指示の入力を行うユーザー入力装置２０４、画面表示を行うＵＩ表示装置２０５、他機器とネットワーク１００を介して通信を行うネットワーク装置２０６を備える。本実施形態において、ユーザー入力装置２０４は、タッチパネルを備え、指等の指示部材によるタッチ操作が可能であるとする。また、ＭＦＰ１０１に含まれる各部位は、メインバス２００により通信可能に接続される。なお、タッチパネルディスプレイのようにＵＩ表示装置２０５がユーザー入力装置２０４を兼ねて一体的になった構成でもよい。また、ＭＦＰ１０１は、図２に示した構成の他にも画像読取装置や印刷装置がメインバス２００に接続されていてもよい。また、本願発明に係るＷｅｂサーバー１０２は、ＰＣなどの一般的な情報処理装置の構成を有する装置にて実現可能である。上述したようにＷｅｂサーバーの機能をＭＦＰの一機能として実現させる場合には、図２に示した構成により実現してもよい。

図３は、本実施形態に係るＭＦＰ１０１のソフトウェア構成の例を示す図である。図３に示す各機能部は、ＭＦＰ１０１のＣＰＵ２０１が、記憶装置２０３等に格納された制御プログラムを読み出して実行することにより実現される。

ＭＦＰ１０１は、Ｗｅｂアプリケーションの一種であるＷｅｂブラウザー３００を有する。Ｗｅｂブラウザー３００は、任意のサーバー（ここでは、Ｗｅｂサーバー１０２）と通信を行うことによってＷｅｂコンテンツを取得し、そのＷｅｂコンテンツを画面上に表示するといった機能を有する。Ｗｅｂブラウザー３００は、通信部３０１、解析部３０２、処理部３０３、記憶部３０４、検知部３０５、及び判定部３０６を有する。

通信部３０１は、ＨＴＴＰ（Ｈｙｐｅｒｔｅｘｔ Ｔｒａｎｓｆｅｒ Ｐｒｏｔｏｃｏｌ）やその他の通信プロトコルに従って、Ｗｅｂサーバー１０２と通信する。より具体的には、通信部３０１は、Ｗｅｂコンテンツの取得が指示された際に、Ｗｅｂサーバー１０２に対してＷｅｂコンテンツのリクエストを送信し、そのレスポンスを受信する。

解析部３０２は、Ｗｅｂサーバー１０２から受信したレスポンスを解析する。レスポンスの中にはＷｅｂブラウザー３００に表示すべき操作画面の内容を示す記述であるＨＴＭＬ（Ｈｙｐｅｒｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）データや、操作画面に適用するＪａｖａＳｃｒｉｐｔ（登録商標）などのデータが含まれる。以降、それらを合わせて「Ｗｅｂコンテンツ」と呼ぶ。なお、レスポンスとして通信エラーなどが受信された際には、Ｗｅｂブラウザー３００は、その旨を表示する。

処理部３０３は、解析部３０２による解析結果に基づいて、ＷｅｂコンテンツをＵＩ表示装置２０５に表示する。また、ＷｅｂコンテンツにＪａｖａＳｃｒｉｐｔ（登録商標）のデータが含まれる場合は、そのＪａｖａＳｃｒｉｐｔを実行する。処理部３０３は、解析部３０２の解析結果に基づいてＷｅｂコンテンツをＵＩ表示装置２０５に表示する際に、表示されたＷｅｂコンテンツの表示幅や表示高をメモリ上に一時的に記憶する。ここでの、表示されたＷｅｂコンテンツの表示幅や表示高は、実際にＵＩ表示装置２０５に表示されたサイズではなく、Ｗｅｂコンテンツ全体の幅と高さである。一時的に記憶した表示幅や表示高は他のＷｅｂコンテンツを表示した際に上書きされる。そして、Ｗｅｂコンテンツの表示が完了した際に、Ｗｅｂコンテンツの表示幅、表示高とＷｅｂブラウザー３００の画面上におけるＷｅｂコンテンツの表示範囲（表示サイズ）との比較を行う。そして、その比較結果に応じて、タッチパネル上の操作に適する閾値（以下、「クリック閾値」と称する）が決定される。閾値およびその決定の詳細については、フローチャートと併せて後述する。

Ｗｅｂブラウザー３００の表示サイズは、Ｗｅｂブラウザー３００の表示画面を構成する各領域のうちＷｅｂコンテンツを表示する領域を示し、これは記憶部３０４に保存され、処理部３０３によって読み出される。なお、本実施形態では、表示幅、表示高の両方を参照して適用する閾値を判定するが、表示幅もしくは表示高のどちらかの値のみを参照して適用する閾値を判定してもよい。また、Ｗｅｂブラウザー３００の表示サイズは、ＵＩ表示装置２０５の画面サイズやユーザー設定に応じて変更できるようにしてもよい。例えば、Ｗｅｂブラウザー３００が備えるＷｅｂコンテンツのＵＲＬを表示するためのアドレスバーに関し、ユーザー指示に基づきアドレスバーを非表示の設定にした場合には、そのサイズの分だけＷｅｂコンテンツの表示領域のサイズを大きくしてもよい。

記憶部３０４は、図６に示すような各種テーブルが保存されており、処理に応じてその値が読み出される。テーブルの構成については後述する。また、記憶部３０４には、Ｗｅｂブラウザー３００の表示サイズの情報（不図示）が保存される。

検知部３０５は、ユーザー入力装置２０４を介して入力されたタッチ操作において、タッチ（接触）が開始されてから終了（接触の解除）するまでの間に移動した距離を検出する。

判定部３０６は、ユーザー入力装置２０４に対してタッチ操作が行われた際に、検知部３０５で検出したタッチ操作の移動距離を取得し、その操作がクリック操作かドラッグ操作かの判定を行う。このとき、移動距離が前述のクリック閾値を超えているか否かに応じて判定を行う。

［Ｗｅｂコンテンツの例］
ここで、本実施形態に係るＷｅｂコンテンツの例について述べる。図１４、図１５は、本実施形態にて用いられる、Ｗｅｂコンテンツの記述例を示している。

図１４、図１５に示すように、Ｗｅｂコンテンツは、ＨＴＭＬのような記述言語にて定義される。また、その内部には、ＪａｖａＳｃｒｉｐｔ（登録商標）のようなスクリプト言語にて記述された部位が含まれてもよい。また、Ｗｅｂコンテンツでは、ＨＴＭＬタグなどに含まれるｉｍｇ要素によって参照されている画像や、ｆｒａｍｅ要素によって参照されているＨＴＭＬコンテンツなどが記述される。これらの参照されているリソースを、以後、「サブリソース」と呼ぶ。

図１５は、サブリソースを参照するＷｅｂコンテンツの記述例であり、ＨＴＭＬタグにより記述されている。図１５に示すＷｅｂコンテンツでは、ｌｉｎｋ要素１５０１、ｓｃｒｉｐｔ要素１５０２、ｉｍｇ要素１５０３、およびｉｆｒａｍｅ要素１５０４が含まれる。これらの要素は、ｈｒｅｆ属性やｓｒｃ属性によって参照するリソースの場所（格納先）が記載され、それらのリソースの取得が必要なことを示している。このように、Ｗｅｂコンテンツから参照されているリソースがサブリソースとなる。

［動作シーケンス］
図４は、Ｗｅｂブラウザー３００がＷｅｂサーバー１０２からＷｅｂコンテンツを取得した際にクリック閾値を決定するシーケンスを示す図である。各処理は、Ｗｅｂブラウザー３００を備えるＭＦＰ１０１およびＷｅｂサーバー１０２のＣＰＵが所定のプログラムを実行することにより実現される。なお、ここでは通信エラーが生じた場合などの処理については省略する。

Ｓ４０１にて、Ｗｅｂブラウザー３００の通信部３０１は、ユーザー等の要求に応じて起動された際に、所望のＷｅｂコンテンツを提供するＷｅｂサーバー１０２に対して、ＨＴＴＰリクエストを送信する。

Ｓ４０２にて、Ｗｅｂブラウザー３００の通信部３０１は、Ｗｅｂサーバー１０２からＨＴＴＰレスポンスとしてＷｅｂコンテンツを受信する。

Ｓ４０３にて、Ｗｅｂブラウザー３００の解析部３０２は、受信したＷｅｂコンテンツを解析する。そして、処理部３０３は、その解析結果に基づいてＷｅｂコンテンツをＵＩ表示装置２０５に表示する。ここでの表示結果の例を図７（ａ）に示す。なお、表示に関する詳細については、後述する。

Ｓ４０４にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｓ４０３において解析部３０２で解析した結果から、Ｗｅｂコンテンツの表示幅と表示高を取得する。更に、処理部３０３は、取得した表示幅と表示高に応じて、図６（ａ）に示す閾値テーブル６００から閾値を読み出し、クリック閾値として設定する。

Ｓ４０５にて、Ｗｅｂブラウザー３００の通信部３０１は、通信部３０１を介して、Ｓ４０２で受信したＷｅｂコンテンツのサブリソース（画像など）を取得するためのＨＴＴＰリクエストをＷｅｂサーバー１０２に送信する。

Ｓ４０６にて、Ｗｅｂブラウザー３００の通信部３０１は、Ｗｅｂサーバー１０２からＨＴＴＰレスポンスとして、Ｓ４０２で受信したＷｅｂコンテンツが参照するサブリソースを受信する。

Ｓ４０７にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｓ４０６で受信したサブリソースを、Ｓ４０２で受信したＷｅｂコンテンツと合わせてＵＩ表示装置２０５に表示する。ここでの表示結果の例を図７（ｂ）に示す。ここでの表示例の詳細は後述する。

Ｓ４０８にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｓ４０７においてサブリソースが表示に反映された結果から、Ｗｅｂコンテンツの表示幅と表示高を改めて取得する。そして、処理部３０３は、Ｓ４０４と同様に、表示の大きさに基づく判定を行い、クリック閾値を設定する。

上記シーケンスは、Ｗｅｂブラウザー３００が起動した場合を例に挙げて説明したが、これに限定するものではなく、新たなＷｅｂコンテンツを表示する（別のＷｅｂコンテンツに遷移する）際に行われるようにしてもよい。

［閾値設定判定処理］
図５は、Ｗｅｂブラウザー３００における閾値設定の判定処理を示すフローチャートである。本処理フローの各工程は、図４に示したＷｅｂブラウザー３００の処理に対応し、その詳細を示している。本処理フローは、ＭＦＰ１０１のＣＰＵ２０１がＷｅｂブラウザー３００に係るプログラムを読み出して実行することにより、実現される。

Ｓ５０１にて、Ｗｅｂブラウザー３００の通信部３０１は、所望のＷｅｂコンテンツを提供するＷｅｂサーバー１０２に対して、ＨＴＴＰリクエストを送信する。

Ｓ５０２にて、Ｗｅｂブラウザー３００の通信部３０１は、Ｗｅｂサーバー１０２からＨＴＴＰレスポンスとしてＷｅｂコンテンツを受信する。

Ｓ５０３にて、Ｗｅｂブラウザー３００の解析部３０２は、受信したＷｅｂコンテンツを解析し、結果をＵＩ表示装置２０５に表示する。ここでの解析処理は、例えばＷｅｂコンテンツのＨＴＭＬタグの解析やＤＯＭ（Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ）の構築などが該当する。ここで表示された結果の一例が図７（ａ）に示す画面である。図７（ａ）に示すＷｅｂコンテンツのようにサブリソースの指定がある場合には、この時点では、サブリソースの取得が行われていないためその表示がなされていないものとする。

Ｓ５０４にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｓ５０３において解析部３０２で解析した結果から、Ｗｅｂコンテンツ全体の表示幅と表示高を取得する。上述したように、Ｗｅｂコンテンツにサブリソースの指定がある場合には、そのサイズを除いた表示幅と表示高となる。そして、処理部３０３は、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域より大きいか否かを判定する。表示領域より大きい場合は（Ｓ５０４にてＹＥＳ）、Ｓ５０５に遷移し、小さい場合は（Ｓ５０４にてＮＯ）、Ｓ５０６に遷移する。

Ｓ５０５にて、Ｗｅｂブラウザー３００の処理部３０３は、図６（ａ）に示す閾値テーブル６００から閾値１の値を読み出し、クリック閾値として設定する。なお、閾値１はドラッグ操作（例えば、画面のスクロールを行うための操作）に適したクリック閾値である。

Ｓ５０６にて、Ｗｅｂブラウザー３００の処理部３０３は、閾値テーブル６００から閾値２の値を読み出し、クリック閾値として設定する。なお、閾値２はクリック操作（例えば、ボタンのクリックを行うための操作）に適したクリック閾値である。

Ｓ５０７にて、Ｗｅｂブラウザー３００の処理部３０３は、ダウンロードが完了していないサブリソースがあるか否かを判定する。Ｓ５０２で受信したＷｅｂコンテンツに、サブリソースの参照がない場合や、すべてのサブリソースのダウンロードが完了している場合は（Ｓ５０７にてＮＯ）、本処理フローを終了する。一方、ダウンロードの完了していないサブリソースが存在する場合は（Ｓ５０７にてＹＥＳ）、Ｓ５０８に進む。

Ｓ５０８にて、Ｗｅｂブラウザー３００の通信部３０１は、ダウンロードが未完了のサブリソースをダウンロードする。これは、図４のＳ４０５〜Ｓ４０６に対応する。

Ｓ５０９にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｓ５０８にて取得したサブリソースをＷｅｂコンテンツの表示に反映し、反映後のＷｅｂコンテンツの表示幅と表示高を改めて取得する。そして、処理部３０３は、Ｗｅｂコンテンツの表示幅、及び表示高が記憶部３０４から読み出したＷｅｂブラウザー３００の表示領域のサイズより大きいか否かを判定する。Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域のサイズより大きい場合は（Ｓ５０９にてＹＥＳ）、Ｓ５１０に遷移し、小さい場合は（Ｓ５０９にてＮＯ）、Ｓ５１１に遷移する。なお、Ｓ５０４の判定後に、上述したようなＷｅｂブラウザー３００に対する設定変更（例えば、アドレスバーの非表示／表示の切り替え）が行われ、表示領域のサイズが変更になった場合、その変更後の表示領域のサイズと、Ｗｅｂコンテンツのサイズを比較する。従って、そのような場合には、Ｓ５０４にて用いるＷｅｂブラウザー３００の表示領域のサイズと、Ｓ５０７にて用いるＷｅｂブラウザー３００の表示領域のサイズとは異なるものとなる。つまり、Ｗｅｂブラウザー３００のＷｅｂコンテンツを表示するための表示領域のサイズは、変更時に記憶部３０４にて更新されることとなる。

Ｓ５１０にて、Ｗｅｂブラウザー３００の処理部３０３は、閾値テーブル６００から閾値１の値を読み出し、クリック閾値として設定する。そして、Ｓ５０７へ進む。

Ｓ５１１にて、Ｗｅｂブラウザー３００の処理部３０３は、閾値テーブル６００から閾値２の値を読み出し、クリック閾値として設定する。そして、Ｓ５０７へ進む。

［テーブル構成］
図６（ａ）は、Ｗｅｂブラウザー３００の記憶部３０４に保存されている閾値テーブル６００の構成例を示す図である。閾値テーブル６００には、閾値１としてドラッグ操作（例えば、画面のスクロールを行うための操作）に適した閾値６０１と、閾値２としてクリック（例えば、ボタンのクリックを行うための操作）に適した閾値６０２が保存される。具体的には、閾値１では、値を小さくすることで、クリック（タップ）よりもドラッグを検知しやすくする。一方、閾値２では、値を大きくすることで、クリック（タップ）を検知しやすくする。

また、クリックやドラッグの判定を区間閾値として指定されてもよい。その場合の例を図６（ｂ）に示す。図６（ｂ）は、区間閾値６１０が含まれる。区間閾値６１０では、クリック及びドラッグのそれぞれの閾値が上限と下限によって表される区間として保存されている。例えば、図６（ｂ）の例において、閾値１が設定されている場合、タッチパネルに対する指等の指示部材の接触開始位置から接触集領域までの距離が“１０”である場合には、その操作はクリックであると判定される。また、クリックと判定する区間と、ドラッグと判定する区間の間に、どちらとも判定しない区間が存在してもよい。例えば、図６（ｂ）の例において、閾値１が設定されている場合、タッチパネルに対する指等の指示部材の接触開始位置から接触集領域までの距離が“３０”である場合には、その操作はクリックでもドラッグでもないと判定される。

図６（ｃ）は、Ｗｅｂブラウザー３００の記憶部３０４に保存されている入力フォーム閾値６２０を示す図である。入力フォーム閾値６２０は、Ｗｅｂコンテンツに含まれる入力フォームの数によって、クリック閾値を判定する場合に用いられる閾値であり、処理部３０３に読み出される。入力フォーム閾値６２０の用途については、図１２のフローチャートと併せて説明する。

なお、図６に示す各閾値は、一例であり、上記に限定するものではない。例えば、図６（ａ）（ｂ）の値は、タッチパネルの感度や性能に応じて決定してもよい。また、図６（ｃ）の閾値は、ディスプレイ（ＵＩ表示装置２０５）のサイズやＷｅｂブラウザー３００のおけるＷｅｂコンテンツの表示領域のサイズに応じて選択できるようにしてもよい。

また、閾値テーブル６００は必ずしもＭＦＰ１０１内の記憶部３０４に保存されている必要はなく、Ｗｅｂコンテンツに含まれるＪａｖａＳｃｒｉｐｔとして記載されていてもよい。

［画面構成例］
図７（ａ）は、図４のＳ４０３において、Ｗｅｂブラウザー３００にサブリソース（画像等）の参照を含むＷｅｂコンテンツが表示された状態を示す図である。Ｓ４０３では、Ｗｅｂコンテンツの解析は完了しているが、未読込状態の画像７０１のように、サブリソースの読込みが完了していない。この状態では、Ｗｅｂコンテンツの表示高はＷｅｂブラウザー３００の表示サイズに収まっている例を示している。

図７（ｂ）は、図４のＳ４０７において、Ｗｅｂブラウザー３００にサブリソースである画像を含むＷｅｂコンテンツが表示された状態を示す図である。Ｓ４０７では、未読込状態の画像７０１の読込みが完了し、読込み完了状態の画像７１１を表示するように変化している。これにより、Ｗｅｂコンテンツ全体の表示高が変化して、Ｗｅｂブラウザー３００の表示サイズに収まらなくなったことに対応して、スクロールバー７１２が表示されている例を示している。

本実施形態では、上記の処理により、ＷｅｂコンテンツがＷｅｂブラウザー３００の表示領域のサイズに収まらなくなったことに応じて、ドラッグに適した閾値が選択される。その結果、タッチ操作の誤検知が減ることとなり、ユーザーはドラッグ操作がしやすくなる。

つまり、Ｗｅｂブラウザー３００の表示領域のサイズに、表示するＷｅｂコンテンツが収まらない場合、例えばスクロール操作などを利用する可能性が高くなると想定し、その操作に関連するドラッグ操作を検知しやすくなる閾値が設定される。その一方、Ｗｅｂブラウザー３００の表示領域のサイズに、表示するＷｅｂコンテンツが収まる場合、例えばボタンのタップなどを利用する可能性が高くなると想定し、その操作に関連するクリック操作を検知しやすくなる閾値が設定される。

［応用例］
図５のフローチャートでは、表示コンテンツの大きさ（高さ、幅）に応じてクリック閾値の判定を行っているが、他の判定基準でクリック閾値を決定してもよい。以下に、別の判定基準を用いた応用例について説明する。

［イベントハンドラに基づく閾値設定判定処理］
例えば、ＪａｖａＳｃｒｉｐｔ（登録商標）によってマウス移動のイベントハンドラが利用されている場合、ドラッグ操作を使用することが予想できる。そのため、イベントハンドラがＷｅｂコンテンツに含まれるか否かを判定基準とし、含まれる場合にはドラッグに適したクリック閾値に変更する。

（ＪａｖａＳｃｒｉｐｔの記述例）
図８は、マウスやタッチの移動を検知するＪａｖａＳｃｒｉｐｔの記述例を示す図である。本例では、ｏｎｍｏｕｓｅｍｏｖｅイベントハンドラ８０１を利用することで、マウスやタッチ操作における移動量をＪａｖａＳｃｒｉｐｔ上で検知している（８０２）。なお、判定に用いるイベントハンドラはこれに限定するものではなく、他のイベントハンドラを対象としてもよい。例えば、ＨＴＭＬ５で規定されているｄｒａｇｇａｂｌｅ属性を利用してドラッグ＆ドロップを実現するコンテンツも存在する。このようなタッチ状態での移動を検知するための記述を含むＷｅｂコンテンツにおいて、本応用例では、処理部３０３が、ドラッグに適したクリック閾値を設定する。これにより、ドラッグ操作が必要と判定されるＷｅｂコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。

（動作フロー）
図１１は、Ｗｅｂブラウザー３００における、Ｗｅｂコンテンツのサイズと、ｏｎｍｏｕｓｅｍｏｖｅイベントハンドラの有無による閾値設定の判定処理を示すフローチャートを示す。本応用例では、図５で示す判定処理に加えて、ＪａｖａＳｃｒｉｐｔ（登録商標）でマウス移動のイベントハンドラが利用されているか否かの判定処理を加えている。つまり、図５のフローに対して、Ｓ１１０１、及びＳ１１０２が追加されている。以下、図５との差分のみを説明し、共通する処理については説明を省略する。

Ｓ５０４にて、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域以下である場合に（Ｓ５０４にてＮＯ）Ｓ１１０１へ遷移し、表示領域より大きい場合には（Ｓ５０４にてＹＥＳ）Ｓ５０５へ遷移する。

Ｓ１１０１にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｗｅｂコンテンツにｏｎｍｏｕｓｅｍｏｖｅイベントハンドラ８０１の記載が存在するか否かを判定する。存在する場合は（Ｓ１１０１にてＹＥＳ）Ｓ５０５に遷移し、存在しない場合は（Ｓ１１０１にてＮＯ）Ｓ５０６に移動する。ここでの判定は、例えば、図８に示すＪａｖａＳｃｒｉｐｔを解析することにより、判定することができる。

また、Ｓ５０９にて、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域以下である場合に（Ｓ５０９にてＮＯ）Ｓ１１０２へ遷移し、表示領域より大きい場合には（Ｓ５０９にてＹＥＳ）Ｓ５１０へ遷移する。Ｓ１１０２の処理は、Ｓ１１０１と同じである。

［入力フォーム数に基づく閾値設定判定処理］
別の応用例について説明する。Ｗｅｂコンテンツにおいて、ボタンやテキストエリアなど入力フォームの数が一定以上存在する場合、クリック操作が多く利用されることが予想できる。そのため、入力フォームの数が一定数以上存在するＷｅｂコンテンツを表示する際には、クリックに適したクリック閾値にする。

（Ｗｅｂコンテンツの表示例）
図９は、入力フォームを含むＷｅｂコンテンツの表示例を示す図である。Ｗｅｂコンテンツには、テキストエリア９０１、パスワード入力エリア９０２、チェックボックス９０３、及び、ボタン９０４が含まれる。図９に示すような、ユーザーのクリック及びタッチ操作を必要とする入力フォームが多く含まれたＷｅｂコンテンツを表示する際に、本応用例では、クリックに適したクリック閾値を設定する。これにより、クリック操作が必要と判定されるＷｅｂコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。

（動作フロー）
図１２は、Ｗｅｂブラウザー３００における、Ｗｅｂコンテンツのサイズと、入力フォーム数による閾値設定の判定処理を示すフローチャートである。本応用例では、図５で示す判定処理に加えて、Ｗｅｂコンテンツに含まれる入力フォームの数による判定処理を加えている。つまり、図５のフローに対して、Ｓ１２０１、及びＳ１２０２が追加されている。以下、図５との差分のみを説明し、共通する処理については説明を省略する。

Ｓ５０４にて、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域より大きい場合には（Ｓ５０４にてＹＥＳ）Ｓ１２０１に遷移し、表示領域以下である場合には（Ｓ５０４にてＮＯ）Ｓ５０６に遷移する。

Ｓ１２０１にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｗｅｂコンテンツに入力フォームがいくつ存在するか確認する。ここでの入力フォームとは、テキストエリア、パスワード入力エリア、チェックボックス、ボタンなど、ユーザーがクリック操作を必要とする要素であり、図９の例の場合は４つとなる。このとき、ＷｅｂコンテンツのＨＴＭＬデータの記述から、該当するＨＴＭＬタグを数えることで入力フォームの数を確認することができる。例えば、図１４に示すＨＴＭＬデータの記述例の場合、Ｉｎｐｕｔ要素によるテキスト入力フォーム１４０１と、パスワード入力フォーム１４０２が含まれる。処理部３０３は、これらのＩｎｐｕｔ要素を数え上げることで、入力フォームの数を確認する。

処理部３０３は、記憶部３０４から図６（ｃ）に示す入力フォーム閾値６２０を読み出す。入力フォーム数が入力フォーム閾値以上である場合は（Ｓ１２０１にてＹＥＳ）、Ｓ５０６に進み、入力フォーム数が入力フォーム閾値より少ない場合は（Ｓ１２０１にてＮＯ）、Ｓ５０５に進む。

また、Ｓ５０９にて、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域以下である場合に（Ｓ５０９にてＮＯ）Ｓ５１１へ遷移し、表示領域より大きい場合には（Ｓ５０９にてＹＥＳ）Ｓ１２０２へ遷移する。Ｓ１２０２の処理は、Ｓ１２０１と同じである。

［フレーム内コンテンツの表示サイズに基づく閾値設定判定処理］
別の応用例について説明する。ＷｅｂコンテンツのＨＴＭＬデータにて定義されたフレーム（ｆｒａｍｅ要素やｉｆｒａｍｅ要素）内に表示されるコンテンツが、そのフレームのサイズより大きな場合、ドラッグ操作によるスクロールが必要になる。そこで本応用例では、フレーム内に表示されるコンテンツのサイズに応じて、ドラッグに適したクリック閾値に変更する。

（Ｗｅｂコンテンツの表示例）
図１０は、スクロールが必要なフレームを含むＷｅｂコンテンツの表示例を示す図である。Ｗｅｂコンテンツには、フレーム１００１が含まれる。フレーム１００１内に表示されるコンテンツがフレーム１００１のサイズより大きい場合、スクロールバー１００２が表示され、ユーザーがコンテンツの全体を確認するためには、ドラッグ操作によるフレーム１００１内のスクロールが必要となる。このようなＷｅｂコンテンツにおいて、本応用例では、処理部３０３はドラッグに適したクリック閾値を設定する。これにより、ドラッグ操作が必要と判定されるＷｅｂコンテンツを表示した際に、操作の誤検知を低減し、ユーザーの操作性を向上させることができる。

（動作フロー）
図１３は、Ｗｅｂブラウザー３００における、Ｗｅｂコンテンツのサイズと、フレーム内コンテンツの表示サイズによる閾値設定の判定処理を示すフローチャートである。本応用例では、図５で示す判定処理に加えて、フレーム内に表示されるコンテンツが、フレームの大きさより大きいか否かの判定処理を加えている。つまり、図５のフローに対して、Ｓ１３０１、及びＳ１３０２が追加されている。以下、図５との差分のみを説明し、共通する処理については説明を省略する。

Ｓ５０４において、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域以下である場合に（Ｓ５０４にてＮＯ）Ｓ１３０１へ遷移し、表示領域より大きい場合には（Ｓ５０４にてＹＥＳ）Ｓ５０５へ遷移する。

Ｓ１３０１にて、Ｗｅｂブラウザー３００の処理部３０３は、Ｗｅｂコンテンツに含まれるフレームにて表示されるコンテンツのサイズが、フレームのサイズより大きいか否かを判定する。フレームにて表示されるコンテンツのサイズ、及び、フレームのサイズは、処理部３０３がＷｅｂコンテンツをＵＩ表示装置２０５に表示する際に取得する。フレームに表示されるコンテンツのサイズが、フレームのサイズより大きい場合は（Ｓ１３０１にてＹＥＳ）Ｓ５０５へ遷移し、フレームサイズ以下である場合は（Ｓ１３０１にてＮＯ）Ｓ５０６へ遷移する。

また、Ｓ５０９において、Ｗｅｂコンテンツの表示幅、及び表示高がＷｅｂブラウザー３００の表示領域以下である場合に（Ｓ５０９にてＮＯ）Ｓ１３０２へ遷移し、表示領域より大きい場合には（Ｓ５０９にてＹＥＳ）Ｓ５１１へ遷移する。Ｓ１３０２の処理は、Ｓ１３０１と同じである。

［タッチ操作の判定処理］
図１６は、Ｗｅｂブラウザー３００における、タッチ操作の判定処理を示すフローチャートである。本処理フローは、ＭＦＰ１０１のＣＰＵ２０１がＷｅｂブラウザー３００に係るプログラムを読み出して実行することにより、実現される。

Ｓ１６０１にて、Ｗｅｂブラウザー３００の検知部３０５は、ユーザー操作により、ユーザー入力装置２０４を介して入力されたタッチ開始を検知する。このとき、検知部３０５は、タッチされた位置をタッチ開始位置として一時的に記憶する。

Ｓ１６０２にて、検知部３０５は、Ｓ１６０１で検知したタッチ開始からタッチ操作の状態が変化したことを検知する。すなわち、タッチ位置の変化や、タッチ終了（画面からの接触の解除）を検知する。このとき、検知部３０５は、状態の変化を検知した際のタッチ位置を、状態変化時タッチ位置として一時的に記憶する。

Ｓ１６０３にて、Ｗｅｂブラウザー３００の判定部３０６は、Ｓ１６０２で検知したタッチ操作の状態変化が、タッチ終了か否かを判定する。タッチ終了である場合は（Ｓ１６０３にてＹＥＳ）Ｓ１６０４へ遷移し、タッチ終了ではない場合（すなわち、タッチ位置変化である場合）は（Ｓ１６０３にてＮＯ）Ｓ１６０７へ遷移する。

Ｓ１６０４にて、判定部３０６は、タッチ開始位置からタッチ終了位置までの距離（移動量）を算出する。そして、判定部３０６は、算出した距離が、Ｓ４０４もしくはＳ４０８で設定したクリック閾値以下であるか否かを判定する。クリック閾値以下である場合（Ｓ１６０４にてＹＥＳ）Ｓ１６０５へ遷移し、クリック閾値より大きい場合は（Ｓ１６０４にてＮＯ）Ｓ１６０６へ遷移する。

なお、図６（ｂ）に示すように、クリック閾値が区間として表される場合（区間閾値６１０のいずれかの閾値が選択されている場合）は、算出した距離がクリック上限〜下限の区間に収まる場合に、Ｓ１６０４にてＹＥＳと判定され、Ｓ１６０５へ遷移する。また、算出した距離がドラッグ上限〜下限の区間に収まる場合に、Ｓ１６０４にてＮＯと判定され、Ｓ１６０６へ遷移する。更に、どちらにも当てはまらない場合は、クリックおよびドラッグのいずれでもないとして、本処理フローを終了する。

Ｓ１６０５にて、判定部３０６は、ユーザーによる一連のタッチ操作がクリック（タップ）を示すものと判定し、クリックの処理（Ｗｅｂコンテンツにおけるボタンの押下や、リンクのクリックなど）を行う。その後、本処理フローを終了する。

Ｓ１６０６にて、判定部３０６は、ユーザーによる一連のタッチ操作がドラッグを示すものと判定し、ドラッグの処理（Ｗｅｂコンテンツ画面のスクロールなど）を行う。その後、本処理フローを終了する。

Ｓ１６０７にて、判定部３０６は、タッチ開始位置から状態変化後のタッチ位置までの距離を算出する。そして、算出した距離が、クリック閾値以下であるか否かを判定する。クリック閾値以下である場合（Ｓ１６０７にてＹＥＳ）Ｓ１６０２へ遷移し、クリック閾値より大きい場合は（Ｓ１６０７にてＮＯ）Ｓ１６０８へ遷移する。

なお、図６（ｃ）に示すように、クリック閾値が区間として表される場合は、算出した距離がクリック上限〜下限の区間に収まる場合に、Ｓ１６０７にてＹＥＳと判定され、Ｓ１６０２へ遷移する。また、算出した距離がドラッグ上限〜下限の区間に収まる場合に、Ｓ１６０７にてＮＯと判定され、Ｓ１６０８へ遷移する。更に、どちらにも当てはまらない場合は、１６０２へ遷移する。

Ｓ１６０８にて、判定部３０６は、ユーザーによる一連のタッチ操作がドラッグを示すものと判定し、ドラッグの処理（Ｗｅｂコンテンツ画面のスクロールなど）を行う。その後、Ｓ１６０２へ遷移する。

以上説明したように、本願発明において、ＭＦＰ上のＷｅｂブラウザーは、コンテンツのダウンロード時にＷｅｂコンテンツの内容に応じて、クリック（タップ）を判定するための閾値を決定する。これにより、Ｗｅｂブラウザーに表示されるコンテンツに適した閾値を設定し、ユーザーの操作性を向上させることが可能になる。

なお、上記では、クリック閾値を決定するタイミングは、ＪａｖａＳｃｒｉｐｔ（登録商標）によるＤＯＭの構築時や、サブリソースのダウンロード時に行う例を示した。しかし、これに限定するものでは無く、例えば、表示結果やＤＯＭ構成の変更が発生するタイミングであってもよい。

また、上記に示した処理は一例であり、クリック閾値の変更の判定基準は、上記に示した応用例に限定するものではない。Ｗｅｂコンテンツの内容及び、Ｗｅｂコンテンツの表示結果を参照して決定されていればよい。また、上記にて説明した応用例（判定基準）はそれぞれ独立したものではなく、必要に応じて組み合わせるようにしてもよい。また、上記の説明では、移動距離によってクリック操作（タップ操作）かドラッグ操作かの２種類の判定を行った。しかし、この他にも、時間などの他の指標を考慮に入れてもよい。更には、フリックやスワイプなどの他の種類のタッチ入力について判定をしてもよい。この場合には、更に多くの閾値を設定するようにしてもよい。

また、クリック閾値の変更の判定に関する処理は、ＪａｖａＳｃｒｉｐｔ（登録商標）として記載されていてもよく、その場合、ＪａｖａＳｃｒｉｐｔ（登録商標）の記述がＷｅｂコンテンツに含まれるような構成とすることができる。

＜その他の実施形態＞
本発明は、上述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピューターにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。

１００…ネットワーク、１０１…ＭＦＰ、１０２…Ｗｅｂサーバー、３００…Ｗｅｂブラウザー、３０１…通信部、３０２…解析部、３０３…処理部、３０４…記憶部、３０５…検知部、３０６…判定部

Claims (14)

1. タッチ入力が可能なタッチ入力手段と、表示手段にてＷｅｂコンテンツを表示するＷｅｂブラウザー機能を有する情報処理装置であって、
   前記Ｗｅｂブラウザー機能は、
   前記表示手段にて表示されるＷｅｂコンテンツを解析する解析手段と、
   前記解析手段にて解析したＷｅｂコンテンツの内容に応じて、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する際に用いられる値を設定する設定手段と
   を有することを特徴とする情報処理装置。
2. 前記Ｗｅｂブラウザー機能は、
   前記タッチ入力手段におけるタッチ入力の開始位置から終了位置までの距離を検知する検知手段と、
   前記設定手段にて設定された値と前記検知手段にて検知した距離との比較により、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する判定手段と
   を更に有することを特徴とする請求項１に記載の情報処理装置。
3. 前記タッチ入力の操作の種類として、少なくともタップ操作およびドラッグ操作を含むことを特徴とする請求項１または２に記載の情報処理装置。
4. 前記設定手段は、前記解析手段の解析により得られたＷｅｂコンテンツの表示サイズと、前記Ｗｅｂブラウザー機能における前記Ｗｅｂコンテンツの表示領域のサイズとを比較し、当該比較の結果に応じて前記値を変更することを特徴とする請求項１乃至３のいずれか一項に記載の情報処理装置。
5. 前記設定手段は、前記表示手段にて表示されるＷｅｂコンテンツの表示サイズもしくは前記Ｗｅｂブラウザー機能における前記Ｗｅｂコンテンツの表示領域のサイズの少なくともいずれかが変更された際に、処理を行うことを特徴とする請求項４に記載の情報処理装置。
6. 前記Ｗｅｂブラウザー機能は、ユーザー指示に基づき、前記Ｗｅｂコンテンツの表示領域のサイズを変更する変更手段を更に有することを特徴とする請求項４または５に記載の情報処理装置。
7. 前記設定手段は、前記表示手段にて表示されるＷｅｂコンテンツに所定の処理を実行するための記述が含まれているか否かを判定し、前記記述が含まれているか否かに応じて前記値を変更することを特徴とする請求項１乃至６のいずれか一項に記載の情報処理装置。
8. 前記設定手段は、前記表示手段にて表示されるＷｅｂコンテンツに含まれる入力フォームの数を取得し、前記入力フォームの数に応じて前記値を変更することを特徴とする請求項１乃至７のいずれか一項に記載の情報処理装置。
9. 前記設定手段は、前記表示手段にて表示されるＷｅｂコンテンツに含まれるフレームにおいて、当該フレームのサイズと当該フレーム内にて表示されるコンテンツのサイズと比較し、当該比較の結果に応じて前記値を変更することを特徴とする請求項１乃至８のいずれか一項に記載の情報処理装置。
10. 前記値として、タッチ入力の操作の種類ごとに範囲が設定されることを特徴とする請求項１乃至９のいずれか一項に記載の情報処理装置。
11. 前記タッチ入力手段と前記表示手段とが一体となったタッチパネルディスプレイを備えることを特徴とする請求項１乃至１０のいずれか一項に記載の情報処理装置。
12. 前記情報処理装置は、画像処理装置であることを特徴とする請求項１乃至１１のいずれか一項に記載の情報処理装置。
13. タッチ入力が可能なタッチ入力手段と、表示手段にてＷｅｂコンテンツを表示するＷｅｂブラウザー機能を有する情報処理装置の制御方法であって、
    前記Ｗｅｂブラウザー機能において、
    前記表示手段にて表示されるＷｅｂコンテンツを解析する解析工程と、
    前記解析工程にて解析したＷｅｂコンテンツの内容に応じて、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する際に用いられる値を設定する設定工程と
    を有することを特徴とする情報処理装置の制御方法。
14. タッチ入力が可能なタッチ入力手段と、表示手段とを有するコンピューターに、
    Ｗｅｂブラウザーの機能として、
    前記表示手段にて表示されるＷｅｂコンテンツを解析する解析手段、
    前記解析手段にて解析したＷｅｂコンテンツの内容に応じて、前記タッチ入力手段にて入力されたタッチ入力の操作の種類を判定する際に用いられる値を設定する設定手段
    を機能させるためのプログラム。
    

Images