JP2015031977A

JP2015031977A - データ表示システム及びデータ表示方法

Info

Publication number: JP2015031977A
Application number: JP2013158758A
Authority: JP
Inventors: 雅之日山; Masayuki Hiyama
Original assignee: Hitachi Systems Ltd
Current assignee: Hitachi Systems Ltd
Priority date: 2013-07-31
Filing date: 2013-07-31
Publication date: 2015-02-16

Abstract

【課題】クライアントとサーバ間の通信量を低減し、リアルタイムでの表示データ更新を行うこと。【解決手段】ＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるＷｅｂブラウザがインストールされたクライアントコンピュータ１１と、該クライアントコンピュータ１１とネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバ２１と、ＷｅｂアプリケーションのＷｅｂＳｔｏｒａｇｅによるデータベース３１を備え、ＷｅｂＳｏｃｋｅｔを用いてＷｅｂアプリケーションサーバ２１からクライアントコンピュータ１１へ更新があったデータのみを送信すると共に、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュするデータ表示システム。【選択図】図１

Description

本発明は、Ｗｅｂアプリケーションにおけるリアルタイムでの表示データを更新することができるデータ表示システム及びデータ表示方法に関する。

近年、インターネット等の通信回線を介したホストコンピュータにおけるシステムの操作手段として、ホストコンピュータからクライアントコンピュータへＨＴＭＬによるユーザインタフェースを提供し、ホストコンピュータの操作を可能にするＷｅｂアプリケーションが用いられている。従来技術によるＷｅｂアプリケーションは、クライアント（主にＷｅｂブラウザ）からリクエストがあった場合、動的にＨＴＭＬを生成してクライアントへ返す方式が採用されており、このＷｅｂアプリケーションの利点として、システムを操作するためのアプリケーションをクライアント側のマシンにインストールする必要がなくなることが挙げられる。

このＷｅｂアプリケーションにおける、システムのデータ（ここではデータベースに格納されたデータのことを指す）を表示する方式としては、主に（１）Ｗｅｂアプリケーション側で画面全体（データ表示箇所を含む）のＨＴＭＬを生成し、クライアントに与える、クライアントでサーバから与えられたＨＴＭＬを画面に表示する方式と、（２）サーバサイドでデータ表示箇所を含まないＨＴＭＬを生成し、クライアントに与え、クライアントサイドでサーバから与えられたＨＴＭＬを画面に表示し、その後、Ａｊａｘによりサーバと非同期通信を行って表示するデータを取得し、データ表示箇所のＨＴＭＬを生成して表示する方式が挙げられる。

他方、近年のＨＴＭＬ５策定に合わせ、ＷｅｂＳｏｃｋｅｔやＷｅｂＳｔｏｒａｇｅなど、Ｗｅｂアプリケーションでリッチなユーザインタフェースを実現するための多くのＷｅｂブラウザにおける対応が行われており、ＷｅｂＳｏｃｋｅｔを使用することによってサーバからクライアント方向の通信を行うことや、ＷｅｂＳｔｏｒａｇｅを使用することにより、受信した大容量のデータをクライアントサイドに蓄積することができ、ＷｅｂＳｔｏｒａｇｅはＣｏｏｋｉｅと比べて保持している内容をサーバ毎にリクエストで送信しないため通信量を低減することができ、また４Ｍｂｙｔｅｓ以上のデータを保持することができる。

このサーバサイド（Ｗｅｂアプリケーション側）のイベント発生に応じて、クライアントサイドのＨＴＭＬを書き換える技術が記載された文献としては、下記の特許文献１が挙げられ、この特許文献１には、携帯端末の信号処理部が、ＳＴＢを遠隔操作するための操作画面を表示部に表示する表示処理部と、ＷｅｂＳｏｃｋｅｔの接続を確立するための要求信号をＳＴＢに送信する送信処理部と、携帯端末とＳＴＢとの間でＷｅｂＳｏｃｋｅｔの接続が確立された後、所定のイベントの発生に伴ってＳＴＢから送信された画面更新情報を受信する受信処理部と、表示部に表示されている操作画面を、画面更新情報に基づいて更新する更新処理部とを備えることによって、携帯端末の表示画面に表示されている映像受信装置の遠隔操作用の操作画面を、映像受信装置におけるイベントの発生に応じて更新する技術が記載されている。

特開２０１２−１７５６０６号公報

