JP2018124819A - 情報処理装置、情報処理方法及びプログラム - Google Patents

Abstract

【課題】操作パネルに対する操作性を改善することを目的とする。【解決手段】表示及びユーザ操作に用いられる操作パネルの種別に応じて、操作パネルに表示するＧＵＩ部品を選択する選択手段と、選択手段により選択されたＧＵＩ部品を操作パネルに表示するよう制御する表示処理手段とを有する。【選択図】図３

Description

本発明は、表示及びユーザ操作に用いられる操作パネルへの表示を制御する情報処理装置、情報処理方法及びプログラムに関する。

従来、ＰＣや携帯電話、ＭＦＰ（ＭｕｌｔｉｆｕｎｃｔｉｏｎＰｅｒｉｐｈｅｒａｌ）などの情報処理装置がＷｅｂサーバ上のＷｅｂアプリケーションにより提供される操作画面を自装置のＷｅｂブラウザ上に表示することが知られている。この場合、まず情報処理装置のＷｅｂブラウザがＷｅｂサーバ上のＷｅｂアプリケーションに対して操作画面を要求する。その後、Ｗｅｂアプリケーションが要求に応え、Ｗｅｂブラウザに操作画面を表示するためのＷｅｂコンテンツ（ＨＴＭＬデータやＪａｖａ（登録商標）ｓｃｒｉｐｔ、Ｗｅｂコンテンツ内で利用する拡張フォントデータを含む）を情報処理装置に応答する。情報処理装置のＷｅｂブラウザは、受信したＷｅｂコンテンツを解析し、その記述に基づいた画面を表示する。

ユーザがＷｅｂブラウザに表示された操作画面を利用し指示を入力すると、Ｗｅｂブラウザは入力された指示をＷｅｂサーバに対して通知する。この通知を受けたＷｅｂサーバ上のＷｅｂアプリケーションは、入力された指示に従って処理を実行する。

一般的に、この操作画面を表示する操作パネルには様々な解像度やセンサ種別（静電方式や感圧方式など）が存在することが知られている。例えば、ＭＦＰにも、ハードウェアのオプションとして静電方式の操作パネルと感圧方式の操作方式の操作パネルの２種類から選択できるものがある。また、特許文献１には、様々な種類の操作パネルでＷｅｂコンテンツを快適に利用するため、ユーザのポインティング操作の精度を判断し、その操作精度に応じて操作画面中のＧＵＩ部品の大きさを変える技術が開示されている。

特開２０１５−１２２０１３号公報

しかしながら、例えば静電方式の操作パネルを基準としてＷｅｂコンテンツにスクロール操作を採用した場合、同操作を感圧方式の操作パネルで行うと、指で圧力をかけながらスクロールする必要があるためユーザ操作を行い難い等の問題がある。

本発明はこのような問題点に鑑みなされたもので、操作パネルに対する操作性を改善することを目的とする。

そこで、本発明は、情報処理想定であって、表示及びユーザ操作に用いられる操作パネルの種別に応じて、前記操作パネルに表示するＧＵＩ部品を選択する選択手段と、前記選択手段により選択されたＧＵＩ部品を前記操作パネルに表示するよう制御する表示処理手段とを有することを特徴とする。

本発明によれば、操作パネルに対する操作性を改善することができる。

情報処理システムの全体図である。 ＭＦＰのハードウェア構成を示す図である。 ＭＦＰのソフトウェア構成を示す図である。 リソース管理テーブルのデータ構成の一例を示す図である。 Ｊａｖａｓｃｒｉｐｔファイルのソースコードの一例を示す図である。 表示処理を示すフローチャートである。 表示画面の一例を示す図である。 変形例に係る処理を示すフローチャートである。 表示画面の一例を示す図である。

以下、本発明の実施形態について図面に基づいて説明する。

