特許 7511341 情報処理システム、情報処理システムの制御方法、及びプログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2024-06-27

(45)【発行日】2024-07-05

(54)【発明の名称】情報処理システム、情報処理システムの制御方法、及びプログラム

(51)【国際特許分類】

   G06F 3/0481 20220101AFI20240628BHJP

【ＦＩ】

G06F3/0481

【請求項の数】 9

(21)【出願番号】P 2019226357

(22)【出願日】2019-12-16

(65)【公開番号】P2021096567

(43)【公開日】2021-06-24

【審査請求日】2022-07-11

(73)【特許権者】

【識別番号】000233491

【氏名又は名称】株式会社日立システムズ

(74)【代理人】

【識別番号】110000176

【氏名又は名称】弁理士法人一色国際特許事務所

(72)【発明者】

【氏名】是木 玄太

(72)【発明者】

【氏名】前岡 淳

(72)【発明者】

【氏名】河合 克己

(72)【発明者】

【氏名】芳ケ迫 仁

【審査官】木内 康裕

(56)【参考文献】

【文献】特表２０１７－５１７０５９（ＪＰ，Ａ）

【文献】特開２０１２－１６００３４（ＪＰ，Ａ）

【文献】米国特許出願公開第２０１２／０１５９３１１（ＵＳ，Ａ１）

【文献】特開２０１０－０９２１２８（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ３／０１

Ｇ０６Ｆ ３／０４８ － ３／０４８９５

(57)【特許請求の範囲】

【請求項1】

第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、
前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、情報処理システムであって、
前記第１情報処理装置は、
前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定し、
前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信し、
前記第２情報処理装置は、前記表示部品ＩＤを受信し、前記表示データを前記表示部品ＩＤに対応づけて前記第１情報処理装置に送信し、
前記第１情報処理装置は、
前記表示データを受信し、
前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定し、
前記表示部品が前記現在表示領域に含まれるか否かを、前記表示部品の座標位置及びサイズを前記現在表示領域の座標位置及びサイズと照合することにより判定し、
前記現在表示領域に含まれると判定した前記表示部品である表示中部品について、前記表示中部品でない前記表示部品よりも優先して前記表示データが表示されるようにするための優先度を設定し、
前記優先度の高いものから順に前記表示部品を選択し、
選択した前記表示部品が前記表示中部品である場合、前記表示中部品の前記表示部品ＩＤが対応付けられている前記表示データを前記表示中部品に入力し、
前記ソースコードに基づき、前記表示部品の夫々の前記優先度の設定を行う処理と、前記優先度の高い前記表示部品に前記表示データを優先して入力する処理と、を実現するソースコードを含む修正ソースコードを生成し、生成した前記修正ソースコードに基づき生成される画面を前記表示装置に表示する、
情報処理システム。

【請求項2】

請求項１に記載の情報処理システムであって、
前記第１情報処理装置は、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信し、
前記第２情報処理装置は、前記データ仕様情報に準じた仕様の前記表示データを前記第１情報処理装置に送信する、
情報処理システム。

【請求項3】

請求項１に記載の情報処理システムであって、
前記第２情報処理装置は、前記画面としてＷｅｂページを前記第１情報処理装置に提供するＷｅｂサーバとして機能し、
前記第１情報処理装置は、前記ＷｅｂページをＷｅｂブラウザにより前記表示装置に表示し、
前記現在表示領域は、前記ＷｅｂページのうちＷｅｂブラウザが現在表示中の領域である、
情報処理システム。

【請求項4】

請求項３に記載の情報処理システムであって、
前記Ｗｅｂブラウザに対して前記画面のスクロール操作が行われたこと、又は前記Ｗｅｂブラウザに新たな前記ソースコードがロードされたことを契機として、前記表示部品についての前記優先度の設定を行う、
情報処理システム。

【請求項5】

請求項１に記載の情報処理システムであって、
前記ソースコードは、マークアップ言語を用いて記述されたコードと、スタイルシートにより記述されたコードと、を含む、
情報処理システム。

【請求項6】

第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、
前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、
情報処理システムの制御方法であって、
前記第１情報処理装置が、
前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定するステップ、及び、
前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信するステップを実行し、
前記第２情報処理装置が、前記表示部品ＩＤを受信し、前記表示データを前記表示部品ＩＤに対応づけて前記第１情報処理装置に送信するステップを実行し、
前記第１情報処理装置が、
前記表示データを受信するステップ、
前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定するステップ、
前記表示部品が前記現在表示領域に含まれるか否かを、前記表示部品の座標位置及びサイズを前記現在表示領域の座標位置及びサイズと照合することにより判定するステップ、
前記現在表示領域に含まれると判定した前記表示部品である表示中部品について、前記表示中部品でない前記表示部品よりも優先して前記表示データが表示されるようにするための優先度を設定するステップ、
前記優先度の高いものから順に前記表示部品を選択するステップ、
選択した前記表示部品が前記表示中部品である場合、前記表示中部品の前記表示部品ＩＤが対応付けられている前記表示データを前記表示中部品に入力するステップ、及び、
前記ソースコードに基づき、前記表示部品の夫々の前記優先度の設定を行う処理と、前記優先度の高い前記表示部品に前記表示データを優先して入力する処理と、を実現するソースコードを含む修正ソースコードを生成し、生成した前記修正ソースコードに基づき生成される画面を前記表示装置に表示するステップ、
を実行する、
情報処理システムの制御方法。

