(57)【特許請求の範囲】
【請求項１】
アプリケーション画面に表示されるリストのＧＵＩ部品を備えた画像形成装置により実行されるアプリケーション画面の表示操作方法であって、
前記リストのアイテムを表示するアイテム表示処理ステップと、
前記リストの選択状態を変更する選択状態変更処理ステップとを備え、
前記アイテム表示処理ステップの各前記アイテムの関数と前記選択状態変更処理ステップの関数とを前記ＧＵＩ部品であるリストコントロールに直接登録し、
各前記アイテムの関数は、スクリプト言語で記載され、アクセスするアプリケーションデータをアプリケーション固有の任意のフォーマットデータとし、前記ＧＵＩ部品とは異なるデザインで表示可能とする
ことを特徴とする画像形成装置のアプリケーション画面の表示操作方法。
【請求項２】
各前記アイテムの関数は、前記アイテムの順番に対応して前記リストコントロールに登録される
ことを特徴とする請求項１に記載の画像形成装置のアプリケーション画面の表示操作方法。
【請求項３】
前記アイテム表示処理ステップにより前記リストの前記アイテムを可変表示する
ことを特徴とする請求項１又は２に記載の画像形成装置のアプリケーション画面の表示操作方法。
【請求項４】
前記アイテム表示処理ステップにより前記アイテムのアイコンを可変表示する
ことを特徴とする請求項３に記載の画像形成装置のアプリケーション画面の表示操作方法。
【請求項５】
前記選択状態変更処理ステップにより前記リストの前記アイテムの選択状態を検出する
ことを特徴とする請求項１から請求項４のいずれか１項に記載の画像形成装置のアプリケーション画面の表示操作方法。
【請求項６】
アプリケーション画面に表示されるリストのＧＵＩ部品を備えた画像形成装置であって、
前記リストのアイテムを表示するアイテム表示処理手段と、
前記リストの選択状態を変更する選択状態変更処理手段と
を備え、
前記アイテム表示処理手段の各前記アイテムの関数と前記選択状態変更処理手段の関数とを前記ＧＵＩ部品であるリストコントロールに直接登録し、
各前記アイテムの関数は、スクリプト言語で記載され、アクセスするアプリケーションデータをアプリケーション固有の任意のフォーマットデータとし、前記ＧＵＩ部品とは異なるデザインで表示可能とする
ことを特徴とする画像形成装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像形成装置の操作パネルにアプリケーション画面を表示または操作する方法に関する。
【背景技術】
【０００２】
最近の技術によれば、プリンタ、多機能プリンタ、多機能周辺装置、又は複合機などのＭＦＰ（Ｍｕｌｔｉｆｕｎｃｔｉｏｎ  Ｐｅｒｉｐｈｅｒａｌ）である画像形成装置は、ＧＵＩ（graphical user interface）を備えている。ＧＵＩは、アプリケーション画面に設けられる操作ボタン、選択項目（以下、「リスト」という）、またはテキスト入力欄などの処理を行うソフトウェアのコンポーネント（部品）を有している。画像形成装置のアプリケーション開発者（以下、「開発者」という）は、ＧＵＩが有している部品（以下、「ＧＵＩ部品」という）を使用することで、品質のよいアプリケーション画面を容易に作成することができる。また、ユーザーが作成した情報をＧＵＩ部品に提供することで、可変表示ができるアプリケーション画面を作成することができる。例えば、特許文献１の画像形成装置では、ユーザーによって使用する機能に制限を設けるときに、許可するか否かを判断するための機能情報をＧＵＩ部品と関連付け、ＧＵＩ部品が機能情報により許可すると判定されたときにはその機能を表示し、許可しないと判定されたときにはその機能を表示しないようにしている。
【０００３】
このようなＧＵＩ部品において、開発者からアプリケーション画面のリストの色を統一したいなどの様々な要望により、ＧＵＩ部品にはこれらの要望を実現できる仕組みを予め搭載することが求められる。このため、図６（１）に示すアプリケーション側の表示処理（以下、「表示処理」という）では、ＧＵＩ部品そのものを変更せずに、ＧＵＩ部品に渡すパラメーター６００ａのデータを変更することで、開発者の要望に合わせた変更（以下、「カスタマイズ」という）を実現している。アプリケーション画面に多数の項目（以下、「アイテム」という）が設けられている場合における従来のリストコントロール６００の表示方法について、図６（２）を用いて説明する。リストコントロール６００は、複数の分割されたアイテム６１０ａが設けられているリスト６１０を表示する。またリスト６１０に全てのアイテム６１０ａを表示できないときには、スクロールバー６２０が表示される。
図６（２）のアイテム６１０ａのサイズや位置を設定する場合におけるリストコントロール６００のアイテムリストのコーディング例を以下に示す。このようなアイテムリスト（itemList.setItemIconSize）では、１つのアイテムに対するアイテムの幅（width）、高さ（height）、画面左からの位置（[left]）、画面上からの位置（[top]）をパラメーターで設定できる。
itemList.setItemIconSize(width, height, [left], [top]);
図６（２）のそれぞれのアイテム６１０ａを表示する場合におけるリストコントロール６００のアイテムデータのコーディング例を以下に示す。このようなアイテムデータ（itemData）では１行のアイテムデータが１アイテム６１０ａに対応し、アイテム表示はtextで設定され、またアイテム６１０ａのアイコンが選択されているか否かはselectedとfalseに設定される。
var itemData = [
{"text":"Dogs", "selected":"false", "icon":"/img/folder.png"},
{"text":"Note一覧", "selected":"false", "icon":"/img/shared.png"},
...
];
itemList.show(itemData);
【０００４】
また、図６（１）に示すアプリケーション側のアイテム操作処理（以下、「アイテム操作処理」という）は、ＧＵＩ部品であるリストコントロール６００に登録される各々のアイテムデータ（以下、「各アイテムデータ」という）６００ｂを直接アクセスしている。更に、アイテム操作処理の選択操作がアクセスする各アイテムデータ６００ｂのアプリケーションデータがある。このような場合では、アイテム操作処理がＧＵＩ部品により定められるフォーマットデータ（以下、「ＧＵＩ部品のフォーマットデータ」という）である各アイテムデータ６００ｂとアプリケーション固有のフォーマットデータであるアプリケーションデータの両方のフォーマットを処理することができない。従って、図６（３）に示すように、選択操作がアクセスするアプリケーションデータをアプリケーション固有のフォーマットデータからＧＵＩ部品のフォーマットデータに変換する。また、アプリケーションデータの変更が必要となったときには、アプリケーションデータをＧＵＩ部品のフォーマットデータからアプリケーション固有のフォーマットデータに変換して変更する。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１０−３９８４１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
しかし、例えば、ＧＵＩ部品であるリストコントロール６００のアイテムリスト（itemList.setItemIconSize）が２つしか用意されていないときには、アイテムデータ数の上限は最大で２つまでとなる。また、リストコントロール６００は複雑な構造であるので、パラメーター６００ａのデータを変更してリストコントロールに渡すだけでは開発者の要望に対応できない場合がある。このような場合では、ＧＵＩ部品そのものを変更しないと使用できないので、ＧＵＩ部品をソフトウェア資産として再利用することが困難であった。また、選択操作のアプリケーションデータをアプリケーション固有のフォーマットデータからＧＵＩ部品のフォーマットデータに変換しなければならないので手間がかかるという問題があった。
【０００７】
本発明はこのような状況に鑑みてなされたものであり、上記課題を解決できる画像形成装置及び画像形成装置のアプリケーション画面のリストコントロールを提供することを目的とする。
【課題を解決するための手段】
【０００８】
本発明の画像形成装置のアプリケーション画面の表示操作方法は、アプリケーション画面に表示されるリストのＧＵＩ部品を備えた画像形成装置により実行されるアプリケーション画面の表示操作方法であって、前記リストのアイテムを表示するアイテム表示処理ステップと、前記リストの選択状態を変更する選択状態変更処理ステップとを備え、前記アイテム表示処理ステップの各前記アイテムの関数と前記選択状態変更処理ステップの関数とを前記ＧＵＩ部品であるリストコントロールに直接登録し、各前記アイテムの関数は、スクリプト言語で記載され、アクセスするアプリケーションデータをアプリケーション固有の任意のフォーマットデータとし、前記ＧＵＩ部品とは異なるデザインで表示可能とすることを特徴としている。
また、本発明の画像形成装置のアプリケーション画面の表示操作方法は、各前記アイテムの関数は、前記アイテムの順番に対応して登録されることを特徴としている。
また、本発明の画像形成装置のアプリケーション画面の表示操作方法は、前記アイテム表示処理ステップにより前記リストの前記アイテムを可変表示することを特徴としている。
また、本発明の画像形成装置のアプリケーション画面の表示操作方法は、前記アイテム表示処理ステップにより前記アイテムのアイコンを可変表示することを特徴としている。
また、本発明の画像形成装置のアプリケーション画面の表示操作方法は、前記選択状態変更処理ステップにより前記リストの前記アイテムの選択状態を検出することを特徴としている。
また、本発明の画像形成装置は、アプリケーション画面に表示されるリストのＧＵＩ部品を備えた画像形成装置であって、前記リストのアイテムを表示するアイテム表示処理手段と、前記リストの選択状態を変更する選択状態変更処理手段とを備え、前記アイテム表示処理手段の各前記アイテムの関数と前記選択状態変更処理手段の関数とを前記ＧＵＩ部品であるリストコントロールに直接登録し、各前記アイテムの関数は、スクリプト言語で記載され、アクセスするアプリケーションデータをアプリケーション固有の任意のフォーマットデータとし、前記ＧＵＩ部品とは異なるデザインで表示可能とすることを特徴としている。
【発明の効果】
【０００９】
本発明における画像形成装置及び画像形成装置のアプリケーション画面の表示操作方法は、多くの用途で使用できる汎用性とより多くのデザインや機能に変更できるカスタマイズ性の高い、シンプルで使い易いＧＵＩ部品のリストコントロールを提供できる。
【図面の簡単な説明】
【００１０】
【図１】本発明の実施形態に係る画像形成装置の機能構成を示す図である。
【図２】本発明の実施形態に係る画像形成装置おけるリストコントロールの実行手順を示す図である。
【図３】本発明の実施形態に係るリストコントロールを説明する図である。
【図４】本発明の実施形態に係るリストコントロールの表示例である。
【図５】本発明の実施形態に係るアイテム操作処理の選択操作を説明する図である。
【図６】従来のリストコントロールを説明する図である。
【発明を実施するための形態】
【００１１】
以下、本発明を実施するための形態（以下、「実施形態」という）を、図面を参照して説明する。本発明は、汎用性とカスタマイズ性の高いリストコントロールのＧＵＩ部品を使用して画像形成装置の操作パネルにアプリケーション画面のリスト表示及び操作を行う。
【００１２】
実施形態における画像形成装置１００の機能構成について、図１を用いて説明する。図１に示す画像形成装置１００は、制御部１１０、補助記憶部１２０、記憶部１３０、操作パネル１４０、操作パネル処理部１５０、原稿読取部１６０、画像形成部１７０、ネットワーク通信部１８０、及び画像印刷部１９０を備えている。これらの各部は、バスなどにより接続される構成となっている。制御部１１０には、ソリューションプラットホーム部１１０ａとアプリケーションサーバー部１１０ｂが設けられている。補助記憶部１２０には、アプリケーション保存エリア１２０ａとＧＵＩ部品保存エリア１２０ｂが設けられている。
【００１３】
制御部１１０は、ＲＡＭやＲＯＭ等の主記憶手段、及びＭＰＵ(Micro Processing Unit)やＣＰＵ(Central Processing Unit)等の制御手段を備えている。また、制御部１１０は、各種Ｉ／Ｏ、ＵＳＢ（ユニバーサル・シリアル・バス）、バス、その他バードウェア等のインターフェイスに関連するコントローラ機能を備え、画像形成装置１００全体を制御する。
ソリューションプラットホーム部１１０ａは、JavaScript（登録商標）やＷｅｂサービスなどの標準技術を組み合わせたプラットホームで、画像形成装置１００に搭載するアプリケーションの開発をサポートする。
アプリケーションサーバー部１１０ｂは、画像形成装置１００に搭載されているアプリケーションの実行をサポートする。
【００１４】
補助記憶部１２０は、フラッシュメモリー等からなる補助記憶装置で、制御部１１０が実行する処理のプログラムやデータを記憶する。
アプリケーション保存エリア１２０ａは、画像形成装置１００の表示処理やアイテム操作処理などのアプリケーションのプログラム及びデータを保存する。
ＧＵＩ部品保存エリア１２０ｂは、画像形成装置１００のＧＵＩ部品及びＧＵＩ部品に登録するアイテム表示処理５００ａ、選択状態変更処理５００ｂ、及び各アイテムデータ５００ｃを保存する。アイテム表示処理５００ａ、選択状態変更処理５００ｂ、及び各アイテムデータ５００ｃの詳細については、後述する。
【００１５】
記憶部１３０は、ハードディスクドライブからなる記憶装置で、制御部１１０が実行する処理のプログラムやデータが記憶される。
原稿画像データ保存エリア１３０ａは、原稿読取部１６０から読み取った原稿画像データと、ネットワーク通信部１８０が受信した原稿画像データなどを一時的に保存する。
【００１６】
操作パネル１４０は、操作パネル処理部１５０によりアプリケーション画面が表示され、ユーザーがアプリケーション画面から操作した操作データを操作パネル処理部１５０に出力する。
【００１７】
操作パネル処理部１５０は、ユーザーからの表示要求によりアプリケーション画面を操作パネル１４０に表示する処理、ユーザーにより選択される操作項目を操作パネル１４０に表示する処理、操作パネル１４０からユーザーの操作を入力する処理を行う。また、操作パネル処理部１５０は、ＧＵＩ部品を実行できるブラウザを備えている。
【００１８】
原稿読取部１６０は、画像形成装置１００の原稿台にセットされた原稿の読み取りを行うもので、ユーザーが操作パネル１４０から読み取り要求を行うことにより、原稿台にセットされた原稿の読み取りを行うことができる。
【００１９】
画像形成部１７０は、原稿読取部１６０で読み取られた原稿画像データを印刷可能なイメージやＦＡＸやメールで送信可能なイメージの画像データに変換する。
【００２０】
ネットワーク通信部１８０は、ネットワーク３００に接続するための着脱可能なＬＡＮインターフェイスを備えている。また、画像形成装置１００は、ネットワーク３００に接続されているＰＣ２００などの装置とネットワーク通信部１８０により通信を行うことができる。
【００２１】
画像印刷部１９０は、ユーザーから印刷要求のあった画像データを用紙に印刷する機能を備えている。
【００２２】
次に、本発明の実施形態におけるＧＵＩ部品であるリストコントロール５００の実行手順について、図２を用いて説明する。ユーザーが図１の操作パネル１４０のアプリケーション画面に表示されたリストの中から１つまたは複数を選択する。次いで、（１）に示すように操作パネル処理部１５０からＨＴＴＰ（Hypertext Transfer Protocol）の通信プロトコルにより制御部１１０のアプリケーションサーバー部１１０ｂにリスト表示またはリスト操作が通知される。次いで、（２）に示すようにアプリケーションサーバー部１１０ｂは、この通知を入力すると、ソリューションプラットホーム部１１０ａのJavaScript（登録商標）ファイルに実装されているリストコントロール５００を取り出す。次いで、（３）に示すようにアプリケーションサーバー部１１０ｂがＧＵＩ部品であるリストコントロール５００を操作パネル処理部１５０にダウンロードする。リストコントロール５００が操作パネル処理部１５０にダウンロードされると、操作パネル処理部１５０が備えているブラウザにより実行される。
【００２３】
次に、本発明の実施形態に係る表示処理とアイテム操作処理について、図３を用いて説明する。図３に示す表示処理は、ＧＵＩ部品として提供される関数を用いて開発者が作成したアイテム表示処理５００ａにより各アイテムデータ５００ｃにアクセスする。従来のように、表示処理がＧＵＩ部品に渡すパラメーターを設定するのでなく、開発者が作成したアイテム表示処理５００ａをＧＵＩ部品であるリストコントロール５００に登録する。これにより、表示処理は、アイテム表示処理５００ａによりアイテムに任意のアイコン画像を表示することができる。また、図３に示すアイテム操作処理は、従来のように、各アイテムデータ５００ｃを直接アクセスするのでなく、開発者が作成した関数の選択状態変更処理５００ｂにより各アイテムデータ５００ｃにアクセスする。これにより、図５に示すようにアイテム操作処理の選択操作がアクセスするアプリケーションデータをＧＵＩ部品のフォーマットデータで変換せずに、アプリケーション固有の任意のフォーマットデータとすることができる。
【００２４】
次に、本発明の実施形態に係るリストコントロール５００の表示処理について、図４を用いて説明する。リストコントロール５００は、複数のアイテム５１０ａが設けられているリスト５１０を表示する。またリスト５１０に全てのアイテム５１０ａを表示できないときには、スクロールバー５２０が表示される。
【００２５】
図４（１）のアイテム５１０ａのサイズを設定する場合における関数であるリストコントロール５００のアイテム表示処理５００ａのコーディング例を以下に示す。このような関数（function）では、１つのアイテムに対するアイテムリスト（itemList）、アイテムデータにおけるアイテムの順番（index）、アイテムデータ（itemData）、アイテムの幅（width）、高さ（height）、画面左からの位置（[left]）、画面上からの位置（[top]）などを関数により設定できる。また、関数のボタン（button）の記述において、トグルボタンに対するラベル、色、影を付けるなどの部品を組み立てることで自由な設定を行うことができる。
var onShow = function(itemList, index, itemData, savedData,
left, top, width, height, row, col) {
var labelText = new HyPAS.Gui.MultiStateLabel(null, itemData);
var button = new HyPAS.Gui.ToggleButton(null, "button" + index);
button.addLabel(labelText, 45, 0);
button.checked(savedData); // 選択状態を設定(savedDataはtrueかfalse)
return button;
};
itemList.setOnShowFunc(onShow);
【００２６】
また、図４（１）のシンプルなテキストを指定したときのアイテムを表示する場合におけるリストコントロール５００のアイテムデータのコーディング例を以下に示す。このようなアイテムデータ（itemData）では、従来のようにtext指定で設定するのでなくアイテムを直接設定できるので、アイテムデータの設定が容易となる。
var itemData = [
"AAAAAAAAAA", "ああああああ",
"CCCCCCCCCC", "DDDDDDDDDD",
...
"OOOO", "PPPP"
];
itemList.setData(itemData);
【００２７】
また、アイテム表示処理５００ａは、図４（２）に示すような異なるアイテム５３０ａを表示することができる。つまり、従来のリストコントロール６００では、パラメーターのデータを設定できる範囲の変更しかできないので、図４（２）に示すようなリスト５３０のアイテム５３０ａを表示するには、ＧＵＩ部品であるリストコントロール５００そのものを変更しなければならない。しかし、関数であるアイテム表示処理５００ａを使用することで、図４（２）に示すリスト５３０のような他と異なるデザインのアイテム５３０ａを混在させたリスト５３０をＧＵＩ部品の変更を行うことなく表示することができる。
【００２８】
次に、本発明の実施形態に係るリストコントロール５００のアイテム操作処理について、図３を用いて説明する。図３に示すアイテム操作処理は、ＧＵＩ部品として提供される関数を用いて開発者が作成した選択状態変更処理５００ｂにより各アイテムデータ５００ｃにアクセスする。
図３における選択状態処理５００ｂのコーディング例を以下に示す。このような関数（function）のonSelect（選択状態）メソッドとonUnselect（非選択状態）メソッドの戻り値により、アイテムの選択状態を検出する。
//選択状態のアイテムをクリックしたとき
var onSelect = function(itemList, index, itemData, savedData, button) {
return true;
};
itemList.setOnShowFunc(onSelect);
//非選択状態のアイテムをクリックしたとき
var onUnselect = function(itemList, index, itemData, savedData, button) {
return false;
};
itemList.setOnShowFunc(onUnselect);
【００２９】
このようなリストコントロール５００において、関数を用いて選択状態変更処理５００ｂを開発者が作成する。これにより、図５に示すようにアイテム操作処理の選択操作がアクセスする各アイテムデータ５００ｃのアプリケーションデータをＧＵＩ部品のフォーマットデータでなくアプリケーション固有の任意のフォーマットデータとすることができる。
【００３０】
以上により、アイテム５１０ａのサイズや位置などの情報をパラメーターで設定するのではなく、開発者が作成する関数であるアイテム表示処理５００ａをＧＵＩ部品であるリストコントロール５００に登録する仕組みとすることで、アイテム５１０ａに設定するアイコンのサイズ及び数などを自在に指定できる。従って、自由度の高いアイテム５１０ａの変更が可能となる。また、リストコントロール５００の表示処理は、簡単なアプリケーションインターフェイスであるアイテム表示処理５００ａにより、アイテム５１０ａのデザインなどのカスタマイズ性を高めることができる。また、アイテム操作処理は各アイテムデータ５００ｃを直接アクセスするのでなく、開発者が作成する関数である選択状態変更処理５００ｂからアクセスするので、アクセスするアプリケーションデータをアプリケーション固有のフォーマットデータからＧＵＩ部品のフォーマットデータに変換する必要がなくなる。これにより、アプリケーション固有のフォーマットデータとＧＵＩ部品のデータフォーマットとの整合性を開発者は意識せずにアプリケーションデータを作成することができる。従って、リストコントロール５００を使用する場合における汎用性を高めることができるので、開発者の作業効率を向上させることができる。
【００３１】
なお、実施形態においては、画像形成装置１００の操作パネル１４０に表示するアプリケーション画面のＧＵＩ部品をリストコントロール５００としたが、これに限定されず様々なＧＵＩ部品についても同様の構成とすることができる。また、画像形成装置１００の操作パネル１４０に表示するアプリケーション画面だけでなく、他の一般的なWebアプリケーションまたはWindows（登録商標）アプリケーションの画面においても同様なＧＵＩ部品を適用することができる。
【００３２】
このような本発明における画像形成装置及び画像形成装置のアプリケーション画面の表示操作方法は、多くの用途で使用できる汎用性とより多くのデザインや機能に変更できるカスタマイズ性の高い、シンプルで使い易いＧＵＩ部品のリストコントロールを提供できる。
【００３３】
以上、具体的な実施の形態により本発明を説明したが、上記実施の形態は本発明の例示であり、この実施の形態に限定されないことは言うまでもない。
【産業上の利用可能性】
【００３４】
本発明は、ＧＵＩを備える画像形成装置に好適であるが、画像形成装置に限られるものではなく、ＧＵＩを備えるあらゆるデバイスに適用可能である。
【符号の説明】
【００３５】
１００・・・・・画像形成装置
１１０・・・・・制御部
１１０ａ・・・・ソリューションプラットホーム部
１１０ｂ・・・・アプリケーションサーバー部
１２０・・・・・補助記憶部
１２０ａ・・・・アプリケーション保存エリア
１２０ｂ・・・・ＧＵＩ部品保存エリア
１３０・・・・・記憶部
１３０ａ・・・・原稿画像データ保存エリア
１４０・・・・・操作パネル
１５０・・・・・操作パネル処理部
１６０・・・・・原稿読取部
１７０・・・・・画像形成部
１８０・・・・・ネットワーク通信部
１９０・・・・・画像印刷部
２００・・・・・ＰＣ
３００・・・・・ネットワーク
５００・・・・・ＧＵＩ部品（リストコントロール）
５００ａ・・・・アイテム表示処理
５００ｂ・・・・選択状態変更処理
５００ｃ・・・・各アイテムデータ
５１０・・・・・リスト
５１０ａ・・・・アイテム
５２０・・・・・スクロールバー
５３０・・・・・リスト
５３０ａ・・・・アイテム
５４０・・・・・スクロールバー
６００・・・・・リストコントロール
６００ａ・・・・パラメーター
６００ｂ・・・・各アイテムデータ
６１０・・・・・リスト
６１０ａ・・・・アイテム
６２０・・・・・スクロールバー
【図１】
0006026399.tif 000002
【図２】
0006026399.tif 000003
【図３】
0006026399.tif 000004
【図４】
0006026399.tif 000005
【図５】
0006026399.tif 000006
【図６】
0006026399.tif 000007