JP2019153870A - 画像形成装置、ウェブページ表示方法、およびコンピュータプログラム - Google Patents

Abstract

【課題】ネイティブアプリケーションによるサービスおよびウェブによるサービスをユーザへ提供する画像形成装置において操作の誤りまたは判断の迷いを従来よりも軽減する。【解決手段】予め用意されているネイティブアプリケーションを実行する画像形成装置１は、ウェブサーバ２１からダウンロードするなどして取得したウェブページを、このアプリケーションの画面のデザイン（例えば、画面を構成するオブジェクトの色、画面の背景色など）に合わせて表示する。【選択図】図１

Description

本発明は、いわゆる組込み系のアプリケーションが用意されている画像形成装置においてウェブページを表示する技術に関する。

近年、コピー、スキャン、またはファックスなど様々な機能が備わった画像形成装置が普及している。このような画像形成装置は、「ＭＦＰ（Multi Function Peripherals）」または「複合機」と呼ばれることもある。

これらの機能を使用できるように、メーカは、アプリケーションを作成し、画像形成装置に予めインストールしている。このように、予め固定的にインストールされているアプリケーションは、「ネイティブアプリケーション」と呼ばれることがある。

さらに、画像形成装置にウェブブラウザが備えられるようになった。ウェブブラウザによると、ウェブサーバからウェブページをダウンロードし表示することができる。これにより、従来よりも多くのサービスをユーザへ提供することができるようになった。

そのほか、従来、画像形成装置におけるユーザインタフェースの技術として、次のような技術が提案されている。

複合機は、表示装置を備えており、この表示装置は、モード識別領域と、設定情報表示領域とを有している。モード識別領域には、複合機に備えられた複数のモードの各々を識別するための識別情報が表示される。設定情報表示領域には、これらの識別情報のうち、現在選択されている識別情報に対応するモードの設定情報が表示される。そして、複合機では、特に、モード識別領域に表示された識別情報の選択に連動して、設定情報表示領域に、選択された識別情報に対応する設定情報が表示されるようになっている（特許文献１）。

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

上述の通り、ユーザは、画像形成装置においてネイティブアプリケーションによるサービスを使用することもできるし、ウェブによるサービスを使用することもできる。

しかし、従来、ユーザは、両方のサービスを使用していると、操作を誤ったり判断に迷ったりすることがあった。

特許文献１に記載される技術では、ネイティブアプリケーションによるサービスおよびウェブによるサービスの両方をユーザが使用する環境下においては、上述の問題を解決することができない。

本発明は、このような問題点に鑑み、ネイティブアプリケーションによるサービスおよびウェブによるサービスをユーザへ提供する画像形成装置において操作の誤りまたは判断の迷いを従来よりも軽減することを目的とする。

本発明の一形態に係る画像形成装置は、予め用意されているアプリケーションを実行する画像形成装置であって、ウェブページを前記アプリケーションの画面のデザインに合わせてディスプレイに表示させる表示手段、を有する。

好ましくは、前記画面には、用途の種類が異なる複数の第一のオブジェクトが含まれており、前記複数の第一のオブジェクトのそれぞれは、それぞれの前記種類に対応する態様を有し、前記ウェブページには、１つまたは複数の第二のオブジェクトが含まれており、前記表示手段は、前記１つまたは複数の第二のオブジェクトそれぞれを、それぞれの前記種類の前記態様で表示させることによって、前記ウェブページを前記デザインに合わせて表示させる。

さらに好ましくは、前記種類それぞれの前記態様として、互いに異なる波長帯域の色が用いられる。例えば、前記種類として、前記複数の第一のオブジェクトのうちの次のステップへ進行するように指令するオブジェクトが属する第一の種類、処理を中止しまたはキャンセルするように指令するオブジェクトが属する第二の種類、および初期の状態にリセットするように指令するオブジェクトが属する第三の種類があり、前記第一の種類、前記第二の種類、および前記第三の種類それぞれの前記態様として、緑系統の色、赤系統の色、および黄系統の色が用いられる。

本発明によると、ネイティブアプリケーションによるサービスおよびウェブによるサービスをユーザへ提供する画像形成装置において操作の誤りまたは判断の迷いを従来よりも軽減することができる。

画像処理システムの全体的な構成の例を示す図である。 画像形成装置のハードウェア構成の例を示す図である。 ジョブ一覧画面の例を示す図である。 ジャム通知画面の例を示す図である。 画像形成装置の機能的構成の例を示す図である。 デザインデータの例を示す図である。 デザインデータの例を示す図である。 ウェブページの例を示す図である。 ウェブページファイルの例を示す図である。 ウェブページの例を示す図である。 ウェブページファイルの例を示す図である。 ウェブページの例を示す図である。 ウェブページファイルの例を示す図である。 ウェブページの書換え後の状態の例を示す図である。 ウェブページの書換え後の状態の例を示す図である。 ウェブページの書換え後の状態の例を示す図である。 画像形成装置における全体的な処理の流れの例を説明するフローチャートである。

図１は、画像処理システム４の全体的な構成の例を示す図である。図２は、画像形成装置１のハードウェア構成の例を示す図である。図３は、ジョブ一覧画面６１Ａの例を示す図である。図４は、ジャム通知画面６１Ｂの例を示す図である。

図１に示す画像処理システム４は、画像を用紙に印刷したり画像を電子データとして取り扱ったりするシステムであって、画像形成装置１、ウェブサーバ２１、端末装置２３、および通信回線３などによって構成される。

