JP2007133797A - ウェブアプリケーション生産支援装置 - Google Patents

Abstract

【課題】プログラム作成の専門的な知識を持たないものでも、トレンドグラフを表示するＷｅｂアプリケーションを自動生成することができるようにする。
【解決手段】画像のスタイルの設定項目を入力するスタイル定義部１０１、収集データベースの設定項目を入力するデータ収集仕様定義部１０２、画像表示データの更新周期を入力する表示更新定義部１０３、スタイル定義部１０１の設定項目からトレンドグラフのスタイルシートを生成するスタイルシート生成部１０４、データ収集仕様定義部１０２及び表示更新定義部１０３の設定項目からトレンドグラフ表示のプログラムを生成するスクリプト生成部１０５、スタイル定義部の設定項目からグラフの基本図形を生成するグラフテンプレート生成部１０６、スタイルシート、プログラム及びサンプルデータから表示アプリケーション２０を生成するアプリケーション生成部１０７を備える。
【選択図】図１

Description

本発明は、収集したデータをトレンドグラフとしてＷｅｂ（ウェブ）ブラウザ上で表示するためのＷｅｂアプリケーションを容易に作成するためのＷｅｂアプリケーション生産支援装置に関するものである。

従来のトレンドグラフを表示するためのＷｅｂアプリケーションでは、Ｗｅｂサーバ側で表示イメージを作成するためのプログラムを作成し、クライアント側のＷｅｂブラウザに送信することにより、トレンドグラフの表示を行っている（例えば、特許文献１参照）。

特開２００５−２０８６９８号公報（第５−６頁、図１）

上記特許文献１に記載の従来の方法に示されているように、アプリケーション・ソフトとして、表示イメージを作成するためのプログラムは、表示イメージ設定項目を変更する必要が生じた場合、その都度プログラムを作成し直すことが必要になるが、プログラムを作成するためには専門的な知識が必要で、専門の知識を持たないものには容易に作成することができないという状況にある。

本発明は、上記のような状況に鑑みなされたものであり、プログラム作成の専門的な知識を持たないものでも、容易にＳＶＧ（ＳＶＧ：Ｓｃａｌａｂｌｅ Ｖｅｃｔｏｒ Ｇｒａｐｈｉｃｓ）形式で作成されたトレンドグラフを表示するＷｅｂアプリケーションを自動生成することができるようにしたウェブアプリケーション生産支援装置を提供することを目的とする。

本発明に係るウェブアプリケーション生産支援装置は、トレンドグラフの画像のスタイルに関する設定項目が入力されるスタイル定義部、
収集するデータベースのテーブル内容に関する設定項目が入力されるデータ収集仕様定義部、
画像表示データの更新周期に関する設定項目が入力される表示更新定義部、
上記スタイル定義部の設定項目に基づきトレンドグラフのスタイルを設定するスタイルシートを生成するスタイルシート生成部、
上記データ収集仕様定義部及び表示更新定義部の設定項目に基づきトレンドグラフの表示に必要なプログラムを生成するスクリプト生成部、
上記スタイル定義部の設定項目に基づきグラフの基本図形を生成するグラフテンプレート生成部、
を備えたものである。

本発明に係るウェブアプリケーション生産支援装置によれば、プログラム作成の専門の知識を持たないものでも、容易にＳＶＧ形式で作成されたトレンドグラフを表示するＷｅｂアプリケーションを自動生成することができる。

以下、図面に基づいて本発明の実施形態を説明する。
実施の形態１．
図１は、本発明に係るウェブアプリケーション生産支援装置の実施の形態１を示すブロック図であり、Ｗｅｂアプリケーション生成のフローを併せて示している。

生産支援装置１０は、設定項目を入力するスタイル定義部１０１、データ収集仕様定義部１０２及び表示更新定義部１０３と、スタイル定義部１０１の設定項目に従ってスタイルシートを生成するスタイルシート生成部１０４、データ収集仕様定義部１０２及び表示更新定義部１０３の設定項目に従ってスクリプト（Ｓｃｒｉｐｔ）を生成するＳｃｒｉｐｔ生成部１０５、スタイル定義部１０１の設定項目に従ってグラフの基本図形であるグラフテンプレート（ＳＶＧ：Ｓｃａｌａｂｌｅ Ｖｅｃｔｏｒ Ｇｒａｐｈｉｃｓ）を生成するグラフテンプレート生成部１０６と、生成されたスタイルシート、スクリプト及びグラフテンプレートを利用して画像表示できるＷｅｂアプリケーションを生成するアプリケーション生成部１０７で構成されている。