【請求項7】

請求項６に記載の情報処理システムの制御方法であって、
前記第１情報処理装置が、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信するステップ、
前記第２情報処理装置が、前記データ仕様情報に準じた仕様の前記表示データを前記第１情報処理装置に送信するステップ、
をさらに実行する、情報処理システムの制御方法。

【請求項8】

請求項１に記載の情報処理システムにおける前記第１情報処理装置に、
前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定する機能、
前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信する機能、
前記表示データを受信する機能、
前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定する機能、
前記現在表示領域に表示する前記表示部品である表示中部品を特定する機能、
前記表示部品が前記現在表示領域に含まれるか否かを、前記表示部品の座標位置及びサイズを前記現在表示領域の座標位置及びサイズと照合することにより判定する機能、
前記現在表示領域に含まれると判定した前記表示部品である表示中部品について、前記表示中部品でない前記表示部品よりも優先して前記表示データが表示されるようにするための優先度を設定する機能、
前記優先度の高いものから順に前記表示部品を選択する機能、
選択した前記表示部品が前記表示中部品である場合、前記表示中部品の前記表示部品ＩＤが対応付けられている前記表示データを前記表示中部品に入力する機能、及び、
前記ソースコードに基づき、前記表示部品の夫々の前記優先度の設定を行う処理と、前記優先度の高い前記表示部品に前記表示データを優先して入力する処理と、を実現するソースコードを含む修正ソースコードを生成し、生成した前記修正ソースコードに基づき生成される画面を前記表示装置に表示する機能、
を実現するためのプログラム。

【請求項9】

請求項８に記載のプログラムであって、
前記第１情報処理装置に、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信する機能、
を実現するためのプログラムを更に含むプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、情報処理システム、情報処理システムの制御方法、及びプログラムに関する。

【背景技術】

【0002】

特許文献１には、検索サービスに対するクエリの検索結果を画面に表示するためのロジックを容易に定義できるようにすることを目的として構成されたアプリケーション実行環境に関して記載されている。アプリケーションサーバは、検索サービスに対する検索条件を指定するためのクエリをアクション定義として記憶し、クライアント装置の要求によりアクション定義を取得し、アクション定義におけるクエリに基づき検索サービスから検索結果を取得し、処理結果としてクライアント装置へ送信する。クライアント装置は、アプリケーションサーバより送信された処理結果に従い、処理結果表示オブジェクトが配置された画面を表示する。

【先行技術文献】

【特許文献】

【0003】

【文献】特開２０１４－６３５２４号公報

【発明の概要】

【発明が解決しようとする課題】

【0004】

一般にＷｅｂシステムにおいては、多数のデータを表示するＷｅｂページがサーバ装置からクライアント装置に送られた際、クライアント装置側は送られてきたデータを一様に表示している。そのため、例えば、ユーザが参照しようとしているデータと異なるデータの表示処理が先行して行われた場合はＵＸ（User eXperience）が低下するという課題が
ある。

【0005】

特許文献１では、アクション定義として、ＲＥＳＴ方式のレスポンスデータのうちいずれの部分データ構成を利用するかを指定し、指定された部分データから取得されたデータ項目のうちいずれのデータ項目の値をいずれの処理結果オブジェクトに対応付けるかを指定する抽出式を設定することができる。しかし抽出式は予めユーザが設定しておく必要があり、実施化した場合はユーザの負担が大きい。

【0006】

本発明はこのような背景に鑑みてなされたものであり、ユーザに多数のデータを表示する画面を提供する際のＵＸ（User eXperience）を高めることが可能な、情報処理システ
ム、情報処理システムの制御方法、及びプログラムを提供することを目的とする。

【課題を解決するための手段】

【0007】

上記課題を解決するための本発明の一つは、第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、情報処理システムであって、前記第１情報処理装置は、前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定し、前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信し、前記第２情報処理装置は、前記表示部品ＩＤを受信し、前記表示データを前記表示部品ＩＤに対応づけて前記第１情報処理装置に送信し、前記第１情報処理装置は、前記表示データを受信し、前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定し、前記表示部品が前記現在表示領域に含まれるか否かを、前記表示部品の座標位置及びサイズを前記現在表示領域の座標位置及びサイズと照合することにより判定し、前記現在表示領域に含まれると判定した前記表示部品である表示中部品について、前記表示中部品でない前記表示部品よりも優先して前記表示データが表示されるようにするための優先度を設定し、前記優先度の高いものから順に前記表示部品を選択し、選択した前記表示部品が前記表示中部品である場合、前記表示中部品の前記表示部品ＩＤが対応付けられている前記表示データを前記表示中部品に入力し、前記ソースコードに基づき、前記表示部品の夫々の前記優先度の設定を行う処理と、前記優先度の高い前記表示部品に前記表示データを優先して入力する処理と、を実現するソースコードを含む修正ソースコードを生成し、生成した前記修正ソースコードに基づき生成される画面を前記表示装置に表示する。