図１は、情報処理システムの全体図である。情報処理システムは、ＭＦＰ１００と、Ｗｅｂサーバ装置１１０と、を有している。ＭＦＰ１００とＷｅｂサーバ装置１１０は、ネットワーク１２１とインターネット１２２を介して接続されている。ネットワーク１２１は各装置間で通信を行うための基盤であって、インターネット１２２に接続されている。ＭＦＰ１００は、情報処理装置の一例である。なお、情報処理装置は、例えばＷｅｂブラウザなどのＷｅｂコンテンツを表示できる機能を有するものであればよく、ＭＦＰに限定されるものではない。

ＭＦＰ１００は、ローカルなＩＰアドレスで管理されていてもよい。この場合、ネットワーク１２１とＭＦＰ１００の間にゲートウェイ（不図示）が存在し、ゲートウェイはアドレス変換を行う。例えばゲートウェイにはルーターが含まれる。ゲートウェイや、ＭＦＰ１００は、ファイアウォール機能を備えていてもよい。Ｗｅｂサーバ装置１１０は、Ｗｅｂコンテンツをネットワーク経由で配信する機能を有し、ＭＦＰ１００からのリクエストに応じてＷｅｂコンテンツを返す。各装置及びネットワークはインターネットに必ずしも接続されている必要はなく、ローカルネットワーク上に存在してもよい。

図２は、ＭＦＰ１００のハードウェア構成を示す図である。ＣＰＵ２０１は、ＭＦＰ１００の全体を制御する。ＲＡＭ２０２は、ＣＰＵ２０１へワークエリアを提供する。記憶装置２０３は、プログラムや様々な設定を記憶する。記憶装置２０３は、ＨＤＤ、ＳＳＤ、ＮＶＲＡＭ等でもよい。なお、後述するＭＦＰ１００の機能や処理は、ＣＰＵ２０１が記憶装置２０３等に格納されているプログラムを読み出し、このプログラムを実行することにより実現されるものである。ネットワーク装置２０６は、他機器とネットワークによる通信を行う。各部は、メインバス２００により接続されている。

入力装置２０４は、ユーザからコマンドの入力を受け付ける。表示装置２０５は、各種情報を表示する。入力装置２０４及び表示装置２０５は、操作パネル２１０として一体に設けられている。操作パネル２１０は、静電方式や感圧方式等を利用したタッチ操作可能なパネルである。このように、ＭＦＰ１００の操作パネルとしては、センサの種別が異なるものを選択できるものとする。ＭＦＰ１００では、図示の構成要素以外に画像読取装置や画像印刷装置がメインバス２００に接続されていてもよい。

なお、Ｗｅｂサーバ装置１１０のハードウェア構成は、図２を参照しつつ説明したＭＦＰ１００のハードウェア構成とほぼ同様である。但し、Ｗｅｂサーバ装置１１０は、入力装置２０４や表示装置２０５を有さなくともよい。

図３は、ＭＦＰ１００のソフトウェア構成を示す図である。画面管理部３００は、操作パネル２１０の画面表示を管理する。Ｗｅｂブラウザ３０１は、画面管理部３００を利用し、自身の画面が表示されているかどうかを確認するとともに、ユーザが画面操作した際の操作イベントを受け取る。Ｗｅｂブラウザ３０１はまた、デバイス管理部３０４を利用し、ハード構成情報を取得する。ここで、ハード構成情報は、ＭＦＰ１００のハードウェアの構成に関する情報であり、操作パネル２１０が静電方式の液晶パネルか感圧方式の液晶パネルかの情報を含む。デバイス管理部３０４は、ＭＦＰ１００のハード構成情報を管理する。デバイス管理部３０４は、さらに、ハード構成情報を静的に保持するだけでなく、例えば、液晶パネルが静電方式のものから感圧方式のものに変更された場合に、このハード構成の変更に応じて動的にハード構成情報を更新する機能を有してもよい。

Ｗｅｂブラウザ３０１は、ユーザ操作を起点として、Ｗｅｂエンジン３０２とネットワーク管理部３０３を経由してＷｅｂサーバ装置１１０からＷｅｂコンテンツをダウンロードし、これを操作パネル２１０に表示する。ダウンロードするＷｅｂコンテンツの内容（表示内容）は、例えばＭＦＰ１００の画面で表示する操作画面等である。Ｗｅｂブラウザ３０１はまた、操作画面を介して入力されたユーザからの入力情報を基にＭＦＰ１００のデバイス機能を実行することも可能である。

