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

Abstract

【課題】デバイスの管理用のＷｅｂサイトの実装負荷を低減しつつ、複数のサーバから取得される情報の効率的な表示を可能にする。【解決手段】情報端末１０５（情報処理装置）は、顧客情報管理サーバ１０３によって提供されるＷｅｂサイトのＵＩ画面としてデバイスリスト画面（第１画面）の表示を指示するユーザ操作に応じて、ＵＩオブジェクトを表示するＵＩ部品を、ＵＩ部品管理サーバ１０１から取得する。情報端末１０５は、Ｗｅｂサイトにログインしたユーザに対応する顧客情報を顧客情報管理サーバ１０３から取得し、ＵＩ部品によって表示されるＵＩオブジェクトを含むデバイスリスト画面を表示部に表示する。ＵＩ部品は、デバイス情報をデバイス情報管理サーバ１０２から取得し、ＵＩオブジェクト上で、顧客情報とデバイス情報とのうち、一方の情報に基づいて他方の情報の表示を制御する。【選択図】図５

Description

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

画像形成装置等のデバイスにおいて、デバイスが有する消耗品の管理、及び障害発生時の問い合わせ等は、デバイスを管理しているユーザ（管理者）によって行われる。そのために、管理者によるデバイスの管理用のＷｅｂサイトが、デバイスを使用する顧客向けに提供されうる。このようなＷｅｂサイトは、例えば、当該Ｗｅｂサイトを提供する会社（以下、「サイト管理会社」と称する。）が管理する顧客情報と、デバイスの製造を行うメーカーが管理するデバイス情報とで構成されている。この場合、サイト管理会社は、例えば、メーカーが管理する外部のサーバにアクセスしてデバイス情報を取得するために、外部のサーバとの連携を行う。

例えば、特許文献１には、デバイス情報を管理する管理サーバにおいてＷＷＷサーバを動作させ、管理サーバが管理しているデバイス情報を、ＷＷＷサーバから販売会社のユーザＰＣのＷｅｂブラウザに対して提供する技術が記載されている。

特開２０１８－６６８１１号公報

上述の従来技術では、サイト管理会社において、デバイスのメーカーが管理しているサーバから取得したデバイス情報の取得及び加工を行い、加工済みのデバイス情報をＷｅｂサイトで表示する必要がある。このため、サイト管理会社におけるＷｅｂサイトの実装負荷が大きい。また、ユーザの利便性向上のためには、サイト管理会社のサーバが管理している顧客情報と、メーカーが管理しているサーバから取得されるデバイス情報とについて、Ｗｅｂサイト画面上でより効率的な表示を行える必要がある。

そこで、本発明は、デバイスの管理用のＷｅｂサイトの実装負荷を低減しつつ、複数のサーバから取得される情報の効率的な表示を可能にする技術を提供することを目的としている。

本発明の一態様に係る情報処理装置は、１つ以上のデバイスを管理するためのＷｅｂサイトを提供する第１サーバと、前記１つ以上のデバイスの状態をモニタリングして得られる情報を提供する第２サーバと、ＵＩ部品を提供する第３サーバと通信可能な情報処理装置であって、前記第１サーバによって提供される前記Ｗｅｂサイトへのログインに基づいて、前記ＷｅｂサイトのＵＩ画面を前記情報処理装置の表示部に表示する制御手段と、前記ＷｅｂサイトのＵＩ画面として第１画面の表示を指示するユーザ操作に応じて、前記第１画面内にＵＩオブジェクトを表示するＵＩ部品を前記第３サーバに対して要求し、前記ＵＩ部品を前記第３サーバから取得する第１取得手段と、前記Ｗｅｂサイトにログインしたユーザに対応する第１情報を、前記ＵＩ部品への入力のために前記第１サーバから取得する第２取得手段と、を備え、前記制御手段は、前記ＵＩ部品によって表示される前記ＵＩオブジェクトを含む前記第１画面を、前記表示部に表示し、前記ＵＩ部品は、前記第２サーバによって提供される第２情報を前記第２サーバに対して要求し、前記第２情報を前記第２サーバから取得し、前記ＵＩオブジェクト上で、前記第１サーバから取得された前記第１情報と前記第２サーバから取得された前記第２情報とのうち、一方の情報に基づいて他方の情報の表示を制御するように構成されることを特徴とする。

本発明によれば、デバイスの管理用のＷｅｂサイトの実装負荷を低減しつつ、複数のサーバから取得される情報の効率的な表示を行うことが可能になる。

システムの全体構成例を示す図 情報処理装置のハードウェア構成例を示すブロック図 システムの機能構成例を示すブロック図 システムの機能構成例を示すブロック図 顧客情報管理サーバによって提供されるＷｅｂサイトのＵＩ画面を情報端末上で表示するための処理のシーケンスの例を示すシーケンス図 ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャート ＷｅｂサイトのＵＩ画面の例としてデバイスリスト画面を示す図 ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャート ＷｅｂサイトのＵＩ画面の例としてデバイス詳細画面を示す図 ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャート ＷｅｂサイトのＵＩ画面の例として、デバイスの点検履歴を示すデバイス詳細画面を示す図

以下、添付図面を参照して実施形態を詳しく説明する。なお、以下の実施形態は特許請求の範囲に係る発明を限定するものではない。実施形態には複数の特徴が記載されているが、これらの複数の特徴の全てが発明に必須のものとは限らず、また、複数の特徴は任意に組み合わせられてもよい。更に、添付図面においては、同一又は同様の構成に同一の参照番号を付し、重複した説明は省略する。

［実施形態１］
＜システム構成＞
図１は、本開示の実施形態１に係るシステムの全体構成例を示す。本システムは、ＵＩ部品管理サーバ１０１、デバイス情報管理サーバ１０２、顧客情報管理サーバ１０３，１０４、情報端末１０５、及びデバイス１０６を含む。なお、本システムは、図１に示すサーバ１０１～１０４以外に、その他の機能を提供する他のサーバ（図示せず）を更に含んでもよい。

ＵＩ部品管理サーバ１０１は、ＵＩ部品を提供するサーバであり、Ｗｅｂサイト上にＵＩ部品を生成するためのソースコードをアプリケーションごとに管理する。なお、Ｗｅｂサイトは、ＨＴＭＬ、ＣＳＳ（Cascading Style Sheets）、及びＪａｖａＳｃｒｉｐｔ(登録商標)等で記述されたソースコードから生成される。ＣＳＳは、スタイルシート言語であり、ＪａｖａＳｃｒｉｐｔは、Ｗｅｂブラウザ上で動作するプログラムを記述するためのプログラミング言語である。ＵＩ部品は、ＪａｖａＳｃｒｉｐｔで記述されたソースコードから生成される。ＵＩ部品管理サーバ１０１は、顧客情報管理サーバ１０３，１０４によって管理されているＷｅｂサイト（顧客情報管理サーバ１０３，１０４から情報端末１０５に提供され、Ｗｅｂブラウザ上で動作するＷｅｂサイト）から要求を受け付ける。ＵＩ部品管理サーバ１０１は、受け付けた要求に応じて、ＵＩ部品のソースコードを提供する。

デバイス情報管理サーバ１０２は、管理対象の１つ以上のデバイス１０６の状態をモニタリングして得られる情報を提供するサーバであり、１つ以上のデバイス１０６からデバイス情報を受信して管理する。本実施形態において、デバイス情報は、例えば、デバイスの基本情報（製品名、及びシリアル番号）、及び稼働情報（トナー残量情報等の消耗品情報、アラート情報、及びセキュリティ情報）等の情報を含む。デバイス情報管理サーバ１０２は、Ｗｅｂサイト上で動作するＵＩ部品から要求を受け付け、当該受け付けた要求に応じてデバイス情報を提供する。上述のように、ＵＩ部品は、ＵＩ部品管理サーバ１０１から提供されるソースコードに基づいて、Ｗｅｂサイト上で生成される。なお、提供対象の情報の種類（基本情報、稼働情報、及びマニュアル情報等）ごとに、異なるサーバで情報が管理される場合、デバイス情報管理サーバ１０２は、ＵＩ部品からの要求に応じて、１つ以上のサーバで管理されている情報を提供するように構成されてもよい。

顧客情報管理サーバ１０３は、１つ以上のデバイス１０６を管理するためのＷｅｂサイトを提供するサーバである。顧客情報管理サーバ１０３は、情報端末１０５に提供する顧客情報を管理する。本実施形態において、顧客情報は、例えば、ユーザの認証情報と、デバイスごとの管理情報（例えば、デバイス名、設置場所、及びシリアル番号）とを含む。また、顧客情報管理サーバ１０３は、デバイス１０６を使用する顧客向けに提供される、デバイス１０６の管理に使用可能なＷｅｂサイトを管理する。顧客情報管理サーバ１０３は、情報端末１０５（上で動作するＷｅｂブラウザ）からの要求に応じて、情報端末１０５に対してＷｅｂサイトを提供する。情報端末１０５に提供されたＷｅｂサイトは、情報端末１０５が有するＷｅｂブラウザ上で動作する。Ｗｅｂサイトは、当該Ｗｅｂサイト上で動作するＵＩ部品を生成するためのソースコードをＵＩ部品管理サーバ１０１に要求する。なお、顧客情報管理サーバ１０３によって管理される顧客情報及びＷｅｂサイトがそれぞれ異なるサーバによって管理される構成が採用されてもよい。

顧客情報管理サーバ１０４は、顧客情報管理サーバ１０３と同様の構成を有するが、顧客情報管理サーバ１０３とは異なる顧客を管理対象としている。このため、顧客情報管理サーバ１０４は、顧客情報管理サーバ１０３とは独立した顧客情報及びＷｅｂサイトを管理する。なお、顧客情報管理サーバ１０３，１０４は、共通のＵＩ部品を利用するＷｅｂサイトを管理するように構成されてもよい。

情報端末１０５は、ユーザによって操作される端末デバイスであり、例えば、パーソナルコンピュータ（ＰＣ）又はスマートフォンで構成される。情報端末１０５は、Ｗｅｂブラウザを有しており、Ｗｅｂサイトを操作するためにユーザによって使用されうる。情報端末１０５は、Ｗｅｂブラウザによって、顧客情報管理サーバ１０３，１０４によって管理されているＷｅｂサイトの取得を要求する。Ｗｅｂブラウザは、Ｗｅｂサイトのソースコードを顧客情報管理サーバ１０３，１０４から取得し、取得したソースコードに基づいてＷｅｂサイトを生成する。生成されたＷｅｂサイトは、Ｗｅｂブラウザ上で動作することで、ユーザによる操作が可能になる。なお、図１に示すシステムには、顧客情報管理サーバ１０３，１０４による管理対象の顧客ごとに、２つ以上の情報端末が存在してもよい。

デバイス１０６は、情報端末１０５を使用するユーザによって管理されるデバイスである。デバイス１０６は、例えば、ＰＣ、スマートフォン、複合機、ファクシミリ（ＦＡＸ）装置、プリンタ、カメラ等のデバイス（機器）で構成され、ネットワーク１０７に接続する機能を有する。情報端末１０５は、デバイス１０６に関連する情報を、デバイス情報管理サーバ１０２に対して能動的に送信する。デバイス情報管理サーバ１０２は、情報端末１０５から受信した情報を保管及び管理する。なお、図１に示すシステムには、顧客情報管理サーバ１０３，１０４による管理対象の顧客ごとに、２つ以上のデバイスが存在してもよい。