【0008】

その他、本願が開示する課題、及びその解決方法は、発明を実施するための形態の欄、及び図面により明らかにされる。

【発明の効果】

【0009】

本発明によれば、ユーザに多数のデータを表示する画面を提供する際のＵＸ（User eXperience）を高めることができる。

【図面の簡単な説明】

【0010】

【図1】情報処理システムの概略的な構成を示す図である。

【図2】情報処理システムを構成する情報処理装置のハードウェア構成の一例である。

【図3】第１情報処理装置が備える主な機能を示す図である。

【図4】第２情報処理装置が備える主な機能を示す図である。

【図5】データ仕様表の一例である。

【図6】表示部品リストの一例である。

【図7】表示データの一例である。

【図8】入力データの一例である。

【図9】画面表示処理を説明するフローチャートである。

【図10】（ａ）はＨＴＭＬで記述されたソースコードの一例であり、（ｂ）はスタイルシート（ＣＳＳ）の一例である。

【図11】第１情報処理装置がＷｅｂブラウザに表示するＷｅｂページの例である。

【図12】優先度更新処理を説明するフローチャートである。

【図13】優先度管理表の一例である。

【図14】データ表示処理を説明するフローチャートである。

【図15】表示データの値を表示部品に代入する仕組みを説明する図である。

【発明を実施するための形態】

【0011】

以下、本発明の実施形態について図面を参照しつつ説明する。以下の説明において、同一の又は類似する構成について共通の符号を付して重複した説明を省略することがある。

【0012】

図１に一実施形態として説明する情報処理システム１の概略的な構成を示している。情報処理システム１は、一つ以上の第１情報処理装置１００と第２情報処理装置２００とを含む。第１情報処理装置１００及び第２情報処理装置２００は、通信ネットワーク５を介して通信可能に接続されている。通信ネットワーク５は、有線方式又は無線方式の通信基盤であり、例えば、ＷＡＮ（Wide Area Network）、ＬＡＮ（Local Area Network）、イ
ンターネット、専用線、公衆通信網等である。

【0013】

情報処理システム１は、例えば、Ｗｅｂシステムとして構成され、その場合、第２情報処理装置２００は、例えば、ＢｔｏＣシステムやＢｔｏＢシステム、ソフトウェア開発業務等の各種業務に関する機能を提供するＷｅｂアプリケーションが実行されるＷｅｂサーバとして機能し、また第１情報処理装置１００は、第２情報処理装置２００（Ｗｅｂサーバ）にアクセスするＷｅｂクライアントとして機能する。尚、以下の説明では、情報処理システム１がこのような構成を有している場合を例として説明する。

【0014】

第２情報処理装置２００は、第１情報処理装置１００に画面（以下、「Ｗｅｂページ」と称する。）を表示させるマークアップ言語やプログラム言語等の所定の言語（ＨＴＭＬ（HyperText Markup Language）、ＸＭＬ（eXtensible Markup Language）、ＣＳＳ（Cascading Style Sheets）、ＪａｖａＳｃｒｉｐｔ（登録商標）、ＴｙｐｅＳｃｒｉｐｔ等
）で記述されたソースコードを第１情報処理装置１００に送信する。第２情報処理装置２００は、データベースを備えており、Ｗｅｂページの表示に用いるデータ（以下、「表示データ」と称する。）を生成するためのデータを上記データベースから適宜取得し、取得したデータもしくは当該データに基づき生成したデータを表示データとして第１情報処理装置１００に送信する。第１情報処理装置１００は、第２情報処理装置２００からソースコードや表示データを受信し、受信したソースコードや表示データに基づくＷｅｂページをＷｅｂブラウザを介して表示する。第２情報処理装置２００及び第１情報処理装置１００は、上記表示データを含む各種のデータを、例えば、ＣＳＶ（comma-separated values）やＪＳＯＮ (JavaScript（登録商標） Object Notation)等の所定の記述形式で管理す
る。

【0015】

図２は、第１情報処理装置１００や第２情報処理装置２００の実現に用いる情報処理装置のハードウェア構成の一例である。同図に示すように、例示する情報処理装置１０は、プロセッサ１１、主記憶装置１２、補助記憶装置１３、入力装置１４、出力装置１５、及び通信装置１６を備える。これらは図示しないバス（bus）等の通信手段を介して通信可
能に接続されている。情報処理装置１０には、例えば、オペレーティングシステム、デバイスドライバ、ファイルシステム、ＤＢＭＳ（DataBase Management System）（リレーショナルデータベース、ＮｏＳＱＬ等）等が導入されていてもよい。情報処理装置１０は、例えば、デスクトップ型のパーソナルコンピュータ、オフィスコンピュータ、メインフレーム、移動通信端末（スマートフォン、タブレット、ウェアラブル端末、ノートブック型のパーソナルコンピュータ等である。情報処理装置１０は、例えば、クラウドシステムにより提供されるクラウドサーバのように仮想的な情報処理資源を用いて実現されるものであってもよい。