画像形成装置１、ウェブサーバ２１、および端末装置２３は、通信回線３を介して通信することができる。通信回線３として、ＬＡＮ（Local Area Network）回線、インターネット、公衆回線、または専用線などが用いられる。

画像形成装置１は、コピー、ＰＣプリント、ファックス、スキャナ、およびボックスなどの機能を集約した装置である。一般に、「複合機」または「ＭＦＰ（Multi Function Peripherals）」などと呼ばれることがある。

ＰＣプリント機能は、端末装置２３から受信した画像データに基づいて画像を用紙に印刷する機能である。「ネットワークプリンティング」または「ネットワークプリント」などと呼ばれることもある。

ボックス機能は、ユーザごとに「ボックス」または「パーソナルボックス」などと呼ばれる記憶領域を与えておき、各ユーザが自分の記憶領域によって画像データなどを保存し管理するための機能である。ボックスは、パーソナルコンピュータにおける「フォルダ」または「ディレクトリ」に相当する。

画像形成装置１は、図２に示すように、ＣＰＵ（Central Processing Unit）１０ａ、ＲＯＭ（Read Only Memory）１０ｂ、Ｓ−ＲＡＭ（Static Random Access Memory）１０ｃ、ＮＶ−ＲＡＭ（Non Volatile Random Access Memory）１０ｄ、時計ＩＣ（integrated circuit）１０ｅ、補助記憶装置１０ｆ、タッチパネルディスプレイ１０ｇ、操作キーパネル１０ｈ、ネットワークアダプタ１０ｉ、モデム１０ｊ、スキャンユニット１０ｋ、プリントユニット１０ｍ、およびフィニッシャ１０ｎなどによって構成される。

Ｓ−ＲＡＭ１０ｃは、作業用の記憶装置であって、ＣＰＵ１０ａによる処理の結果または他の装置から送信されてきたデータなどを一時的に格納するために用いられる。

ＮＶ−ＲＡＭ１０ｄは、画像形成装置１自身の各種の設定（例えばＩＰ（Internet Protocol）アドレス、ファックス番号、アドレス帳、画面の文字のサイズまたは言語など）に関するデータをバックアップするために用いられる。時計ＩＣ１０ｅは、計時用の回路である。

ＲＯＭ１０ｂまたは補助記憶装置１０ｆには、オペレーティングシステムおよび上述の機能を実現するためのアプリケーションなどのプログラムが記憶されている。ＲＯＭ１０ｂまたは補助記憶装置１０ｆには、画像形成装置１の出荷時に予め固定的に特定のアプリケーションが記憶されている。以下、このようなアプリケーションを「ネイティブアプリケーション」と記載する。ネイティブアプリケーションは、「組込み系アプリケーション」と呼ばれることもある。

ネイティブアプリケーションごとに様々な画面６１が予め用意されている。例えば、図３に示すようなジョブ一覧画面６１Ａおよび図４に示すようなジャム通知画面６１Ｂなどが画面６１として用意されている。これらの画面６１は、デザインが統一されている。つまり、いわゆる組込み系ＵＩ（User Interface）の規格に基づいて描かれている。

例えば、ジョブを画像形成装置１に開始させたりユーザの入力した情報を画像形成装置１に受け付けさせたりするためのオブジェクト（要素）、つまり、次のステップへ進めるためのオブジェクトとして、グリーン（緑）系の配色が施されたオブジェクトが用いられる。以下、次のステップへ進めるためのオブジェクトを「進行系オブジェクト」と記載する。ジョブ一覧画面６１Ａのボタン６１Ａ１およびジャム通知画面６１Ｂのボタン６１Ｂ１が進行系オブジェクトの一例である。

または、実行中のジョブを画像形成装置１に中止させたり、保存されているデータを画像形成装置１に削除させたりするためのオブジェクト、つまり、ネガティブな指令を与えるためのオブジェクトとして、レッド（赤）系の配色が施されたオブジェクトが用いられる。以下、ネガティブな指令を与えるためのオブジェクトを「中止系オブジェクト」と記載する。ジョブ一覧画面６１Ａのボタン６１Ａ２およびジャム通知画面６１Ｂのボタン６１Ｂ２が中止系オブジェクトの一例である。

または、ユーザの入力した情報を画像形成装置１に受け付けさせる前にリセットしたり画像形成装置１に、表示する画面をホーム画面に切り換えさせたりするためのオブジェクト、つまり、元に戻すためのオブジェクトとして、イエロー（黄）系の配色が施されたオブジェクトが用いられる。以下、元に戻すためのオブジェクトを「リセット系オブジェクト」と記載する。ジョブ一覧画面６１Ａのボタン６１Ａ３およびジャム通知画面６１Ｂのボタン６１Ｂ３がリセット系オブジェクトの一例である。

なお、オブジェクトの例として、ボタン、スクロールバー、プルダウンメニュー、およびキーなど、ユーザが指令または情報を入力するためのオブジェクトが挙げられる。このようなオブジェクトは、「コントロール」と呼ばれることがある。

さらに、ユーザに警告を与える画面は、画面全体または特定の領域（例えば、タイトルの領域）の背景色がオレンジ系の色に統一されている。または、ユーザに注意を与える画面は、画面全体または特定の領域の背景色がイエロー系の色に統一されている。以下、ユーザに警告を与える画面およびユーザに注意を与える画面をそれぞれ「警告系画面」および「注意系画面」と記載する。