ＵＩ部品管理サーバ１０１、デバイス情報管理サーバ１０２、顧客情報管理サーバ１０３、１０４、情報端末１０５、及びデバイス１０６は、ネットワーク１０７を介して互いに通信可能に接続されている。ネットワーク１０７は、例えば、インターネット、ＷＡＮ（ワイドエリアネットワーク）、及びＬＡＮ（ローカルエリアネットワーク）等の通信ネットワークを含む。ネットワーク１０７は、上記以外に、電話回線、専用デジタル回線、ＡＴＭ（非同期転送モード）又はフレームリレー回線、ケーブルテレビ回線、又はデータ放送用無線回線等のうちの１つ以上を含んでもよい。また、ネットワーク１０７は、ＬＴＥ（Long Term Evolution）及び５Ｇ（第５世代） ＮＲ（New Radio）等のモバイル通信規格に対応したモバイルネットワークを含んでもよい。

本実施形態において、情報端末１０５は、顧客情報管理サーバ１０３又は１０４（第１サーバ）と、デバイス情報管理サーバ１０２（第２サーバ）と、ＵＩ部品管理サーバ１０１（第３サーバ）と通信可能な情報処理装置の一例である。顧客情報管理サーバ１０３又は１０４は、１つ以上のデバイス１０６を管理するためのＷｅｂサイトを提供する第１サーバの一例である。デバイス情報管理サーバ１０２は、１つ以上のデバイス１０６の状態をモニタリングして得られる情報を提供する第２サーバの一例である。ＵＩ部品管理サーバ１０１は、ＵＩ部品を提供する第３サーバの一例である。

＜情報処理装置のハードウェア構成＞
図２は、情報処理装置のハードウェア構成例を示すブロック図である。図１に示す各サーバ１０１～１０５及びデバイス１０６は、図２に示す情報処理装置で構成されうる。情報処理装置は、ＣＰＵ（中央処理装置）２０１、メモリ２０２、ＨＤＤ（ハードディスクドライブ）２０３、入力制御部２０５、入力装置２０６、表示制御部２０７、表示装置２０８、及びネットワーク制御部２０９を備える。情報処理装置は、不揮発性の記憶装置としてＨＤＤ２０３を備えるが、ＨＤＤ２０３に代えて又はＨＤＤ２０３に加えて、他のタイプの記憶装置（例えば、ＳＳＤ（ソリッドステートドライブ））を備えてもよい。

ＣＰＵ２０１は、ＨＤＤ２０３に格納されているプログラム（ソフトウェア）を読み出して実行することで、システムバス２０４に接続されている各ハードウェアデバイスを制御する。メモリ２０２は、ＣＰＵ２０１の主メモリ及びワークエリアとして機能する揮発性の記憶装置である。ＨＤＤ２０３には、各種プログラム及び各種データが格納される。

入力制御部２０５は、入力装置２０６からの入力を制御する。入力装置２０６は、例えば、キーボード及びタッチパネルで構成される。表示制御部２０７は、表示装置２０８による表示を制御する。表示制御部２０７は、例えば、液晶ディスプレイで構成される。なお、情報処理装置の役割によっては、入力制御部２０５及び入力装置２０６が存在しない構成もありうる。また、情報処理装置の役割によっては、表示制御部２０７及び表示装置２０８が存在しない構成もありうる。ネットワーク制御部２０９は、ネットワーク１０７を介して外部装置と通信するための通信インタフェースである。

本実施形態において、ＵＩ部品管理サーバ１０１及びデバイス情報管理サーバ１０２は、クラウドコンピューティングサービスとして提供される情報処理装置によって実現される。クラウドコンピューティングには、サーバレスコンピューティング又は仮想マシン等が含まれる。なお、図２には単一のハードウェアリソースを示しているが、クラウドコンピューティングでは複数のハードウェアリソースが使用されてもよい。なお、ＵＩ部品管理サーバ１０１及びデバイス情報管理サーバ１０２は、それぞれ、１台の物理マシンで実現されてもよいし、複数台の物理マシンで実現されてもよい。

＜機能構成＞
図３及び図４は、本実施形態におけるシステムの機能構成例を示すブロック図である。まず、図３を参照して、情報端末１０５による、顧客情報管理サーバ１０３によって提供されるＷｅｂサイトへのログイン処理からＵＩ部品の生成処理までの、一連の処理に関連する機能構成例について説明する。

（情報端末１０５）
情報端末１０５は、当該情報端末上で動作するアプリケーションの１つとして、Ｗｅｂブラウザ３０４を備える。Ｗｅｂブラウザ３０４は、ログイン情報送信部３０５及びＷｅｂサイト受信部３０６を含む。

ログイン情報送信部３０５は、Ｗｅｂサイトにアクセスするためのログイン情報を、ネットワーク１０７を介して顧客情報管理サーバ１０３又は１０４へ送信する。Ｗｅｂサイト受信部３０６は、Ｗｅｂブラウザ３０４上で動作するＷｅｂサイトを生成するためのソースコードを、顧客情報管理サーバ１０３又は１０４から受信する。Ｗｅｂサイト受信部３０６は、受信したソースコードに基づいて、Ｗｅｂブラウザ３０４上で動作するＷｅｂサイト３０７を生成する。生成されたＷｅｂサイト３０７は、ＵＩ部品要求部３０８及びＵＩ部品受信部３０９を含む。

ＵＩ部品要求部３０８は、Ｗｅｂサイト３０７が必要とするアプリケーション機能を有するＵＩ部品を、ネットワーク１０７を介してＵＩ部品管理サーバ１０１に要求する。ＵＩ部品の要求は、例えば、Ｗｅｂサイト３０７のソースコード（ＨＴＭＬコード）内に、ＵＩ部品のソースコード（ＪａｖａＳｃｒｉｐｔコード）を読み込むための記述が設けられることによって実現される。以下は、ＨＴＭＬコードの一部の記述の例であり、ＵＩ部品のＪａｖａＳｃｒｉｐｔコードを読み込むためのＵＲＬであって、ＵＩ部品のソースコードの保存先を示すＵＲＬが、scriptタグを用いて記述されている。

上記の例において、「https://ui-parts.server」は、ＵＩ部品管理サーバ１０１を示すＵＲＬである。「https://ui-parts.server/bundle.js」は、ＵＩ部品のソースコード（ＪａｖａＳｃｒｉｐｔコード）が記述されたＪａｖａＳｃｒｉｐｔファイルを示す。ＵＩ部品要求部３０８は、Ｗｅｂサイト３０７のソースコードにおける上記のような記述に従って、ＵＩ部品（のソースコード）をＵＩ部品管理サーバ１０１に要求する。

ＵＩ部品受信部３０９は、ＵＩ部品要求部３０８からの要求に応じてＵＩ部品管理サーバ１０１から送信される、ＵＩ部品のソースコードを受信し、受信したソースコードを用いてＵＩ部品を生成する。ＵＩ部品の生成は、例えば、Ｗｅｂサイト３０７のソースコード（ＨＴＭＬコード）内に、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグ（独自のＨＴＭＬタグ）を用いた記述が設けられることによって実現される。以下は、ＨＴＭＬコードの一部の記述の例であり、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグの例である。

なお、顧客情報管理サーバ１０３から提供されるＷｅｂサイト３０７と、顧客情報管理サーバ１０４から提供されるＷｅｂサイト３０７とが異なっていても、ＵＩ部品管理サーバ１０１は、共通のＵＩ部品を各Ｗｅｂサイトに提供する。

（顧客情報管理サーバ１０３，１０４）
顧客情報管理サーバ１０３は、ログイン情報受信部３１０、Ｗｅｂサイト管理部３１１、及びＷｅｂサイト送信部３１２を備える。なお、顧客情報管理サーバ１０４は、顧客情報管理サーバ１０３と同様の構成を有する。

ログイン情報受信部３１０は、Ｗｅｂブラウザ３０４のログイン情報送信部３０５からログイン情報を受信し、受信したログイン情報に基づいて、ユーザ認証（ユーザがＷｅｂサイトにアクセス可能か否かに関する認証）を行う。ログイン情報受信部３１０は、ユーザ認証に成功した場合（Ｗｅｂサイトにユーザがアクセス可能な場合）、ユーザがＷｅｂサイトへのアクセスを許可されていることを示すアクセス情報を、Ｗｅｂサイト管理部３１１に通知する。

Ｗｅｂサイト管理部３１１は、デバイス１０６を使用する顧客向けのＷｅｂサイトを生成するためのソースコードを管理している。Ｗｅｂサイト管理部３１１は、ログイン情報受信部３１０からアクセス情報を受信すると、当該アクセス情報に対応する顧客を対象としたＷｅｂサイトを生成するためのソースコードを、Ｗｅｂサイト送信部３１２に通知する。Ｗｅｂサイト送信部３１２は、Ｗｅｂサイト管理部３１１からソースコードの通知を受信すると、当該通知されたソースコードを、ログイン情報の送信元のＷｅｂブラウザ３０４のＷｅｂサイト受信部３０６へ配信（送信）する。なお、Ｗｅｂサイトのソースコードは、ＣＤＮ（Content Delivery Network）によって配信用のＵＲＬから配信される。

ＵＩ部品管理サーバ１０１は、要求受信部３０１、ＵＩ部品管理部３０２、及びＵＩ部品送信部３０３を備える。要求受信部３０１は、ＵＩ部品の要求をＷｅｂブラウザ３０４（情報端末１０５）から受信する。要求受信部３０１は、受信した要求に基づいて、要求されたＵＩ部品を示す部品情報をＵＩ部品管理部３０２に通知する。

ＵＩ部品管理部３０２は、ＵＩ部品を生成するためのソースコードをアプリケーションごとに管理している。ＵＩ部品管理部３０２は、要求受信部３０１からの通知を受信すると、通知された部品情報に対応するソースコード（当該部品情報が示すＵＩ部品を生成するためのソースコード）を、ＵＩ部品送信部３０３に通知する。なお、ＵＩ部品のソースコードは、ＪａｖａＳｃｒｉｐｔで記述され、Ｗｅｂ Ｃｏｍｐｏｎｅｎｔｓを利用して作成される。なお、Ｗｅｂ Ｃｏｍｐｏｎｅｎｔｓは、いずれのＷｅｂサイト構築環境でも利用可能な技術であり、Ｗｅｂページ又はＷｅｂアプリケーションに組み込み可能で、かつ、再利用が可能なカスタムコンポーネントの作成に利用される。

ＵＩ部品送信部３０３は、ＵＩ部品管理部３０２からソースコードの通知を受信すると、当該通知されたソースコードを、ＵＩ部品の要求元のＷｅｂサイト３０７へ配信（送信）する。なお、ＵＩ部品のソースコードは、ＣＤＮによって配信用のＵＲＬから配信される。

次に図４を参照して、情報端末１０５による、Ｗｅｂブラウザ上で動作するＷｅｂサイト上でのＵＩ部品の生成処理から、デバイス情報管理サーバ１０２から取得した情報の表示処理までの、一連の処理に関連する機能構成例について説明する。

（情報端末１０５）
本構成例では、情報端末１０５のＷｅｂブラウザ３０４上に、顧客情報管理サーバ１０３又は１０４から提供されたソースコードを用いてＷｅｂサイト３０７が生成されている。また、生成されたＷｅｂサイト３０７上に、ＵＩ部品管理サーバ１０１から提供されたソースコードに基づいてＵＩ部品４０１が生成されている。生成されたＷｅｂサイト３０７は、ＵＩ部品４０１、顧客情報要求部４０２、顧客情報受信部４０３、及び第２情報送信部４０４を含む。ＵＩ部品４０１は、第２情報受信部４０５、第１情報要求部４０６、第１情報受信部４０７、表示情報決定部４０８、及びＵＩ表示部４０９を含む。生成されたＷｅｂサイト３０７のＵＩ画面は、Ｗｅｂブラウザ３０４によって表示装置２０８に表示される。

