JP2009015753A - 表示パネル、画面編集方法及び画面編集プログラム - Google Patents

Abstract

【課題】機種変更等に起因する表示パネルの大きさに拘らず最適な画面表示を容易に実現することができる表示パネルを提供する。
【解決手段】デバイス機能を選択・操作する操作部８と、操作部８で選択・操作可能なデバイス機能に応じた一つ以上の表示用データ並びに予め作成された表示レイアウト用の共有スタイルシートを格納した記憶部９と、操作部８で選択・操作されたデバイス機能に対応した表示用データを利用して固定的ＨＴＭＬ文を生成する画面生成部１０と、共有スタイルシートを利用してデバイス機能の選択・操作に対応した固定的ＨＴＭＬ文から表示サイズに適合したＨＴＭＬ文を生成する表示制御部１１と、表示制御部１１で編集されたＨＴＭＬ文に基づいて画像を表示する表示部１２とを備えている。
【選択図】 図３

Description

本発明は、表示画面サイズに適合したレイアウトの画面表示を行う表示パネル、画面編集方法及び画面編集プログラムに関する。

従来、例えば、複写機や複合機等の画像形成装置には、操作・表示用のタッチパネル方式の表示パネルを設けたものが周知である。

また、この表示パネルは、画像形成装置の機能や装置本体の大きさに応じて、その大きさも異なったものが設置される。

この際、表示パネルは、表示画面の操作画面上に、画像形成装置本体機能（モード等のデバイス機能）に対応する画面要素として、タッチスイッチ用や機能認識用の図形や文字等を表示すると共に、色や形状等を用いて図形表示状態をオペレータの認識を容易としている。

また、表示パネルは、操作画面上に表示されたこれらの図形のうち、タッチスイッチ機能としての表示部分をオペレータが選択操作することによって、その操作に応じて操作対象となるデバイス機能を特定することができる（例えば、特許文献１参照。）。

一方、このような表示パネルへの表示には、ＸＭＬとスタイルイシートとを用いて表示する形式が知られている（例えば、特許文献２参照）。

ＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）は、拡張機能つきのマークアップ言語で、データとその目印となるタグとで構成され、書式がない。

従って、ＸＭＬ自体はレイアウトを規定することができないため、ＸＭＬで記述されたデータ（以下「ＸＭＬデータ」と称する）を表示パネルの表示画面に表示するためには、ＸＳＬ（ｅＸｔｅｎｓｉｂｌｅ Ｓｔｙｌｅｓｈｅｅｔ Ｌａｎｇｕａｇｅ）等で記述したスタイルシート（ページレイアウトを設定したもの）と組み合わせて使う必要がある。

ＸＭＬデータには、スタイルシートファイルを指定する記述が含まれる。スタイルシートでは、表示／印刷領域、フォント名、文字サイズなどが指定される。ＸＳＬデータの変換処理を行う部分の言語には、ＸＳＬＴ（ＸＳＬ Ｔｒａｎｓｆｏｒｍａｔｉｏｎｓ）などがある。ＸＭＬデータの表示には、いくつかの方法がある。ＸＭＬをサポートするアプリケーション（たとえばＷｅｂブラウザ）は、たとえば、ＸＭＬデータとスタイルシートを基にＨＴＭＬデータに変換して表示を行う。

尚、ＸＭＬは種々の用途で使用されるが、ネットワークを介するデータの送信に適しており、例えば、ネットワークに接続されている各種デバイスを管理するとき、デバイスの管理情報をＸＭＬデータとして保持できる。ＸＭＬをサポートするＷｅｂブラウザでデバイス管理情報を表示するとき、Ｗｅｂブラウザはスタイルシートを参照してデバイス管理情報を表示する。
特開２００２−２９７３８２号公報 特開２００４−１８５５４１号公報

ところが、上述した表示パネルにあっては、例えば、特許文献１に開示の技術では、表示パネルの設定画面を機種に合わせて行うことができるものの、例えば、画像形成装置の機種変更等によって生じた画面修正に関する画面要素を抽出し、その抽出結果に基づいて画面表示用データに修正を施す必要があり、非常に手間を要するという問題が生じていた。

また、特許文献２に開示の技術は、画像形成装置のデバイス管理情報を制御する際、画像形成装置の画面レイアウトを編集する旨の具体的な記載は開示されていない。

従って、画像形成装置等に用いられている表示パネルは、機種毎に大きさが異なる、特に、機能的な変更が無いにも拘らず、その表示パネルの表示面積が異なる度に開発者は最適な画面表示用のアプリケーションを作成しなければならないという問題が生じていた。