Ｗｅｂコンテンツを扱う際、Ｗｅｂブラウザ３０１は、ＭＦＰ１００内のＷｅｂエンジン３０２を利用してＷｅｂコンテンツに含まれるＨＴＭＬをレンダリングし、Ｊａｖａｓｃｒｉｐｔを実行することができる。Ｗｅｂブラウザ３０１はまた、ユーザ操作イベントをＷｅｂエンジン３０２とやりとりすることでユーザの操作に応じたＷｅｂコンテンツ画面の更新を行うことができる。

ＨＴＭＬのレンダリングにおいて、Ｗｅｂブラウザ３０１は画面の構成要素をとなるＧＵＩ部品をリソース管理部３０５から取得することができる。Ｗｅｂブラウザ３０１はまた、同様にリソース管理部３０５から必要なＪａｖａｓｃｒｉｐｔを取得することができる。リソース管理部３０５は、ＧＵＩ部品やＪａｖａｓｃｒｉｐｔを管理するため、リソース管理テーブル３０６を利用する。

リソース管理テーブル３０６は、ＧＵＩ部品やＪａｖａｓｃｒｉｐｔを記憶する。さらに、リソース管理テーブル３０６は、これらの情報をＭＦＰ１００内に固定的に保持するだけでなく、Ｗｅｂサーバ装置１１０から取得するＷｅｂコンテンツから抽出する形で動的に追加、更新可能であってもよい。なお、上述のＷｅｂコンテンツはＷｅｂサーバ装置１１０が提供するものに限定しない。同様に、Ｗｅｂサーバ装置１１０の形態もＨＴＴＰプロトコルに従ってリクエスト／レスポンスを送受信するＷｅｂサーバに限定するものではない。また、各ソフト・モジュール群を実装するための言語は、ＪａｖａやＣ等の特定の言語に限定するものではない。

図４は、リソース管理テーブル３０６のデータ構成の一例を示す図である。リソース管理テーブル３０６は、少なくとも、ＧＵＩ部品名称と、ＧＵＩ部品フォルダパスと、関連Ｊａｖａｓｃｒｉｐｔファイルと、を対応付けて記憶している。ここで、ＧＵＩ部品名称は、ＧＵＩ部品の名称を示す情報である。ＧＵＩ部品フォルダパスは、ＧＵＩ部品が保存されている場所を示す情報である。関連Ｊａｖａｓｃｒｉｐｔファイルは、ＧＵＩ部品に関連して実行することが必要なＪａｖａｓｃｒｉｐｔファイルを示す情報である。なお、実行が必要なＪａｖａｓｃｒｉｐｔファイルが存在しない場合には、「なし」が記憶される。リソース管理テーブル３０６において、ＧＵＩ部品は、利用される操作パネルの種別を識別可能に記憶されているものとする。

図５は、Ｊａｖａｓｃｒｉｐｔファイルのソースコードの一例を示す図である。ソースコード５００には、Ｗｅｂコンテンツのターゲットとなる要素に対して０．８倍の縮小化を指定する内容が含まれている。このＪａｖａｓｃｒｉｐｔファイルをＷｅｂブラウザ３０１がＷｅｂエンジン３０２を利用して実行すると、Ｗｅｂコンテンツを０．８倍に縮小表示することができる。なお、ここで示したソースコードは一例であり、縮小倍率やその内容はＷｅｂコンテンツの内容や関連するＧＵＩ部品に応じたものであればよい。