顧客情報要求部４０２は、Ｗｅｂサイト３０７にログインしたユーザの顧客情報を、ネットワーク１０７を介して顧客情報管理サーバ１０３又は１０４に要求する。顧客情報受信部４０３は、顧客情報管理サーバ１０３又は１０４から顧客情報を受信し、受信した顧客情報を第２情報送信部４０４に通知する。第２情報送信部４０４は、顧客情報受信部４０３から顧客情報の通知を受信すると、通知された顧客情報のうち、ＵＩ部品４０１を使用するために必要となる顧客情報（必要情報）を、ＵＩ部品４０１（第２情報受信部４０４）に通知する。ＵＩ部品を使用するために必要となる顧客情報は、例えば、ユーザの認証情報（例えば、アクセストークン）と、デバイスごとの管理情報（例えば、デバイス名、設定場所、及びシリアル番号）等の情報を含む。認証情報は、ＵＩ部品４０１によって、デバイス情報管理サーバ１０２からデバイス情報を取得するために使用されうる。

第２情報送信部４０４からＵＩ部品４０１（第２情報受信部４０５）への顧客情報の通知（入力）は、例えば、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグの属性を用いて実現される。以下は、ＨＴＭＬコードの一部の記述の例であり、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグの属性として、name属性、serial属性、及びtoken属性が記述されている。

上記の例において、name属性、serial属性、及びtoken属性には、それぞれ、デバイス名、シリアル番号、及び認証情報が属性値（パラメータ値）として与えられている。このように、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグの属性に組み込まれる属性値（パラメータ値）として顧客情報を記述することで、Ｗｅｂサイト３０７からＵＩ部品４０１へ顧客情報を通知できる。

ＵＩ部品４０１の第２情報受信部４０５は、第２情報送信部４０４から顧客情報を受信すると、受信した顧客情報が、ＵＩ部品４０１内で予め定義されている構造を有する情報であるか否かを判定する。ここで、第２情報受信部４０５は、Ｗｅｂサイト３０７のソースコード（ＨＴＭＬコード）内に記述される、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグの属性に組み込まれる情報が、予め定義されている構造を有する情報であるか否かを判定する。第２情報受信部４０５は、受信した顧客情報が、予め定義されている構造を有する場合、当該顧客情報に含まれる情報のうち、認証情報を第１情報要求部４０６に通知し、それ以外の情報を表示情報決定部４０８に通知する。

第１情報要求部４０６は、第２情報受信部４０５から認証情報を受信する。この認証情報は、デバイス情報管理サーバ１０２からデバイス情報を取得可能であるか否かを判定するために用いられ、例えばアクセストークンで構成される。第１情報要求部４０６は、デバイス情報管理サーバ１０２にデバイス情報を要求する。具体的には、第１情報要求部４０６は、受信した認証情報を含む、デバイス情報の要求を、ネットワーク１０７を介してデバイス情報管理サーバ１０２へ送信する。なお、デバイス情報の要求の送信には、ＡＰＩ（Application Programming Interface）が利用される。

第１情報受信部４０７は、第１情報要求部４０６がデバイス情報管理サーバ１０２へ要求したデバイス情報を、デバイス情報管理サーバ１０２（デバイス情報送信部４１５）から受信する。第１情報受信部４０７は、受信したデバイス情報を、表示情報決定部４０８に通知する。

表示情報決定部４０８は、第２情報受信部４０５から顧客情報を受信し、第１情報受信部４０７からデバイス情報を受信する。表示情報決定部４０８は、受信した顧客情報及びデバイス情報に基づいて、ＵＩ部品４０１に対応するＵＩオブジェクト上に表示する表示情報を決定する決定処理を行う。表示情報決定部４０８は、決定した表示情報をＵＩ表示部４０９へ通知する。

例えば、表示情報決定部４０８は、顧客情報に含まれるデバイスごとの情報と、及びデバイス情報に含まれるデバイスごとの情報とを比較し、同一のシリアル番号を含む情報を特定することで、同一のデバイスに対応する情報を特定する。表示情報決定部４０８は更に、顧客情報及びデバイス情報にそれぞれ含まれる、同一のデバイスに対応する情報を関連付けて、ＵＩ部品４０１に対応するＵＩオブジェクト上に表示する表示情報として決定し、当該表示情報をＵＩ表示部４０９へ通知する。一方、表示情報決定部４０８は、デバイス情報に含まれる情報のうち、顧客情報と関連付けられなかった情報については、表示情報としてＵＩ表示部４０９へ通知しない。

このような表示情報の決定処理によれば、デバイス情報管理サーバ１０２から取得されたデバイス情報のうち、Ｗｅｂサイト３０７からＵＩ部品４０１へ通知される顧客情報と関連付けられた情報のみが、ＵＩ部品４０１によって表示されることになる。したがって、例えば、Ｗｅｂサイト３０７が、特定のデバイス名を用いてフィルタリングした顧客情報を、ＵＩ部品４０１（第２情報受信部４０５）に通知することで、ＵＩ部品４０１がＵＩオブジェクト上に表示さするデバイス情報の絞り込みが可能になる。

ＵＩ表示部４０９は、表示情報決定部４０８から通知された表示情報を、ＵＩ部品４０１に対応するＵＩオブジェクト上に表示する。なお、ＵＩ部品４０１に対応するＵＩオブジェクトは、Ｗｅｂサイト３０７のＵＩ画面上に表示される。

（顧客情報管理サーバ１０３，１０４）
顧客情報管理サーバ１０３及び１０４は、要求受信部４１０、顧客情報管理部４１１、及び顧客情報送信部４１２を備える。

要求受信部４１０は、情報端末１０５のＷｅｂブラウザ３０４上で動作しているＷｅｂサイト３０７（顧客情報要求部４０２）から顧客情報の要求を受信し、受信した要求を顧客情報管理部４１１に通知する。顧客情報管理部４１１は、Ｗｅｂサイト３０７に提供する顧客情報を管理する。顧客情報管理部４１１は、要求受信部４１０から顧客情報の要求を受信すると、受信した要求に基づいて、管理している顧客情報から、Ｗｅｂサイト３０７で利用する顧客情報を収集する。顧客情報管理部４１１は、収集した情報を顧客情報送信部４１２に通知する。顧客情報送信部４１２は、顧客情報管理部４１１から通知された顧客情報を、顧客情報の要求に対する応答として、ネットワーク１０７を介してＷｅｂサイト３０７（顧客情報受信部４０３）へ送信する。

（デバイス情報管理サーバ１０２）
デバイス情報管理サーバ１０２は、デバイス情報受信部４１３、デバイス情報管理部４１４、及びデバイス情報送信部４１５を備える。

デバイス情報受信部４１３は、デバイス１０６から送信されるデバイス情報を受信し、受信したデバイス情報をデバイス情報管理部４１４に通知する。デバイス１０６から送信されるデバイス情報は、例えば、デバイスの基本情報（製品名、及びシリアル番号）、及び稼働情報（トナー残量情報等の消耗品情報、アラート情報、及びセキュリティ情報）等を含む。

デバイス情報管理部４１４は、デバイス情報受信部４１３からデバイス情報を受信し、受信したデバイス情報を、ユーザの認証情報と関連付けて管理する。デバイス情報管理部４１４は、ＵＩ部品４０１（第１情報要求部４０６）からデバイス情報の要求を受信すると、管理しているデバイス情報のうち、受信した要求に含まれる認証情報と関連付けられているデバイス情報を特定する。デバイス情報管理部４１４は、特定したデバイス情報を、デバイス情報送信部４１５へ送信する。

デバイス情報送信部４１５は、デバイス情報管理部４１４から受信したデバイス情報を、デバイス情報の要求に対する応答として、ネットワーク１０７を介してＵＩ部品４０１（第１情報受信部４０７）へ送信する。なお、デバイス情報の送信にはＡＰＩが利用される。

＜処理手順＞
図５は、本実施形態のシステムにおける、顧客情報管理サーバ１０３によって提供されるＷｅｂサイト３０７のＵＩ画面を情報端末１０５上で表示するための処理のシーケンスの例を示すシーケンス図である。なお、情報端末１０５における各処理は、情報端末１０５のメモリ２０２又はＨＤＤ２０３に格納されたプログラムをＣＰＵ２０１が読み出して実行することによって、ＣＰＵ２０１による処理として実現される。

本処理で、情報端末１０５は、顧客情報管理サーバ１０３から提供されるＷｅｂサイト３０７に、ＵＩ部品管理サーバ１０１から提供されるＵＩ部品４０１を組み込む。情報端末１０５は更に、顧客情報管理サーバ１０３及びデバイス情報管理サーバ１０２からそれぞれ取得した顧客情報及びデバイス情報に基づいて、Ｗｅｂサイト３０７のＵＩ画面内における、ＵＩ部品４０１に対応するＵＩオブジェクトの表示を制御する。

以下では、Ｗｅｂサイト３０７のＵＩ画面として、Ｗｅｂブラウザ３０４を介したユーザ操作に従って、顧客が有しているデバイス１０６の一覧（デバイスリスト）を示すデバイスリスト画面を表示する例について説明する。本例では、当該デバイスリスト画面内で、ＵＩ部品４０１に対応するＵＩオブジェクトとしてデバイスリストを表示する表示制御を行う例について説明する。なお、本例では、顧客情報管理サーバ１０３及び１０４のうち、顧客情報管理サーバ１０３が使用される場合について説明するが、顧客情報管理サーバ１０４が使用される場合も同様である。

Ｓ５０１で、情報端末１０５は、Ｗｅｂブラウザ３０４を介して、顧客情報管理サーバ１０３によって提供されるＷｅｂサイト３０７へのログインを指示するユーザ操作を受け付ける。ログイン指示は、例えば、情報端末１０５の入力装置２０６を用いて、Ｗｅｂブラウザ３０４によって表示装置２０８に表示されたログイン画面を介して行われる。ログイン画面は、ログイン情報としてユーザＩＤ及びパスワードの入力を受け付けるように構成される。

ログイン指示のためのユーザ操作が行われると、Ｓ５０２で、情報端末１０５（Ｗｅｂブラウザ３０４）は、ログイン画面を介してユーザによって入力されたログイン情報を、ユーザ認証のために顧客情報管理サーバ１０３へ送信する。顧客情報管理サーバ１０３は、情報端末１０５から受信したログイン情報に基づいてユーザ認証を行い、ユーザ認証に成功すると、ユーザ認証の対象となった顧客向けのＷｅｂサイト３０７のソースコードを情報端末１０５へ送信する。

これにより、Ｓ５０３で、情報端末１０５（Ｗｅｂブラウザ３０４）は、顧客情報管理サーバ１０３からＷｅｂサイト３０７のソースコードを取得する。Ｓ５０４で、情報端末１０５は、Ｓ５０３において取得したソースコードを用いてＷｅｂサイト３０７を生成し、Ｗｅｂサイト３０７のＵＩ画面（Ｗｅｂサイト画面）を、Ｗｅｂブラウザ３０４のブラウザ画面内に表示する。このように、Ｗｅｂブラウザ３０４は、顧客情報管理サーバ１０３によって提供されるＷｅｂサイト３０７へのログインに基づいて、Ｗｅｂサイト３０７のＵＩ画面を情報端末１０５の表示装置２０８（表示部）に表示する。