例えば、ジャム通知画面６１Ｂは、注意系画面であり、タイトルの領域の背景色がオレンジである。

さらに、ＲＯＭ１０ｂまたは補助記憶装置１０ｆには、ウェブブラウザ１０Ｐ（図５参照）が記憶されている。

ネイティブアプリケーションおよびウェブブラウザ１０Ｐなど、ＲＯＭ１０ｂまたは補助記憶装置１０ｆに記憶されているプログラムは、適宜、Ｓ−ＲＡＭ１０ｃにロードされ、ＣＰＵ１０ａによって実行される。補助記憶装置１０ｆとしてハードディスクまたはＳＳＤ（Solid State Drive）などが用いられる。

タッチパネルディスプレイ１０ｇは、ユーザに対するメッセージを示す画面、ユーザがコマンドまたは情報を入力するための画面、およびＣＰＵ１０ａが実行した処理の結果を示す画面などを表示する。また、タッチパネルディスプレイ１０ｇは、タッチされた位置を示す信号をＣＰＵ１０ａへ送る。

操作キーパネル１０ｈは、いわゆるハードウェアキーボードであって、テンキー、スタートキー、ストップキー、およびファンクションキーなどによって構成される。

ネットワークアダプタ１０ｉは、ＴＣＰ／ＩＰ（Transmission Control Protocol/Internet Protocol）などのプロトコルでウェブサーバ２１および端末装置２３などとの通信を行う。ネットワークアダプタ１０ｉとして、ＮＩＣ（Network Interface Card）または無線ＬＡＮアダプタなどが用いられる。

モデム１０ｊは、ファックス端末との間でＧ３などのプロトコルで画像データをやり取りする。

スキャンユニット１０ｋは、用紙に記されている画像を読み取って画像データを生成する。また、スキャンユニット１０ｋにはＡＤＦ（Auto Document Feeder）が備わっており、複数枚の用紙のそれぞれから連続的に画像を読み取ることができる。

プリントユニット１０ｍは、スキャンユニット１０ｋによって読み取られた画像のほか、ネットワークアダプタ１０ｉまたはモデム１０ｊによって他の装置から受信しまたは読み込んだ画像データに示される画像を用紙に印刷する。

フィニッシャ１０ｎは、プリントユニット１０ｍによって得られた印刷物に対して、必要に応じて後処理を施す。後処理は、ステープルで綴じる処理、パンチ穴を開ける処理、または折り曲げる処理などである。

ウェブサーバ２１は、ウェブページを画像形成装置１および端末装置２３などに提供する。

端末装置２３は、画像形成装置１またはウェブサーバ２１のサービスを受けるためのクライアントである。端末装置２３として、パーソナルコンピュータ、スマートフォン、またはタブレットコンピュータなどが用いられる。

ところで、ウェブブラウザ１０Ｐによると、従来のウェブブラウザと同様に、ウェブサーバ２１からウェブページのデータをダウンロードし、ウェブページをレンダリングしてタッチパネルディスプレイ１０ｇに表示させる。しかし、ウェブブラウザ１０Ｐによると、さらに、ウェブページを、ネイティブアプリケーションの画面のデザインに合わせて表示させることができる。以下、この仕組みについて説明する。

図５は、画像形成装置１の機能的構成の例を示す図である。図６は、デザインデータ５Ａ１〜５Ａ３の例を示す図である。図７は、デザインデータ５Ｂ１〜５Ｂ２の例を示す図である。図８は、ウェブページ６２Ａの例を示す図である。図９は、ウェブページファイル７２Ａの例を示す図である。図１０は、ウェブページ６２Ｂの例を示す図である。図１１は、ウェブページファイル７２Ｂの例を示す図である。図１２は、ウェブページ６２Ｃの例を示す図である。図１３は、ウェブページファイル７２Ｃの例を示す図である。図１４は、ウェブページ６２Ａの書換え後の状態の例を示す図である。図１５は、ウェブページ６２Ｂの書換え後の状態の例を示す図である。図１６は、ウェブページ６２Ｃの書換え後の状態の例を示す図である。

ウェブブラウザ１０Ｐによると、図５に示す属性テーブル記憶部１０１、ウェブページ取得部１０２、フォーマット判別部１０３、特定オブジェクト選出部１０４、オブジェクト書換部１０５、ウェブページ属性判別部１０６、背景書換部１０７、およびウェブページ表示処理部１０８などが画像形成装置１に実現される。

属性テーブル記憶部１０１には、オブジェクト属性テーブル１３および背景属性テーブル１４が記憶されている。

オブジェクト属性テーブル１３には、図６に示すように、進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれのデザインデータ５Ａ１、５Ａ２、および５Ａ３が格納されている。

デザインデータ５Ａ１には、進行系オブジェクトに関する次の情報が示されている。「キーワード」は、進行系オブジェクトを表わすテキストとして用いられることがある語句である。「キー画像」は、進行系オブジェクトを表わすマークまたはロゴとして用いられることがある画像である。「シンボル色」は、ネイティブアプリケーションにおいて進行系オブジェクトのシンボルの色として用いられる色である。本実施形態では、グリーンがシンボル色として示される。

デザインデータ５Ａ２およびデザインデータ５Ａ３にも、それぞれ、中止系オブジェクトおよびリセット系オブジェクトそれぞれに関する同様の情報が示されている。