Ｗｅｂブラウザ３０１は、ＧＵＩ部品フォルダパスに示される格納場所に保存されているＧＵＩ部品を利用してＷｅｂコンテンツを構成し、これを操作パネル２１０に表示するよう制御する。なお、本実施形態においては、Ｗｅｂコンテンツは、上下にスクロール可能なＷｅｂコンテンツを例に説明する。図６は、表示処理を示すフローチャートである。表示処理において、Ｗｅｂブラウザ３０１は、Ｗｅｂサーバ装置１１０から取得したＷｅｂコンテンツを操作パネル２１０に表示する。Ｗｅｂブラウザ３０１は、Ｗｅｂエンジン３０２とネットワーク管理部３０３を経由してＷｅｂサーバ装置１１０からＷｅｂコンテンツをダウンロードすると、表示処理を開始する。

Ｓ６００において、Ｗｅｂブラウザ３０１は、デバイス管理部３０４からデバイス情報を取得し、取得した情報中の操作パネル２１０の種別に関する情報に基づいて、操作パネル２１０が静電方式であるか感圧方式であるかを判断する。Ｗｅｂブラウザ３０１は、静電方式の場合には（Ｓ６００でＹｅｓ）、処理をＳ６０１へ進める。Ｗｅｂブラウザ３０１は、感圧方式の場合には（Ｓ６００でＮｏ）、処理をＳ６０２へ進める。

Ｓ６０１において、Ｗｅｂブラウザ３０１は、リソース管理部３０５を介してリソース管理テーブル３０６に記憶されている、静電方式のＧＵＩ部品を取得し、その後処理をＳ６０５へ進める。静電方式のＧＵＩ部品としては、例えばステータスバーが挙げられる。Ｓ６０２において、Ｗｅｂブラウザ３０１は、リソース管理部３０５を介してリソース管理テーブル３０６に記憶されている、感圧方式のＧＵＩ部品を取得し、その後処理をＳ６０３へ進める。感圧方式のＧＵＩ部品としては、例えばスライダーバーが挙げられる。Ｓ６０１及びＳ６０２の処理は、種別に応じたＧＵＩ部品を選択する選択処理の一例である。

Ｓ６０３において、Ｗｅｂブラウザ３０１は、リソース管理部３０５からＳ６０２において取得したＧＵＩ部品に関連するＪａｖａｓｃｒｉｐｔがあるか否かをリソース管理部３０５に問い合わせる。リソース管理部３０５は、リソース管理テーブル３０６において、Ｓ６０２において取得したＧＵＩ部品に対応付けられている関連Ｊａｖａｓｃｒｉｐｔファイルが存在する場合に、ＧＵＩ部品に関連するＪａｖａｓｃｒｉｐｔが存在すると判断する。リソース管理部３０５は、関連するＪａｖａｓｃｒｉｐｔの有無をＷｅｂブラウザ３０１に応答する。

Ｗｅｂブラウザ３０１は、関連するＪａｖａｓｃｒｉｐｔが存在する場合には（Ｓ６０３でＹｅｓ）、処理をＳ６０４へ進める。Ｗｅｂブラウザ３０１は、関連するＪａｖａｓｃｒｉｐｔが存在しない場合には（Ｓ６０３でＮｏ）、処理をＳ６０５へ進める。Ｓ６０４において、Ｗｅｂブラウザ３０１は、リソース管理部３０５を介してリソース管理テーブル３０６に記憶されている、関連するＪａｖａｓｃｒｉｐｔを取得する。そして、Ｗｅｂブラウザ３０１は、関連するＪａｖａｓｃｒｉｐｔに示される画像処理を、表示内容としてのＷｅｂコンテンツに対して行う画像処理として決定する。Ｗｅｂブラウザ３０１は、その後処理をＳ６０５へ進める。

Ｓ６０５において、Ｗｅｂブラウザ３０１は、上述のＷｅｂコンテンツとＧＵＩ部品とを用いてＷｅｂエンジン３０２を利用し、ＧＵＩ部品を含んだ表示画面を操作パネル２１０に表示するよう制御する。なお、Ｗｅｂブラウザ３０１は、関連するＪａｖａｓｃｒｉｐｔも取得している場合には、関連するＪａｖａｓｃｒｉｐｔも利用する。具体的には、Ｗｅｂブラウザ３０１は、０．８倍の縮小化が指定されている場合には、Ｗｅｂコンテンツを縮小して表示するよう制御する。本処理は、表示内容としてのＷｅｂコンテンツに対して画像処理を施す処理の一例である。