その後、Ｓ５０５で、情報端末１０５（Ｗｅｂブラウザ３０４）は、情報端末１０５に表示されたＷｅｂサイト画面を介して、Ｗｅｂサイト３０７のＵＩ画面として特定の画面の表示（特定の画面への画面遷移）を指示するユーザ操作を受け付ける。上述のように、本例では、図７に示されるようなデバイスリスト画面への画面遷移指示がユーザによって行われた場合について説明する。（なお、実施形態２では、図１０に示されるようなデバイス詳細画面への画面遷移指示がユーザによって行われた場合について説明する。）

デバイスリスト画面への画面遷移指示のためのユーザ操作に応じて、Ｓ５０６で、情報端末１０５（Ｗｅｂブラウザ３０４）は、デバイスリストの表示用のＵＩ部品をＵＩ部品管理サーバ１０１に要求する。ＵＩ部品管理サーバ１０１は、Ｗｅｂブラウザ３０４からＵＩ部品の要求を受信すると、管理しているＵＩ部品のうち、要求されたＵＩ部品のソースコードを、受信した要求に対する応答としてＷｅｂブラウザ３０４へ送信する。

これにより、Ｓ５０７で、情報端末１０５（Ｗｅｂブラウザ３０４）は、ＵＩ部品管理サーバ１０１から、デバイスリストの表示用のＵＩ部品のソースコードを取得する。このように、Ｗｅｂブラウザ３０４は、Ｗｅｂサイト３０７のＵＩ画面としてデバイスリスト画面（第１画面）の表示を指示するユーザ操作に応じて、当該デバイスリスト画面内にＵＩオブジェクトを表示するＵＩ部品をＵＩ部品管理サーバ１０１に対して要求する。Ｗｅｂブラウザ３０４は、この要求に対する応答として、ＵＩ部品をＵＩ部品管理サーバ１０１から取得する。

次にＳ５０８で、情報端末１０５（Ｗｅｂブラウザ３０４）は、Ｓ５０７において取得したソースコードを用いて、デバイスリストの表示用のＵＩ部品４０１を生成する。上述のように、ＵＩ部品４０１の生成は、Ｗｅｂサイト３０７のソースコード内の、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグ（例：＜ui-parts＞ ... ＜／ui-parts＞）を用いた記述に従って実行される。生成されたＵＩ部品４０１は、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作する。

ＵＩ部品４０１の生成が完了すると、Ｓ５０９で、情報端末１０５（Ｗｅｂブラウザ３０４）は、顧客情報管理サーバ１０３によって管理されている、Ｗｅｂサイト３０７にログイン済みのユーザの顧客情報を、顧客情報管理サーバ１０３に要求する。顧客情報管理サーバ１０３は、Ｗｅｂブラウザ３０４から顧客情報の要求を受信すると、要求された顧客情報（Ｗｅｂサイト３０７にログイン済みのユーザの顧客情報）を、受信した要求に対する応答としてＷｅｂブラウザ３０４へ送信する。

これにより、Ｓ５１０で、情報端末１０５（Ｗｅｂブラウザ３０４）は、Ｗｅｂサイト３０７にログインしたユーザに対応する顧客情報を、ＵＩ部品４０１への通知（入力）のために顧客情報管理サーバ１０３から取得する。なお、顧客情報管理サーバ１０３から取得される顧客情報は、ユーザの認証情報（本例では、アクセストークン）と、デバイスごとの管理情報（本例では、デバイス名、設置場所、及びシリアル番号）とを含む。

顧客情報の取得が完了すると、Ｓ５１１で、情報端末１０５（Ｗｅｂブラウザ３０４）は、取得した顧客情報のうちで、ＵＩ部品４０１を使用するために必要となる顧客情報（必要情報）を、ＵＩ部品４０１に通知（入力）する。上述のように、ＵＩ部品４０１への必要情報の通知（入力）は、例えば、Ｗｅｂサイト３０７のソースコード内の、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグ（例：＜ui-parts＞ ... ＜／ui-parts＞）の属性（例：name属性、serial属性、及びtoken属性）に、必要情報を組み込むことによって実現される。例えば、Ｗｅｂサイト３０７からＵＩ部品４０１へ、ユーザの認証情報（アクセストークン）とデバイスごとの管理情報（デバイス名、設置場所、及びシリアル番号）とが通知される。

次にＳ５１２～Ｓ５１５で、Ｗｅｂブラウザ３０４は、ＵＩ部品４０１によって表示されるＵＩオブジェクトを含むデバイスリスト画面（第１画面）を、表示装置２０８（表示部）に表示する。Ｓ５１２～Ｓ５１５の処理は、情報端末１０５において、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作するＵＩ部品４０１によって実行される。

Ｓ５１２で、ＵＩ部品４０１は、ＵＩ部品４０１への必要情報の通知（入力）に応じて、デバイス情報の要求をデバイス情報管理サーバ１０２へ送信する。デバイス情報の要求には、Ｗｅｂサイト３０７からＵＩ部品４０１へ通知されたアクセストークンが含められる。アクセストークンの使用により、ユーザのログイン情報（ユーザＩＤ及びパスワード）の入力を受け受けることなくデバイス情報管理サーバ１０２からデバイス情報を取得することを実現できる。

デバイス情報管理サーバ１０２は、デバイス情報の要求を受信すると、管理しているデバイス情報のうち、受信した要求に含まれる認証情報（アクセストークン）と関連付けられているデバイス情報を、当該要求に対する応答として送信する。これにより、Ｓ５１３で、ＵＩ部品４０１は、デバイス情報管理サーバ１０２からデバイス情報を取得する。なお、デバイス情報管理サーバ１０２から送信されるデバイス情報は、例えば、デバイスの基本情報（製品名、及びシリアル番号）、及び稼働情報（トナー残量情報等の消耗品情報、アラート情報、及びセキュリティ情報）を含む。このように、ＵＩ部品４０１は、デバイス情報管理サーバ１０２によって提供されるデバイス情報を、デバイス情報管理サーバ１０２に対して要求し、当該デバイス情報をデバイス情報管理サーバ１０２から取得するように構成される。

その後Ｓ５１４で、ＵＩ部品４０１は、Ｗｅｂサイト３０７のＵＩ画面（Ｗｅｂサイト画面）内に表示する、ＵＩ部品４０１に対応するＵＩオブジェクトに対する表示情報の決定処理を行う。具体的には、ＵＩ部品４０１は、Ｗｅｂサイト３０７から通知（入力）された顧客情報と、デバイス情報管理サーバ１０２から取得したデバイス情報とに基づいて、ＵＩオブジェクト上に表示すべき情報を決定する。なお、本実施形態では、Ｓ５１４の処理は、後述する図６の手順に従って実行される。その後Ｓ５１５で、ＵＩ部品４０１は、Ｗｅｂサイト３０７のＵＩ画面（Ｗｅｂサイト画面）内に、決定した表示情報を含むＵＩオブジェクトを表示する。このようにして、ＵＩ部品４０１は、対応するＵＩオブジェクト上で、顧客情報管理サーバ１０３から取得された顧客情報（第１情報）とデバイス情報管理サーバ１０２（第２サーバ）から取得されたデバイス情報（第２情報）とのうち、一方の情報に基づいて他方の情報の表示を制御するように構成される。

＜表示情報の決定処理（Ｓ５１５）＞
図６は、本実施形態に係る、ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャートである。本手順による処理は、情報端末１０５において、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作する、デバイスリストの表示用のＵＩ部品４０１によって実行される。ＵＩ部品４０１（表示情報決定部４０８）は、Ｗｅｂサイト３０７から通知（入力）される顧客情報と、デバイス情報管理サーバ１０２から取得されるデバイス情報とに基づいて、表示情報の決定処理を行う。

Ｓ６０１で、ＵＩ部品４０１は、対応するＵＩオブジェクト上に表示すべき情報（表示情報）を格納するための、空のデバイス一覧データを生成する。一例として、デバイス一覧データは、デバイスごとに、デバイス名、設置場所、製品名、シリアル番号、アラート情報、消耗品情報（例：トナー残量情報）、及びセキュリティ情報を格納するための、リスト型のデータとして生成される。このように、デバイス一覧データは、顧客情報及びデバイス情報から取得される情報を格納できるように構成される。

次にＳ６０２で、ＵＩ部品４０１は、顧客情報に含まれるシリアル番号を１つずつ取得し、Ｓ６０３へ処理を進める。本例では、顧客情報は、認証情報（アクセストークン）と、顧客が管理しているデバイスごとの管理情報とを含む。また、デバイスごとの管理情報は、デバイスごとに、デバイス名、設置場所、及びシリアル番号が格納されたリスト型のデータで構成される。ＵＩ部品４０１は、１つ以上のデバイスのシリアル番号を、顧客情報から１つずつ順に取得する。

Ｓ６０３～Ｓ６０７で、ＵＩ部品４０１は、デバイス情報に含まれるシリアル番号を１つずつ参照し、Ｓ６０２で顧客情報から取得したシリアル番号との比較結果に基づいて、顧客情報とデバイス情報とを関連付ける処理を行う。

まずＳ６０３で、ＵＩ部品４０１は、デバイス情報に含まれるシリアル番号を１つずつ取得し、Ｓ６０４へ処理を進める。本例では、デバイス情報は、デバイス情報管理サーバ１０２に登録済みのデバイスごとに、製品名、シリアル番号、アラート情報、消耗品情報（例：トナー残量情報）、及びセキュリティ情報が格納されたリスト型のデータで構成される。ＵＩ部品４０１は、１つ以上のデバイスのシリアル番号を、デバイス情報から１つずつ順に取得する。

Ｓ６０４で、ＵＩ部品４０１は、顧客情報から取得したシリアル番号とデバイス情報から取得したシリアル番号とを比較し、それらのシリアル番号が一致するか否かを判定する。ＵＩ部品４０１は、それらのシリアル番号が一致しない場合にはＳ６０５へ処理を進め、一致する場合にはＳ６０７へ処理を進める。

Ｓ６０７で、ＵＩ部品４０１は、一致したシリアル番号に基づいて、対応する顧客情報（デバイス名、及び設置場所）とデバイス情報（製品名、アラート情報、消耗品情報、及びセキュリティ情報）とを関連付けて、デバイス一覧データに格納する。即ち、ＵＩ部品４０１は、同一のシリアル番号を有するデバイスについての顧客情報とデバイス情報とを関連付けて保存する。その後、ＵＩ部品４０１は処理をＳ６０８へ処理を進める。

Ｓ６０５で、ＵＩ部品４０１は、デバイス情報に含まれる全てのシリアル番号が参照済みであるか否かを判定する。ＵＩ部品４０１は、デバイス情報に含まれるシリアル番号のうち、参照済みではないシリアル番号が残っている（即ち、顧客情報から取得したシリアル番号との比較が行われていないシリアル番号が残っている）場合、Ｓ６０３へ処理を戻す。これにより、ＵＩ部品４０１は、デバイス情報に含まれるシリアル番号を順に取得し（Ｓ６０３）、顧客情報から取得したシリアル番号との比較を行う（Ｓ６０４）。

一方、Ｓ６０５で、ＵＩ部品４０１は、デバイス情報に含まれる全てのシリアル番号が参照済みである（即ち、顧客情報から取得したシリアル番号と一致するシリアル番号が、デバイス情報に存在しなかった）場合、Ｓ６０６へ処理を進める。Ｓ６０６で、ＵＩ部品４０１は、Ｓ６０２で取得したシリアル番号に対応するデバイスについての顧客情報をデバイス一覧データに格納し、Ｓ６０８へ処理を進める。

このようにして、Ｓ６０２で取得される、顧客情報に含まれる各シリアル番号について、同一のシリアル番号がデバイス情報に含まれているかが評価される（Ｓ６０４）。同一のシリアル番号がデバイス情報に含まれている場合、同一のシリアル番号に対応する顧客情報とデバイス情報とが関連付けられて、ＵＩ部品４０１に対応するＵＩオブジェクト上で表示される表示情報としてデバイス一覧データに格納される。