一般に、Ｗｅｂアプリケーションにおいて画面表示後に表示データを自動的に一定間隔で最新情報に更新する機能を付加させることは、リッチなユーザインタフェースを実現するために必要であると考えられており、前述した表示方式（１）においては、画面表示後に表示データを最新情報に更新する場合、再度サーバにリクエストを送り、画面全体のＨＴＭＬを取得し、書き換える必要があり、この画面全体を書き換えることにより、画面のチラツキが発生してしまう課題と、画面全体を書き換えている間、ユーザは画面を操作することができないため、操作性が低下する課題と、このために本方式で画面表示後に表示データを自動的に一定間隔で最新情報に更新する機能を実現することは不向きであると言う課題があり、前述の表示方式（２）においては、画面表示後に表示データを最新情報に更新する場合、非同期通信でサーバから最新データを取得し、データ表示箇所のみを書き換えることができるため、画面のチラツキが発生せず、画面表示後に自動的に一定間隔で最新の情報に更新するといった機能を実現することに適しているが、サーバから最新データを取得する際に表示対象となる全データを取得し、全データが書き換え対象となるため、ネットワークに余分な負荷を与えると共にクライアントサイドで余分な処理負荷を与える課題があり、このため最新の情報に更新させる間隔を短くした場合、ネットワーク負荷が増大し、更新間隔を極めて小さくした、リアルタイムでの表示データ更新機能を実現させることは不向きであると言う課題があった。

本発明の目的は、前述の従来技術による課題を解決しようとするものであり、クライアントとサーバ間の通信量を低減すると共にリアルタイムでの表示データ更新機能を実現することができるデータ表示システム及びデータ表示方法を提供することである。

前記目的を達成するため本発明は、ＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるＷｅｂブラウザがインストールされたクライアントコンピュータと、該クライアントとネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバと、前記Ｗｅｂアプリケーションサーバと接続されるデータベースを備え、該データベースが、レコードを特定するための一意なキーを示すＰｒｉｍａｒｙＫｅｙと、該ＰｒｉｍａｒｙＫｅｙキーに紐付くデータを示すＣｏｌｕｍと、該レコードが更新された年月日時刻を示すＴｉｍｅＳｔａｍｐの各項目情報が格納されたコンピュータシステムのデータ表示システムであって、
前記Ｗｅｂアプリケーションサーバにアクセスしたデータ表示を行う場合、
前記クライアントコンピュータが、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回データ取得日時」を取得し、格納されていない場合に「前回データ取得日時」を所定の過去の日時刻に設定する第１工程と、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回取得データ」を取得し、格納されていない場合に「前回取得データ」はデータなしと設定する第２工程と、
該第２工程で取得した「前回取得データ」を画面に表示し、データなしの場合は何もデータを表示しない第３工程と、
前記Ｗｅｂアプリケーションサーバに対してＷｅｂＳｏｃｋｅｔでコネクションを作成し、前記第１工程で取得した「前回データ取得日時」を送信する第４工程とを実行し、
前記Ｗｅｂアプリケーションサーバが、
前記データベースに対してクライアントコンピュータから受信した「前回データ取得日時」以降に更新されたレコードをデータベースのＴｉｍｅＳｔａｍｐを参照して判定する第５工程と、
前記第５工程により判定したレコードをＷｅｂＳｏｃｋｅｔを用いてクライアントサーバへ送信する第６工程とを実行し、
前記クライアントコンピュータが、
前記Ｗｅｂアプリケーションサーバから受信したデータを「前回取得データ」としてＷｅｂＳｔｏｒａｇｅに格納する第７工程と、
現在日時を「前回データ取得日時」としてＷｅｂＳｔｏｒａｇｅに格納する第８工程と、
前記第７工程によりＷｅｂアプリケーションサーバから受信したデータを表示画面に反映する第９工程とを実行し、
前記Ｗｅｂアプリケーションサーバが、
前記第６工程による送信処理後に非同期で処理するために所定時間の待機を行う第１０工程と、
前記データベースを参照した日時以降に更新されたレコードがデータベースに存在するか否かを確認する第１１工程と、
該第１１工程により参照日時以降に更新されたレコードが存在しないと判定したときに前記第１０工程に戻る第１２工程と、
該第１２工程において参照日時以降に更新されたレコードが存在すると判定したとき、該更新されたレコードをＷｅｂＳｏｃｋｅｔによりクライアントコンピュータへ送信すると共に送信後に前記第１０工程に戻る第１３工程とを実行することによって、ＷｅｂＳｏｃｋｅｔを用いてサーバコンピュータからクライアントコンピュータへ更新があったデータのみを送信し、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュすることを第１の特徴とする。