【0016】

プロセッサ１１は、例えば、ＣＰＵ（Central Processing Unit）、ＭＰＵ（Micro Processing Unit）、ＧＰＵ（Graphics Processing Unit）、ＡＩ（Artificial Intelligence）チップ、ＦＰＧＡ（Field Programmable Gate Array）、ＡＳＩＣ（Application Specific Integrated Circuit）等を用いて構成されている。

【0017】

主記憶装置１２は、プログラムやデータを記憶する装置であり、例えば、ＲＯＭ（Read
Only Memory）、ＲＡＭ（Random Access Memory）、不揮発性メモリ（ＮＶＲＡＭ（Non Volatile RAM））等である。補助記憶装置１３は、例えば、ＳＳＤ（Solid State Drive
）、ハードディスクドライブ、光学式記憶装置（ＣＤ（Compact Disc）、ＤＶＤ（Digital Versatile Disc）等）、ストレージシステム、ＩＣカード、ＳＤカードや光学式記録媒体等の記録媒体の読取／書込装置、クラウドサーバの記憶領域等である。補助記憶装置１３には、記録媒体の読取装置や通信装置１６を介してプログラムやデータを読み込むことができる。補助記憶装置１３に格納（記憶）されているプログラムやデータは主記憶装置１２に随時読み込まれる。

【0018】

入力装置１４は、外部からの入力を受け付けるインタフェースであり、例えば、キーボード、マウス、タッチパネル、カードリーダ、音声入力装置等である。出力装置１５は、処理経過や処理結果等の各種情報を出力するインタフェースである。出力装置１５は、例えば、上記の各種情報を可視化する表示装置（液晶モニタ、ＬＣＤ（Liquid Crystal Display）、グラフィックカード等）、上記の各種情報を音声化する装置（音声出力装置（スピーカ等））、上記の各種情報を文字化する装置（印字装置等）である。尚、例えば、情報処理装置１０が通信装置１６を介して他の装置（スマートフォン、タブレット、ノートブック型コンピュータ、各種携帯情報端末等）と情報の入力や出力を行う構成としてもよい。

【0019】

通信装置１６は、他の装置との間の通信を実現する。通信装置１６は、通信ネットワー
ク５を介した他の装置との間の通信を実現する無線方式又は有線方式の通信インタフェースであり、例えば、ＮＩＣ（Network Interface Card）、無線通信モジュール、ＵＳＢ（Universal Serial Bus）モジュール、シリアル通信モジュール等である。

【0020】

続いて、情報処理システム１において実現される主な機能について説明する。尚、以下に示す各機能を実現する主体は必ずしも限定されず、情報処理システム１のハードウェア構成、情報処理システム１の実現に用いられるマークアップ言語やプログラム言語の仕様等に応じて適宜変更され得る。

【0021】

図３に第１情報処理装置１００が備える主な機能を示す。同図に示すように、第１情報処理装置１００は、記憶部１１０、自動生成実行部１２０、ソースコード解析部１３０、優先度設定部１４０、データ選択表示部１５０、表示部品リスト生成部１６０、データ解析部１７０、及びプログラム実行部１８０の各機能を備える。これらの機能は、第１情報処理装置１００のプロセッサ１１が、主記憶装置１２に格納されているプログラムを実行することにより、もしくは、第１情報処理装置１００が備えるハードウェア（ＦＰＧＡ、ＡＳＩＣ等）により実現される。

【0022】

記憶部１１０は、優先度管理表１１１、及びデータ仕様表１１２（データ仕様情報）を記憶する。記憶部１１０は、例えば、ＤＢＭＳが提供するデータベースのテーブルや、ファイルシステムが提供するファイルとして、これらのデータを記憶する。

【0023】

自動生成実行部１２０は、後述する画面表示処理Ｓ９００を実行する。自動生成実行部１２０は、第２情報処理装置２００からソースコード２１１を取得し、取得したソースコード２１１を修正したソースコード（以下、「修正ソースコード２１２」と称する。）を生成し、生成した修正ソースコード２１２を第２情報処理装置２００に送信する。尚、自動生成実行部１２０による修正ソースコード２１２の生成は、例えば、第１情報処理装置１００が、第２情報処理装置２００が提供するＷｅｂサーバにアクセスした際に実行される。

【0024】

修正ソースコード２１２は、ソースコード２１１に基づくＷｅｂページに含まれている、表示データ２１５の表示機能を有する部品（以下、「表示部品」と称する。）に、各表示部品に設定された優先度に従って表示データ２１５を表示するための記述（後述する優先度更新処理Ｓ１２００及びデータ表示処理Ｓ１４００を実現するための記述）を含む。修正ソースコード２１２は、ソースコード２１１とは別のデータとして（例えば別のファイルとして）管理してもよいし、ソースコード２１１内に記述してもよい。