図７は、Ｓ６０５において表示される表示画面の一例を示す図である。図７（ａ）の表示画面７００は、操作パネル２１０が静電方式の場合の表示画面であり、図７（ｂ）の表示画面７１０は、操作パネル２１０が感圧方式の場合の表示画面である。静電方式の操作パネル２１０では、Ｗｅｂコンテンツが表示されている領域内でスクロール操作を行う。このため、Ｗｅｂブラウザ３０１は、静電方式の場合には、ステータスバー７０１のように、表示中のＷｅｂコンテンツの位置がわかるようなＧＵＩ部品を含む表示画面を生成、表示する。

一方、図７（ｂ）は、感圧方式の操作パネル２１０に表示される表示画面７１０を示す図である。感圧方式の操作パネル２１０では、ユーザの指圧によるスクロール操作を行い易くする必要がある。そこで、Ｗｅｂブラウザ３０１は、スクロールバー７１１のように上下操作のボタンがあるＧＵＩ部品を含む表示画面を生成、表示する。なお、ソースコード５００を含むＪａｖａｓｃｒｉｐｔファイルを実行することにより、Ｗｅｂコンテンツは０．８倍に縮小されている。このように、スクロールバー７１１を表示することによって狭くなる表示領域の分だけＷｅｂコンテンツを縮小表示することで、Ｗｅｂコンテンツの画面デザインを阻害せず感圧方式の操作パネル２１０においても、優れた操作性を提供することができる。このように、ＭＦＰ１００は、同一のＷｅｂコンテンツを表示する場合であっても、操作パネル２１０の種別に応じたＧＵＩ部品を表示することにより、優れた操作性を提供することができる。

図６において、Ｓ６０５の処理の後、Ｓ６０６において、Ｗｅｂブラウザ３０１は、画面管理部３００からフリック操作イベントが通知されたか否かを確認する。なお、表示画面においてユーザがフリック操作した場合に、画面管理部３００は、フリック操作イベントをＷｅｂブラウザ３０１に通知する。Ｗｅｂブラウザ３０１は、フリック操作イベントが通知された場合には（Ｓ６０６でＹｅｓ）、処理をＳ６０７へ進める。Ｗｅｂブラウザ３０１は、フリック操作イベントが通知されなかった場合には（Ｓ６０６でＮｏ）、表示処理を終了する。

Ｓ６０７において、Ｗｅｂブラウザ３０１は、デバイス管理部３０４からデバイス情報を取得し、操作パネルの種別を判断する。Ｗｅｂブラウザ３０１は、静電方式の場合には（Ｓ６０７でＹｅｓ）、処理をＳ６０８へ進める。Ｗｅｂブラウザ３０１は、感圧方式の場合には（Ｓ６０７でＮｏ）、表示処理を終了する。Ｓ６０８において、Ｗｅｂブラウザ３０１は、Ｗｅｂエンジン３０２に対してフリック操作イベントを通知する。以上で、表示処理が終了する。このように、ＭＦＰ１００は、感圧方式の操作パネル２１０の場合においてのみ、フリック操作が可能となるよう制御する。

以上のように、実施形態に係るＭＦＰ１００は、操作パネルのセンサの種別を判断し、センサの種別に応じたＧＵＩ部品を自動的に選択し、このＧＵＩ部品を用いたＷｅｂコンテンツを表示するよう制御する。これにより、Ｗｅｂコンテンツ作成の工数を削減するとともに、操作パネルに対する操作性を改善することができる。

変更例としては、ＭＦＰ１００は、感圧方式の操作パネル２１０に対してＷｅｂコンテンツを表示する場合には、図６に示すＷｅｂコンテンツ表示処理（Ｓ６０５）において、さらに図８に示す処理を行うこととしてもよい。図８は、変更例に係るコンテンツ表示処理を示すフローチャートである。

