(57)【要約】【課題】手間なく２形式に対応したデータを作成できるシステムの提供。【解決手段】ブラウザ部は、パラメタで第１形式を指定したHTTPリクエストを送り、受信した第１形式のHTTPレスポンスに基づき画面を表示する全画面表示用I/Fと、パラメタで第２形式を指定したHTTPリクエストを送り、受信した第２形式のHTTPレスポンスに基づき画面を更新する動的更新用I/Fを含み、サーバのデータ作成部は、ブラウザ画面上で更新を行うデータを作成し、全画面用データとして出力し、判断部は、Webサーバ部で受信されたHTTPリクエストのパラメタで第２形式が指定されているかを判断し、データ変換部は、全画面用データを第２形式に変換して出力し、HTML作成部は、全画面用データを用いて第１形式のWebページを出力し、Webサーバ部は、受信したHTTPリクエストに含まれるパラメタに応じ、第１形式又は第２形式のデータを、HTTPレスポンスとして返信する。【選択図】図４
2019061611.tif 000002
【特許請求の範囲】
【請求項１】
ネットワーク接続された、ＷｅｂサーバーとＷｅｂブラウザとを含み、
前記Ｗｅｂブラウザは、
前記Ｗｅｂサーバーと通信可能な第１の通信部と、
Ｗｅｂブラウザ部とを備え、
前記Ｗｅｂブラウザ部は、
前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する全画面表示用インターフェースと、
前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新する動的更新部更新用インターフェースと
を含み、
前記Ｗｅｂサーバーは、
前記Ｗｅｂブラウザと通信可能な第２の通信部と、
全画面表示用データ作成部と、
判断部と、
データ変換部と、
テンプレート部と、
ＨＴＭＬ作成部と、
Ｗｅｂサーバー部と
を備え、
前記全画面表示用データ作成部は、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、
前記判断部は、前記Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、前記データ変換部を呼び出し、指定されていない場合、前記ＨＴＭＬ作成部を呼び出し、
前記データ変換部は、前記全画面表示用データを前記第２の形式に変換して出力し、
前記テンプレート部は、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、
前記ＨＴＭＬ作成部は、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、
前記Ｗｅｂサーバー部は、前記Ｗｅｂブラウザ部から受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する
情報処理システム。
【請求項２】
請求項１に記載の情報処理システムであって、
前記第１の形式は、ＨＴＭＬ形式である
情報処理システム。
【請求項３】
請求項１または２に記載の情報処理システムであって、
前記第２の形式は、ＪＳＯＮ形式である
情報処理システム。
【請求項４】
ＷｅｂブラウザとＷｅｂサーバーとを備えた画像形成装置であって、
前記Ｗｅｂブラウザは、
前記Ｗｅｂサーバー部と通信可能な第１の通信部と、
Ｗｅｂブラウザ部とを備え、
前記Ｗｅｂブラウザ部は、
前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する全画面表示用インターフェースと、
前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新する動的更新部更新用インターフェースと
を含み、
前記Ｗｅｂサーバーは、
前記Ｗｅｂブラウザと通信可能な第２の通信部と、
全画面表示用データ作成部と、
判断部と、
データ変換部と、
テンプレート部と、
ＨＴＭＬ作成部と、
Ｗｅｂサーバー部と
を備え、
前記全画面表示用データ作成部は、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、
前記判断部は、前記Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、前記データ変換部を呼び出し、指定されていない場合、前記ＨＴＭＬ作成部を呼び出し、
前記データ変換部は、前記全画面表示用データを前記第２の形式に変換して出力し、
前記テンプレート部は、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、
前記ＨＴＭＬ作成部は、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、
前記Ｗｅｂサーバー部は、前記Ｗｅｂブラウザ部から受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する
画像形成装置。
【請求項５】
ＷｅｂサーバーとＷｅｂブラウザとを含んだ情報処理システムにおける情報処理方法であって、
前記Ｗｅｂブラウザの全画面表示用インターフェースが、前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示し、
前記Ｗｅｂブラウザの動的更新部更新用インターフェースが、前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新し、
前記Ｗｅｂサーバーの全画面表示用データ作成部が、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、
前記Ｗｅｂサーバーの判断部が、Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、データ変換部を呼び出し、指定されていない場合、ＨＴＭＬ作成部を呼び出し、
前記Ｗｅｂサーバーの前記データ変換部が、前記全画面表示用データを前記第２の形式に変換して出力し、
前記Ｗｅｂサーバーのテンプレート部が、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、
前記Ｗｅｂサーバーの前記ＨＴＭＬ作成部が、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、
前記Ｗｅｂサーバーの前記Ｗｅｂサーバー部が、前記Ｗｅｂブラウザから受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する
情報処理方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、Ｗｅｂアプリケーションを稼働させる情報処理システム、画像形成装置、および情報処理方法に関する。
【背景技術】
【０００２】
近年、ＷｅｂサーバーとＷｅｂブラウザを連携させたＷｅｂアプリケーションにより、業務をシステム化することが行われるようになってきた。
【０００３】
例えば、画像形成装置（ＭＦＰ、Multifunction Peripheral）内にも、ＷｅｂサーバーとＷｅｂブラウザを設けてＷｅｂアプリケーションを構築するようになってきた（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１１−５５０７５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかし、これまでのＷｅｂアプリケーションでは、Ｗｅｂブラウザが表示するブラウザ画面において、静的に更新される全画面のうち、一部を動的に更新する場合など、Ｗｅｂサーバー側で、静的更新に対応したプログラムと、動的更新に対応したプログラムとをそれぞれ実装する必要があった。
【０００６】
より具体的には、静的更新を行う際に使うＨＴＭＬ（Hyper Text Markup Language）形式のデータを作成するプログラム（Java Servlet、Javaは登録商標）と、動的更新を行う例えばリスト部に表示するデータを容易に解釈できるようにするために用いられるＪＳＯＮ（JavaScript Object Notation）形式のデータを作成するプログラムとを別々に作成し、実装する必要があり、開発者の手間になっていた。
【０００７】
以上のような事情に鑑み、本発明の目的は、手間をかけずに、２つの形式に対応したデータを作成できる情報処理システム、画像形成装置、および情報処理方法を提供することにある。
【課題を解決するための手段】
【０００８】
上記目的を達成するため、本発明の一形態に係る情報処理システムは、ネットワーク接続された、ＷｅｂサーバーとＷｅｂブラウザとを含み、前記Ｗｅｂブラウザは、前記Ｗｅｂサーバーと通信可能な第１の通信部と、Ｗｅｂブラウザ部とを備え、前記Ｗｅｂブラウザ部は、前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する全画面表示用インターフェースと、前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新する動的更新部更新用インターフェースとを含み、前記Ｗｅｂサーバーは、前記Ｗｅｂブラウザと通信可能な第２の通信部と、全画面表示用データ作成部と、判断部と、データ変換部と、テンプレート部と、ＨＴＭＬ作成部と、Ｗｅｂサーバー部とを備え、前記全画面表示用データ作成部は、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、前記判断部は、前記Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、前記データ変換部を呼び出し、指定されていない場合、前記ＨＴＭＬ作成部を呼び出し、前記データ変換部は、前記全画面表示用データを前記第２の形式に変換して出力し、前記テンプレート部は、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、前記ＨＴＭＬ作成部は、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、前記Ｗｅｂサーバー部は、前記Ｗｅｂブラウザ部から受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する。
【０００９】
そのため、手間をかけずに、２つの形式に対応したデータを作成できる。
【００１０】
上記目的を達成するため、本発明の一形態に係る情報処理システムでは、前記第１の形式は、ＨＴＭＬ形式であってもよい。
【００１１】
上記目的を達成するため、本発明の一形態に係る情報処理システムでは、前記第２の形式は、ＪＳＯＮ形式であってもよい。
【００１２】
上記目的を達成するため、本発明の一形態に係る画像形成装置は、ＷｅｂブラウザとＷｅｂサーバーとを備えた画像形成装置であって、前記Ｗｅｂブラウザは、前記Ｗｅｂサーバー部と通信可能な第１の通信部と、Ｗｅｂブラウザ部とを備え、前記Ｗｅｂブラウザ部は、前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する全画面表示用インターフェースと、前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新する動的更新部更新用インターフェースとを含み、前記Ｗｅｂサーバーは、前記Ｗｅｂブラウザと通信可能な第２の通信部と、全画面表示用データ作成部と、判断部と、データ変換部と、テンプレート部と、ＨＴＭＬ作成部と、Ｗｅｂサーバー部とを備え、前記全画面表示用データ作成部は、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、前記判断部は、前記Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、前記データ変換部を呼び出し、指定されていない場合、前記ＨＴＭＬ作成部を呼び出し、前記データ変換部は、前記全画面表示用データを前記第２の形式に変換して出力し、前記テンプレート部は、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、前記ＨＴＭＬ作成部は、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、前記Ｗｅｂサーバー部は、前記Ｗｅｂブラウザ部から受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する。
【００１３】
上記目的を達成するため、本発明の一形態に係る情報処理方法は、ＷｅｂサーバーとＷｅｂブラウザとを含んだ情報処理システムにおける情報処理方法であって、前記Ｗｅｂブラウザの全画面表示用インターフェースが、前記Ｗｅｂサーバーに対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示し、前記Ｗｅｂブラウザの動的更新部更新用インターフェースが、前記Ｗｅｂサーバーに対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新し、前記Ｗｅｂサーバーの全画面表示用データ作成部が、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、前記Ｗｅｂサーバーの判断部が、Ｗｅｂサーバー部で受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、データ変換部を呼び出し、指定されていない場合、ＨＴＭＬ作成部を呼び出し、前記Ｗｅｂサーバーの前記データ変換部が、前記全画面表示用データを前記第２の形式に変換して出力し、前記Ｗｅｂサーバーのテンプレート部が、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部に提供し、前記Ｗｅｂサーバーの前記ＨＴＭＬ作成部が、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、前記Ｗｅｂサーバーの前記Ｗｅｂサーバー部が、前記Ｗｅｂブラウザから受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部の出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部の出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する。
【発明の効果】
【００１４】
以上のように、本発明によれば、手間をかけずに、２つの形式に対応したデータを作成できる。
【図面の簡単な説明】
【００１５】
【図１】本発明の一実施形態に係る情報処理システム１００の全体構成図である。
【図２】Ｗｅｂブラウザ２０の表示部に表示されるブラウザ画面の例を示す図である。
【図３】典型的な技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を示す図である。
【図４】本発明の技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を示す図である。
【図５】Ｗｅｂサーバー１０がコンピューターにより構成される場合の構成図である。
【図６】Ｗｅｂブラウザ２０がコンピューターにより構成される場合の構成図である。
【図７】Ｗｅｂサーバー１０における処理の流れについて説明するためのフローチャートである。
【発明を実施するための形態】
【００１６】
以下、図面を参照しながら、本発明の実施形態を説明する。
【００１７】
［全体構成］
最初に、本発明の一実施形態に係る情報処理システム１００の全体構成を説明する。図１は、本発明の一実施形態に係る情報処理システム１００の全体構成図である。
【００１８】
情報処理システム１００は、ネットワーク接続されたＷｅｂサーバー１０とＷｅｂブラウザ２０とを含んで構成される。Ｗｅｂサーバー１０およびＷｅｂブラウザ２０の各々としては、例えば、Ｐｅｒｓｏｎａｌ  Ｃｏｍｐｕｔｅｒ（ＰＣ）、スマートフォン等のモバイル端末装置、及びＭｕｌｔｉｆｕｎｃｔｉｏｎ  Ｐｅｒｉｐｈｅｒａｌ（ＭＦＰ）等の画像形成装置が挙げられる。なお、Ｗｅｂサーバー１０とＷｅｂブラウザ２０とがソケット通信を行い、画像形成装置内に組み込まれ内蔵されている構成でもよい。
【００１９】
Ｗｅｂブラウザ２０から送信されたＨＴＴＰ（Hypertext Transfer Protocol）リクエストに対し、Ｗｅｂサーバー１０がＨＴＴＰレスポンスを返す形でＷｅｂアプリケーションが構築されている。
【００２０】
以上、本発明の一実施形態に係る情報処理システム１００の全体構成を説明した。
【００２１】
［Ｗｅｂブラウザの画面例］
次に、上述したＷｅｂブラウザ２０の表示部に表示されるブラウザ画面の例を説明する。図２は、Ｗｅｂブラウザ２０の表示部に表示されるブラウザ画面の例を示す図である。
【００２２】
ブラウザ画面の左側、"タイトル：ファイル一覧画面"の部分と、"更新日時：2017/XX/XX 12:XX"の部分とをここでは固定部（静的更新部）と呼ぶことにする。
【００２３】
また、ブラウザ画面の右側、"ファイル名称"の下にある具体的なファイル名（Aaa.jpg,Bbb.jpg,Ccc.pdf）の部分をリスト部（動的更新部）と呼ぶ。
【００２４】
最初、静的更新部および動的更新部は、Ｗｅｂサーバーから来た全画面表示用のHTMLデータにより描画される。
【００２５】
そして、動的更新部だけがＡｊａｘ（Asynchronous JavaScript + XML）により部分的に更新される。なお、本例では、リスト部に表示されるファイル名は、Ｗｅｂサーバー１０上に存在するファイルの名称であり、リストに表示されるファイルは消去されたり、生成されたりして動的に変化しているものとする。
【００２６】
なお、本例では、動的更新部のデータは、JSON形式でＷｅｂサーバーから提供されるものとする。
【００２７】
以上、上述したＷｅｂブラウザ２０の表示部に表示されるブラウザ画面の例を説明した。
【００２８】
［典型的な技術での構成］
次に、典型的な技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を説明する。図３は、典型的な技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を示す図である。
【００２９】
まず、Ｗｅｂブラウザ内の全画面表示用インターフェースが、Ｗｅｂサーバーに対しＨＴＴＰリクエストを出し、Ｗｅｂサーバー側の全画面表示用ＨＴＭＬ作成部が全画面表示用のＨＴＭＬデータを作成し、ＨＴＴＰレスポンスとしてＷｅｂブラウザに返信する。
【００３０】
次に、Ｗｅｂブラウザの動的更新部更新用インターフェースが、Ｗｅｂサーバーに対し、動的に更新する領域に表示するデータを取得するためのＨＴＴＰリクエストを出し、Ｗｅｂサーバー側の動的更新部更新用ＪＳＯＮデータ作成部がＪＳＯＮ形式のＨＴＴＰレスポンスを返信する。
【００３１】
以上のように、典型的な技術では、Ｗｅｂアプリケーションの開発者は、Ｗｅｂサーバー側に、ＨＴＭＬ形式のＨＴＴＰレスポンスを返信する全画面表示用ＨＴＭＬ作成部と、ＪＳＯＮ形式のＨＴＴＰレスポンスを返信する動的更新部更新用ＪＳＯＮデータ作成部とをプログラミングし、作成しなければならず、手間であった。
【００３２】
以上、典型的な技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を説明した。
【００３３】
［本発明の技術での構成］
次に、本発明の技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を説明する。図４は、本発明の技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を示す図である。
【００３４】
まず、Ｗｅｂブラウザ側の全画面表示用インターフェースが、ＨＴＴＰリクエストをＷｅｂサーバー側に送る。このとき、全画面表示用インターフェースは、ＨＴＴＰリクエストのパラメータとして"format=html"を指定する。
【００３５】
ＨＴＴＰリクエストを受信したＷｅｂサーバー側では、全画面表示用データ作成部１１ａが、全画面表示用データ（静的更新データと動的更新データを含む）を作成し、判断部１１ｂがパラメータでＪＳＯＮ形式（第２の形式）が指定されていないと判断し、ＨＴＭＬ作成部１１ｅが、テンプレート部（実体はＪＳＰ（Java Server Pages））１１ｄから取得したレイアウト情報に基づいて、全画面表示用データを整形してＨＴＭＬ形式（第１の形式）とし、ＨＴＴＰレスポンスとしてＷｅｂブラウザの全画面表示用インターフェースに返信する。
【００３６】
次に、Ｗｅｂブラウザ側の動的更新部更新用インターフェースが、動的更新部を更新するためのＨＴＴＰリクエストをＷｅｂサーバー側に送る。このとき、動的更新部更新用インターフェースは、ＨＴＴＰリクエストのパラメータとして"format=json"を指定する。
【００３７】
ＨＴＴＰリクエストを受信したＷｅｂサーバー側では、全画面表示用データ作成部１１ａが、全画面表示用データ（静的更新データと動的更新データを含む）を作成し、判断部１１ｂがパラメータでＪＳＯＮ形式が指定されていると判断し、全画面表示用データをＪＳＯＮデータ変換部１１ｃでＪＳＯＮ形式に変換し、ＨＴＴＰレスポンスとしてＷｅｂブラウザの動的更新部更新用インターフェースに返信する。
【００３８】
ＨＴＴＰレスポンスとしてＪＳＯＮ形式の全画面表示用データを受信した動的更新部更新用インターフェースは、全画面表示用データに含まれる静的更新データを読み捨て、動的更新データを用いて動的更新を行う。
【００３９】
本発明の技術では、判断部１１ｂ、ＪＳＯＮデータ変換部１１ｃ、およびＨＴＭＬ作成部１１ｅを最初に構築したら変更しない固定的なフレームワーク部として提供する。
【００４０】
Ｗｅｂアプリケーションの開発者は、全画面表示用データ作成部１１ａおよびテンプレート部１１ｄの部分のみを、Ｗｅｂアプリケーションの仕様に応じてビジネスロジックとして柔軟に変更させながら作成すればよい。
【００４１】
このように、ＨＴＭＬ形式またはＪＳＯＮ形式で出力する部分はフレームワークとして予め提供されるので、Ｗｅｂアプリケーションの開発者は、１つのビジネスロジック部分のみを作成したり変更したりすればよく、開発の手間を軽減することが出来る。
【００４２】
以上、本発明の技術を用いてブラウザ画面の一部に対し動的更新を行うＷｅｂアプリケーションの構成例を説明した。
【００４３】
［Ｗｅｂサーバーの構成］
次に、Ｗｅｂサーバー１０の構成について説明する。Ｗｅｂサーバー１０は、専用のハードウェアやソフトウェアにより構成されていてもよいし、一般的なコンピューターにより構成されてもよい。Ｗｅｂサーバー１０が一般的なコンピューターにより構成される場合の構成図を図５に示す。
【００４４】
同図に示すように、Ｗｅｂサーバー１０は、ＣＰＵ（Central Processing Unit）１１、ＲＯＭ（Read Only Memory）１２、ＲＡＭ（Random Access Memory）１３、操作入力部１４、通信部１５（第２の通信部）、表示部１６、および記憶部１７を有し、これら各ブロックがバス１８を介して接続されている。
【００４５】
ＲＯＭ１２は、各種の処理を実行するためのファームウェア等の複数のプログラムやデータを記憶する。ＲＡＭ１３は、ＣＰＵ１１の作業用領域として用いられ、ＯＳ（Operating System）、実行中の各種アプリケーション、処理中の各種データを一時的に保持する。
【００４６】
記憶部１７は、例えばＨＤＤ（Hard Disk Drive）や、フラッシュメモリー、その他の不揮発性メモリーである。記憶部１７には、ＯＳや各種アプリケーション、各種データが記憶される。
【００４７】
通信部１５は、ネットワーク上のＷｅｂブラウザ２０等と情報のやりとりを行う為のネットワークと結ばれている。
【００４８】
ＣＰＵ１１は、ＲＯＭ１２や記憶部１７に格納された複数のプログラムのうち、操作入力部１４から与えられる命令に対応するプログラムをＲＡＭ１３に展開し、この展開されたプログラムにしたがって、表示部１６及び記憶部１７を適宜制御する。
【００４９】
操作入力部１４は、例えばマウス等のポインティングデバイス、キーボード、タッチパネル、その他の操作装置である。
【００５０】
表示部１６は、例えば液晶ディスプレイ、ＥＬ（Electro-Luminescence）ディスプレイ、プラズマディスプレイ等である。
【００５１】
次に、ＣＰＵ１１においてプログラムが実行されることにより実現される機能ブロックについて説明する。
【００５２】
Ｗｅｂサーバー１０のＣＰＵ１１において実現される機能ブロックは、全画面表示用データ作成部１１ａ、判断部１１ｂ、ＪＳＯＮデータ変換部１１ｃ（データ変換部）、テンプレート部１１ｄ、ＨＴＭＬ作成部１１ｅ、およびＷｅｂサーバー部１１ｆである。
【００５３】
全画面表示用データ作成部１１ａは、Ｗｅｂブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力する。
【００５４】
判断部１１ｂは、Ｗｅｂサーバー部１１ｆが受信したＨＴＴＰリクエストのパラメータに"format=json"が指定されているか否かを判断する。指定されている場合、ＪＳＯＮデータ変換部１１ｃを呼び出し、指定されていない場合ＨＴＭＬ作成部１１ｅを呼び出す。
【００５５】
ＪＳＯＮデータ変換部１１ｃは、全画面表示用データをＪＳＯＮ形式に変換する。
【００５６】
テンプレート部１１ｄは、ＪＳＰ等で構成されており、Ｗｅｂページのレイアウト情報をテンプレートとして保持している。レイアウト情報はＨＴＭＬ作成部１１ｅに提供される。
【００５７】
ＨＴＭＬ作成部１１ｅは、全画面表示用データ作成部１１ａから出力された全画面表示用データと、テンプレート部１１ｄから得たレイアウト情報に基づき、ＨＴＭＬ形式のＷｅｂページデータを作成する。
【００５８】
Ｗｅｂサーバー部１１ｆは、Ｗｅｂブラウザから受信したＨＴＴＰリクエストに対し、ＨＴＴＰリクエストに含まれるパラメータに応じ、ＨＴＭＬ作成部１１ｅの作成したＨＴＭＬ形式のＷｅｂページデータまたはＪＳＯＮデータ変換部１１ｃの変換したＪＳＯＮ形式の全画面表示用データを、ＨＴＴＰレスポンスとして返信する。
【００５９】
以上、Ｗｅｂサーバー１０の構成について説明した。
【００６０】
［Ｗｅｂブラウザの構成］
次に、Ｗｅｂブラウザ２０の構成について説明する。Ｗｅｂブラウザ２０は、専用のハードウェアやソフトウェアにより構成されていてもよいし、一般的なコンピューターにより構成されてもよい。Ｗｅｂブラウザ２０が一般的なコンピューターにより構成される場合の構成図を図６に示す。
【００６１】
同図に示すように、Ｗｅｂブラウザ２０は、ＣＰＵ２１、ＲＯＭ２２、ＲＡＭ２３、操作入力部２４、通信部２５（第１の通信部）、表示部２６、および記憶部２７を有し、これら各ブロックがバス２８を介して接続されている。
【００６２】
ＲＯＭ２２は、各種の処理を実行するためのファームウェア等の複数のプログラムやデータを記憶する。ＲＡＭ２３は、ＣＰＵ２１の作業用領域として用いられ、ＯＳ、実行中の各種アプリケーション、処理中の各種データを一時的に保持する。
【００６３】
記憶部２７は、例えばＨＤＤや、フラッシュメモリー、その他の不揮発性メモリーである。記憶部２７には、ＯＳや各種アプリケーション、各種データが記憶される。
【００６４】
通信部２５は、ネットワーク上のＷｅｂサーバー１０等と情報のやりとりを行う為のネットワークと結ばれている。
【００６５】
ＣＰＵ２１は、ＲＯＭ２２や記憶部２７に格納された複数のプログラムのうち、操作入力部２４から与えられる命令に対応するプログラムをＲＡＭ２３に展開し、この展開されたプログラムにしたがって、表示部２６及び記憶部２７を適宜制御する。
【００６６】
操作入力部２４は、例えばマウス等のポインティングデバイス、キーボード、タッチパネル、その他の操作装置である。
【００６７】
表示部２６は、例えば液晶ディスプレイ、ＥＬディスプレイ、プラズマディスプレイ等である。
【００６８】
次に、ＣＰＵ２１においてプログラムが実行されることにより実現される機能ブロックについて説明する。
【００６９】
Ｗｅｂブラウザ２０のＣＰＵ２１において実現される機能ブロックは、Ｗｅｂブラウザ部２１ａである。
【００７０】
Ｗｅｂブラウザ部２１ａは、全画面表示用インターフェース２１ｂと動的更新部更新用インターフェース２１ｃを含んで構成される。
【００７１】
全画面表示用インターフェース２１ｂは、"format=html"パラメータを付けてＨＴＴＰリクエストをＷｅｂサーバー部１１ｆに送る。そしてＷｅｂサーバー部１１ｆから受信したＨＴＭＬ形式のＷｅｂページデータを解釈し、静的更新部および動的更新部を含めた全画面をブラウザ画面上に表示する。
【００７２】
すなわち、全画面表示用インターフェース２１ｂは、Ｗｅｂサーバー１０に対し、パラメータでＨＴＭＬ形式を指定したＨＴＴＰリクエストを送り、受信したＨＴＭＬ形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する。
【００７３】
動的更新部更新用インターフェース２１ｃは、"format=json"パラメータを付けてＨＴＴＰリクエストをＷｅｂサーバー部１１ｆに送る。そしてＷｅｂサーバー部１１ｆから受信したＪＳＯＮ形式のデータを解釈し、静的更新データを読み捨て、動的更新データに基づいて、ブラウザ画面上の動的更新部を更新する。
【００７４】
すなわち、動的更新部更新用インターフェース２１ｃは、Ｗｅｂサーバー１０に対し、パラメータでＪＳＯＮ形式を指定したＨＴＴＰリクエストを送り、受信したＪＳＯＮ形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の少なくとも一部を動的に更新する。
【００７５】
以上、Ｗｅｂブラウザ２０の構成について説明した。
【００７６】
［Ｗｅｂサーバーでの処理の流れ］
次に、Ｗｅｂサーバー１０における処理の流れについて説明する。図７は、Ｗｅｂサーバー１０における処理の流れについて説明するためのフローチャートである。
【００７７】
まず、Ｗｅｂサーバー部１１ｆが、ＷｅｂブラウザからのＨＴＴＰリクエストを受信したか否かを判断する（ステップＳ１）。
【００７８】
受信していない場合（ステップＳ１のＮ）、ステップＳ１に戻り待機する。
【００７９】
受信した場合（ステップＳ１のＹ）、次に、全画面表示用データ作成部１１ａが、全画面表示用データ（静的更新データおよび動的更新データを含む）を作成する（ステップＳ２）。
【００８０】
次に、判断部１１ｂが、ＨＴＴＰリクエストのパラメータで、"format=json"が指定されているか否かを判断する（ステップＳ３）。
【００８１】
"format=json"が指定されている場合（ステップＳ３のＹ）、次に、ＪＳＯＮデータ変換部１１ｃが、全画面表示用データをＪＳＯＮ形式に変換する（ステップＳ４）。
【００８２】
次に、Ｗｅｂサーバー部１１ｆが、ＪＳＯＮ形式に変換された全画面表示用データをＨＴＴＰレスポンスとしてＷｅｂブラウザに返信する（ステップＳ５）。
【００８３】
"format=json"が指定されていない場合（ステップＳ３のＮ）、次に、ＨＴＭＬ作成部１１ｅが、全画面表示用データと、テンプレート部１１ｄからのレイアウト情報に基づき、ＨＴＭＬ形式のＷｅｂページデータを作成する（ステップＳ６）。
【００８４】
次に、Ｗｅｂサーバー部１１ｆが、ＨＴＭＬ形式のＷｅｂページデータをＨＴＴＰレスポンスとしてＷｅｂブラウザに返信する（ステップＳ７）。
【００８５】
以上、Ｗｅｂサーバー１０における処理の流れについて説明した。
【００８６】
［効果］
本発明によれば、実装されているＷｅｂアプリケーションに、以下のような要件の追加や仕様変更があった場合でも、コードの修正量や変更箇所の数が少なくなり、柔軟に対応することが出来る。
【００８７】
・ＪＳＯＮ形式のＷｅｂサービスが必要になった場合
・スクレイピングをしなければならない場合
・Ｗｅｂサーバー側のデータの変更と連動させ、ブラウザ画面を部分的に更新する場合
【００８８】
＜変形例＞
上記の説明では、ＨＴＴＰリクエストに指定されたパラメータ"format"に"html"が指定された場合に、ＨＴＭＬ形式でＨＴＴＰレスポンスが返信される構成としたが、これに限らず、"format"パラメータが省略された場合もＨＴＭＬ形式でＨＴＴＰレスポンスが返信される構成でもよい。
【００８９】
この構成とすることにより、わざわざ"format=html"を指定しなくてもＨＴＭＬ形式のＨＴＴＰレスポンスを得ることが出来る。
【００９０】
［補足事項］
以上のように、本発明にかかる情報処理システム１００は、ネットワーク接続された、Ｗｅｂサーバー１０とＷｅｂブラウザ２０とを含み、前記Ｗｅｂブラウザ２０は、前記Ｗｅｂサーバー１０と通信可能な第１の通信部２５と、Ｗｅｂブラウザ部２１ａとを備え、前記Ｗｅｂブラウザ部２１ａは、前記Ｗｅｂサーバー１０に対し、パラメータで第１の形式を指定したＨＴＴＰリクエストを送り、受信した第１の形式のＨＴＴＰレスポンスに基づき、ブラウザ画面の全画面を表示する全画面表示用インターフェース２１ｂと、前記Ｗｅｂサーバー１０に対し、パラメータで第２の形式を指定したＨＴＴＰリクエストを送り、受信した第２の形式のＨＴＴＰレスポンスに基づき、前記ブラウザ画面の少なくとも一部を動的に更新する動的更新部更新用インターフェース２１ｃとを含み、前記Ｗｅｂサーバー１０は、前記Ｗｅｂブラウザ２０と通信可能な第２の通信部１５と、全画面表示用データ作成部１１ａと、判断部１１ｂと、データ変換部１１ｃと、テンプレート部１１ｄと、ＨＴＭＬ作成部１１ｅと、Ｗｅｂサーバー部１１ｆとを備え、前記全画面表示用データ作成部１１ａは、前記ブラウザ画面上で静的更新を行う箇所を表示するための静的更新データと、動的更新を行う箇所を表示するための動的更新データとを作成し、全画面表示用データとして出力し、前記判断部１１ｂは、前記Ｗｅｂサーバー部１１ｆで受信されたＨＴＴＰリクエストのパラメータで第２の形式が指定されているかを判断し、指定されている場合、前記データ変換部１１ｃを呼び出し、指定されていない場合、前記ＨＴＭＬ作成部１１ｅを呼び出し、前記データ変換部１１ｃは、前記全画面表示用データを前記第２の形式に変換して出力し、前記テンプレート部１１ｄは、前記第１の形式のＨＴＴＰレスポンスに含めるＷｅｂページのレイアウト情報を前記ＨＴＭＬ作成部１１ｅに提供し、前記ＨＴＭＬ作成部１１ｅは、前記全画面表示用データと、前記レイアウト情報とを用いて前記第１の形式の前記Ｗｅｂページのデータを出力し、前記Ｗｅｂサーバー部１１ｆは、前記Ｗｅｂブラウザ部２１ａから受信したＨＴＴＰリクエストに対し、前記受信したＨＴＴＰリクエストに含まれるパラメータに応じ、前記ＨＴＭＬ作成部１１ｅの出力した第１の形式の前記Ｗｅｂページのデータまたは前記データ変換部１１ｃの出力した第２の形式の前記全画面表示用データを、ＨＴＴＰレスポンスとして返信する。
【００９１】
そのため、手間をかけずに、２つの形式に対応したデータを作成できる。
【００９２】
その他、本発明は、上述の実施形態にのみ限定されるものではなく、本発明の要旨を逸脱しない範囲内において種々変更を加え得ることは勿論である。
【符号の説明】
【００９３】
１０  …  Ｗｅｂサーバー
１１  …  ＣＰＵ
１１ａ…  全画面表示用データ作成部
１１ｂ…  判断部
１１ｃ…  ＪＳＯＮデータ変換部
１１ｄ…  テンプレート部
１１ｅ…  ＨＴＭＬ作成部
１１ｆ…  Ｗｅｂサーバー部
１２  …  ＲＯＭ
１３  …  ＲＡＭ
１４  …  操作入力部
１５  …  通信部
１６  …  表示部
１７  …  記憶部
１８  …  バス
２０  …  Ｗｅｂブラウザ
２１  …  ＣＰＵ
２１ａ…  Ｗｅｂブラウザ部
２１ｂ…  全画面表示用インターフェース
２１ｃ…  動的更新部更新用インターフェース
２２  …  ＲＯＭ
２３  …  ＲＡＭ
２４  …  操作入力部
２５  …  通信部
２６  …  表示部
２７  …  記憶部
２８  …  バス
１００  …  情報処理システム
【図１】
2019061611.tif 000003
【図２】
2019061611.tif 000004
【図３】
2019061611.tif 000005
【図４】
2019061611.tif 000006
【図５】
2019061611.tif 000007
【図６】
2019061611.tif 000008
【図７】
2019061611.tif 000009