つまり、デザインデータ５Ａ２には、中止系オブジェクトを表わすテキストとして用いられることがある語句、進行系オブジェクトを表わすマークまたはロゴとして用いられることがある画像、および進行系オブジェクトのシンボルの色として用いられる色つまりレッドが示される。

デザインデータ５Ａ３には、リセット系オブジェクトを表わすテキストとして用いられることがある語句、リセット系オブジェクトを表わすマークまたはロゴとして用いられることがある画像、およびリセット系オブジェクトのシンボルの色として用いられる色つまりイエローが示される。

背景属性テーブル１４には、図７に示すように、警告系画面および注意系画面それぞれのデザインデータ５Ｂ１および５Ｂ２が格納されている。

デザインデータ５Ｂ１には、警告系画面に関する次の情報が示されている。「キーワード」は、警告系画面の中で用いられることがある語句である。「キー画像」は、警告系画面の中で用いられることがあるマークまたはロゴなどの画像である。「シンボル色」は、ネイティブアプリケーションにおいて警告系画面のシンボルの色として用いられる色である。

デザインデータ５Ｂ２にも、注意系画面に関する同様の情報が示されている。つまり、デザインデータ５Ｂ２には、警告系画面の中で用いられることがある語句および画像ならびにシンボルの色として用いられる色が示されている。

ウェブページ取得部１０２は、ウェブページ６２を表示するためのウェブページファイル７２を、ウェブサーバ２１からダウンロードすることによって取得する。ウェブページファイル７２は、ＨＴＭＬ（Hypertext Markup Language）で記述されるテキストファイルである。

例えば、図８のような、クラウドプリントのウェブページ６２Ａをウェブページ６２として表示させる場合は、ウェブページ取得部１０２は、図９のような内容が記述されたウェブページファイル７２Ａをウェブページファイル７２として取得する。なお、「クラウドプリント」は、クラウドサーバからファイルをダウンロードし、そのファイルに示されるドキュメントを印刷する機能である。

なお、ウェブページ６２Ａは、ブルー（青）系の配色が施されている。例えば、ボタン６２Ａ１およびボタン６２Ａ２の背景色としてブルーが用いられる。後述するウェブページ６２Ｂおよびウェブページ６２Ｃも同様に、ブルー系の配色が施されている。

ウェブページ６２の一部分が画像ファイル７３によって再現される場合は、画像ファイル７３のパスがウェブページファイル７２に示されている。そこで、ウェブページ取得部１０２は、ウェブページファイル７２にパスが示される場合は、そのパスに基づいて画像ファイル７３をさらに取得する。

例えば、図１０のような、クラウドプリントのウェブページ６２Ｂをウェブページ６２として表示させる場合は、ウェブページ取得部１０２は、図１１のような内容が記述されたウェブページファイル７２Ｂのほか、ウェブページファイル７２Ｂに示されるパスに対応する画像ファイル７３を取得する。本例では、画像ファイル７３として、アイコン６２Ｂ１の画像ファイル７３およびアイコン６２Ｂ２の画像ファイル７３を取得する。

フォーマット判別部１０３は、ウェブページ取得部１０２によってウェブページファイル７２が取得されると、ウェブページファイル７２がウェブページ用のフォーマットのファイルであるか否かを判別する。例えば、ウェブページファイル７２に「！ＤＯＣＴＹＰＥ ｈｔｍｌ」の文字列を含むタグが記載されていれば、ウェブページ用のフォーマットのファイルであると判別する。

ウェブページファイル７２がウェブページ用のフォーマットのファイルであると判別されたら、特定オブジェクト選出部１０４は、ウェブページ６２の中から進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトを次のように選出する。

特定オブジェクト選出部１０４は、ウェブページファイル７２に示される、オブジェクトを表わすコードの中から、デザインデータ５Ａ１（図６参照）に示されるいずれかのキーワードを含むものを検索する。本実施形態では、「実行」、「完了」、「ＯＫ」、「確定」、「次」、「進む」、および「スタート」の各キーワードのうちのいずれかを含むコードを検索する。そして、いずれかのキーワードを含むコードが見つかったら、そのコードによって再現されるオブジェクトを、進行系オブジェクトとして選出する。

同様に、特定オブジェクト選出部１０４は、ウェブページファイル７２に示される、オブジェクトを表わすコードの中から、デザインデータ５Ａ２に示されるいずれかのキーワードを含むものを検索する。本実施形態では、「中止」、「削除」、「キャンセル」、および「ストップ」の各キーワードのうちのいずれかを含むコードを検索する。そして、いずれかのキーワードを含むコードが見つかったら、そのコードによって再現されるオブジェクトを、中止系オブジェクトとして選出する。

同様に、特定オブジェクト選出部１０４は、ウェブページファイル７２に示される、オブジェクトを表わすコードの中から、デザインデータ５Ａ３に示されるいずれかのキーワードを含むものを検索する。本実施形態では、「リセット」、「初期値」、および「ホーム画面」の各キーワードのうちのいずれかを含むコードを検索する。そして、いずれかのキーワードを含むコードが見つかったら、そのコードによって再現されるオブジェクトを、リセット系オブジェクトとして選出する。

さらに、特定オブジェクト選出部１０４は、ウェブページファイル７２とともに１つまたは複数の画像ファイル７３が取得された場合は、それぞれの画像ファイル７３によって再現される画像（オブジェクト）のうちの、デザインデータ５Ａ１に示されるキー画像を含むものを、進行系オブジェクトとして検出する。