また、本発明は、ＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるＷｅｂブラウザがインストールされたクライアントコンピュータと、該クライアントとネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバと、前記Ｗｅｂアプリケーションサーバと接続されるデータベースを備え、該データベースが、レコードを特定するための一意なキーを示すＰｒｉｍａｒｙＫｅｙと、該ＰｒｉｍａｒｙＫｅｙキーに紐付くデータを示すＣｏｌｕｍと、該レコードが更新された年月日時刻を示すＴｉｍｅＳｔａｍｐの各項目情報が格納されたコンピュータシステムのデータ表示方法であって、
前記Ｗｅｂアプリケーションサーバにアクセスしたデータ表示を行う場合、
前記クライアントコンピュータに、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回データ取得日時」を取得し、格納されていない場合に「前回データ取得日時」を所定の過去の日時刻に設定する第１工程と、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回取得データ」を取得し、格納されていない場合に「前回取得データ」はデータなしと設定する第２工程と、
該第２工程で取得した「前回取得データ」を画面に表示し、データなしの場合は何もデータを表示しない第３工程と、
前記Ｗｅｂアプリケーションサーバに対してＷｅｂＳｏｃｋｅｔでコネクションを作成し、前記第１工程で取得した「前回データ取得日時」を送信する第４工程とを実行させ、
前記Ｗｅｂアプリケーションサーバに、
前記データベースに対してクライアントコンピュータから受信した「前回データ取得日時」以降に更新されたレコードをデータベースのＴｉｍｅＳｔａｍｐを参照して判定する第５工程と、
前記第５工程により判定したレコードをＷｅｂＳｏｃｋｅｔを用いてクライアントサーバへ送信する第６工程とを実行させ、
前記クライアントコンピュータに、
前記Ｗｅｂアプリケーションサーバから受信したデータを「前回取得データ」としてＷｅｂＳｔｏｒａｇｅに格納する第７工程と、
現在日時を「前回データ取得日時」としてＷｅｂＳｔｏｒａｇｅに格納する第８工程と、
前記第７工程によりＷｅｂアプリケーションサーバから受信したデータを表示画面に反映する第９工程とを実行させ、
前記Ｗｅｂアプリケーションサーバに、
前記第６工程による送信処理後に非同期で処理するために所定時間の待機を行う第１０工程と、
前記データベースを参照した日時以降に更新されたレコードがデータベースに存在するか否かを確認する第１１工程と、
該第１１工程により参照日時以降に更新されたレコードが存在しないと判定したときに前記第１０工程に戻る第１２工程と、
該第１２工程において参照日時以降に更新されたレコードが存在すると判定したとき、該更新されたレコードをＷｅｂＳｏｃｋｅｔによりクライアントコンピュータへ送信すると共に送信後に前記第１０工程に戻る第１３工程とを実行させることによって、ＷｅｂＳｏｃｋｅｔを用いてサーバコンピュータからクライアントコンピュータへ更新があったデータのみを送信し、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュすることを第２の特徴とする。

本発明によるデータ表示システム及びデータ表示方法は、ＷｅｂＳｏｃｋｅｔを用いてサーバコンピュータからクライアントコンピュータへ更新があったデータのみを送信することによって、ネットワーク負荷を最小限にして更新間隔を極めて小さくし、リアルタイムでの表示データ更新機能の実現することができると共に、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュすることによって、画面表示時の通信量を最小限にし、画面表示までの時間を短縮することができる。

本発明の実施形態によるデータ表示システムを含むコンピュータシステムを示す図。本実施形態によるデータベースの構成を示す図。本実施形態によるデータ表示の処理フローを示す図。

以下、本発明によるデータ表示方法を適用したデータ表示システムの一実施形態を図面を参照して詳細に説明する。
本実施形態によるデータ表示システムは、図１に示す如く、ＷｅｂＳｔｏｒａｇｅ機能及びＷｅｂＳｏｃｋｅｔ機能を備えるＷｅｂブラウザがインストールされたクライアントコンピュータ１１と、該クライアントコンピュータ１１とネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバ２１と、前記ＷｅｂアプリケーションのＷｅｂＳｔｏｒａｇｅ機能によるデータベース３１を備える。