そこで、本発明は、上記事情を考慮し、機種変更等に起因する表示パネルの大きさに拘らず最適な画面表示を容易に実現することができる表示パネルを提供することを目的とする。

本発明の表示パネルは、デバイス機能を選択・操作する操作部と、該操作部で選択・操作可能なデバイス機能に応じた一つ以上の表示用データ並びに予め作成された表示レイアウト用の共有スタイルシートを格納した記憶部と、前記操作部で選択・操作されたデバイス機能に対応した表示用データを利用して固定的ＨＴＭＬ文を生成する画面生成部と、前記共有スタイルシートを利用してデバイス機能の選択・操作に対応した前記固定的ＨＴＭＬ文から表示サイズに適合したＨＴＭＬ文を生成する表示制御部と、該表示制御部で編集されたＨＴＭＬ文に基づいて画像を表示する表示部と、を備えていることを特徴とする。

この際、共有スタイルシートはＣＳＳ形式で作成されているのが望ましい。

また、本発明の画面編集方法は、ユーザによって選択・操作されたデバイス機能に対応した固定的ＨＴＭＬ文を生成する固定的ＨＴＭＬ文生成ステップと、生成された固定的ＨＴＭＬ文からクエリ情報を取得・解析する解析ステップと、解析されたクエリ情報から共有スタイルシートの利用可否を判断する判断ステップと、共有ＣＳＳを利用すると判断した場合に共有ＣＳＳを利用して固定的ＨＴＭＬ文を編集してＨＴＭＬ文を生成する編集ステップと、生成されたＨＴＭＬ文によりアプリケーション画面を表示する表示ステップと、を含むことを特徴とする。

本発明の表示パネルは、機種変更等に起因する表示パネルの大きさに拘らず最適な画面表示を容易に実現することができる。

次に、本発明の一実施形態に係る表示パネルを画像形成装置に適用して説明する。

図１は本発明の一実施形態に係る表示パネルを備えた画像形成装置の斜視図、図２は本発明の一実施形態に係る表示方法を適用した表示パネルのブロック図、図３は本発明の一実施形態に係る表示パネルにおける表示例の説明図、図４は本発明の一実施形態に係る表示パネルに適用される共有ＣＳＳデータ例の説明図、図５は本発明の一実施形態に係る表示パネルに適用される共有ＣＳＳ利用タグ例の説明図、図６は本発明の一実施形態に係る表示パネルの表示制御ルーチンのフロー図である。

図１において、画像形成装置（複合機）１は、装置本体２の正面から引き出し可能な給紙カセット３，４と、複写機・ファクシミリ・スキャナの各種機能として原稿を読み取る際に使用する自動原稿送り装置（ＡＤＦ）５と、タッチパネル方式の表示パネル６と、テンキー等の操作ボタン群７とを備えている。

表示パネル６は、図２に示すように、デバイス機能を選択・操作する操作部８と、操作部８で選択・操作可能なデバイス機能に応じた一つ以上の表示用データ並びに予め作成された表示レイアウト用の共有スタイルシートを格納したＲＯＭ等の記憶部９と、操作部８で選択・操作されたデバイス機能に対応した表示用データを利用して固定的ＨＴＭＬ文を生成する画面生成部１０と、共有スタイルシートを利用してデバイス機能の選択・操作に対応した固定的ＨＴＭＬ文から表示サイズに適合したＨＴＭＬ文を生成する表示制御部１１と、表示制御部１１で編集されたＨＴＭＬ文に基づいて画像を表示する表示部１２と、を備えている。

操作部８は、操作ボタン群７と併用して、デバイス機能としての各種モード（例えば、プリンタモード・複写モード・スキャナモード・ファクシミリモード等）の選択や、その選択したモードに対する設定（例えば、両面印刷・拡大／縮小）等の操作を行う際に使用される。この際、操作部８は、表示部１２の表示状態に応じて変化するスイッチであり、操作ボタン群７は、スタートスイッチやクリアスイッチ等の固定のスイッチである。さらに、操作部８（及び操作ボタン群７）の操作信号は、制御回路１３に送信される。