同様に、特定オブジェクト選出部１０４は、それぞれの画像ファイル７３によって再現されるオブジェクトのうちの、デザインデータ５Ａ２に示されるキー画像を含むものを、中止系オブジェクトとして検出する。

同様に、特定オブジェクト選出部１０４は、それぞれの画像ファイル７３によって再現されるオブジェクトのうちの、デザインデータ５Ａ３に示されるキー画像を含むものを、リセット系オブジェクトとして検出する。

特定オブジェクト選出部１０４による上述の処理によると、ウェブページ６２およびウェブページファイル７２がそれぞれウェブページ６２Ａ（図８参照）およびウェブページファイル７２Ａ（図９参照）である場合は、ボタン６２Ａ１およびボタン６２Ａ２がそれぞれ進行系オブジェクトおよびリセット系オブジェクトとして選出される。

または、ウェブページ６２およびウェブページファイル７２がそれぞれウェブページ６２Ｂ（図１０参照）およびウェブページファイル７２Ｂ（図１１参照）である場合は、アイコン６２Ｂ１およびアイコン６２Ｂ２がそれぞれ進行系オブジェクトおよびリセット系オブジェクトとして選出される。

なお、選出する対象を、ウェブページ６２の中の特定のオブジェクトに限定してもよい。例えば、ボタンおよびハイパーリンクが設定されたテキストまたは画像に限定してもよい。

オブジェクト書換部１０５は、特定オブジェクト選出部１０４によって選出された進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色が、デザインデータ５Ａ１、５Ａ２、および５Ａ３のそれぞれに示されるシンボル色に変更されるように、ウェブページファイル７２または画像ファイル７３を書き換える。

例えば、ウェブページ６２Ａからは、上述の通り、ボタン６２Ａ１が進行系オブジェクトとして選出され、ボタン６２Ａ２がリセット系オブジェクトとして選出される。

そこで、オブジェクト書換部１０５は、ボタン６２Ａ１の色が、デザインデータ５Ａ１に示されるシンボル色に変更されるように、ウェブページファイル７２Ａを書き換える。具体的には、ボタン６２Ａ１のコードに含まれる「ｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒ：＃００００ＦＦ」の「＃００００ＦＦ」を、グリーンを示す値、例えば「＃００８０００」に書き換える。さらに、ボタン６２Ａ２の色が、デザインデータ５Ａ２に示されるシンボル色に変更されるように、ウェブページファイル７２Ａを書き換える。具体的には、ボタン６２Ａ２のコードに含まれる「ｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒ：＃００００ＦＦ」の「＃００００ＦＦ」を、イエローを示す値、例えば「＃ＦＦＦＦ００」に書き換える。

また、ウェブページ６２Ｂからは、上述の通り、アイコン６２Ｂ１が進行系オブジェクトとして選出され、アイコン６２Ｂ２がリセット系オブジェクトとして選出される。

そこで、オブジェクト書換部１０５は、アイコン６２Ｂ１の背景色が、デザインデータ５Ａ１に示されるシンボル色つまりグリーンに変更されるように、アイコン６２Ｂ１の画像ファイル７３を書き換える。同様に、アイコン６２Ｂ２の背景色が、デザインデータ５Ａ２に示されるシンボル色つまりイエローに変更されるように、アイコン６２Ｂ２の画像ファイル７３を書き換える。

以下、オブジェクト書換部１０５によって書換えがなされた後のウェブページファイル７２を「ウェブページファイル７４」と記載する。また、オブジェクト書換部１０５によって書換えがなされた後の画像ファイル７３を「画像ファイル７６」と記載する。

なお、ウェブページファイル７２に書換えがなされなかった場合は、ウェブページ属性判別部１０６および背景書換部１０７において、ウェブページファイル７２がウェブページファイル７４として用いられる。また、画像ファイル７３に書換えがなされなかった場合は、ウェブページ表示処理部１０８において、画像ファイル７３が画像ファイル７６として用いられる。

ウェブページ属性判別部１０６は、ウェブページ６２が警告系画面または注意系画面に該当するか否かを次のように判別する。

ウェブページ属性判別部１０６は、ウェブページファイル７４に示される、オブジェクトを表わすコードの中から、デザインデータ５Ｂ１（図７参照）に示されるいずれかのキーワードを含むものを、検索する。本実施形態では、「警告」、「不正」、「間違った」、「実行できません」、および「確認して下さい」の各キーワードのうちのいずれかを含むコードを検索する。そして、このようなコードが見つかった場合は、ウェブページ６２が警告系画面に該当すると、判別する。

または、ウェブページファイル７２とともに１つまたは複数の画像ファイル７３が取得された場合は、ウェブページ属性判別部１０６は、それぞれの画像ファイル７３によって再現される画像（オブジェクト）の中から、デザインデータ５Ｂ１に示されるいずれかのキー画像を含むものを検索する。そして、このような画像が見つかった場合は、ウェブページ６２が警告系画面に該当すると、判別する。

ウェブページ６２が警告系画面でない場合は、ウェブページ属性判別部１０６は、ウェブページファイル７４に示される、オブジェクトを表わすコードの中から、デザインデータ５Ｂ２に示されるいずれかのキーワードを含むものを、検索する。本実施形態では、「注意」、「残りわずか」、および「よろしいですか」の各キーワードのうちのいずれかを含むコードを検索する。そして、このようなコードが見つかった場合は、ウェブページ６２が注意系画面に該当すると、判別する。