Ｓ６０８で、ＵＩ部品４０１は、顧客情報に含まれる全てのシリアル番号が参照済みであるか否かを判定する。ＵＩ部品４０１は、顧客情報に含まれる全てのシリアル番号が参照済みである場合、表示情報の決定処理を終了する。一方、ＵＩ部品４０１は、顧客情報に含まれるシリアル番号のうち、参照済みではないシリアル番号が残っている（即ち、同一のシリアル番号がデバイス情報に含まれているかの評価が完了していないシリアル番号が残っている）場合、Ｓ６０２へ処理を戻す。これにより、ＵＩ部品４０１は、顧客情報に含まれるシリアル番号を順に取得し（Ｓ６０２）、デバイス情報に含まれる各シリアル番号との比較を行う（Ｓ６０４～Ｓ６０６）。

ＵＩ部品４０１は、以上の処理により、ＵＩオブジェクトに対する表示情報を決定し、決定した表示情報を含むデバイス一覧データを生成する（Ｓ５１４）。ＵＩ部品４０１は、生成したデバイス一覧データに基づいて、ＵＩ部品４０１に対応するＵＩオブジェクト上にデバイスリストを表示する（Ｓ５１５）。このように、ＵＩ部品４０１は、顧客情報及びデバイス情報にそれぞれ含まれる、デバイスのシリアル番号として同一のシリアル番号に対応する情報について関連付けを行う。ＵＩ部品４０１は更に、当該関連付けに従って、デバイスごとに、デバイスリストに顧客情報のみを表示するか顧客情報及びデバイス情報を表示するかを制御する。

このような処理によれば、デバイス情報については、顧客情報と関連付けられたデバイス情報のみが、ＵＩ部品４０１に対応するＵＩオブジェクト（デバイスリスト）に表示されることになる。このため、例えば、Ｓ５１１において顧客情報として特定のシリアル番号のみをＵＩ部品４０１へ通知することで、当該シリアル番号に対応するデバイス情報のみを、ＵＩ部品４０１に対応するＵＩオブジェクト上に表示させることが可能である。即ち、Ｗｅｂサイト３０７からＵＩ部品４０１へ通知する顧客情報に基づいて、ＵＩ部品４０１がＵＩオブジェクト上に表示するデバイス情報のフィルタリングを行う（即ち、ＵＩオブジェクト上に表示するデバイス情報を絞り込む）ことが可能になる。

＜デバイスリスト画面の表示例＞
図７（Ａ）及び図７（Ｂ）は、情報端末１０５においてＷｅｂブラウザ３０４によって表示されるＷｅｂサイト３０７のＵＩ画面の例として、デバイスリスト画面７０１を示す。デバイスリスト画面７０１は、Ｗｅｂブラウザ３０４のブラウザ画面７００内に表示されている。

Ｗｅｂブラウザ３０４は、例えば、Ｗｅｂサイト３０７のＵＩ画面（例えば、メニュー画面）を介して、デバイスリスト画面の表示指示（デバイスリスト画面への遷移指示）をユーザから受け付ける。Ｗｅｂブラウザ３０４は、デバイスリスト画面の表示指示に従って、デバイスリストを示すＵＩオブジェクト７０２を含むデバイスリスト画面７０１をブラウザ画面７００内に表示する。

ＵＩオブジェクト７０２は、デバイスリストの表示用のＵＩ部品４０１によって表示される表示オブジェクトである。ＵＩ部品管理サーバ１０１から取得されたソースコードに基づいて、Ｗｅｂサイト３０７に実装されるＵＩ部品４０１が生成され、生成されたＵＩ部品４０１によって、デバイスリストを示すＵＩオブジェクト７０２が表示される。

ＵＩ部品４０１は、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）から通知された顧客情報に基づいて、図６を用いて上述したように顧客情報とデバイス情報との関連付けを行うことで、ＵＩオブジェクト７０２の表示を制御する。ＵＩオブジェクト７０２として表示されるデバイスリストには、ＵＩ部品４０１に通知された顧客情報と、当該顧客情報と関連付けられたデバイス情報とが表示される。即ち、デバイス情報管理サーバ１０２からＵＩ部品４０１が取得したデバイス情報のうちで、デバイスリストに表示される情報は、通知された顧客情報に基づいて絞り込まれることになる。

図７（Ａ）は、デバイス名「DeviceA」～「DeviceD」の４台のデバイスに対応する管理情報を含む顧客情報が、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）からＵＩ部品４０１へ通知された場合の、ＵＩオブジェクト７０２の表示例を示している。図７（Ａ）に示されるように、デバイスリスト画面７０１において、ＵＩオブジェクト７０２として表示されるデバイスリストは、項目７０３及び７０４を含む。項目７０３は、顧客情報に対応する項目であり、デバイスの名称（デバイス名）、設置場所、及びシリアル番号を含んでいる。項目７０４は、デバイス情報に対応する項目であり、デバイスの製品名、シリアル番号、状態情報（アラート情報）、消耗品情報（トナー残量情報）、及びセキュリティ情報を含む。

領域７０５に示されるデバイス名「DeviceA」、「DeviceB」及び「DeviceC」のデバイスは、デバイス情報管理サーバ１０２に登録されているデバイスである。この場合、ＵＩ部品４０１は、それらのデバイスについて、デバイス情報管理サーバ１０２から取得され、かつ、顧客情報と関連付けられたデバイス情報を保持している。このため、領域７０５に示されるように、デバイスごとに、顧客情報と、当該顧客情報と関連付けられたデバイス情報とが、ＵＩオブジェクト７０２上に表示される。

一方、領域７０６に示されるデバイス名「ＤｅｖｉｃｅＤ」のデバイスは、デバイス情報管理サーバ１０２に登録されていないデバイスである。この場合、ＵＩ部品４０１は、それらのデバイスについて、顧客情報と関連付けられたデバイス情報を保持していない。このため、領域７０６に示されるように、デバイス名「ＤｅｖｉｃｅＤ」のデバイスについて、ＵＩオブジェクト７０２上にデバイス情報が表示されず、顧客情報のみが表示される。

図７（Ｂ）は、設置場所が「Ａ棟／２階」であるデバイスに対応する管理情報のみを含む顧客情報が、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）からＵＩ部品４０１へ通知された場合の、ＵＩオブジェクト７０２の表示例を示している。この例では、図７（Ａ）の例よりも、ＵＩ部品４０１へ通知される顧客情報が限定されている。これにより、通知された顧客情報と関連付けられて、ＵＩオブジェクト７０２上に表示されるデバイス情報が、図７（Ａ）の例よりも絞り込まれている。このように、Ｗｅｂサイト３０７からＵＩ部品４０１へ通知する顧客情報に基づいて、ＵＩ部品４０１がＵＩオブジェクト７０２上に表示するデバイス情報のフィルタリング（即ち、ＵＩオブジェクト上に表示するデバイス情報の絞り込み）が可能である。

以上説明したように、本実施形態の情報端末１０５において、Ｗｅｂブラウザ３０４は、顧客情報管理サーバ１０３によって提供されるＷｅｂサイト３０７へのログインに基づいて、Ｗｅｂサイト３０７のＵＩ画面を表示装置２０８に表示する。Ｗｅｂブラウザ３０４は、Ｗｅｂサイト３０７のＵＩ画面としてデバイスリスト画面（第１画面）の表示を指示するユーザ操作に応じて、当該デバイスリスト画面内にＵＩオブジェクトを表示するＵＩ部品をＵＩ部品管理サーバ１０１に対して要求する。Ｗｅｂブラウザ３０４は、この要求に対する応答として、ＵＩ部品をＵＩ部品管理サーバ１０１から取得する。Ｗｅｂブラウザ３０４は更に、Ｗｅｂサイト３０７にログインしたユーザに対応する顧客情報を、ＵＩ部品４０１への入力のために顧客情報管理サーバ１０３から取得する。その後、Ｗｅｂブラウザ３０４は、ＵＩ部品４０１によって表示されるＵＩオブジェクトを含むデバイスリスト画面（第１画面）を、表示装置２０８に表示する。ＵＩ部品４０１は、デバイス情報管理サーバ１０２によって提供されるデバイス情報を、デバイス情報管理サーバ１０２に対して要求し、当該デバイス情報をデバイス情報管理サーバ１０２から取得するように構成される。ＵＩ部品４０１は更に、ＵＩオブジェクト上で、顧客情報管理サーバ１０３から取得された顧客情報（第１情報）とデバイス情報管理サーバ１０２（第２サーバ）から取得されたデバイス情報（第２情報）とのうち、一方の情報に基づいて他方の情報の表示を制御するように構成される。

このように、本実施形態では、情報端末１０５は、ＵＩ部品管理サーバ１０１からＵＩ部品を取得して、顧客情報管理サーバ１０３によって提供されるＷｅｂサイトに組み込む。情報端末１０５は、このＵＩ部品によって、デバイス情報管理サーバ１０２からデバイス情報を取得し、かつ、デバイスリスト画面（第１画面）内にＵＩオブジェクトを表示する。このようなＵＩ部品の利用により、顧客情報管理サーバ１０３における、デバイスの管理用のＷｅｂサイトの実装負荷を低減することが可能になる。また、ＵＩ部品によって、ＵＩオブジェクト上で、顧客情報管理サーバ１０３から取得された顧客情報とデバイス情報管理サーバ１０２（第２サーバ）から取得されたデバイス情報とのうち、一方の情報に基づいて他方の情報の表示を制御する。このように、顧客情報の表示とデバイス情報の表示とが互いに連携して行われる。これにより、顧客情報管理サーバ１０３から取得された顧客情報（第１情報）とデバイス情報管理サーバ１０２（第２サーバ）から取得されたデバイス情報（第２情報）との効率的な表示が可能になる。

したがって、本実施形態によれば、デバイスの管理用のＷｅｂサイトの実装負荷を低減しつつ、複数のサーバから取得される情報の効率的な表示を行うことが可能になる。

［実施形態２］
実施形態１では、ＵＩ部品４０１が顧客情報（第１情報）に基づいてデバイス情報（第２情報）の表示を制御する例について説明した。これに対し、実施形態２では、ＵＩ部品４０１がデバイス情報（第２情報）に基づいて顧客情報（第１情報）の表示を制御する例について説明する。以下では、実施形態１と共通する部分については説明を省略する。

＜処理手順＞
本実施形態のシステムでは、実施形態１と同様、図５のシーケンスに従った処理が実行される。本実施形態では、Ｗｅｂサイト３０７へのログイン完了後に、Ｓ５０５において、図９に示されるようなデバイス詳細画面への画面遷移指示が、ユーザによって行われる例について説明する。情報端末１０５（Ｗｅｂブラウザ３０４）は、情報端末１０５に表示されたＷｅｂサイト画面を介して、デバイス詳細画面への画面遷移を指示するユーザ操作を受け付ける。

デバイス詳細画面への画面遷移指示のためのユーザ操作に応じて、Ｓ５０６で、情報端末１０５（Ｗｅｂブラウザ３０４）は、デバイス詳細情報の表示用のＵＩ部品をＵＩ部品管理サーバ１０１に要求する。ＵＩ部品管理サーバ１０１は、Ｗｅｂブラウザ３０４からＵＩ部品の要求を受信すると、管理しているＵＩ部品のうち、要求されたＵＩ部品のソースコードを、受信した要求に対する応答としてＷｅｂブラウザ３０４へ送信する。