スタイル定義部１０１では、トレンドグラフの線種、色、線の太さ、グリッド線等の画像のスタイルに関する設定項目が入力され、データ収集仕様定義部１０２では、収集するデータベースのテーブル内容等に関する設定項目が入力され、表示更新定義部１０３では、画像表示データの更新周期に関する設定項目が入力される。作成されるＷｅｂアプリケーションにはスタイルシート２０１、Ｓｃｒｉｐｔ２０２、グラフテンプレート（ＳＶＧ）２０３が含まれる。

次に動作について説明する。
スタイル定義部１０１に画像のスタイルに関する設定項目、データ収集仕様定義部１０２にデータベースのテーブル内容等に関する設定項目、表示更新定義部１０３に画像表示データの更新周期に関する設定項目がそれぞれ入力（Ｓ１）された後、スタイルシート生成部１０４、Ｓｃｒｉｐｔ生成部１０５、グラフテンプレート生成部１０６及びアプリケーション生成部１０７を起動すると、スタイルシート生成部１０４はスタイル定義部１０１の設定項目に基づきトレンドグラフのスタイルであるスタイルシートを生成し、Ｓｃｒｉｐｔ生成部１０５はデータ収集仕様定義部１０２及び表示更新定義部１０３の設定項目に基づきトレンドグラフの表示に必要なプログラム（Ｓｃｒｉｐｔ）を生成し、グラフテンプレート生成部１０６はスタイル定義部１０１の設定項目に基づきグラフの基本図形（グラフテンプレート（ＳＶＧ））を生成する（Ｓ２）。アプリケーション生成部１０７は、生成されたスタイルシート、Ｓｃｒｉｐｔ及びグラフテンプレートを利用して画像表示できるＷｅｂアプリケーションを生成する（Ｓ３）。

本実施の形態１によれば、トレンドグラフ表示アプリケーション２０の作成者は、プログラムの作成のための専門的な知識を持っていなくても、設定項目の変更等があった場合等に、必要な設定項目を入力するだけで、自動的にトレンドグラフ表示アプリケーション２０を作成することができる。

実施の形態２．
図２は、本発明に係るウェブアプリケーション生産支援装置の実施の形態２を示すブロック図である。

本実施の形態２では、テーブル自動取得部１０８を備えている。テーブル自動取得部１０８は、サーバに蓄積されたデータベースのテーブルの内容を取得して一覧を表示することができる機能を有する。

上記実施の形態１では、データ収集仕様定義部１０２でテーブル名、項目名を予め調べた上で入力する必要があったが、本実施の形態２では、テーブル自動取得部１０８でサーバを指定することにより自動でデータベースのテーブルの内容を取得して一覧を表示し、一覧の項目を指定することでデータ収集仕様定義部１０２への入力が可能となる。その他の設定、フローは上記実施の形態１と同様である。

本実施の形態２によれば、テーブル自動取得部１０８を備えているので、データ項目の一覧を見ながら設定でき、設定するのが容易となり、設定間違いが減少する。

実施の形態３．
図３は、本発明に係るウェブアプリケーション生産支援装置の実施の形態３を示すブロック図である。

本実施の形態３では、サンプル画面表示部１０９を備えている。サンプル画面表示部１０９は、指定したテーブルからデータを取得して、そのデータのトレンドグラフ（イメージ）を表示する機能を有する。

本実施の形態３では、スタイル定義部１０１、データ収集仕様定義部１０２、表示更新定義部１０３で各内容を設定した後、サンプル画面表示部１０９を起動することにより、指定のデータベースのテーブルからデータを取得し、そのデータをサンプルデータとして、そのデータのトレンドグラフ（イメージ）を表示する。

本実施の形態３によれば、トレンドグラフ表示アプリケーションの作成を実行する前に、エンジニアリング環境で設定内容の良否の確認を行うことができ、より最適な設定項目の選択ができる。

実施の形態４．
図４は、本発明に係るウェブアプリケーション生産支援装置の実施の形態４を説明するためのサンプル画面である。本実施の形態４では、図３に示したサンプル画面表示部１０９が、トレンドグラフの各データに対してどのテーブルのどのデータに対応するのか、紐付け状況を表示する機能を有し、その表示を印刷できるようにしている。