【0025】

ソースコード解析部１３０は、第２情報処理装置２００からソースコード２１１を取得し、取得したソースコード２１１を解析する。ソースコード解析部１３０は、例えば、修正ソースコード２１２の生成や、後述するデータ仕様表２１３及び表示部品リスト２１４の生成に際してソースコード２１１の解析を行う。

【0026】

優先度設定部１４０は、ソースコード２１１により表示される表示部品に優先度を設定する。優先度設定部１４０は、現在表示領域に表示される表示部品（以下、「表示中部品」と称する。）が優先されるように各表示部品に優先度を設定する。優先度設定部１４０は、設定した優先度を優先度管理表１１１に管理する。

【0027】

データ選択表示部１５０は、優先度管理表１１１に含まれる表示部品のうち、優先度の高いものから順に１つずつ表示部品を選択する。またデータ選択表示部１５０は、選択した表示部品が表示領域に含まれるか否かを判定する。またデータ選択表示部１５０は、選択した表示部品に表示する表示データ２１５を、当該表示部品（例えば、当該表示部品のＤＯＭ（Document Object Model）要素）に入力し、当該表示部品に表示データ２１５を
表示する。

【0028】

表示部品リスト生成部１６０は、ソースコード解析部１３０によるソースコード２１１の解析結果に基づき、表示部品リスト２１４を生成する。表示部品リスト生成部１６０は、ソースコード２１１に含まれている表示部品の識別子（以下、「表示部品ＩＤ」と称する。）の一覧を表示部品リスト２１４として生成する。

【0029】

データ解析部１７０は、第２情報処理装置２００から送られてくる表示データ２１５を受信して解析する。表示データ２１５は、第２情報処理装置２００が予め記憶してなくてもよく、例えば、第１情報処理装置１００から受信したクエリに応じて第２情報処理装置２００が生成するものでもよい。

【0030】

プログラム実行部１８０は、後述する優先度更新処理Ｓ１２００やデータ表示処理Ｓ１４００を実行する。

【0031】

図４に第２情報処理装置２００が備える主な機能を示す。同図に示すように、第２情報処理装置２００は、記憶部２１０、ソースコード管理部２２０、データ仕様表管理部２３０、表示部品リスト管理部２４０、データ設定送信部２５０、入力データ管理部２６０、及びデータ管理部２７０の各機能を備える。これらの機能は、第２情報処理装置２００のプロセッサ１１が、主記憶装置１２に格納されているプログラムを実行することにより、もしくは、第２情報処理装置２００が備えるハードウェア（ＦＰＧＡ、ＡＳＩＣ等）により実現される。

【0032】

記憶部２１０は、ソースコード２１１、修正ソースコード２１２、データ仕様表２１３、表示部品リスト２１４、表示データ２１５、及び入力データ２１６を記憶する。記憶部１１０は、例えば、ＤＢＭＳが提供するデータベースのテーブルや、ファイルシステムが提供するファイルとして、これらのデータを記憶する。

【0033】

ソースコード管理部２２０は、ソースコード２１１や修正ソースコード２１２を管理（記憶）し、これらを第１情報処理装置１００に随時送信する。

【0034】

データ仕様表管理部２３０は、第１情報処理装置１００から送られてくるデータ仕様表２１３を管理する。データ仕様表２１３は、第２情報処理装置２００が、ソースコード２１１や修正ソースコード２１２により表示する画面に表示する表示データ２１５について要求される当該表示データ２１５についての仕様を規定する情報を含む。

【0035】

図５にデータ仕様表２１３の一例を示す。例示するデータ仕様表２１３には、表示部品ＩＤ２１３１に対応づけて、当該表示部品ＩＤ２１３１で特定される表示部品が表示するデータについて要求される仕様２１３２が管理される。例示するデータ仕様表２１３では、表示部品ＩＤが「i1」の表示部品に表示するデータについては最大長が「10」である（入力可能な最大文字数が１０である）こと、表示部品ＩＤが「i2」の表示部品に表示するデータについては半角英数（入力できる文字は半角英数であること）であることが管理されている。

【0036】

図４に戻り、表示部品リスト管理部２４０は、第１情報処理装置１００から送られてくる表示部品リスト２１４を受信して管理（記憶）する。

【0037】

図６に表示部品リスト２１４の一例を示す。例示する表示部品リスト２１４は、ソースコード２１１から取得された表示部品の表示部品ＩＤの一覧が記載されている。本例では、表示部品ＩＤとして「i1」、「i2」、「i3」が記載されている。

【0038】

図４に戻り、データ設定送信部２５０は、表示部品リスト２１４に記述されている表示部品の夫々に表示するデータをデータ管理部２７０から取得し、取得したデータ又は当該データに基づき生成したデータをデータ仕様表２１３に従った形式に加工することにより表示データ２１５を生成し、生成した表示データ２１５を第１情報処理装置１００に送信
する。

【0039】

図７に表示データ２１５の一例を示す。本例では、表示部品に表示するデータの内容２１５２を表示部品ＩＤ２１５１に対応づけた情報を含む。