記憶部９には、画像形成装置１の画像形成処理全般に係わる各種の画像形成処理制御プログラムが格納されている。また、記憶部９には、上述した各種デバイス機能毎の表示用データ及び共有スタイルシートの他、本発明の本発明の表示パネル６の制御に係わる表示制御プログラムも格納されている。さらに、記憶部９に格納されたこれら画像形成処理制御プログラム並びに表示制御プログラムに基づいて制御回路（ＣＰＵ）１３によって画像形成処理制御並びに表示制御が実行される。従って、記憶部９と制御回路１３とは、本発明の画面編集プログラムを実行するマイクロコンピュータを構成している。尚、画像形成処理を実行する際の画像データ等は、この記憶部９とは別のＲＡＭ又はＨＤＤ等の記憶媒体（図示せず）に一時的に記憶される。

画面生成部１０は、例えば、メインスイッチ（図示せず）をＯＮした際に最初に表示部１２に表示されるメイン画面や、そのメイン画面に表示された操作部８としての各種スイッチの選択に伴って切り換え表示されるモード設定画面等の各種表示用データを記憶部９から取得して固定的ＨＴＭＬ文を生成する。この固定的ＨＴＭＬ文は、Ｓｅｒｖｌｅｔ／ＪＳＰ文を表示用データとして利用され、そのＳｅｒｖｌｅｔ／ＪＳＰ文は記憶部９に格納されている。

表示制御部１１は、画面生成部１０で生成した固定的ＨＴＭＬ文を表示部１２に出力する。この際、表示制御部１１は、表示部１２に表示する操作・設定用等のアプリケーション画面を、図３に示すように、画像形成装置１の表示パネル６のサイズ（例えば、図３の上段の表示パネル６は小さいサイズ、図３の下段の表示パネル６は大きいサイズ）に合わせて表示する。これにより、操作部８用のスイッチボタン等のフォームを適当な大きさで表示部１２に表示し、アプリケーション機能の操作をできるだけ容易に行うことができる。また、画像形成装置１の機種等が異なると、表示パネル６の大きさも異なるが、開発段階での画像形成装置１に合わせて画面レイアウトを変更するといった手間を省くことができる。

具体的には、表示制御部１１は、記憶部９からスタイルシートとして共有ＣＳＳ（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔ）を取得する共有ＣＳＳ取得部１４と、共有ＣＳＳ取得部１４で取得した共有ＣＳＳを利用するための動的ＨＴＭＬ文を生成する動的ＨＴＭＬ生成部１５と、動的ＨＴＭＬ文のクエリ情報に基づいて画面生成部１０で生成した固定的ＨＴＭＬ文の一部を修正（編集）したうえで表示部１２に表示用のＨＴＭＬ文を出力するＨＴＭＬサーバ１６と、を備えている。これにより、表示部１２は、図３に示したアプリケーション画面をＨＴＭＬ形式を利用して表示する。

ところで、ＣＳＳは、Ｗｅｂページのレイアウトを定義する規格の一つである。これまで、Ｗｅｂページのレイアウトは、ＨＴＭＬ文を用いて記述され、そのＨＴＭＬ文にはレイアウトに関する仕様が大量に取り込まれていた。

しかしながら、ＨＴＭＬ文にレイアウトに関する仕様を含ませると、文書の論理構造を記述するという本来のＨＴＭＬの目的に反するため、文書の視覚的構造（表示形態）を規定する枠組みとしてＣＳＳが新たに策定された。

このＣＳＳを使うと、表示用フォントの種類や文字の大きさ、文字飾り、行間などの見栄えに関する情報をＨＴＭＬ文書本体（及び文書の論理構造を記述したＨＴＭＬ）から切り離すことができ、ユーザが複数のレイアウトから適当なものを選択することができるようになる。

従って、機能設定・選択等のためのデバイス機能に応じた複数種類（例えば、基本画面・拡大／縮小設定画面・濃度設定画面等）の表示用データ（Ｓｅｒｖｌｅｔ／ＪＳＰ文）は、画面表示サイズを考慮すること無しに開発者によって作成され、その作成された表示用データが記憶部９に格納される。また、共有ＣＳＳ（図４参照）は、画像形成装置１の開発段階において開発者によって作成され、その作成された共有ＣＳＳが記憶部９に格納される。

尚、共有ＣＳＳは、その後においては、画像形成装置１の機種変更等に拘らず、共有するスタイルシートとして利用する。

さらに、ＨＴＭＬサーバ１６で共有ＣＳＳを利用するためのタグ情報（図５参照）においても、画像形成装置１の開発段階において開発者によって作成され、そのタグ情報が記憶部９に格納される。この際、画面レイアウト編集機能を利用するための情報が固定的ＨＴＭＬ文へのリンクのクエリ情報として追加（例えば、／ＸＸＸ．ｈｔｍｌ？ｐｕｂｌｉｃＣＳＳ＝ｔｒｕｅ）される。