Ｓ８００において、Ｗｅｂブラウザ３０１は、スライダーバー（ＧＵＩ部品）を表示する領域に表示される要素に関する情報をＷｅｂエンジン３０２から取得する。具体的には、Ｗｅｂブラウザ３０１は、要素の表示位置を示す座標情報を取得する。次に、Ｓ８０１において、Ｗｅｂブラウザ３０１は、取得した座標情報に基づいて、スライダーバーを配置することにより、表示している要素内の文字が見切れるか否かを判断する。Ｗｅｂブラウザ３０１は、見切れる場合は（Ｓ８００でＹｅｓ）、処理をＳ８０１へ進める。Ｗｅｂブラウザ３０１は、見切れない場合は（Ｓ８００でＮｏ）、処理をＳ８０３へ進める。

Ｓ８０２において、Ｗｅｂブラウザ３０１は、スライダーバーを配置する開始座標（配置位置）を要素外に変更する。次に、Ｓ８０３において、Ｗｅｂブラウザ３０１は、スライダーバーを配置する。以上で、処理が終了する。図９は、本処理により表示された表示画面９００の一例を示す図である。表示画面９００においては、スライダーバー９０１がより右側の位置に変更されたことにより、リストコントロールの文字が見切れることなく表示されている。これにより、ユーザの視認性を担保することができる。

以上、本発明の好ましい実施形態について詳述したが、本発明は係る特定の実施形態に限定されるものではなく、特許請求の範囲に記載された本発明の要旨の範囲内において、種々の変形・変更が可能である。

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

１００ ＭＦＰ
１１０ Ｗｅｂサーバ装置
３０１ Ｗｅｂブラウザ

Claims (8)

1. 表示及びユーザ操作に用いられる操作パネルの種別に応じて、前記操作パネルに表示するＧＵＩ部品を選択する選択手段と、
   前記選択手段により選択されたＧＵＩ部品を前記操作パネルに表示するよう制御する表示処理手段と
   を有することを特徴とする情報処理装置。
2. 前記操作パネルの種別に応じて、前記操作パネルに表示される表示内容に対する画像処理を決定する決定手段と、
   前記表示内容に対し、前記決定手段により決定された画像処理を施す画像処理手段と
   をさらに有し、
   前記表示処理手段は、前記画像処理を施した前記表示内容を前記操作パネルに表示するよう制御することを特徴とする請求項１に記載の情報処理装置。
3. 前記選択手段は、前記操作パネルの種別が感圧方式の場合に、前記ＧＵＩ部品としてスライダーバーを選択することを特徴とする請求項１又は２に記載の情報処理装置。
4. 前記選択手段は、前記操作パネルの種別が感圧方式の場合に、前記ＧＵＩ部品としてスライダーバーを選択し、
   前記画像処理手段は、前記スライダーバーが選択された場合に、前記表示内容を縮小する画像処理を施すことを特徴とする請求項２に記載の情報処理装置。
5. 前記選択手段は、前記操作パネルの種別が静電方式の場合に、前記ＧＵＩ部品としてステータスバーを選択することを特徴とする請求項１乃至４の何れか１項に記載の情報処理装置。
6. 前記表示処理手段は、前記ＧＵＩの表示位置が前記操作パネルに表示される表示内容に重なる場合に、前記ＧＵＩ部品の配置位置を変更することを特徴とする請求項１乃至５の何れか１項に記載の情報処理装置。
7. 情報処理装置が実行する情報処理方法であって、
   表示及びユーザ操作に用いられる操作パネルの種別に応じて、前記操作パネルに表示するＧＵＩ部品を選択する選択ステップと、
   前記選択ステップにおいて選択されたＧＵＩ部品を前記操作パネルに表示するよう制御する表示処理ステップと
   を含むことを特徴とする情報処理方法。
8. コンピュータを、
   表示及びユーザ操作に用いられる操作パネルの種別に応じて、前記操作パネルに表示するＧＵＩ部品を選択する選択手段と、
   前記選択手段により選択されたＧＵＩ部品を前記操作パネルに表示するよう制御する表示処理手段と
   して機能させるためのプログラム。

Images