本実施の形態４によれば、紐付け状況を表示する機能を有しているので、データベースの値とトレンドグラフの表示値を見比べなくても、紐付け状況の表示を見ることにより、紐付け内容が正しいのかを容易に確認することができ、紐付け状況を表示する画面仕様書の一部として使用することができる。

実施の形態５．
図５は、本発明に係るウェブアプリケーション生産支援装置の実施の形態５を示すブロック図である。本実施の形態５では、シミュレーションデータ生成部１１０を備えている。シミュレーションデータ生成部１１０は、設定した更新周期とデータベースの実データに基づきシミュレーションデータを生成し、サンプル画面表示部１０９にトレンドグラフを表示する。

本実施の形態５によれば、自動更新の設定周期の良否の確認や表示動作の良否の確認を行うことができ、より最適な自動更新の設定周期の選択が可能となる。

実施の形態６．
上記実施の形態１〜４では、スタイル定義部１０１による設定において、各項目を入力する必要がある。本実施の形態６では、予めよく使われる複数のパターンをスタイル定義部に登録しておく。その登録されたパターンを選択することにより、各項目の入力を省略することができる。

本発明に係るウェブアプリケーション生産支援装置は、プラント監視システムにおける画像表示等に有効利用することができる。

本発明に係るウェブアプリケーション生産支援装置の実施の形態１を示すブロック図である。 本発明に係るウェブアプリケーション生産支援装置の実施の形態２を示すブロック図である。 本発明に係るウェブアプリケーション生産支援装置の実施の形態３を示すブロック図である。 本発明に係るウェブアプリケーション生産支援装置の実施の形態４を説明するためのサンプル画面である。 本発明に係るウェブアプリケーション生産支援装置の実施の形態５を示すブロック図である。

符号の説明

１０ 生産支援装置、２０ トレンドグラフ表示アプリケーション、
３０ データベース、１０１ スタイル定義部、１０２ データ収集仕様定義部、
１０３ 表示更新定義部、１０４ スタイルシート生成部、１０５ スクリプト生成部、
１０６ グラフテンプレート生成部、１０７ アプリケーション生成部、
１０８ テーブル自動取得部、１０９ サンプル画面表示部、
１１０ シミュレーションデータ生成部、２０１ スタイルシート、
２０２ スクリプト、２０３ グラフテンプレート（ＳＶＧ）。

Claims (6)

1. トレンドグラフの画像のスタイルに関する設定項目が入力されるスタイル定義部、
   収集するデータベースのテーブル内容に関する設定項目が入力されるデータ収集仕様定義部、
   画像表示データの更新周期に関する設定項目が入力される表示更新定義部、
   上記スタイル定義部の設定項目に基づきトレンドグラフのスタイルを設定するスタイルシートを生成するスタイルシート生成部、
   上記データ収集仕様定義部及び表示更新定義部の設定項目に基づきトレンドグラフの表示に必要なプログラムを生成するスクリプト生成部、
   上記スタイル定義部の設定項目に基づきグラフの基本図形を生成するグラフテンプレート生成部、
   を備えたことを特徴とするウェブアプリケーション生産支援装置。
2. 上記データベースを指定することにより上記指定したデータベースのテーブル内容を自動取得し上記データ収集仕様定義部に入力するテーブル自動取得部を備えたこと特徴とする請求項１記載のウェブアプリケーション生産支援装置。
3. 上記スタイル定義部、データ収集仕様定義部及び表示更新定義部の設定項目と上記データベースの実データに基づき、トレンドグラフを表示するサンプル画面表示部を備えたことを特徴とする請求項１記載のウェブアプリケーション生産支援装置。
4. サンプル画面表示部は、画面に表示している項目とデータの紐付け状況を表示し印刷する機能を有することを特徴とする請求項３記載のウェブアプリケーション生産支援装置。
5. 上記データ収集仕様定義部に入力したデータベースの実データと、表示更新定義部の設定した更新周期とに基づきトレンドグラフを表示するシミュレーションデータを自動生成し、上記サンプル画面表示部にトレンドグラフを表示するシミュレーションデータ生成部を備えたことを特徴とする請求項３記載のウェブアプリケーション生産支援装置。
6. 上記スタイル定義部は、トレンドグラフの画像のスタイルについて複数のパターンを備えていることを特徴とする請求項１記載のウェブアプリケーション生産支援装置。

Images