従って、ＨＴＭＬサーバ１６では、固定的ＨＴＭＬ文から共有ＣＳＳを利用するための情報を読み取った場合には、共有ＣＳＳを利用するためのタグを動的ＨＴＭＬ文内に挿入して固定的ＨＴＭＬ文を編集し、ＨＴＭＬ文を生成する。

図６は、このような表示パネル６での表示例の一連の手順を示す。尚、図６では、表示の関係から、以下の各ステップを括弧付きの数字で示す。

ユーザによる操作部８（又は操作ボタン群７）の操作を制御回路部１３が認識すると（ステップ１）、ＨＴＭＬサーバ１６により表示パネル６に表示するための固定的ＨＴＭＬ文となる表示用データがアプリケーション機能によって検索される（ステップ２）。

ＨＴＭＬサーバ１６では、検索された表示用データに基づいて画面生成部１０で生成された固定的ＨＴＭＬ文をリクエストとし、そのリクエストからクエリ情報を取得・解析し（ステップ３）、共有ＣＳＳの利用可否を決定する（ステップ４）。

さらに、ＨＴＭＬサーバ１６は、共有ＣＳＳを利用すると判断した場合には、共有ＣＳＳを利用した動的ＨＴＬＭ文を用いて固定的ＨＴＭＬ文を編集し（ステップ５）、その編集後のＨＴＭＬ文により、アプリケーション画面を表示パネル６に表示する（ステップ６）。

このように、表示パネル６には、画像形成装置１毎に最適化されたレイアウト画面を表示することができる。尚、画像形成装置１側（ＨＴＭＬサーバ１６）にてクエリ情報の意味が分からない場合には、表示パネル６には開発者が作成した固定的ＨＴＭＬ文の通りに表示される。

ところで、上記実施の形態では、本発明の表示パネル６を画像形成装置１に適用して説明したが、各種表示パネルに適用することができることは勿論である。

本発明の一実施形態に係る表示パネルを備えた画像形成装置の斜視図である。 本発明の一実施形態に係る表示方法を適用した表示パネルのブロック図である。 本発明の一実施形態に係る表示パネルにおける表示例の説明図である。 本発明の一実施形態に係る表示パネルに適用される共有ＣＳＳデータ例の説明図である。 本発明の一実施形態に係る表示パネルに適用される共有ＣＳＳ利用タグ例の説明図である。 本発明の一実施形態に係る表示パネルの表示制御ルーチンのフロー図である。

符号の説明

６…表示パネル
８…操作部
８…制御回路部
９…記憶部
１０…画面生成部
１１…表示制御部
１２…表示部

Claims (4)

1. デバイス機能を選択・操作する操作部と、該操作部で選択・操作可能なデバイス機能に応じた一つ以上の表示用データ並びに予め作成された表示レイアウト用の共有スタイルシートを格納した記憶部と、前記操作部で選択・操作されたデバイス機能に対応した表示用データを利用して固定的ＨＴＭＬ文を生成する画面生成部と、前記共有スタイルシートを利用してデバイス機能の選択・操作に対応した前記固定的ＨＴＭＬ文から表示サイズに適合したＨＴＭＬ文を生成する表示制御部と、該表示制御部で編集されたＨＴＭＬ文に基づいて画像を表示する表示部と、を備えていることを特徴とする表示パネル。
2. 前記共有スタイルシートが、ＣＳＳ形式で作成されていることを特徴とする請求項１に記載の表示パネル。
3. ユーザによって選択・操作されたデバイス機能に対応した固定的ＨＴＭＬ文を生成する固定的ＨＴＭＬ文生成ステップと、
   生成された固定的ＨＴＭＬ文からクエリ情報を取得・解析する解析ステップと、
   解析されたクエリ情報から共有スタイルシートの利用可否を判断する判断ステップと、
   共有ＣＳＳを利用すると判断した場合に共有ＣＳＳを利用して固定的ＨＴＭＬ文を編集してＨＴＭＬ文を生成する編集ステップと、
   生成されたＨＴＭＬ文によりアプリケーション画面を表示する表示ステップと、
   を含むことを特徴とする画面編集方法。
4. 請求項３に記載の各ステップをコンピュータに実行させるための画面編集プログラム。

Images