これにより、Ｓ５０７で、情報端末１０５（Ｗｅｂブラウザ３０４）は、ＵＩ部品管理サーバ１０１から、デバイス詳細情報の表示用のＵＩ部品のソースコードを取得する。Ｓ５０８で、情報端末１０５（Ｗｅｂブラウザ３０４）は、Ｓ５０７において取得したソースコードを用いて、デバイス詳細情報の表示用のＵＩ部品４０１を生成する。生成されたＵＩ部品４０１は、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作する。

その後、顧客情報の取得（Ｓ５０９及びＳ５１０）が完了すると、Ｓ５１１で、情報端末１０５（Ｗｅｂブラウザ３０４）は、取得した顧客情報のうちで、ＵＩ部品４０１の使用に必要となる顧客情報（必要情報）を、ＵＩ部品４０１に通知（入力）する。以下は、本例においてＵＩ部品４０１への顧客情報の通知（入力）に用いられる、ＨＴＭＬコードの一部の記述の例である。

上記の例では、実施形態１と同様、オリジナルＨＴＭＬタグ（例：＜ui-parts＞ ... ＜／ui-parts＞）のname属性、serial属性及びtoken属性に、それぞれ、ＵＩ部品４０１へ通知される顧客情報としてデバイス名、シリアル番号及び認証情報が記述される。本例では更に、オリジナルＨＴＭＬタグを用いた要素の子要素に、ＵＩ部品４０１に対応するＵＩオブジェクト上に表示すべき追加ＵＩオブジェクトを示す情報（追加ＵＩ情報）が記述されている。各子要素は、slot属性を有し、slot属性の属性値には、ＵＩ部品４０１側で予め定義されているslot名が記述されている。slot名は、ＵＩ部品４０１に対応するＵＩオブジェクトの一部の領域であって、子要素に記述された情報に基づいて追加ＵＩオブジェクトが表示される領域（slot領域）と対応付けられている。このように、ＵＩ部品４０１側で予め定義されているslot名を、slot属性に記述することで、ＵＩ部品４０１に対応するＵＩオブジェクト上で、対象となる追加ＵＩオブジェクトを表示する領域（slot領域）を、ＵＩ部品４０１に対して指定できる。また、上述の子要素の記述により、ＵＩ部品４０１に対して追加ＵＩ情報を通知できる。

その後、ＵＩ部品４０１によるデバイス情報の取得（Ｓ５１２及びＳ５１３）が完了すると、Ｓ５１４で、ＵＩ部品４０１は、当該ＵＩ部品に対応するＵＩオブジェクトに対する表示情報の決定処理を行う。ＵＩ部品４０１は、Ｗｅｂサイト３０７側から通知（入力）された顧客情報と、デバイス情報管理サーバ１０２から取得したデバイス情報とに基づいて、ＵＩオブジェクト上に表示すべき情報を決定する。

本例では、ＵＩ部品４０１は、対応するＵＩオブジェクト上で、上述のように指定されたslot領域に、通知された追加ＵＩ情報に基づいて追加ＵＩオブジェクトを配置するように、表示情報を決定する。slot名「cyanToner」、「magentaToner」、「yellowToner」及び「blackToner」を用いて指定されるslot領域は、追加ＵＩ情報に基づいて、ユーザがトナー容器又はプロセスカートリッジ等の発注を行うための発注ボタンを追加ＵＩオブジェクトとして表示するために使用される。ＵＩ部品４０１は、ＵＩ部品４０１がデバイス情報管理サーバ１０２から取得したデバイス情報に基づいて、発注ボタン（追加ＵＩオブジェクト）の表示を制御する。例えば、ＵＩ部品４０１は、デバイス情報に、トナー残量が少ないことを示すアラート情報が含まれる場合に、アラート情報が示すトナー色について、ＵＩオブジェクト上のslot領域に、追加ＵＩオブジェクトとして発注ボタンを表示する制御を行う。

＜表示情報の決定処理（Ｓ５１５）＞
図８は、本実施形態に係る、ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャートである。本手順による処理は、情報端末１０５において、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作する、デバイス詳細情報の表示用のＵＩ部品４０１によって実行される。ＵＩ部品４０１（表示情報決定部４０８）は、Ｗｅｂサイト３０７から通知（入力）される、追加ＵＩ情報を含む顧客情報と、デバイス情報管理サーバ１０２から取得されるデバイス情報とに基づいて、表示情報の決定処理を行う。

Ｓ８０１で、ＵＩ部品４０１は、Ｗｅｂサイト３０７からの通知（入力）により、当該ＵＩ部品４０１に対応するＵＩオブジェクト上に表示すべき追加ＵＩオブジェクトを示す追加ＵＩ情報を取得する。追加ＵＩ情報は、例えば、上述のように、Ｗｅｂサイト３０７のソースコード内の、ＵＩ部品の生成を示すオリジナルＨＴＭＬタグを用いた要素の子要素として記述されている。各子要素は、トナー色ごとに予め定義されたslot属性（cyanToner、magentaToner、yellowToner、及びblackToner）を有するタグを用いて記述され、デバイス情報に基づいて、上述の発注ボタンを対応するslot領域に表示するための情報を含む。

Ｓ８０２で、ＵＩ部品４０１は、デバイス情報管理サーバ１０２から取得されたデバイス情報に含まれるトナー残量情報を取得する。トナー残量情報が、対象デバイスにおける複数のトナー色（シアン、マゼンタ、イエロー、及びブラック）のトナーの残量を示す情報を含む場合、ＵＩ部品４０１は、当該複数のトナー色を１色ずつ対象として、対象色のトナー残量情報を取得し、以下の処理を行う。

次にＳ８０３で、ＵＩ部品４０１は、デバイス情報に、対象色のトナー関連のアラート情報が存在するか否かを判定する。ここで、アラート情報は、アラート情報は、デバイスごとに、ジャム関連のアラート情報（シートジャムが発生）、及びトナー関連のアラート情報（トナー残量が少ない、又はトナーが切れた）等の、アラートの発生を示す情報である。

ＵＩ部品４０１は、対象色のトナー関連のアラート情報が存在する場合には、Ｓ８０４へ処理を進め、ＵＩ部品４０１に対応するＵＩオブジェクト上の表示情報として、トナー残量情報を示すトナー残量表示と、発注ボタンとを配置する。トナー残量表示は、ＵＩ部品４０１側で予め定義されている表示領域に配置される。また、発注ボタンは、ＵＩ部品４０１側で予め定義されている表示領域（上述のslot領域）が生成され、当該表示領域に配置される。これにより、対象色について発注ボタンが表示されることになる。一方、Ｓ８０５は、対象色のトナー関連のアラート情報が存在しない場合には、Ｓ８０５へ処理を進め、ＵＩ部品４０１に対応するＵＩオブジェクト上の表示情報として、トナー残量表示を配置する。この場合、発注ボタンを表示するための表示領域（上述のslot領域）は生成されず、それにより、対象色について発注ボタンは表示されないことになる。

Ｓ８０４又はＳ８０５の処理の完了後、Ｓ８０６で、ＵＩ部品４０１は、複数のトナー色の全てについて処理が完了したか否かを判定する。ＵＩ部品４０１は、複数のトナー色の全てについて処理が完了すると、図８の手順による処理を終了し、処理が完了していないトナー色が残っている場合には、Ｓ８０２へ処理を戻す。

このように、ＵＩ部品４０１は、追加ＵＩ情報に基づいてＵＩオブジェクト上に追加ＵＩオブジェクト（発注ボタン）を表示するか否かを、デバイス情報（第２情報）に基づいて制御する。これにより、ユーザが、交換が必要なトナー容器又はプロセスカートリッジ等を把握し、その発注を直ちに行うことが可能になる。

＜デバイス詳細画面の表示例＞
図９は、情報端末１０５においてＷｅｂブラウザ３０４によって表示されるＷｅｂサイト３０７のＵＩ画面の例として、デバイス詳細画面９０１を示す。デバイス詳細画面９０１は、Ｗｅｂブラウザ３０４のブラウザ画面７００内に表示されている。

Ｗｅｂブラウザ３０４は、例えば、Ｗｅｂサイト３０７のＵＩ画面を介して、デバイス詳細画面の表示指示（デバイス詳細画面への遷移指示）をユーザから受け付ける。Ｗｅｂブラウザ３０４は、デバイス詳細画面の表示指示に従って、デバイス詳細情報を示すＵＩオブジェクト９０２を含むデバイスリスト画面７０１をブラウザ画面７００内に表示する。

ＵＩオブジェクト９０２は、デバイス詳細情報の表示用のＵＩ部品４０１によって表示される表示オブジェクトである。ＵＩ部品管理サーバ１０１から取得されたソースコードに基づいて、Ｗｅｂサイト３０７に実装されるＵＩ部品４０１が生成され、生成されたＵＩ部品４０１によって、デバイスリストを示すＵＩオブジェクト９０２が表示される。

図９は、デバイス名「DeviceA」を有するデバイスについての詳細情報を示すＵＩオブジェクト９０２の表示例を示している。ＵＩオブジェクト９０２は、顧客情報として、デバイス名及びデバイスの設置場所を表示する領域９０３と、デバイス情報を表示する領域９０４とを含む。領域９０４には、デバイス情報に含まれるトナー残量情報に基づいて、複数のトナー色（シアン、マゼンタ、イエロー、及びブラック）のそれぞれのトナー残量及びトナー切れまでの残日数が表示されている。

ＵＩオブジェクト９０２は更に、ＵＩオブジェクト９０２上に配置され、追加ＵＩオブジェクトが表示されるslot領域に相当する領域９０５及び９０６を含む。領域９０６は、領域９０４内に配置されている。追加ＵＩオブジェクトは、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）からＵＩ部品４０１へ通知される顧客情報（追加ＵＩ情報）に基づいて表示される。

領域９０５は、ＵＩオブジェクト９０２上に配置されたslot領域のうち、slot名「deviceInformation」を有するslot領域に相当する。領域９０５は、顧客の契約情報等、ＵＩ部品４０１側で予め定義されていない顧客情報を追加的に表示するように構成される。領域９０６は、ＵＩオブジェクト９０２上に配置されたｓｌｏｔ領域のうち、slot名「cyanToner」、「magentaToner」、「yellowToner」及び「blackToner」を有するslot領域に相当する。領域９０６には、図８の手順による処理に従って、デバイス情報に含まれる、トナー残量に関するアラート情報に基づいて、追加ＵＩオブジェクトとして発注ボタンが配置される。図９の表示例では、マゼンタトナーの残量が少ないことを示すアラート情報に基づいて、マゼンタのトナーの発注を行うための発注ボタンが、領域９０６に表示されている。

以上説明したように、本実施形態の情報端末１０５において、ＵＩ部品４０１は、デバイス情報（第２情報）に基づいて顧客情報（第１情報）の表示を制御する。このように、顧客情報の表示とデバイス情報の表示とが互いに連携して行われる。これにより、顧客情報管理サーバ１０３から取得された顧客情報（第１情報）とデバイス情報管理サーバ１０２（第２サーバ）から取得されたデバイス情報（第２情報）との効率的な表示が可能になる。

［実施形態３］
実施形態１及び２では、ＵＩ部品４０１によって表示されるＵＩオブジェクト上で、顧客情報とデバイス情報とがそれぞれ異なる領域に配置されている。実施形態３では、ＵＩ部品４０１が、対応するＵＩオブジェクト上に表示される図又は表における領域ごとに、顧客情報（第１情報）及びデバイス情報（第２情報）に基づいて、顧客情報とデバイス情報とのいずれを表示するかを制御する例について説明する。以下では、対象デバイスの詳細情報を示すＵＩオブジェクトとして表示されるカレンダー上の日ごとの領域に、顧客情報及びデバイス情報のそれぞれに含まれる履歴情報に基づいて、対象デバイスの点検履歴を表示する例を用いて説明を行う。