または、ウェブページファイル７２とともに１つまたは複数の画像ファイル７３が取得された場合は、ウェブページ属性判別部１０６は、それぞれの画像ファイル７３によって再現される画像から、デザインデータ５Ｂ２に示されるいずれかのキー画像を含むものを検索する。そして、このような画像が見つかった場合は、ウェブページ６２が注意系画面に該当すると、判別する。

背景書換部１０７は、ウェブページ６２が警告系画面であるとウェブページ属性判別部１０６によって判別された場合は、ウェブページ６２全体の背景色が、デザインデータ５Ｂ１に示されるシンボル色つまりオレンジに変更されるように、ウェブページ６２のウェブページファイル７４を書き換える。または、ウェブページ６２が注意系画面であると判別された場合は、ウェブページ６２全体の背景色が、デザインデータ５Ｂ２に示されるシンボル色つまりイエローに変更されるように、ウェブページ６２のウェブページファイル７４を書き換える。

例えば、ウェブページ６２が図１２のようなウェブページ６２Ｃであり、ウェブページファイル７４の元のウェブページファイル７２が図１３のようなウェブページファイル７２Ｃである場合は、「＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝"＃ＦＦＢ６Ｃ１"＞」の「＃ＦＦＢ６Ｃ１」を、オレンジを示す値、例えば「＃ＦＦ４５００」に書き換える。

なお、ウェブページ６２Ｃには、ボタン６２Ｃ１およびボタン６２Ｃ２が配置されているが、それぞれ、進行系オブジェクトおよび中止系オブジェクトである。したがって、背景書換部１０７による処理の前に、ボタン６２Ｃ１およびボタン６２Ｃ２は、それぞれ、特定オブジェクト選出部１０４によって進行系オブジェクトおよび中止系オブジェクトとして選出される。そして、オブジェクト書換部１０５によって、ボタン６２Ｃ１およびボタン６２Ｃ２それぞれの色がグリーンおよびレッドに変更されるようにウェブページファイル７４が書き換えられる。

以下、背景書換部１０７によって書換えがなされた後のウェブページファイル７４を「ウェブページファイル７５」と記載する。

ウェブページ表示処理部１０８は、オブジェクト書換部１０５もしくは背景書換部１０７によって必要に応じて書換えがなされたウェブページファイル７２またはオブジェクト書換部１０５によって必要に応じて書換えがなされた画像ファイル７３に基づいて、ウェブページ６２をレンダリングし、タッチパネルディスプレイ１０ｇに表示させる。これにより、色が変更された状態でウェブページ６２がタッチパネルディスプレイ１０ｇに表示される。

例えば、ウェブページ６２Ａ（図８参照）は、図１４のように、ボタン６２Ａ１の背景色がグリーンに変更されかつボタン６２Ａ２の背景色がイエローに変更されて、表示される。

ウェブページ６２Ｂ（図１０参照）は、図１５のように、アイコン６２Ｂ１の背景色がグリーンに変更されかつアイコン６２Ｂ２の背景色がイエローに変更されて、表示される。

ウェブページ６２Ｃ（図１２参照）は、図１６のように、ボタン６２Ｃ１の背景色がグリーンに変更され、ボタン６２Ｃ２の背景色がレッドに変更され、かつウェブページ６２Ｃ全体の背景色がオレンジに変更されて、表示される。

図１７は、画像形成装置１における全体的な処理の流れの例を説明するフローチャートである。

次に、画像形成装置１においてウェブページ６２を表示する際の全体的な処理の流れを、フローチャートを参照しながら説明する。

ウェブブラウザ１０Ｐによると、図１７に示す手順で画像形成装置１において処理が行われる。

画像形成装置１は、ユーザによってＵＲＬ（Uniform Resource Locator）が指定されるなど、所定のイベントが発生すると、そのイベントに対応するウェブページ６２のウェブページファイル７２をダウンロードする（図１７の＃７０１）。ウェブページファイル７２に画像ファイル７３のパスが示される場合は、さらに、そのパスに基づいて画像ファイル７３もダウンロードする。

画像形成装置１は、ウェブページファイル７２のフォーマットがウェブページ用のフォーマットであるか否かをチェックする（＃７０２）。そして、ウェブページ用のフォーマットであれば（＃７０３でＹｅｓ）、ウェブページ６２の中から所定の種類のオブジェクトを選出する（＃７０４）。本実施形態では、進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトを選出する。

所定の種類のオブジェクトを選出することができた場合は（＃７０５でＹｅｓ）、画像形成装置１は、ウェブページファイル７２を次のように書き換える。

進行系オブジェクトが選出された場合は（＃７０６でＹｅｓ）、画像形成装置１は、その進行系オブジェクトの背景色がデザインデータ５Ａ１（図６参照）に示されるシンボル色つまりグリーンになるように、ウェブページファイル７２または画像ファイル７３を書き換える（＃７０７）。

中止系オブジェクトが選出された場合は（＃７０８でＹｅｓ）、画像形成装置１は、その中止系オブジェクトの背景色がデザインデータ５Ａ２に示されるシンボル色つまりレッドになるように、ウェブページファイル７２または画像ファイル７３を書き換える（＃７０９）。

リセット系オブジェクトが選出された場合は（＃７１０でＹｅｓ）、画像形成装置１は、そのリセット系オブジェクトの背景色がデザインデータ５Ａ３に示されるシンボル色つまりイエローになるように、ウェブページファイル７２または画像ファイル７３を書き換える（＃７１１）。これにより、ウェブページファイル７４が得られる。