【0040】

図４に戻り、入力データ管理部２６０は、第１情報処理装置１００を介してユーザが入力したデータである入力データ２１６を管理する。ユーザは、例えば、システム開発時にテストデータとして入力データ２１６を入力する。

【0041】

図８に入力データ２１６の一例を示す。入力データ２１６は、ヘッダの表示部品ＩＤ２１６１の夫々に対応づけられた、ユーザが入力した一つ以上のデータ２１６２を含む。例示する入力データ２１６には、表示部品ＩＤ２１６１「i1」、「i2」、「i3」の夫々に対応づけてデータ２１６２「鈴木」、「東京都」、「男」と、データ２１６２「山田」、「神奈川県」、「女」が記載されている。

【0042】

図４に戻り、データ管理部２７０は、データ設定送信部２５０が表示データ２１５の生成に際して用いるデータをデータベースに管理する。

【0043】

＜処理説明＞
続いて、情報処理システム１において行われる各種の処理について説明する。

【0044】

図９は、第１情報処理装置１００が第２情報処理装置２００から送られてくるソースコード２１１に基づきＷｅｂページを表示する際に行う処理（以下、「画面表示処理Ｓ９００」と称する。）を説明するフローチャートである。以下、同図とともに画面表示処理Ｓ９００について説明する。尚、以下の説明において、ソースコード２１１は予め作成されているものとする。

【0045】

まず第１情報処理装置１００の自動生成実行部１２０が、第２情報処理装置２００にＷｅｂページのリクエストを送信し（Ｓ９１１）、第２情報処理装置２００からＷｅｂページのソースコード２１１を取得（受信）する（Ｓ９１２）。

【0046】

図１０にソースコード２１１の一例を示す。図１０（ａ）はＨＴＭＬで記述されたソースコード２１１の一例であり、図１０（ｂ）はスタイルシート（ＣＳＳ）の一例である。また図１１に、図１０に示したソースコード２１１に基づき第１情報処理装置１００がＷｅｂブラウザ７１１に表示するＷｅｂページを示す。

【0047】

図９に戻り、続いて、第１情報処理装置１００のソースコード解析部１３０が、Ｓ９１２で取得したソースコード２１１を解析する（Ｓ９１３）。

【0048】

続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき、修正ソースコード２１２を生成する（Ｓ９１４）。

【0049】

続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき、ソースコード２１１に記述されている表示部品のデータ仕様表２１３を生成し、生成したデータ仕様表２１３を第２情報処理装置２００に送信する（Ｓ９１５）。自動生成実行部１２０は、例えば、ソースコード２１１に記述されている表示部品の定義文等から各表示部品に表示される表示データ２１５の仕様に関する情報を取得する。

【0050】

続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき表示部品リスト２１４を生成し、生成した表示部品リスト２１４を第２情報処理装置２００に送信する（Ｓ９１
６）。

【0051】

続いて、自動生成実行部１２０が、表示部品に表示する表示データ２１５（例えば、図８に示す入力データ２１６）を受け付け、受け付けた入力データ２１６を第２情報処理装置２００に送信する（Ｓ９１７）。第２情報処理装置２００は、入力データ２１６を受信すると、受信した入力データ２１６に基づく表示データ２１５を生成してソースコード２１１とともに第１情報処理装置１００に送信する。尚、当該処理は、ユーザがテストデータを入力する場合を想定した処理であるので省略してもよい。

【0052】

続いて、プログラム実行部１８０が修正ソースコード２１２を実行する（Ｓ９１８）。

【0053】

続いて、自動生成実行部１２０が、ユーザから終了操作（例えば、Ｗｅｂブラウザを閉じる操作、現在表示中のＷｅｂページとは別のＷｅｂページを表示するための操作等）が行われたか否かを判定する（Ｓ９１９）。終了操作が行われている場合（Ｓ９１９：ＹＥＳ）、画面表示処理Ｓ９００は終了する。終了操作が行われていない場合（Ｓ９１９：ＮＯ）、処理はＳ９１８に戻る。

【0054】

図１２は、修正ソースコード２１２を実行することにより実現される処理（以下、「優先度更新処理Ｓ１２００」と称する。）を説明するフローチャートである。優先度更新処理Ｓ１２００は、例えば、ユーザがマウスでＷｅｂブラウザに対してスクロール操作を行ったことや、Ｗｅｂブラウザに画面がロードされたことを契機として実行される。以下、同図とともに優先度更新処理Ｓ１２００について説明する。

【0055】

まず第１情報処理装置１００のソースコード解析部１３０が修正ソースコード２１２を解析する（Ｓ１２１１）。

【0056】

続いて、優先度設定部１４０が現在表示領域に関する情報（現在表示領域の座標位置やサイズ等）を取得する（Ｓ１２１２）。

【0057】

続いて、優先度設定部１４０が修正ソースコード２１２に記述されている表示部品の一つを選択する（Ｓ１２１３）。例えば、図１０の例では、３つの表示部品「input」につ
いての記述があるが、優先度設定部１４０はこれらのうちの一つを選択する。