前記データベース３１は、ＷｅｂＳｔｏｒａｇｅのＫｅｙ−Ｖａｌｕｅ型でデータを保存する機能であって、図２に示す如く、レコードを特定するための一意なキーを示すＰｒｉｍａｒｙＫｅｙと、該ＰｒｉｍａｒｙＫｅｙキーに紐付くデータを示すＣｏｌｕｍと、該レコードが更新された年月日時刻を示すＴｉｍｅＳｔａｍｐ（タイムスタンプ）の各項目情報が格納され、例えばＰｒｉｍａｒｙＫｅｙ「１」のレコードは、Ｃｏｌｕｍｎ１に「ｕｓｅｒＡ」、Ｃｏｌｕｍｎ−ｎに「ユーザＡ」、ＴｉｍｅＳｔａｍｐに「２０１２０１０１００００００」が格納され、ＰｒｉｍａｒｙＫｅｙ「２」のレコードはＣｏｌｕｍｎ１に「ｕｓｅｒＢ」、Ｃｏｌｕｍｎ−ｎに「ユーザＢ」、ＴｉｍｅＳｔａｍｐに「２０１２０１０２００００００」が格納され、ＰｒｉｍａｒｙＫｅｙ「３」のレコードはＣｏｌｕｍｎ１に「ｕｓｅｒＣ」、Ｃｏｌｕｍｎ−ｎに「ユーザＣ」、ＴｉｍｅＳｔａｍｐに「２０１２０１０３００００００」が格納されている。

また、本実施形態で利用するＷｅｂＳｔｏｒａｇｅとは、従来のＨＴＭＬ４．１以前のＷｅｂブラウザでは、ｅコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザにクッキーを利用していたが、このクッキーでは保存容量が４ＫＢｙｔｅｓまでであることや容量制限やセキュリティ対策に問題があり、この解決策として、ＨＴＭＬ５においてブラウザ側でＫｅｙ−Ｖａｌｕｅ型でデータを保存する機能であり、ＷｅｂＳｏｃｋｅｔとは、サーバとクライアントが一度コネクションを行った後は必要な通信を全てそのコネクション上で専用のプロトコルを用いて行う規格であり、本実施形態によるＷｅｂアプリケーションは、このＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるものとし、これらをＷｅｂＳｔｏｒａｇｅ機能及びＷｅｂＳｏｃｋｅｔ機能と呼ぶこともある。

このように構成されたデータ表示システムは、クライアントコンピュータ１１がＷｅｂアプリケーションサーバ２１にアクセスしたデータ表示を行う場合、図３に示す如く、クライアントコンピュータ１１がＷｅｂＳｔｏｒａｇｅのデータベース３１に格納されているＴｉｍｅＳｔａｍｐから「前回データ取得日時」を取得し、格納されていない場合に「前回データ取得日時」を”１９００年１月１日０時０分０秒０００ミリ秒”に設定するステップＳ１０１と、クライアントコンピュータ１１がＷｅｂＳｔｏｒａｇｅのデータベース３１に格納されているＴｉｍｅＳｔａｍｐの「前回取得データ」を取得し、格納されていない場合に「前回取得データ」はデータなしと設定するステップＳ１０２と、該ステップＳ１０２で取得した「前回取得データ」を画面に表示し、データなしの場合は何もデータを表示しないステップＳ１０３と、Ｗｅｂアプリケーションサーバ２１に対してＷｅｂＳｏｃｋｅｔでコネクションを作成し、前記ステップＳ１０１で取得した「前回データ取得日時」を送信するステップＳ１０４と、Ｗｅｂアプリケーションサーバ２１が、データベース３１に対してクライアントコンピュータ１１から受信した「前回データ取得日時」以降に更新されたレコード（レコードが更新されたタイムスタンプを比較する）を参照するステップＳ１０５と、Ｗｅｂアプリケーションサーバ２１が、前記ステップＳ１０５で参照したレコードをＷｅｂＳｏｃｋｅｔでクライアントコンピュータ１１へ送信するステップＳ１０６と、クライアントコンピュータ１１が、Ｗｅｂアプリケーションサーバ２１から受信したデータ及び後述するステップＳ２０４により受信したデータを「前回取得データ」としてＷｅｂＳｔｏｒａｇｅに格納するステップＳ１０７と、クライアントコンピュータ１１が現在日時を「前回データ取得日時」としてＷｅｂＳｔｏｒａｇｅに格納するステップＳ１０８と、クライアントコンピュータ１１が前記ステップＳ１０７によりＷｅｂアプリケーションサーバ２１から受信したデータを表示画面に反映するステップＳ１０９と、Ｗｅｂアプリケーションサーバ２１が前記ステップＳ１０６による送信処理後に非同期で処理するために１秒間の待機を行うステップＳ２０１と、データベース３１を参照した日時以降に更新されたレコードが存在するか否かを確認するステップＳ２０２と、該ステップＳ２０２により参照日時以降に更新されたレコードが存在しないと判定したときに前記ステップＳ２０１に戻るステップＳ２０３と、該ステップＳ２０３において参照日時以降に更新されたレコードが存在すると判定したとき、該更新されたレコードをＷｅｂＳｏｃｋｅｔによりクライアントコンピュータ１１へ送信すると共に送信後に前記ステップＳ２０１に戻って１秒間待機するステップＳ２０４とを実行する。