さらに、画像形成装置１は、ウェブページ６２が警告系画面または注意系画面に該当するか否かを判別する（＃７１２）。

ウェブページ６２が警告系画面に該当する場合は（＃７１３でＹｅｓ）、画像形成装置１は、ウェブページ６２全体の背景色がデザインデータ５Ｂ１（図７参照）に示されるシンボル色つまりオレンジになるように、ウェブページファイル７４を書き換える（＃７１４）。ただし、ステップ＃７０７、＃７０９、＃７１１のいずれの書換えをも行っていない場合は、ウェブページファイル７２を書き換える。後述するステップ＃７１６においても、同様である。

または、ウェブページ６２が注意系画面に該当する場合は（＃７１３でＮｏ、＃７１５でＹｅｓ）、画像形成装置１は、ウェブページ６２全体の背景色がデザインデータ５Ｂ２に示されるシンボル色つまりイエローになるように、ウェブページファイル７４を書き換える（＃７１６）。

そして、画像形成装置１は、ステップ＃７１４または＃７１６において必要に応じて書き換えられたウェブページファイル７２または画像ファイル７３に基づいてウェブページ６２を表示する（＃７１７）。

本実施形態によると、画像形成装置１は、ウェブページ６２を、画面６１のデザインに合わせて表示する。これにより、画像形成装置１がネイティブアプリケーションによるサービスおよびウェブによるサービスをユーザへ提供する場合において、ユーザによる操作の誤りまたは判断の迷いを従来よりも軽減することができる。

本実施形態では、オブジェクト書換部１０５は、ウェブページ６２に配置されている進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色が、画面６１に配置されている進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色と同じになるように、ウェブページファイル７２または画像ファイル７３を書き換えた。つまり、それぞれ、グリーン、レッド、およびイエローになるように書き換えた。しかし、完全に同一にする必要はなく、グリーン系の波長帯域の色、レッド系の波長帯域の色、およびイエロー系の波長帯域の色であればよい。

例えば、画面６１の進行系オブジェクトの色がセイショルグリーンであれば、ウェブページ６２の進行系オブジェクトの色をセイショルグリーンに限らずボトルグリーン、アースグリーン、またはファクショングリーンなどに変えてもよい
同様に、画面６１の中止系オブジェクトの色がフラミンゴオレンジであれば、ウェブページ６２の中止系オブジェクトの色をフラミンゴオレンジに限らずオリエントレッド、ダスティピンク、またはファクションレッドなどに変えてもよい
同様に、画面６１のリセット系オブジェクトの色がパナマイエローであれば、ウェブページ６２のリセット系オブジェクトの色をパナマイエローに限らずコアエッグイエロー、メローイエロー、またはファクションイエローなどに変えてもよい
オブジェクト書換部１０５は、ウェブページ６２の背景色も同様に、ウェブページ６２が警告系画面である場合は、オレンジ系の波長帯域の任意の色に変え、注意系画面である場合は、イエロー系の波長帯域の任意の色に変えることができる。

本実施形態では、画面６１の進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色を予め、それぞれのキーワードと対応付けてデザインデータ５Ａ１〜５Ａ３として属性テーブル記憶部１０１に記憶させておいた。そして、特定オブジェクト選出部１０４は、デザインデータ５Ａ１〜５Ａ３に基づいて、ウェブページ６２の進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトを選出した。

しかし、画像形成装置１に判別部を設け、判別部が、画面６１の進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色を、画面６１を解析することによって判別してもよい。そして、特定オブジェクト選出部１０４は、判別結果に基づいてこれらのオブジェクトを選出してもよい。

例えば、判別部は、進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの外枠の色を抽出し、抽出したそれぞれの色をこれらのオブジェクトそれぞれの色であると判別してもよい。

または、判別部は、進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの背景において最も多く使われている色を抽出し、抽出したそれぞれの色をこれらのオブジェクトそれぞれの色であると判別してもよい。警告系画面および注意系画面の色も同様に、判別してもよい。

本実施形態では、オブジェクト書換部１０５は、ウェブページ６２に配置される進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの色が変わるようにウェブページファイル７２または画像ファイル７３を書き換えた。しかし、画面６１に配置される進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれが異なる形状を有する場合は、ウェブページ６２に配置される進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの形状が変わるようにウェブページファイル７２または画像ファイル７３を書き換えてもよい。

例えば、画面６１に配置される進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの外形が矩形、楕円形、および三角形である場合は、オブジェクト書換部１０５は、ウェブページ６２に配置される進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトそれぞれの形状が矩形、楕円形、および三角形に変わるようにウェブページファイル７２または画像ファイル７３を書き換える。

本実施形態では、オブジェクト書換部１０５は、ウェブページファイル７２を書き換えたが、ウェブページファイル７２とともにＣＳＳ（Cascading Style Sheets）ファイルがダウンロードされた場合は、ＣＳＳファイルを書き換えてもよい。

本実施形態では、オブジェクトが進行系オブジェクト、中止系オブジェクト、およびリセット系オブジェクトの３つの種類に分類される場合を例に説明したが、この組合せでない場合であっても、本発明を適用することができる。例えば、リセット系オブジェクトの代わりに、実行させる際に注意が必要な処理の指令を与えるオブジェクト（注意系オブジェクト）を用いてもよい。画面の種類についても、同様である。

その他、画像処理システム４、画像形成装置１の全体または各部の構成、処理の内容、処理の順序、データの構成、画面の構成などは、本発明の趣旨に沿って適宜変更することができる。