【0058】

続いて、優先度設定部１４０が、Ｓ１２１３で選択した表示部品が現在表示領域に含まれるか否かを判定する（Ｓ１２１４）。選択した表示部品が現在表示領域に含まれる場合（Ｓ１２１４：ＹＥＳ）、処理はＳ１２１５に進む。選択した表示部品が現在表示領域に含まれない場合（Ｓ１２１４：ＮＯ）、処理はＳ１２１６に進む。

【0059】

尚、例えば、ソースコード２１１がＪａｖａＳｃｒｉｐｔ（登録商標）で記述されている場合、優先度設定部１４０は、例えば、現在表示領域の幅を「document.documentElement.clientWidth」関数により、現在表示領域の高さを「document.documentElement.clientHeight」関数により、現在表示領域の左上のx座標を「window.pageXOffset」関数により、現在表示領域の左上のy座標を「window.pageYOffset」関数により、夫々取得し、取得
した情報を用いて各表示部品が現在表示領域に含まれているか否かを判定する。

【0060】

Ｓ１２１５では、優先度設定部１４０が、Ｓ１２１３で選択した表示部品に対応する優先度管理表１１１の優先度を高める設定（例えば、優先度に＋１を加算する）を行う。

【0061】

図１３に優先度管理表１１１の一例を示す。同図に示すように、優先度管理表１１１には、表示部品ＩＤ１１１１に対応づけて優先度１１１２が管理される。例示する優先度管
理表１１１では、表示部品ＩＤ１１１１が「i1」の表示部品について優先度１１１２「1
」が、表示部品ＩＤ１１１１が「i2」の表示部品について優先度１１１２「5」が、表示
部品ＩＤ１１１１「i3」の表示部品について優先度１１１２「3」が、夫々設定されてい
る。

【0062】

ここで図１１の例では、Ｗｅｂページが表示部品ＩＤが「i1」、「i2」、「i3」の表示部品を含むが、現在表示領域７１２には、表示部品ＩＤが「i2」、「i3」の表示部品のみが表示されている。一方、図１０（ａ）に示すように、ソースコード２１１には「input
タグ」が３つ記述されていることから当該Ｗｅｂページには３つの表示部品が記述されていることがわかるが、いずれの表示部品が現在表示領域に含まれるかについてはソースコード２１１を解析するだけでは判定することができず、当該判定を行うには図１０（ｂ）に示すソースコード２１１（スタイルシート）を参照する必要もある。ここで図１０（ｂ）のソースコード２１１は、表示部品ＩＤが「i2」の表示部品のスタイルを定義しており、当該ソースコード２１１のサイズ情報や位置情報からＷｅｂページに記述されている各表示部品が現在表示領域に含まれるか否かを判定することができる。本例では、表示部品ＩＤが「i2」の表示部品はのx座標は「100px」、y座標は「100px」、幅は「300px」、高
さは「100px」であり、これらをＳ１２１２で取得した現在表示領域の情報と照合するこ
とにより、Ｗｅｂページに記述されている各表示部品が現在表示領域に含まれるか否かを判定することができる。

【0063】

図１２に戻り、Ｓ１２１６では、Ｗｅｂページ（ソースコード２１１）に記述されている表示部品のうちＳ１２１３で未選択ものがあるか否かを判定する。未選択の表示部品があれば（Ｓ１２１６：ＹＥＳ）、Ｓ１２１３に戻る。未選択の表示部品がなければ（Ｓ１２１６：ＮＯ）、優先度更新処理Ｓ１２００は終了する。尚、例えば、ユーザがＷｅｂブラウザのスクロールバーを移動させるか、もしくは、マウススクロール操作を行う等して現在表示領域に表示される表示部品が変更されると、優先度更新処理Ｓ１２００が再度起動して優先度管理表１１１の内容が更新される。

【0064】

図１４は、修正ソースコード２１２を実行することにより実現される処理の一つ（以下、「データ表示処理Ｓ１４００」と称する。）を説明するフローチャートである。データ表示処理Ｓ１４００は、第２情報処理装置２００から表示データ２１５を受信したこと（例えば、ユーザがＷｅｂページに対して行った操作に応じて第２情報処理装置２００にクエリが送信され、これに応じて第２情報処理装置２００が返答してきた表示データ２１５を第１情報処理装置１００が受信したこと）を契機として開始される。以下、同図とともにデータ表示処理Ｓ１４００について説明する。

【0065】

第１情報処理装置１００のデータ解析部１７０は、第２情報処理装置２００から表示データ２１５を受信すると（Ｓ１４１１）、受信した表示データ２１５を解析する（Ｓ１４１２）。

【0066】

続くＳ１４１３～Ｓ１４１６のループ処理では、第１情報処理装置１００のデータ選択表示部１５０が、各回のループ処理で、優先度管理表１１１に含まれている表示部品を優先度の高いものから順に１つずつ選択する。

【0067】