＜表示情報の決定処理（Ｓ５１５）＞
図１０は、本実施形態に係る、ＵＩオブジェクトに対する表示情報を決定する処理（Ｓ５１５）の手順の例を示すフローチャートである。本手順による処理は、情報端末１０５において、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）上で動作する、デバイス詳細情報の表示用のＵＩ部品４０１によって実行される。

本例において、ＵＩ部品４０１は、デバイス詳細画面内のＵＩオブジェクトとして対象デバイスの点検履歴を示すカレンダーを表示するために使用する、カレンダー履歴データを生成することで、ＵＩオブジェクトに対する表示情報を決定する。ＵＩ部品４０１（表示情報決定部４０８）は、Ｗｅｂサイト３０７から通知される顧客情報（訪問点検及び電話対応の履歴）と、デバイス情報管理サーバ１０２から取得されるデバイス情報（稼働状況の履歴）とに基づいて、表示情報の決定処理を行う。

Ｓ１００１で、ＵＩ部品４０１は、対応するＵＩオブジェクト上に表示すべき情報（表示情報）を格納するための、カレンダー履歴データを生成する。一例として、カレンダー履歴データは、対象デバイスについての、１日ごとの稼働状況、訪問点検、及び電話対応の履歴を格納するための、リスト型のデータとして生成される。

次にＳ１００２で、ＵＩ部品４０１は、指定された期間（本例では、カレンダーの表示期間）における、対象デバイスについての訪問点検及び電話対応の履歴情報を、顧客情報から取得する。当該履歴情報は、デバイスの訪問点検又は電話対応が行われた日時が格納されたリスト型のデータで構成される。更にＳ１００３は、ＵＩ部品４０１は、指定された期間（本例では、カレンダーの表示期間）における、対象デバイスの稼働状況の履歴情報を、デバイス情報から取得する。当該履歴情報は、対象デバイスにおいて発生したアラートの内容及び日時を示すアラート情報が格納されたリスト型のデータで構成される。

その後、Ｓ１００４～Ｓ１００９において、ＵＩ部品４０１は、指定された期間（本例では、カレンダーの表示期間）において１日ずつ処理対象（対象日）として、カレンダー上の日ごとの表示情報を決定してカレンダー履歴データに格納する処理を行う。

Ｓ１００４で、ＵＩ部品４０１は、デバイス情報管理サーバ１０２から取得されるデバイス情報に、対象日に発生したアラート情報が稼働状況履歴として存在するか否かを判定する。ＵＩ部品４０１は、稼働状況履歴が存在する場合には、Ｓ１００５へ処理を進め、当該稼働状況履歴を対象日のデータとしてカレンダー履歴データに格納し、Ｓ１００７へ処理を進める。一方、ＵＩ部品４０１は、稼働状況履歴が存在しない場合には、Ｓ１００５へ処理を進め、デバイス異常無しを示すデータを対象日のデータとしてカレンダー履歴データに格納し、Ｓ１００７へ処理を進める。

Ｓ１００７で、ＵＩ部品４０１は、Ｗｅｂブラウザ３０４（Ｗｅｂサイト３０７）通知される顧客情報に、対象日に行われた訪問点検又は電話対応の履歴が存在するか否かを判定する。ＵＩ部品４０１は、対象日に行われた訪問点検又は電話対応の履歴が存在しない場合には、Ｓ１００９へ処理を進め、対象日に行われた訪問点検又は電話対応の履歴が存在する場合には、Ｓ１００８へ処理を進める。

Ｓ１００８で、ＵＩ部品４０１は、対象日に行われた訪問点検又は電話対応の履歴を対象日のデータとしてカレンダー履歴データに格納し、Ｓ１００９へ進める。Ｓ１００８において、ＵＩ部品４０１は、Ｓ１００５又はＳ１００６においてカレンダー履歴データに格納された対象日のデータに対して上書きを行う。これにより、顧客情報に、対象日に行われた訪問点検又は電話対応の履歴が存在しない場合には、カレンダー上の対象日の領域に、デバイス情報に基づいて情報が表示されることになる。一方、顧客情報に、対象日に行われた訪問点検又は電話対応の履歴が存在する場合には、カレンダー上の対象日の領域に、顧客情報に基づいて情報が表示されることになる。

Ｓ１００９で、ＵＩ部品４０１は、指定された期間（本例では、カレンダーの表示期間）における全ての日について処理が完了したか否かを判定する。ＵＩ部品４０１は、処理が完了していない場合にはＳ１００４へ処理を戻し、指定された期間における次の日を処理対象（対象日）として、Ｓ１００４以降の処理を継続する。一方、処理が完了した場合には、図１０の手順による処理を終了する。

ＵＩ部品４０１は、以上の処理により、ＵＩオブジェクトに対して決定した表示情報を含むカレンダー履歴データを生成する（Ｓ５１４）。ＵＩ部品４０１は、生成したカレンダー履歴データに基づいて、ＵＩ部品４０１に対応するＵＩオブジェクト上に、対象デバイスに関する履歴情報をカレンダー形式で表示する（Ｓ５１５）。

＜デバイス詳細画面（点検履歴）の表示例＞
図１１は、情報端末１０５においてＷｅｂブラウザ３０４によって表示されるＷｅｂサイト３０７のＵＩ画面の例として、デバイスの点検履歴を示すデバイス詳細画面１１０１を示す。デバイス詳細画面１１０１は、Ｗｅｂブラウザ３０４のブラウザ画面７００内に表示されている。

Ｗｅｂブラウザ３０４は、例えば、Ｗｅｂサイト３０７のＵＩ画面を介して、デバイス詳細画面の表示指示（デバイス詳細画面への遷移指示）をユーザから受け付ける。Ｗｅｂブラウザ３０４は、デバイス詳細画面の表示指示に従って、デバイス詳細情報を示すＵＩオブジェクト１１０２を含むデバイス詳細画面１１０１をブラウザ画面７００内に表示する。

ＵＩオブジェクト１１０２は、デバイス詳細情報の表示用のＵＩ部品４０１によって表示される表示オブジェクトである。ＵＩ部品管理サーバ１０１から取得されたソースコードに基づいて、Ｗｅｂサイト３０７に実装されるＵＩ部品４０１が生成され、生成されたＵＩ部品４０１によって、デバイスリストを示すＵＩオブジェク９０２が表示される。

図１１は、デバイス名「DeviceA」を有するデバイスについての詳細情報を示すＵＩオブジェクト１１０２の表示例を示している。ＵＩオブジェクト１１０２は、対象デバイスに関する履歴情報（対象デバイスの点検履歴）を示すカレンダー表示１１０３を含む。ＵＩオブジェクト１１０２上のカレンダー表示１１０３における日ごとの領域には、顧客情報（訪問点検及び電話対応の履歴）又はデバイス情報（稼働状況の履歴）に基づくアイコンが表示されている。

「〇」アイコンは、デバイス情報に基づいて、対象日においてデバイスが正常に稼働し、デバイスに異常がなかった場合に表示される。「×」アイコンは、デバイス情報に基づいて、対象日においてデバイスの不具合によるアラートが発生していた場合に表示される。アイコン１１０４は、顧客情報に基づいて、対象日において電話対応が行われた場合に表示される。アイコン１１０５は、顧客情報に基づいて、対象日において訪問点検が行われた場合に表示される。

図１１の例では、ＵＩ部品４０１は、カレンダー表示１１０３における日ごとの領域に、顧客情報（訪問点検及び電話対応の履歴）及びデバイス情報（稼働状況の履歴）のいずれを表示するかを、顧客情報及びデバイス情報に基づいて制御する。具体的には、図１０の手順に従って、顧客情報に、対象日に行われた訪問点検又は電話対応の履歴が存在しない場合には、カレンダー上の対象日の領域に、デバイス情報（稼働状況の履歴）に基づくアイコンが表示される。一方、顧客情報に、対象日に行われた訪問点検又は電話対応の履歴が存在する場合には、カレンダー上の対象日の領域に、当該顧客情報に基づくアイコンが表示されている。

このようにして、ＵＩオブジェクト１１０２上に表示される図又は表（本例では、カレンダー表示１１０３）において、デバイス情報と顧客情報とを混在して表示することが可能になる。このような表示により、例えば、デバイスに不具合が発生し、その後、訪問点検により不具合が解消されたこと、又は電話対応により不具合が解消されたこと等、デバイスに関するより詳細な履歴情報をユーザに提供することができる。

以上説明したように、本実施形態では、ＵＩ部品４０１は、対応するＵＩオブジェクト上に表示される図又は表における領域ごとに、顧客情報（第１情報）及びデバイス情報（第２情報）に基づいて、それらのいずれを表示するかを制御する。これにより、デバイスに関するより詳細な履歴情報をユーザに提供することができる。

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

本明細書の開示は、以下の情報処理装置及びその制御方法、並びにプログラムを含む。