尚、前記ステップＳ１０１において「前回データ取得日時」が格納されていない場合に設定する”１９００年１月１日０時０分０秒０００ミリ秒”は、この日時刻に限られるものではなく、クライアントコンピュータ１１がアクセスした際に存在し得ない過去の日時刻であれば良い。

このように本実施形態によるデータ表示システムは、画面表示後に逐次表示データを最新情報に更新する方法として、ＷｅｂＳｏｃｋｅｔを用いてサーバからクライアントへ更新があったデータのみを提供する方式を採用しているため、ネットワーク負荷を最小限にして更新間隔を極めて小さくすることができ、リアルタイムでの表示データ更新機能の実現することができる。また、本実施形態によるデータ表示システムは、ＷｅｂＳｔｏｒａｇｅを用いて、前回画面表示時に受信したデータをキャッシュする方式を採用しているため、画面表示時の通信量を最小限にし、画面表示までの時間を短縮することができる。即ち、クライアントコンピュータとサーバ間の通信量を低減すると共にリアルタイムでの表示データ更新機能を実現することができる。

１１クライアントコンピュータ、２１Ｗｅｂアプリケーションサーバ、
３１データベース

Claims

ＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるＷｅｂブラウザがインストールされたクライアントコンピュータと、該クライアントとネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバと、前記Ｗｅｂアプリケーションサーバと接続されるデータベースを備え、該データベースが、レコードを特定するための一意なキーを示すＰｒｉｍａｒｙＫｅｙと、該ＰｒｉｍａｒｙＫｅｙキーに紐付くデータを示すＣｏｌｕｍと、該レコードが更新された年月日時刻を示すＴｉｍｅＳｔａｍｐの各項目情報が格納されたコンピュータシステムのデータ表示システムであって、
前記Ｗｅｂアプリケーションサーバにアクセスしたデータ表示を行う場合、
前記クライアントコンピュータが、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回データ取得日時」を取得し、格納されていない場合に「前回データ取得日時」を所定の過去の日時刻に設定する第１工程と、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回取得データ」を取得し、格納されていない場合に「前回取得データ」はデータなしと設定する第２工程と、
該第２工程で取得した「前回取得データ」を画面に表示し、データなしの場合は何もデータを表示しない第３工程と、
前記Ｗｅｂアプリケーションサーバに対してＷｅｂＳｏｃｋｅｔでコネクションを作成し、前記第１工程で取得した「前回データ取得日時」を送信する第４工程とを実行し、
前記Ｗｅｂアプリケーションサーバが、
前記データベースに対してクライアントコンピュータから受信した「前回データ取得日時」以降に更新されたレコードをデータベースのＴｉｍｅＳｔａｍｐを参照して判定する第５工程と、
前記第５工程により判定したレコードをＷｅｂＳｏｃｋｅｔを用いてクライアントサーバへ送信する第６工程とを実行し、
前記クライアントコンピュータが、
前記Ｗｅｂアプリケーションサーバから受信したデータを「前回取得データ」としてＷｅｂＳｔｏｒａｇｅに格納する第７工程と、
現在日時を「前回データ取得日時」としてＷｅｂＳｔｏｒａｇｅに格納する第８工程と、
前記第７工程によりＷｅｂアプリケーションサーバから受信したデータを表示画面に反映する第９工程とを実行し、
前記Ｗｅｂアプリケーションサーバが、
前記第６工程による送信処理後に非同期で処理するために所定時間の待機を行う第１０工程と、
前記データベースを参照した日時以降に更新されたレコードがデータベースに存在するか否かを確認する第１１工程と、
該第１１工程により参照日時以降に更新されたレコードが存在しないと判定したときに前記第１０工程に戻る第１２工程と、
該第１２工程において参照日時以降に更新されたレコードが存在すると判定したとき、該更新されたレコードをＷｅｂＳｏｃｋｅｔによりクライアントコンピュータへ送信すると共に送信後に前記第１０工程に戻る第１３工程とを実行することによって、ＷｅｂＳｏｃｋｅｔを用いてサーバコンピュータからクライアントコンピュータへ更新があったデータのみを送信し、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュすることを特徴とするデータ表示システム。
ＷｅｂＳｔｏｒａｇｅ及びＷｅｂＳｏｃｋｅｔを備えるＷｅｂブラウザがインストールされたクライアントコンピュータと、該クライアントとネットワークを介して接続され、Ｗｅｂアプリケーションが稼働するＷｅｂアプリケーションサーバと、前記Ｗｅｂアプリケーションサーバと接続されるデータベースを備え、該データベースが、レコードを特定するための一意なキーを示すＰｒｉｍａｒｙＫｅｙと、該ＰｒｉｍａｒｙＫｅｙキーに紐付くデータを示すＣｏｌｕｍと、該レコードが更新された年月日時刻を示すＴｉｍｅＳｔａｍｐの各項目情報が格納されたコンピュータシステムのデータ表示方法であって、
前記Ｗｅｂアプリケーションサーバにアクセスしたデータ表示を行う場合、
前記クライアントコンピュータに、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回データ取得日時」を取得し、格納されていない場合に「前回データ取得日時」を所定の過去の日時刻に設定する第１工程と、
前記データベースに格納されているＷｅｂＳｔｏｒａｇｅから「前回取得データ」を取得し、格納されていない場合に「前回取得データ」はデータなしと設定する第２工程と、
該第２工程で取得した「前回取得データ」を画面に表示し、データなしの場合は何もデータを表示しない第３工程と、
前記Ｗｅｂアプリケーションサーバに対してＷｅｂＳｏｃｋｅｔでコネクションを作成し、前記第１工程で取得した「前回データ取得日時」を送信する第４工程とを実行させ、
前記Ｗｅｂアプリケーションサーバに、
前記データベースに対してクライアントコンピュータから受信した「前回データ取得日時」以降に更新されたレコードをデータベースのＴｉｍｅＳｔａｍｐを参照して判定する第５工程と、
前記第５工程により判定したレコードをＷｅｂＳｏｃｋｅｔを用いてクライアントサーバへ送信する第６工程とを実行させ、
前記クライアントコンピュータに、
前記Ｗｅｂアプリケーションサーバから受信したデータを「前回取得データ」としてＷｅｂＳｔｏｒａｇｅに格納する第７工程と、
現在日時を「前回データ取得日時」としてＷｅｂＳｔｏｒａｇｅに格納する第８工程と、
前記第７工程によりＷｅｂアプリケーションサーバから受信したデータを表示画面に反映する第９工程とを実行させ、
前記Ｗｅｂアプリケーションサーバに、
前記第６工程による送信処理後に非同期で処理するために所定時間の待機を行う第１０工程と、
前記データベースを参照した日時以降に更新されたレコードがデータベースに存在するか否かを確認する第１１工程と、
該第１１工程により参照日時以降に更新されたレコードが存在しないと判定したときに前記第１０工程に戻る第１２工程と、
該第１２工程において参照日時以降に更新されたレコードが存在すると判定したとき、該更新されたレコードをＷｅｂＳｏｃｋｅｔによりクライアントコンピュータへ送信すると共に送信後に前記第１０工程に戻る第１３工程とを実行させることによって、ＷｅｂＳｏｃｋｅｔを用いてサーバコンピュータからクライアントコンピュータへ更新があったデータのみを送信し、ＷｅｂＳｔｏｒａｇｅを用いて前回画面表示時に受信したデータをキャッシュすることを特徴とするデータ表示方法。