Ｓ１４１４では、データ選択表示部１５０が、選択中の表示部品が現在表示領域に含まれるか否かを判定する。選択中の表示部品が現在表示領域に含まれる場合（Ｓ１４１４：ＹＥＳ）、処理はＳ１４１５に進む。選択中の表示部品が現在表示領域に含まれない場合（Ｓ１４１４：ＮＯ）、処理はＳ１４１６に進む。

【0068】

Ｓ１４１５では、データ選択表示部１５０が、Ｓ１４１１で受信した表示データ２１５
のうち選択中の表示部品に対応する表示データ２１５を表示部品に入力（例えば、ＤＯＭに代入）する。これにより当該表示部品に表示データ２１５が表示される。例えば、図１３に例示した優先度管理表１１１に格納されている表示部品のうち、優先度の最も高いものは表示部品ＩＤが「i2」の表示部品であり、例えば、この表示部品が表示領域に含まれている場合、受信した表示データ２１５の対応するキー（key）を左辺として、また当該
表示データ２１５の値（Value）を右辺として、選択中の表示部品（ＤＯＭ）に代入する
。例えば、Ｓ１４１１で図７の表示データ２１５を受信した場合、例えば、図１５に示すように表示データ２１５の値をＤＯＭに代入する。尚、同図に示す変数「i2」はＪａｖａＳｃｒｉｐｔ（登録商標）内で既に定義されている変数であり、図１０に示すソースコード２１１に記述されている「i2」と対応づけられている。つまり変数「i2」に表示データ２１５の値を代入することは、Ｗｅｂブラウザに表示されている表示部品「インプット(i2)」に表示データ２１５の値を表示することを意味する。

【0069】

以上に説明したように、本実施形態の情報処理システム１においては、ソースコード２１１により表示される画面（Ｗｅｂページ）のうち、現在表示領域に表示されている表示部品である表示中部品に、表示中部品以外の表示部品よりも優先して表示データ２１５が表示される。そのため、ユーザが参照しようとしている表示データ２１５が優先して表示され、ＵＸ（User eXperience）を高めることができる。

【0070】

また本実施形態の情報処理システム１においては、優先度管理表１１１が自動的に更新されるので、抽出式等を事前に設定しておく必要がなく、ユーザの負担が少ない。

【0071】

また第１情報処理装置１００及び第２情報処理装置２００は、表示データを表示部品ＩＤと対応づけて管理するので、本実施形態の仕組みはソースコード２１１に記述されている表示部品ＩＤを用いて簡素な方法で実現することができる。

【0072】

尚、本発明は上記した実施例に限定されるものではなく、様々な変形例が含まれる。また例えば、上記した実施例は本発明を分かりやすく説明するために構成を詳細に説明したものであり、必ずしも説明した全ての構成を備えるものに限定されるものではない。また各実施例の構成の一部について、他の構成に追加、削除、置換することが可能である。

【0073】

また上記の各構成、機能、処理部、処理手段等は、それらの一部又は全部を、例えば集積回路で設計する等によりハードウェアで実現してもよい。また本発明は、実施例の機能を実現するソフトウェアのプログラムコードによっても実現できる。この場合、プログラムコードを記録した記憶媒体を情報処理装置（コンピュータ）に提供し、その情報処理装置が備えるプロセッサが記憶媒体に格納されたプログラムコードを読み出す。この場合、記憶媒体から読み出されたプログラムコード自体が前述した実施例の機能を実現することになり、そのプログラムコード自体、及びそれを記憶した記憶媒体は本発明を構成することになる。このようなプログラムコードを供給するための記憶媒体としては、例えば、フレキシブルディスク、ＣＤ-ＲＯＭ、ＤＶＤ-ＲＯＭ、ハードディスク、ＳＳＤ（Solid State Drive）、光ディスク、光磁気ディスク、ＣＤ-Ｒ、磁気テープ、不揮発性のメモリカード、ＲＯＭなどが用いられる。

【0074】

上述の実施例において、制御線や情報線は、説明上必要と考えられるものを示しており、製品上必ずしも全ての制御線や情報線を示しているとは限らない。全ての構成が相互に接続されていてもよい。

【符号の説明】

【0075】

１ 情報処理システム、５ 通信ネットワーク、１００ 第１情報処理装置、１１０ 記憶部、１１１ 優先度管理表、１２０ 自動生成実行部、１３０ ソースコード解析部、
１４０ 優先度設定部、１５０ データ選択表示部、１６０ 表示部品リスト生成部、１７０ データ解析部、１８０ プログラム実行部、２００ 第２情報処理装置、２１０ 記憶部、２１１ ソースコード、２１２ 修正ソースコード、２１３ データ仕様表、２１４ 表示部品リスト、２１５ 表示データ、２１６ 入力データ、２２０ ソースコード管理部、２３０ データ仕様表管理部、２４０ 表示部品リスト管理部、２５０ データ設定送信部、２６０ 入力データ管理部、２７０ データ管理部、Ｓ９００ 画面表示処理、Ｓ１２００ 優先度更新処理、Ｓ１４００ データ表示処理

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】