１ 画像形成装置
１０１ 属性テーブル記憶部（記憶手段）
１０２ ウェブページ取得（取得手段）
１０４ 特定オブジェクト選出部（判別手段）
１０５ オブジェクト書換部（書換手段）
１０７ 背景書換部（書換手段）
１０８ ウェブページ表示処理部（表示手段）
１０ｇ タッチパネルディスプレイ（ディスプレイ）
５Ａ１〜５Ａ３ デザインデータ（態様データ）
６１ 画面
６２ ウェブページ
７２ ウェブページファイル（再現用データ）
７３ 画像ファイル（再現用データ）

Claims (12)

1. 予め用意されているアプリケーションを実行する画像形成装置であって、
   ウェブページを前記アプリケーションの画面のデザインに合わせてディスプレイに表示させる表示手段、
   を有することを特徴とする画像形成装置。
2. 前記画面には、用途の種類が異なる複数の第一のオブジェクトが含まれており、
   前記複数の第一のオブジェクトのそれぞれは、それぞれの前記種類に対応する態様を有し、
   前記ウェブページには、１つまたは複数の第二のオブジェクトが含まれており、
   前記表示手段は、前記１つまたは複数の第二のオブジェクトそれぞれを、それぞれの前記種類の前記態様で表示させることによって、前記ウェブページを前記デザインに合わせて表示させる、
   請求項１に記載の画像形成装置。
3. 前記種類それぞれの前記態様として、互いに異なる波長帯域の色が用いられる、
   請求項２に記載の画像形成装置。
4. 前記種類として、前記複数の第一のオブジェクトのうちの次のステップへ進行するように指令するオブジェクトが属する第一の種類、処理を中止しまたはキャンセルするように指令するオブジェクトが属する第二の種類、および初期の状態にリセットするように指令するオブジェクトが属する第三の種類があり、
   前記第一の種類、前記第二の種類、および前記第三の種類それぞれの前記態様として、緑系統の色、赤系統の色、および黄系統の色が用いられる、
   請求項３に記載の画像形成装置。
5. 前記種類それぞれの前記態様として、互いに異なる形状が用いられる、
   請求項２に記載の画像形成装置。
6. 前記ウェブページを再現するための再現用データを取得する取得手段と、
   前記再現用データを前記デザインに合わせて書き換える書換手段と、
   を有し、
   前記表示手段は、前記書換手段によって書き換えられた前記再現用データに基づいて前記ウェブページを表示させる、
   請求項１ないし請求項５のいずれかに記載の画像形成装置
7. 前記種類それぞれの前記態様をキーワードと対応付けて示す態様データを記憶する記憶手段と、
   前記ウェブページを再現するための再現用データを取得する取得手段と、
   前記１つまたは複数の第二のオブジェクトそれぞれの前記種類を、前記再現用データおよび前記態様データに基づいて判別する判別手段と、
   前記１つまたは複数の第二のオブジェクトそれぞれが、前記判別手段によって判別されたそれぞれの前記種類の、前記態様データに示される前記態様になるように、前記再現用データを書き換える、書換手段と、
   を有し、
   前記表示手段は、前記書換手段によって書き換えられた前記再現用データに基づいて前記ウェブページを表示させる、
   請求項２ないし請求項５のいずれかに記載の画像形成装置。
8. 前記種類それぞれの前記態様を、前記複数の第一のオブジェクトを解析することによって特定する、特定手段と、
   前記ウェブページを再現するための再現用データを取得する取得手段と、
   前記１つまたは複数の第二のオブジェクトそれぞれの前記種類を前記再現用データに基づいて判別する判別手段と、
   前記１つまたは複数の第二のオブジェクトそれぞれが、前記判別手段によって判別されたそれぞれの前記種類の、前記特定手段によって解析された前記態様になるように、前記再現用データを書き換える、書換手段と、
   を有し、
   前記表示手段は、前記書換手段によって書き換えられた前記再現用データに基づいて前記ウェブページを表示させる、
   請求項２ないし請求項５のいずれかに記載の画像形成装置
9. 前記画面として、ユーザへ伝えるメッセージのタイプごとに全体またはタイトルの背景が異なる複数の画面が用意されており、
   前記表示手段は、前記ウェブページの特定の領域を、前記複数の画面のうちの当該ウェブページと前記タイプが同じである類似画面の前記背景に合わせて表示させることによって、当該ウェブページを前記デザインに合わせて表示させる、
   請求項１ないし請求項８のいずれかに記載の画像形成装置。
10. 前記タイプとして、警告を伝える第一のタイプおよび注意を促す第二のタイプがあり、
    前記第一のタイプおよび前記第二のタイプそれぞれの前記背景として、赤系統の色の背景および黄系統の色の背景が用いられる、
    請求項９に記載の画像形成装置。
11. 予めアプリケーションが用意されている画像形成装置においてウェブページを表示するウェブページ表示方法であって、
    前記ウェブページを前記アプリケーションの画面のデザインに合わせてディスプレイに表示させる、
    ことを特徴とするウェブページ表示方法。
12. 予め用意されているアプリケーションを実行する画像形成装置において用いられるコンピュータプログラムであって、
    前記画像形成装置に、
    ウェブページを前記アプリケーションの画面のデザインに合わせてディスプレイに表示させる表示処理を実行させる、
    ことを特徴とするコンピュータプログラム。

Images