（項目１）
１つ以上のデバイスを管理するためのＷｅｂサイトを提供する第１サーバと、前記１つ以上のデバイスの状態をモニタリングして得られる情報を提供する第２サーバと、ＵＩ部品を提供する第３サーバと通信可能な情報処理装置であって、
前記第１サーバによって提供される前記Ｗｅｂサイトへのログインに基づいて、前記ＷｅｂサイトのＵＩ画面を前記情報処理装置の表示部に表示する制御手段と、
前記ＷｅｂサイトのＵＩ画面として第１画面の表示を指示するユーザ操作に応じて、前記第１画面内にＵＩオブジェクトを表示するＵＩ部品を前記第３サーバに対して要求し、前記ＵＩ部品を前記第３サーバから取得する第１取得手段と、
前記Ｗｅｂサイトにログインしたユーザに対応する第１情報を、前記ＵＩ部品への入力のために前記第１サーバから取得する第２取得手段と、を備え、
前記制御手段は、前記ＵＩ部品によって表示される前記ＵＩオブジェクトを含む前記第１画面を、前記表示部に表示し、
前記ＵＩ部品は、
前記第２サーバによって提供される第２情報を前記第２サーバに対して要求し、前記第２情報を前記第２サーバから取得し、
前記ＵＩオブジェクト上で、前記第１サーバから取得された前記第１情報と前記第２サーバから取得された前記第２情報とのうち、一方の情報に基づいて他方の情報の表示を制御する
ように構成されることを特徴とする情報処理装置。
（項目２）
前記第１サーバから取得される前記第１情報は、前記Ｗｅｂサイトへログインしたユーザの認証情報を含み、
前記ＵＩ部品は、前記認証情報を含む要求を前記第２サーバへ送信することで、前記第２情報を前記第２サーバから取得するように構成される
ことを特徴とする項目１に記載の情報処理装置。
（項目３）
前記認証情報は、前記Ｗｅｂサイトへのログインに基づいて前記第１サーバによって生成されるアクセストークンを含む
ことを特徴とする項目２に記載の情報処理装置。
（項目４）
前記ＵＩ部品は、前記第１情報に対して前記第２情報の関連付けを行い、前記第２情報のうち、前記第１情報と関連付けられた情報を前記ＵＩオブジェクト上に表示し、前記第１情報と関連付けられなかった情報を前記ＵＩオブジェクト上に表示しないように構成される
ことを特徴とする項目１乃至３のいずれか１項目に記載の情報処理装置。
（項目５）
前記第１情報及び前記第２情報は、それぞれ、デバイスごとの情報を含み、
前記ＵＩオブジェクトは、１つ以上のデバイスと、それぞれのデバイスに対応する情報とを含むデバイスリストであり、
前記ＵＩ部品は、
前記第１情報及び第２情報にそれぞれ含まれる、デバイスのシリアル番号として同一のシリアル番号に対応する情報について関連付けを行い、
前記関連付けに従って、デバイスごとに、前記デバイスリストに前記第１情報のみを表示するか前記第１情報及び前記第２情報を表示するかを制御する
ことを特徴とする項目４に記載の情報処理装置。
（項目６）
前記第１情報は、前記ＵＩ部品によって表示される前記ＵＩオブジェクト上に表示すべき追加ＵＩオブジェクトを示す追加ＵＩ情報を含み、
前記ＵＩ部品は、前記追加ＵＩ情報に基づいて前記ＵＩオブジェクト上に前記追加ＵＩオブジェクトを表示するか否かを、前記第２情報に基づいて制御する
ことを特徴とする項目１乃至５のいずれか１項目に記載の情報処理装置。
（項目７）
前記ＵＩオブジェクトは、対象デバイスについての詳細情報を示す表示オブジェクトであり、
前記第２情報は、前記対象デバイスについてのトナー残量情報とトナー残量に関連するアラート情報とを含み、
前記追加ＵＩオブジェクトは、トナー容器又はプロセスカートリッジの発注のために使用される表示オブジェクトであり、
前記ＵＩ部品は、前記ＵＩオブジェクト上に、前記アラート情報に基づいて、前記トナー残量情報に基づくトナー残量表示とともに前記追加ＵＩオブジェクトを表示するか否かを制御する
ことを特徴とする項目６に記載の情報処理装置。
（項目８）
前記ＵＩ部品は、トナー残量が少ないことを示すアラート情報が前記第２情報に含まれる場合に、前記トナー残量表示とともに前記追加ＵＩオブジェクトを表示する
ことを特徴とする項目７に記載の情報処理装置。
（項目９）
前記ＵＩ部品は、前記ＵＩオブジェクト上に表示される図又は表における領域ごとに、前記第１情報及び前記第２情報に基づいて、前記第１情報と前記第２情報とのいずれを表示するかを制御する
ことを特徴とする項目１乃至８のいずれか１項目に記載の情報処理装置。
（項目１０）
前記第１取得手段は、前記ＵＩ部品のソースコードを前記第３サーバから取得し、取得したソースコードに基づいて、前記Ｗｅｂサイトに実装される前記ＵＩ部品を生成する
ことを特徴とする項目１乃至９のいずれか１項目に記載の情報処理装置。
（項目１１）
前記第２取得手段は、前記第１サーバから取得した前記第１情報のうち、前記ＵＩ部品を使用するために必要となる情報を、前記ＵＩ部品へ入力する
ことを特徴とする項目１乃至１０のいずれか１項目に記載の情報処理装置。
（項目１２）
１つ以上のデバイスを管理するためのＷｅｂサイトを提供する第１サーバと、前記１つ以上のデバイスの状態をモニタリングして得られる情報を提供する第２サーバと、ＵＩ部品を提供する第３サーバと通信可能な情報処理装置の制御方法であって、
前記第１サーバによって提供される前記Ｗｅｂサイトへのログインに基づいて、前記ＷｅｂサイトのＵＩ画面を前記情報処理装置の表示部に表示する第１表示工程と、
前記ＷｅｂサイトのＵＩ画面として第１画面の表示を指示するユーザ操作に応じて、前記第１画面内にＵＩオブジェクトを表示するＵＩ部品を前記第３サーバに対して要求し、前記ＵＩ部品を前記第３サーバから取得する第１取得工程と、
前記Ｗｅｂサイトにログインしたユーザに対応する第１情報を、前記ＵＩ部品への入力のために前記第１サーバから取得する第２取得工程と、
前記ＵＩ部品によって表示される前記ＵＩオブジェクトを含む前記第１画面を、前記表示部に表示する第２表示工程と、を含み、
前記第２表示工程は、
前記ＵＩ部品が、前記第２サーバによって提供される第２情報を前記第２サーバに対して要求し、前記第２情報を前記第２サーバから取得する工程と、
前記ＵＩ部品が、前記ＵＩオブジェクト上で、前記第１サーバから取得された前記第１情報と前記第２サーバから取得された前記第２情報とのうち、一方の情報に基づいて他方の情報の表示を制御する工程と、を含む
ことを特徴とする情報処理装置の制御方法。
（項目１３）
項目１２に記載の情報処理装置の制御方法をコンピュータに実行させるためのプログラム。

発明は上記実施形態に制限されるものではなく、発明の精神及び範囲から離脱することなく、様々な変更及び変形が可能である。従って、発明の範囲を公にするために請求項を添付する。

１０１：ＵＩ部品管理サーバ、１０２：デバイス情報管理サーバ、１０３，１０４：顧客情報管理サーバ、１０５：情報端末、１０６：デバイス、２０１：ＣＰＵ、３０４：Ｗｅｂブラウザ、３０７：Ｗｅｂサイト、４０１：ＵＩ部品

Claims (13)

1. １つ以上のデバイスを管理するためのＷｅｂサイトを提供する第１サーバと、前記１つ以上のデバイスの状態をモニタリングして得られる情報を提供する第２サーバと、ＵＩ部品を提供する第３サーバと通信可能な情報処理装置であって、
   前記第１サーバによって提供される前記Ｗｅｂサイトへのログインに基づいて、前記ＷｅｂサイトのＵＩ画面を前記情報処理装置の表示部に表示する制御手段と、
   前記ＷｅｂサイトのＵＩ画面として第１画面の表示を指示するユーザ操作に応じて、前記第１画面内にＵＩオブジェクトを表示するＵＩ部品を前記第３サーバに対して要求し、前記ＵＩ部品を前記第３サーバから取得する第１取得手段と、
   前記Ｗｅｂサイトにログインしたユーザに対応する第１情報を、前記ＵＩ部品への入力のために前記第１サーバから取得する第２取得手段と、を備え、
   前記制御手段は、前記ＵＩ部品によって表示される前記ＵＩオブジェクトを含む前記第１画面を、前記表示部に表示し、
   前記ＵＩ部品は、
   前記第２サーバによって提供される第２情報を前記第２サーバに対して要求し、前記第２情報を前記第２サーバから取得し、
   前記ＵＩオブジェクト上で、前記第１サーバから取得された前記第１情報と前記第２サーバから取得された前記第２情報とのうち、一方の情報に基づいて他方の情報の表示を制御する
   ように構成されることを特徴とする情報処理装置。
2. 前記第１サーバから取得される前記第１情報は、前記Ｗｅｂサイトへログインしたユーザの認証情報を含み、
   前記ＵＩ部品は、前記認証情報を含む要求を前記第２サーバへ送信することで、前記第２情報を前記第２サーバから取得するように構成される
   ことを特徴とする請求項１に記載の情報処理装置。
3. 前記認証情報は、前記Ｗｅｂサイトへのログインに基づいて前記第１サーバによって生成されるアクセストークンを含む
   ことを特徴とする請求項２に記載の情報処理装置。
4. 前記ＵＩ部品は、前記第１情報に対して前記第２情報の関連付けを行い、前記第２情報のうち、前記第１情報と関連付けられた情報を前記ＵＩオブジェクト上に表示し、前記第１情報と関連付けられなかった情報を前記ＵＩオブジェクト上に表示しないように構成される
   ことを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
5. 前記第１情報及び前記第２情報は、それぞれ、デバイスごとの情報を含み、
   前記ＵＩオブジェクトは、１つ以上のデバイスと、それぞれのデバイスに対応する情報とを含むデバイスリストであり、
   前記ＵＩ部品は、
   前記第１情報及び第２情報にそれぞれ含まれる、デバイスのシリアル番号として同一のシリアル番号に対応する情報について関連付けを行い、
   前記関連付けに従って、デバイスごとに、前記デバイスリストに前記第１情報のみを表示するか前記第１情報及び前記第２情報を表示するかを制御する
   ことを特徴とする請求項４に記載の情報処理装置。
6. 前記第１情報は、前記ＵＩ部品によって表示される前記ＵＩオブジェクト上に表示すべき追加ＵＩオブジェクトを示す追加ＵＩ情報を含み、
   前記ＵＩ部品は、前記追加ＵＩ情報に基づいて前記ＵＩオブジェクト上に前記追加ＵＩオブジェクトを表示するか否かを、前記第２情報に基づいて制御する
   ことを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
7. 前記ＵＩオブジェクトは、対象デバイスについての詳細情報を示す表示オブジェクトであり、
   前記第２情報は、前記対象デバイスについてのトナー残量情報とトナー残量に関連するアラート情報とを含み、
   前記追加ＵＩオブジェクトは、トナー容器又はプロセスカートリッジの発注のために使用される表示オブジェクトであり、
   前記ＵＩ部品は、前記ＵＩオブジェクト上に、前記アラート情報に基づいて、前記トナー残量情報に基づくトナー残量表示とともに前記追加ＵＩオブジェクトを表示するか否かを制御する
   ことを特徴とする請求項６に記載の情報処理装置。
8. 前記ＵＩ部品は、トナー残量が少ないことを示すアラート情報が前記第２情報に含まれる場合に、前記トナー残量表示とともに前記追加ＵＩオブジェクトを表示する
   ことを特徴とする請求項７に記載の情報処理装置。
9. 前記ＵＩ部品は、前記ＵＩオブジェクト上に表示される図又は表における領域ごとに、前記第１情報及び前記第２情報に基づいて、前記第１情報と前記第２情報とのいずれを表示するかを制御する
   ことを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
10. 前記第１取得手段は、前記ＵＩ部品のソースコードを前記第３サーバから取得し、取得したソースコードに基づいて、前記Ｗｅｂサイトに実装される前記ＵＩ部品を生成する
    ことを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
11. 前記第２取得手段は、前記第１サーバから取得した前記第１情報のうち、前記ＵＩ部品を使用するために必要となる情報を、前記ＵＩ部品へ入力する
    ことを特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。
12. １つ以上のデバイスを管理するためのＷｅｂサイトを提供する第１サーバと、前記１つ以上のデバイスの状態をモニタリングして得られる情報を提供する第２サーバと、ＵＩ部品を提供する第３サーバと通信可能な情報処理装置の制御方法であって、
    前記第１サーバによって提供される前記Ｗｅｂサイトへのログインに基づいて、前記ＷｅｂサイトのＵＩ画面を前記情報処理装置の表示部に表示する第１表示工程と、
    前記ＷｅｂサイトのＵＩ画面として第１画面の表示を指示するユーザ操作に応じて、前記第１画面内にＵＩオブジェクトを表示するＵＩ部品を前記第３サーバに対して要求し、前記ＵＩ部品を前記第３サーバから取得する第１取得工程と、
    前記Ｗｅｂサイトにログインしたユーザに対応する第１情報を、前記ＵＩ部品への入力のために前記第１サーバから取得する第２取得工程と、
    前記ＵＩ部品によって表示される前記ＵＩオブジェクトを含む前記第１画面を、前記表示部に表示する第２表示工程と、を含み、
    前記第２表示工程は、
    前記ＵＩ部品が、前記第２サーバによって提供される第２情報を前記第２サーバに対して要求し、前記第２情報を前記第２サーバから取得する工程と、
    前記ＵＩ部品が、前記ＵＩオブジェクト上で、前記第１サーバから取得された前記第１情報と前記第２サーバから取得された前記第２情報とのうち、一方の情報に基づいて他方の情報の表示を制御する工程と、を含む
    ことを特徴とする情報処理装置の制御方法。
13. 請求項１２に記載の情報処理装置の制御方法をコンピュータに実行させるためのプログラム。

Images