JP2008130063A

JP2008130063A - Ｗｅｂ入力画面とプログラムの開発を完全分離できる入力画面作成システム。

Info

Publication number: JP2008130063A
Application number: JP2006340483A
Authority: JP
Inventors: Kohei Nomi; 幸平能見
Original assignee: METIO CO Ltd
Current assignee: METIO CO Ltd
Priority date: 2006-11-21
Filing date: 2006-11-21
Publication date: 2008-06-05

Abstract

【課題】ＷＥＢを用いた基幹業務用システムの開発におけるＷＥＢエントリ入力画面開発とプログラム開発の複雑さを改善する。
【解決手段】ページ全体の読み込みと同期・非同期にサーバと通信し、ダイナミックＨＴＭＬを利用してページの必要な部分だけを書き換え、入力画面開発とプログラム開発を完全分離する。アクセスがあるごとにサーバが問合わせを参照してフォームを生成、ファイルから該当データを引出し、値を表示する。また、画面表示されるフォームと入力されたデータの分離を実現するため、リレーショナルデータベース（ＲＤＢ）との直接連携を行なわず、ＷＥＢフォームで入力されたデータをダイレクトにサーバに渡すことにより、画面表示されるフォームと入力されたデータの完全分離を実現し柔軟、簡単な画面変更を実現している。このことにより、開発言語にとらわれることなく既存のリレーショナルデータベース（ＲＤＢ）とも自由に連携ができる。
【選択図】図２

Description

本発明は、ＷＥＢエントリー入力画面開発において、入力画面開発とプログラム開発の分離開発ができるようになり開発工数を大幅に削減できるＷＥＢエントリー入力画面作成技術に関する。

従来から基幹業務用システムなどに用いられる大型コンピュータに多くの情報を蓄積してきた企業にとって、今ある情報資産をＷＥＢを用いてどう活用するかが競争力維持・拡大の鍵になっている。

ところが、システムの大幅な見直しや根本的な改革を行おうとすると、巨大なコストとリスクがかかる。また、ＷＥＢシステムに移行するには技術的な問題、信頼性に関する問題をクリアしなければならない。それゆえに、なるべく手を加えず、蓄積された有用な情報だけをＷＥＢシステムで利用する方法が望まれている。

ＷＥＢを用いた基幹業務用システムの開発では、データ入力する画面を作成すると同時に、その画面を表示するためのブラウザ専用画面を個別に作成するのが一般的である。

それゆえに、開発を行うにあたりＷＥＢエントリー入力画面開発とプログラム開発の複雑さおよび連携・効率の悪さが指摘されている。

また、入力画面開発とプログラム開発の分離化システムの必用性をも指摘されている。

ページ全体の読み込みと同期・非同期にサーバと通信し、ダイナミックＨＴＭＬを利用してページの必要な部分だけを書き換える開発手法の技術を利用し入力画面開発とプログラム開発を完全分離できる入力画面作成システムで解決するものである。

アクセスがあるごとにサーバが問合わせを参照してフォームを生成、ファイルから該当データを引出し、値を表示できることで分離を実現している。

また、画面表示されるフォームと入力されたデータの分離を実現するため、リレーショナルデータベース（ＲＤＢ）との直接連携を行なわず、ＷＥＢフォームで入力されたデータをダイレクトにサーバに渡すことにより、画面表示されるフォームと入力されたデータの完全分離を実現し柔軟、簡単な画面変更を実現している。

このことにより、開発言語にとらわれることなく既存のリレーショナルデータベース（ＲＤＢ）とも自由に連携ができる。

本発明により、データ入力用の画面と同時にデータを表示する画面を作成することができ、入力画面開発とプログラム開発の分離開発ができるようになり開発工数は大幅に削減できる。

また、チェックしたデータに対して表示画面作成に特化した機能をもっているため、開発者が柔軟、簡単に詳細な開発・テストができ、エラーの減少から開発の効率がはかれる。

その他、開発時によくある画面の変更、追加、削除に対して、最小限の手直しで対応できるように各エレメントのＩＤとＮａｍｅを個別に管理でき、個別管理されたドキュメントを印刷することも可能になり、仕様書などに活用することもできる。

発明の実施するための最良の形態

以下、本発明の実態の形態を図１〜図２１に基づいて説明する。

図１の１（入力設定）画面内にある図１の２（ＨＴＭ呼出）ボタンより作業ＨＴＭファイルを指定して、ＨＴＭファイルの解析後、各リンク・入力などの属性内容がグリットに展開できる。

図２の５（基本／変数）画面内の図２の６（初期変数値設定ボタン）を押してグリット内に４つの基本変数名をセットすることによりＸＭＬ定義時に使用する基本変数を定義することができる。

ＨＴＭ画面内の繰返しとなる開始ＩＤ、終了ＩＤを設定し図２の７（ＸＭＬ作成）ボタンを押すことにより画面中段エリアにＸＭＬ定義文が出力され、図１の３（データ挿入）ボタンを押すとによりＸＭＬ文が書き出され、画面基本設定（ページ設定）ができる。

ここで図１の４（ＸＭＬ登録）ボタンを押すと登録画面が表示されるので、ファイル名を入力して、ＸＭＬファイルを登録することができる。

メイン画面（図２）の機能としては、ＸＭＬ定義文へ詳細仕様を記述していく際、画面にある各種機能ボタン（図２の８ＸＭＬ登録、９閉じる、１０ＨｅｌｐＸＭＬファイル参照、１１Ｄｅｂｕｇ編集モード、１２コンバート、１３ＺｏｏｍＨＴＭ、５基本／変数、１４キー設定、１５画面設定、１６イベント、１７関数／基本１８入力設定）を利用して作業の効率をあげることができる。

また、各種機能により、ベースとなっているファイルをエディターで呼出編集することができる。

各機能でできる作業としては、図２の８（ＸＭＬ登録）はＸＭＬ記述文をＸＭＬファイルに登録する、図２の９（閉じる）はメイン画面を終了する、図２の１０（ＨｅｌｐＸＭＬファイル参照）は基本となるＸＭＬ／ＪＳファイルを表示する、図２の１１（Ｄｅｂｕｇ編集モード）はＪＳファイル書出し時（コンバート）、テスト用テキストを参照するソースで書出す、図２の１２（コンバート）はＸＭＬ記述文をＪＳファイルにコンバートする、図２の１３（ＺｏｏｍＨＴＭ）はＪＳファイル書出し時（コンバート）に、親または、子画面内容でソースを書出す、図２の１９（ＸＭＬ参照）は作業をおこなうＸＭＬファイルを呼び出すことができる。

また、その他機能の作業内容として、図２の５（基本／変数）は作業ＨＴＭの基本変数設定・ページ設定をおこなう機能、図２の１４（キー設定）はキー入力時の制約をできる機能（禁止動作）設定・Ｅｎｔｅｒキーでの入力設定をおこなう機能、図２の１５（画面設定）は初期設定・ＸＭＬコメント設定をおこなう機能、図２の１６（イベント）は各入力時のイベント設定をできる機能（関数名）・ＸＭＬコメント・再処理設定をおこなう機能、図２の１７（関数／基本）スクリプト関数作成・スクリプト管理・ランゲージ管理・ズーム設定をおこなう機能、図２の１８（入力設定）は作業ＨＴＭの指定をおこなうことができる機能をもっている。

図２（基本／変数）画面で各種機能により、図２の２０（変数定義グリット）変数名・配列数の定義を入力できる機能、図２の２１（再表示）変数定義グリットを再表示できる機能、図２の２２（行挿入）変数定義グリットのアクティブ行に空行を挿入できる機能、図２の２３（行削除）変数定義グリットのアクティブ行を削除できる機能、図２の２４（行追加）変数定義グリットの最下行に１行追加できる機能、図２の２５（Ｆｒｏｍｎａｍｅ）ＸＭＬ記述時のフォーム名を入力できる機能、図２の２６（頁行数）指定ＨＴＭの繰返の指定ができる機能、図２の２７（配列数）頁行数の最大列数を指定できる機能、図２の６（初期変数値設定）本システムの予約語変数と頁行数、配列数の指定値で変数定義しグリットを定義できる機能、図２の２８（全て）を選択すると、ＸＭＬ定義の情報を記述し、図２の２９（繰返数）にページ内の繰返し行数、図２の３０（開始ＩＤ）にページ内の繰返し開始ＩＤ、図２の３１（終了ＩＤ）にページ内の繰返し終了ＩＤを指定できる機能、基本構成を選択すると、ＸＭＬ定義の基本構成情報のみを記述できる機能、図２の７（ＸＭＬ作成）画面中段エリアにＸＭＬ定義文が出力できる機能をもっている。

図３（キー設定）画面の詳細機能としては、図３の５０（動作を禁止する特殊キー）下部リストから禁止する特殊キーを選択できる機能、図３の５１（改行キー設定）画面入力の際、Ｅｎｔｅｒキーで次入力項目へ送る画面ＩＤを指定し開始ＩＤから終了ＩＤを入力できる機能をもっている。

図４（画面設定）画面の詳細機能としては、図４の５２（画面設定）タグを選択するとデフォルト関数名が表示される機能かあり、図４の５３（ｏｎｌｏａｄ）または図４の５４（Ｓｃｒｉｐ）の選択により表示される内容が変わり、内容を書き換えることで独自に作成した関数名を追加できる機能をもっている。

その他、図４の５５（検索）関数名（関数名リスト図４の５６）検索の入力値で検索できる機能、図４の５７（−）関数リストファイルをエディターで開く機能、図４の５３（ｏｎｌｏａｄ）初期ロード時に設定する関数名を指定できる機能、図４の５４（Ｓｃｒｉｐ）ＸＭＬ管理のためのタグ記述をできる機能、図４の５８（ＸＭＬ作成）ボタンを押すと画面中段エリアにＸＭＬ定義文が出力できる機能をもっている。

図５（イベント）画面の詳細機能としては図の５の５９（イベント）タグを選択するとイベント名とデフォルト関数名を表示させる機能があり、ファイル内容を書き換えることで独自に作成した関数名を追加できる機能をもっている。

その他、図５の６０（イベント）イベント名の選択またはイベント名の入力ができる機能、図５の６１（リスト付加））チェック有で複数の関数を定義（併記）、チェック無で１つの関数を定義（入替）できる機能、図５の６２（関数）関数名の選択または入力できる機能、図５の６３（関数名検索）検索する関数名の入力ができる機能、図５の６４（−）関数リストファイルをエディターで開く機能、図５の６５（イベント）をチェックするとイベント名を選択できる機能、図５の６６（Ｓｃｒｉｐ）ＸＭＬ管理のためのタグを選択できる機能、図５の６７（Ｃａｌｌ）イベント後の関数名、最呼出処理の選択をできる機能、図５の６８（ＸＭＬ作成）ボタンを押すと画面中段エリアにＸＭＬ定義文が出力できる機能をもっている。

図６（関数／基本）画面の詳細機能としては（基本設定）子画面で使用するＪＳファイルを入力しＸＭＬ定義できる機能、図６の６９（ＳＣＰＩＰＴ）親画面作成時に呼出す子側のＪＳファイル名を指定できる機能、図６の７０（ＸＭＬ作成）ボタンを押すと画面中段にＸＭＬ定義文が出力できる機能をもっている。

図６の７１（Ｚｏｏｍ画面基本設定（Ｚｏｏｍ画面））子側となる画面作成時に図６の７２（引数）引数名を入力、図６の７３（横幅）横幅サイズを入力、図６の７４（縦幅）縦幅サイズを入力、図６の７５（Ｌｅｆｔ）左位置座標を入力、図６の７６（Ｔｏｐ）上位置他票を入力の設定を指定できる機能、図６の７７（ＸＭＬ作成）ボタンを押すと画面中段にＸＭＬ定義文が出力できる機能をもっている。

メイン画面の編集機能として、図２の３２（全セレクト）ＸＭＬ定義エリアに記述されている全行を選択状態にできる機能、図２の３３（全クリア）ＸＭＬ定義エリアに記述されている全文をクリアできる機能、図２の３４（検索項目欄）ＸＭＬ記述エリア内に検索したい名称を入力できる機能、図２の３５（摘要（スクリプト））既に記述されているスクリプト名を検索項目欄リストへセットできる機能、図２の３６（Ｕｎｄｏ）作業を１つ前の状態に戻す機能、図２の３７（Ｒｅｄｏ）Ｕｎｄｏにて戻した作業を取消す機能、図２の３８（下矢印検索）検索項目欄に入力された名称をアクティブ行（反転表示行）より下部に対して検索できる機能、図２の３９（上矢印検索）検索項目欄に入力された名称をアクティブ行（反転表示行）より上部に対して検索できる機能、図２の４０（上三角）、４１（下三角）で移動する前の行にアクティブ行を移動できる機能、図２の４１（下三角）図２の１７（／関数）ボタン位置へアクティブ行が移動できる機能、図２の４２（データ挿入）ＸＭＬ定義エリアに記述されている文をＸＭＬ記述エリアへ挿入できる機能、図２の４３（データ編集）ＸＭＬ定義エリアに記述されている文（１行）とＸＭＬ記述エリアのアクティブ行を入替える機能、図２の４４（行挿入）ＸＭＬ記述エリアのアクティブ行を空行に挿入できる機能、図２の４５（行削除）ＸＭＬ記述エリアのアクティブ行を削除できる機能、図２の４６（再表示）ＸＭＬ記述エリアのグリットを再表示できる機能、図２の４７（追加行欄）行追加される値を入力できる機能、図２の４８（行追加）行追加欄に入力された値文だけ最下行に行追加できる機能、図２の４９（全クリア）ＸＭＬ記述エリアを全てクリアできる機能、図２の４６Ａ（エディター・ＸＭＬ編集−参照）ＸＭＬ記述エリアの内容をエディターに開く機能をもっている。

図７セレクト関数作成画面より、コンボボックスへデータベース参照して値をセットする関数を作成することができる。

図８スクリプト関数作成画面の各種機能により、図８の７８（関数名）メイン画面にて作成する関数名をダブルクリックしておき、検索項目欄に名称をセットしている状態で開くと初期値として関数名をセットできる機能、図８の７９（摘要（スクリプト））記述済みＸＭＬ内容から最初に記述されている関数名をセットできる機能、図８の８０（配列名）返値をセットする変数名を選択または入力できる機能、図８の８１（摘要（配列））記述済みＸＭＬ内容から最初に記述されている変数名をセットできる機能、図８の８２（参照ファンクション摘要）関数内で処理を行なう内容をコメント記述できる機能によりＸＭＬに記述された関数を作成できる。

また、その他スクリプト関数作成画面の機能として、図８の８３（Ｓｃｒｉｐｔ）スクリプト全体文の作成を定義して、別機能で作成した処理をコピーしてスクリプト関数作成画面に貼り付けで処理を行なおう機能、図８の８４（Ｒｅｑｕｅｓｔ）外部ファイルへ送る処理の定義ができる機能、図８の８５（Ｄａｔａｓｅｔ）外部ファイルから返値変数を定義できる機能、図８の８６（Ｏｐｔｉｏｎ）各種詳細設定を定義できる機能、図８の８７（Ｐｒｏｇｒａｍ）分岐・繰返・初期化などスクリプト文を定義できる機能、図８の８８（頁）明細行（グリット）のページコントロールを定義できる機能、図８の８９（計算）計算式を定義できる機能、図８の９０（Ｌｉｓｔ）リスト表示設定を定義できる機能、図８の９１（配列）配列を利用したデータセット・アラートセットを定義できる機能、図８の９２（Ｃｈｅｃｋ）チェック用処理を定義できる機能がありスクリプト関数作成を簡単に作成できる。

各種スクリプト関数作成機能の詳細画面については、図８（Ｓｃｒｉｐｔ）画面では各種ボタンを押すと、図８の９３（Ｕｎｄｏ）作業を１つ前の状態に戻す（１回）機能、図８の９４（ＸＭＬデータセット）ＸＭＬ定義エリア内の記述内容をメイン画面のＸＭＬ定義エリアへデータセットできる機能、図８の９５（ＸＭＬ作成）指定された関数名でＸＭＬ文を定義できる機能、図８の９６（ＳｃｒｉｐｔＧｕｉｄｅ）指定された参照ファンクション指摘欄のコメントをＸＭＬ定義エリアに定義できる機能、図８の９７（Ｐｒｏｇｒａｍ付加）手組みしたスクリプト文をＸＭＬ定義文に書換できる機能、図８の９８（デフォルトデータ設定）既に定義されている関数内容を表示できる機能をもっている。

図９（Ｒｏｑｕｅｓｔ）タグ画面では各種機能として、（関数名）関数名を選択または入力できる機能、（配列名）返値用変数名選択または入力できる機能、図９の９９（ＲｅｓｐｏｎｓｅＸＭＬ）外部ファイル名を入力できる（拡張子を含め）機能、図９の１００（引数）引数名と引数値を入力する機能、図９の１０１（最大配列数）返値用変数の最大配列数を入力できる機能、図９の１０２（同期通信）送った処理の返りを待って次に処理を実行できる機能、図９の１０３（非同期通信）送った処理の返りを待たずに次の処理を実行できる機能、図９の１０４（エラーコード返値配列番号）チェック関数で返値の内容（アラート表示）を返す機能、図９の１０５（ＸＭＬ作成（ＤａｔａＧｅｔ））外部ファイルからの返値を、指定した内容でＸＭＬ文を定義できる機能、図９の１０６（ＸＭＬ作成（ＤａｔａＳａｖｅ））外部ファイルへ引数だけを渡す内容でＸＭＬ文を定義できる機能、（親データセット）子側ＨＴＭの作成時に設定できる機能、図９の１０７（ＩＤ−親ＩＤ）子画面ＩＤから返す親画面ＩＤを入力できる機能、図９の１０８（値セット後の親フォーカスＩＤ）子画面終了後の親画面フォーカスをセットする親画面ＩＤを入力できる機能、図９の１０９（ＸＭＬ作成（親ＤａｔａＳｅｔ））子画面側で記述するＸＭＬを定義できる機能をもっている。

図１０（Ｄａｔａｓｅｔ）タグ画面では各種機能として、図１０の１１０（配列名）展開する配列名を指定できる機能、図１０の１１１（配列番号ＩＤ−ＩＤ）配列番号と画面ＩＤを指定し、配列値を画面へセットできる機能、図１０の１１２（検索）関数リストを表示できる機能、図１０の１１３（配列Ｎｏ）関数を追加する配列番号を入力できる機能、図１０の１１４（関数名）関数名を指定または入力できる機能、図１０の１１５（横矢印）指定した配列ＮＯへの処理関数を追加できる機能、図１０の１１６（ＸＭＬ作成（ＤａｔａＧｅｔ））返値の配列変数から画面ＩＤへ返すＸＭＬ文を作成できる機能、図１０の１１７（ＸＭＬ作成（ＤａｔａＳａｖｅ））指定配列へ画面ＩＤの値をセットするＸＭＬ文を作成できる機能をもっている。

図１１（Ｏｐｔｉｏｎ）タグ画面では各種機能として、図１１の１１８（ＩＤ−ＩＤ）設定する画面のＩＤを入力できる機能、図１１の１１９（関数名）関数名を指定または入力できる機能、図１１の１２０（検索）オプションリストを表示できる機能、図１１の１２１（ＸＭＬ作成）選択または入力したオプション名をオプション定義エリアで記述できる機能、図１１の１２２（ＸＭＬ作成（ＩＤ））オプション定義エリアの記述内容をＸＭＬ作成エリアへＸＭＬ文を作成できる機能、図１１の１２３（追加記入）、１２２（ＸＭＬ作成（ＩＤ）下矢印）、１２４（ＸＭＬ作成（配列））ボタンの追加機能、図１１の１２５（変数名）配列名を選択または入力できる機能、図１１の１２６（摘要）既にＸＭＬ定義済みの配列名を変数名欄へセットできる機能、図１１の１２４（ＸＭＬ作成（配列））指定配列名でオプション定義している内容をＸＭＬ作成エリアへＸＭＬ文を作成できる機能をもっている。

図１２（Ｐｒｏｇｒａｍ）タグ画面では各種機能として、図１２の１２７（ｓｗｉｔｃｈ例題）スイッチ文の基本文を作成できる機能、図１２の１２８（ｉｆ例題）ｉｆ文の基本文を作成できる機能、図１２の１２９（ｆｏｒ例題）ｆｏｒ文の基本文を作成できる機能、図１２の１３０（ｗｈｉｌｅ例題）ｗｈｉｌｅ文の基本文を作成できる機能、図１２の１３１（ｂｒｅａｋ／／）Ｂｒｅａｋ文の基本文が作成できる機能、図１２の１３２（検索項目欄）入力値で関数リストを絞り込み検索できる機能、図１２の１３３（検索）関数リストを表示できる機能、図１２の１３４（ＸＭＬ作成（Ｐｒｏｇｒａｍ））指定内容でＸＭＬ文を作成できる機能、図１２の１３５（引数セット）指定する変数名と引数で受けるＸＭＬ文を作成できる機能、図１２の１３６（クリア）指定ＩＤのクリアＸＭＬ文を作成できる機能をもっている。

図１３（頁）タグ画面では各種機能として、図１３の１３７（配列番号ＩＤ−ＩＤ）配列番号と画面ＩＤを指定できる機能、図１３の１３８（検索）関数リストを表示できる機能、図１３の１３９（配列ＮＯ）関数を追加する配列番号を入力できる機能、図１３の１４０（関数名）関数名を指定または入力できる機能、図１３の１４１（横矢印）指定した配列ナンバーへ処理関数を追加できる機能、図１３の１４２（頁項目数（Ｃｏｌｓ））明細行１行の項目数を入力できる機能、図１３の１４３（頁行数（Ｒｏｗｓ））１頁における明細行数を入力できる機能、図１３の１４４（最大頁数）頁送りする最大頁数を入力できる機能、図１３の１４５（頁必須配列番号）有効行とする配列番号を入力できる機能、図１３の１４６（配列名）データセットされている配列名（１次配列）を入力できる機能、図１３の１４７（頁配列名）頁配列へ展開する配列名（２次配列）を入力できる機能、図１３の１４８（頁配列項目数）１行分の項目数を入力できる機能、図１３の１４９（ＸＭＬ作成（頁ＤａｔａＳｅｔ））２次配列変数から画面ＩＤへ表示するＸＭＬ文を作成できる機能、図１３の１５０（ＸＭＬ作成（行挿入））行挿入処理するＸＭＬ文を作成できる機能、図１３の１５１（ＸＭＬ作成（行削除））行削除処理するＸＭＬ文を作成できる機能、図１３の１５２（ＸＭＬ作成（頁Ｄｅｆａｕｌｔ））配列変数（１次配列）を宣言できる機能、図１３の１５３（ＸＭＬ作成（頁配列））配列変数（２次配列）を宣言できる機能、図１３の１５４（ＸＭＬ作成（頁ＤａｔａＳｅｔＳａｖｅ））２次配列変数に画面内容を再セットするＸＭＬ文を作成できる機能、図１３の１５５（ＸＭＬ作成（頁配列Ｓａｖｅ））２次配列変数を１次配列変数へセットするＸＭＬ文を作成できる機能をもっている。

図１４（計算）タグ画面では各種機能として、図１４の１５６（ＩＤ（計算式））画面ＩＤまたは固定値を入力して計算式を作成できる機能、図１４の１５７（ＸＭＬ作成（計算））計算式エリアに作成された計算式をＸＭＬ文で定義できる機能、図１４の１５８（ＩＤ−配列番号）計算値を返す画面ＩＤと頁配列番号を指定でき、指定された配列番号の値を合計し、画面ＩＤへ値を表示できる機能、図１４の１５９（頁配列名）合計値を集計させる配列名を入力できる機能、図１４の１６０（ＸＭＬ作成（合計））指定内容でＸＭＬ文を定義できる機能をもっている。

図１５（Ｌｉｓｔ）タグ画面では各種機能として、図１５の１６１（配列番号−ＩＤ）配列番号と展開する画面ＩＤを入力できる機能、図１５の１６２（バックカラー）リスト表示の裏側配色を入力できる機能、図１５の１６３（文字サイズ）リスト表示の文字サイズを入力できる機能、図１５の１６４（表示枠横幅）リスト表示の横幅サイズを入力できる機能、図１５の１６５（表示枠縦幅）リスト表示の縦幅サイズを入力できる機能、図１５の１６６（値セット後のフォーカスＩＤ）リストセット後のフォーカス画面ＩＤを入力できる機能、図１５の１６７（配列名）リストへ展開する配列名を入力できる機能、図１５の１６８（検索）関数リストを表示できる機能、図１５の１６９（配列ＮＯ）関数を追加する配列番号を入力できる機能、図１５の１７０（関数名）関数名を指定または入力できる機能、図１５の１７１（横矢印）指定した配列ナンバーへ処理関数を追加できる機能、図１５の１７２（ＸＭＬ作成）指定内容リスト表示設定するＸＭＬ文を定義できる機能をもっている。

図１６（配列）タグ画面では各種機能として、図１６の１７３（Ｏｐｔｉｏｎ配列設定）指定配列名の画面ナンバーをセットできる機能，図１６の１７４（ＩＤ−ＩＤ）配列へセットする画面ＩＤを入力できる機能、図１６の１７５（配列名）画面ＩＤをセットする配列名を入力できる機能、図１６の１７６ＸＭＬ作成（配列））配列へ画面ＩＤを設定するＸＭＬ文を定義できる機能、図１６の１７７（Ｃｏｍｍｅｎｔ−Ｂｕｆｆ定義）Ｃｏｍｍｅｎｔ−Ｂｕｆｆ定義配列（予約語）にコメント文字をセットできる機能、図１６の１７８（Ｃｏｍｍｅｎｔ−Ｂｕｆｆ配列記入）Ｃｏｍｍｅｎｔ−Ｂｕｆｆ配列へコメント文字を設定するＸＭＬ文を定義できる機能、図１６の１７９（ＸＭＬ作成（コメント））入力内容で配列番号へアラートコメントを設定するＸＭＬ文を定義できる機能をもっている。

図１７（Ｃｈｅｃｋ）タグ画面では各種機能として、図１７の１８０（引数）各関数への引数値を入力できる機能、図１７の１８１（Ａｌｅｒｔ）アラート表示により、ＯＮ、アラート非表示によりＯＦＦによる設定ができる機能、図１７の１８２（Ｉｎｐｕｔ）データ削除表示により、チェック後のデータクリア、データセレクト表示により、チェック後にデータセレクト、デフォルト表示によりチェック後何もしない設定ができる機能、図１７の１８３（検索項目欄）入力値で関数リストを絞り込み検索できる機能、図１７の１８４（検索）関数リストを表示できる機能、図１７の１８５（ＸＭＬ作成（Ｃｈｅｃｋ））指定内容でＸＭＬ文を定義できる機能、図１７の１８６（入力チェック（ＸＭＬ呼込））ＸＭＬに定義済みの（入力チェック）関数の画面ＩＤと関数名（引数）情報を抽出できる機能、図１７の１８７（ＸＭＬ作成（ＳａｖｅＣｈｅｃｋ））指定内容でＸＭＬ文を定義できる機能をもっている。

新規・更新・削除機能として、モード切替関数作成画面により入力モード切替時の新規・更新・削除関数名を作成することができる。

図１８、モード切替関数作成画面の詳細機能としては、図１８の１８８（関数名）作成する関数名を選択して、各関数名の入力欄でダブルクリックすると関数名に名称がセットされる機能、図１８の１８９（摘要（スクリプト））記述済みＸＭＬ内容から最初に記述されている関数名をセットできる機能、（コメント）図１８の１９０，１９１，１９１ＸＭＬ定義時のメモ値を入力できる機能、図１８の１９３（フォーカスＩＤ）初期値としてフォーカスされる画面ＩＤを入力できる機能、図１８の１９４（開始ＩＤ）フォーカス移動時の開始画面ＩＤを入力できる機能、図１８の１９５（終点ＩＤ）フォーカス移動時の終了画面ＩＤを入力できる機能、図１８の１９６（ＸＭＬ作成）入力された内容でＸＭＬ文を定義できる機能、図１８の１９７（ＸＭＬデータセット）定義されたＸＭＬ文をメイン画面のＸＭＬ定義エリアへ送る機能をもっている。

記述済みのＸＭＬより使用している内部関数名のリストを表示・各関数名の処理状況の管理をできるスクリプト関数管理機能をもっている。

図１９、Ｓｃｒｉｐｔ関数管理画面の詳細機能としては、図１９の１９８（ＩＤ）メイン画面の画面ＩＤの表示をできる機能、図１９の１９９（Ｎａｍａ）リンク名・画面名・繰返行の値の表示ができる機能、図１９の２００（Ａｃｔｉｏｎ）イベント名の表示ができる機能、図１９の２０１（処理）−参照、四角印ライブラリ使用、丸印はＸＭＬ内定義済、無印はＸＭＬ内未定義の処理内容を表示できる機能、図１９の２０２（スクリプト名）関数名の表示ができる機能、図１９の２０３（メモ）関数名のメモ値を表示できる機能、図１９の２０４（デフォルト）初期画面状態で表示できる機能、図１９の２０５（並替下矢印）Ａｃｔｉｏｎ部の内容を昇順で再表示できる機能、図１９の２０６（並替上矢印）Ａｃｔｉｏｎ部の内容を降順で再表示できる機能、図１９の２０７（並替下矢印）スクリプト名部の内容を昇順で再表示できる機能、図１９の２０８（並替上矢印）スクリプト名部の内容を降順再表示できる機能、図１９の２０９（更新）最新情報を取得して再表示できる機能、図１９の２１０（印刷）画面リストを印刷できる機能、図１９の２１１（スクリプト参照）画面選択行の関数名をメイン画面の検索項目欄へセットできる機能をもっている。

記述済みのＸＭＬより使用している外部関数名のリストを表示・各関数名の処理状況の管理をできるランゲージ関数管理機能をもっている。

図２０、Ｌａｎｇｕａｇｅ関数管理画面の詳細機能としては、図２０の２１２（タグ）関数を宣言しているタグ名を表示できる機能、図２０の２１３（スクリプト名）関数名の表示ができる機能、図２０の２１４（Ｌａｎｇｕａｇｅ名）外部参照ファイル名を表示できる機能、図２０の２１５（処理）丸印はＬａｎｇｕａｇｅファイル定義済（外部ファイル）、四角印はテキストファイル定義済、無印はファイル未定義の処理内容を表示ができる機能、図２０の２１６（引数）引数内容の表示ができる機能、図２０の２１７（最大配列数）返値をセットする変数の最大配列数を表示できる機能、図２０の２１８（デフォルト）初期画面状態で表示できる機能、図２０の２１９（並替下矢印）Ａｃｔｉｏｎ部の内容を昇順で再表示できる機能、図２０の２２０（並替上矢印）Ａｃｔｉｏｎ部の内容を降順で再表示できる機能、図２０の２２１（並替下矢印）スクリプト名部の内容を昇順で再表示できる機能、図２０の２２２（並替上矢印）スクリプト名部の内容を降順で再表示できる機能、図２０の２２３（Ｌａｎｇｕｇｅ編集）選択行（アクティブ）の外部参照ファイルをエディターで開く機能、図２０の２２４（更新）最新情報を取得し再表示できる機能、図２０の２２５（印刷）画面リストを印刷できる機能、図２０の２２６（ＩＤ仕様一覧）選択行の関数処理内容（引数・返値）を表示できる機能をもっている。

ＩＤ仕様一覧により処理内容を確認し、返値の数を合わせてテキストファイルを作成し印刷をできる機能をもっている。

図２１、ＩＤ仕様一覧確認画面の詳細機能としては、図２１の２２７（仕様）関数名・外部ファイル名・引数・ｉｄ値・配列情報の表示ができる機能、図２１の２２８（配列名）返値を受けとる引数名を表示できる機能、図２１の２２９（ＩＤ名）各項目への画面ＩＤの表示ができる機能、図２１の２３０（名前）各項目の画面名の表示ができる機能、図２１の２３１（印刷）ＩＤ仕様一覧を印刷できる機能をもっている。

また、図２２の流れのように、ＸＭＬ構造体の要素を利用して、画面要素（エレメント）ＸＭＬ定義文を実装し、段階的な圧縮技術により実行モジュールでの構造を作りだし画面コントロールのＸＭＬ定義文を圧縮して最小のステップ数でプログラム開発をおこなうことができ、その結果、開発の工数を大幅に削減している。なお、本発明は３段階により実現している。

ＸＭＬ構造体を使用するにあたり、必要最低限の可変的な情報をＸＭＬ定義文にあたえることにより、プログラム開発の簡素化も実現している。

具体的には、必要最低限度の要素データを（第１段階・１次定義、図２２の２３２）、（図２２の２３３）目的を明確にするためのタグ情報ＸＭＬ定義文に記述しコード出力することができる（第２段階・最終定義、図２２の２３３）。出力されたコードは編集することも可能である。

出力されたコードはプログラムソースを創生するための、もとめられた動作定義にあった、定められた手順（第３段階・実行可能モジュール、図２２の２３４）によりプログラム創生が行なえる。

入力設定をする画面基本／変数設定をする画面キー設定をする画面画面設定をする画面イベント設定をする画面関数／基本設定をする画面セレクト関数作成画面スクリプト関数作成画面Ｒｅｑｕｅｓｔ機能タグの画面ＤａｔａＳｅｔ機能タグの画面Ｏｐｔｉｏｎ機能タグの画面Ｐｒｏｇｒａｍ機能タグの画面頁機能タグの画面計算機能タグの画面Ｌｉｓｔ機能タグの画面配列機能タグの画面Ｃｈｅｃｋ機能タグの画面モード切替関数作成画面Ｓｃｒｉｐｔ関数管理画面Ｌａｎｇｕｇｅ関数管理画面ＩＤ仕様一覧確認画面段階的なプログラム創生フローチャート

符号の説明

１入力設定タグ
２ＨＴＭ呼出ボタン
３データ挿入ボタン
４ＸＭＬ登録ボタン
５基本／変数タグ
６初期変数値設定ボタン
７ＸＭＬ作成ボタン
８ＸＭＬ登録ボタン
９閉じるボタン
１０ＨｅｌｐＸＭＬファイル参照ボタン
１１Ｄｅｂｕｇ編集モードボタン
１２コンバートボタン
１３ＺｏｏｍＨＴＭボタン
１４キー設定タグ
１５画面設定タグ
１６イベントタグ
１７関数／基本タグ
１８入力設定タグ
１９ＸＭＬ参照ボタン
２０変数定義グリット
２１再表示ボタン（基本／変数設定画面）
２２行挿入ボタン（基本／変数設定画面）
２３行削除ボタン（基本／変数設定画面）
２４行追加ボタン（基本／変数設定画面）
２５Ｆｒｏｍｎａｍｅグリット
２６頁行数グリット
２７配列数グリット
２８全てボタン
２９繰返数グリット
３０開始ＩＤグリット
３１終了ＩＤグリット
３２全セレクトボタン
３３全クリアボタン
３４検索項目欄
３５摘要（スクリプト）ボタン
３６Ｕｎｄｏボタン
３７Ｒｅｄｏボタン
３８下矢印検索ボタン（基本／変数設定画面）
３９上矢印検索ボタン（基本／変数設定画面）
４０上三角ボタン
４１下三角ボタン
４２データ挿入ボタン
４３データ編集ボタン
４４行挿入ボタン（メイン画面）
４５行削除ボタン（メイン画面）
４６再表示ボタン
４７追加行記入欄
４８行追加ボタン（メイン画面）
４９全クリアボタン
４９Ａエディター・ＸＭＬ編集−参照ボタン
５０動作を禁止する特殊キーグリット
５１改行キー設定グリット
５２画面設定タグ
５３Ｏｎｌｏａｄボタン
５４Ｓｃｒｉｐボタン
５５検索ボタン
５６関数名リスト
５７ −ボタン（画面設定画面）
５８ＸＭＬ作成ボタン（画面設定画面）
５９イベントタグ
６０イベントグリット
６１リスト付加ボタン
６２関数グリット
６３関数名検索グリット
６４ −ボタン（イベント設定画面）
６５イベントボタン
６６Ｓｃｒｉｐボタン
６７Ｃａｌｌボタン
６８ＸＭＬ作成ボタン（イベント設定画面）
６９ＳＣＲＩＰＴグリット
７０ＸＭＬ作成ボタン（ＳＣＲＩＰＴインポート設定）
７１Ｚｏｏｍ画面基本設定（Ｚｏｏｍ画面）
７２引数記入欄
７３横幅記入欄
７４縦幅記入欄
７５Ｌｅｆｔ記入欄
７６Ｔｏｐ記入欄
７７ＸＭＬ作成ボタン（Ｚｏｏｍ画面基本設定）
７８関数名グリット（スクリプト関数作成画面）
７９摘要（スクリプト）ボタン
８０配列名グリット（スクリプト関数作成画面）
８１摘要（配列）ボタン
８２参照ファンクション最適グリット
８３Ｓｃｒｉｐｔタグ
８４Ｒｅｑｕｅｓｔタグ
８５Ｄａｔａｓｅｔタグ
８６Ｏｐｔｉｏｎタグ
８７Ｐｒｏｇｒａｍタグ
８８頁タグ
８９計算タグ
９０Ｌｉｓｔタグ
９１配列タグ
９２Ｃｈｅｃｋタグ
９３Ｕｎｄｏボタン
９４ＸＭＬデータセットボタン
９５ＸＭＬ作成ボタン（スクリプト関数作成画面）
９６ＳｃｒｉｐｔＧｕｉｄｅボタン
９７Ｐｒｏｇｒａｍ（付加）ボタン
９８デフォルトデータ設定ボタン
９９ＲｅｓｐｏｎｓｅＸＭＬグリット
１００引数グリット
１０１最大配列数グリット
１０２同期通信ボタン
１０３非同期通信ボタン
１０４エラーコード返値配列番号記入欄
１０５ＸＭＬ作成（ＤａｔａＧｅｔ）ボタン
１０６ＸＭＬ作成（ＤａｔａＳａｖａ）ボタン
１０７ＩＤ−親ＩＤグリット
１０８値セット後の親フォーカスＩＤグリット
１０９ＸＭＬ作成（親ＤａｔａＳｅｔ）ボタン
１１０配列名グリット（ＤａｔａＳｅｔタグ画面）
１１１配列番号ＩＤ−ＩＤグリット
１１２検索ボタン（ＤａｔａＳｅｔタグ画面）
１１３配列Ｎｏグリット
１１４関数名記入欄（ＤａｔａＳｅｔタグ画面）
１１５横矢印ボタン（ＤａｔａＳｅｔタグ画面）
１１６ＸＭＬ作成（ＤａｔａＧｅｔ）ボタン
１１７ＸＭＬ作成（ＤａｔａＳａｖａ）ボタン
１１８ＩＤ−ＩＤグリット
１１９関数名グリット（Ｏｐｔｉｏｎタグ画面）
１２０検索ボタン（Ｏｐｔｉｏｎタグ画面）
１２１ＸＭＬ作成ボタン（Ｏｐｔｉｏｎタグ画面）
１２２ＸＭＬ作成（ＩＤ）ボタン
１２３追加記入ボタン
１２４ＸＭＬ作成（配列）ボタン
１２５配列名グリット（Ｏｐｔｉｏｎタグ画面）
１２６摘要ボタン
１２７ｓｗｉｔｃｈ例題ボタン
１２８ｉｆ例題ボタン
１２９ｆｏｒ例題ボタン
１３０ｗｈｉｌｅ例題ボタン
１３１ｂｒｅａｋ／／ボタン
１３２検索項目欄
１３３検索ボタン（Ｐｒｏｇｒａｍタグ画面）
１３４ＸＭＬ作成（Ｐｒｏｇｒａｍ）ボタン
１３５引数セットグリット
１３６クリアグリット
１３７配列番号ＩＤ−ＩＤグリット
１３８検索ボタン（頁タグ画面）
１３９配列Ｎｏ記入欄
１４０関数名記入欄（頁タグ画面）
１４１横矢印ボタン（頁タグ画面）
１４２頁項目数記入欄
１４３頁行数（Ｒｏｗｓ）記入欄
１４４最大頁数記入欄
１４５頁必須配列番号記入欄
１４６配列名記入欄（頁タグ画面）
１４７頁配列名記入欄（頁タグ画面）
１４８頁配列項目数記入欄
１４９ＸＭＬ作成（頁ＤａｔａＳｅｔ）ボタン
１５０ＸＭＬ作成（行挿入）ボタン
１５１ＸＭＬ作成（行削除）ボタン
１５２ＸＭＬ作成（頁Ｄｅｆａｕｌｔ）ボタン
１５３ＸＭＬ作成（頁配列）ボタン
１５４ＸＭＬ作成（頁ＤａｔａＳｅｔＳａｖａ）ボタン
１５５ＸＭＬ作成（頁配列Ｓａｖａ）ボタン
１５６ＩＤ（計算式）グリット
１５７ＸＭＬ作成（計算）ボタン
１５８ＩＤ−配列番号グリット
１５９頁配列名記入欄（計算タグ画面）
１６０ＸＭＬ作成（合計）ボタン
１６１配列番号−ＩＤグリット
１６２バックカラー記入欄
１６３文字サイズ記入欄
１６４表示枠横幅記入欄
１６５表示枠縦幅記入欄
１６６値セット後のフォーカスＩＤ記入欄
１６７配列名記入欄（Ｌｉｓｔタグ画面）
１６８検索ボタン（Ｌｉｓｔタグ画面）
１６９配列Ｎｏ記入欄
１７０関数名記入欄（Ｌｉｓｔタグ画面）
１７１横矢印ボタン（Ｌｉｓｔタグ画面）
１７２ＸＭＬ作成ボタン（Ｌｉｓｔタグ画面）
１７３Ｏｐｔｉｏｎ配列設定グリット
１７４ＩＤ−ＩＤ記入欄
１７５配列名記入欄（配列タグ画面）
１７６ＸＭＬ作成（配列）ボタン
１７７Ｃｏｍｍｅｎｔ−Ｂｕｆｆ定義グリット
１７８Ｃｏｍｍｅｎｔ−Ｂｕｆｆ配列記入ボタン
１７９ＸＭＬ作成（コメント）ボタン
１８０引数記入欄
１８１Ａｌｅｒｔ表示欄
１８２Ｉｎｐｕｔ表示欄
１８３検索項目欄
１８４検索ボタン（Ｃｈｅｃｋタグ画面）
１８５ＸＭＬ作成（Ｃｈｅｃｋ）ボタン
１８６入力チェック（ＸＭＬ呼出）ボタン
１８７ＸＭＬ作成（ＳａｖｅＣｈｅｃｋ）ボタン
１８８関数名グリット（モード切替関数作成画面）
１８９摘要（スクリプト）ボタン
１９０フォーカスコメント値記入欄
１９１開始コメント値記入欄
１９２終点コメント値記入欄
１９３フォーカスＩＤ記入欄
１９４開始ＩＤ記入欄
１９５終点ＩＤ記入欄
１９６ＸＭＬ作成ボタン（モード切替関数作成画面）
１９７ＸＭＬデータセットボタン
１９８ＩＤ表示欄
１９９Ｎａｍａ表示欄
２００Ａｃｔｉｏｎ表示欄
２０１処理表示欄
２０２スクリプト名表示欄
２０３メモ表示欄
２０４デフォルトボタン（Ｓｃｒｉｐｔ関数管理画面）
２０５並替下矢印ボタン（Ｓｃｒｉｐｔ関数管理画面ａｃｔｉｏｎ部）
２０６並替上矢印ボタン（Ｓｃｒｉｐｔ関数管理画面ａｃｔｉｏｎ部）
２０７並替下矢印ボタン（Ｓｃｒｉｐｔ関数管理画面スクリプト部）
２０８並替上矢印ボタン（Ｓｃｒｉｐｔ関数管理画面スクリプト部）
２０９更新ボタン（Ｓｃｒｉｐｔ関数管理画面）
２１０印刷ボタン（Ｓｃｒｉｐｔ関数管理画面）
２１１スクリプト参照ボタン
２１２タグ表示欄
２１３スクリプト名表示欄
２１４Ｌａｎｇｕａｇｅ名表示欄
２１５処理表示欄
２１６引数表示欄
２１７最大配列数表示欄
２１８デフォルトボタン（Ｌａｎｇｕａｇｅ関数管理画面）
２１９並替下矢印ボタン（Ｌａｎｇｕａｇｅ関数管理画面ａｃｔｉｏｎ部）
２２０並替上矢印ボタン（Ｌａｎｇｕａｇｅ関数管理画面ａｃｔｉｏｎ部）
２２１並替下矢印ボタン（Ｌａｎｇｕａｇｅ関数管理画面スクリプト部）
２２２並替上矢印ボタン（Ｌａｎｇｕａｇｅ関数管理画面スクリプト部）
２２３Ｌａｎｇｕａｇｅ編集ボタン
２２４更新ボタン（Ｌａｎｇｕａｇｅ関数管理画面）
２２５印刷ボタン（Ｌａｎｇｕａｇｅ関数管理画面）
２２６ＩＤ仕様一覧ボタン
２２７仕様表示欄
２２８配列名表示欄
２２９ＩＤ名表示欄
２３０名前表示欄
２３１印刷ボタン（ＩＤ仕様一覧確認画面）
２３２第１段階・１次定義
２３３第２段階・最終定義
２３４第３段階・実行可能モジュール

Claims

データ入力用画面と同時にデータを表示する画面を作成することができ、ＷＥＢエントリー入力画面開発とプログラム開発の分離開発ができるようになり開発工数を大幅に削減できるＷＥＢエントリー画面作成システム。
ＸＭＬ記述文をＸＭＬファイルに作成し、ＪＳファイルにコンバートして対話型の作成手法によりＷＥＢエントリー画面を作成していくシステム。
ＷＥＢエントリー入力画面開発時の変更、追加、削除に対して、各エレメントのＩＤとＮａｍｅを個別に管理できドキュメントを印刷するシステム。
ＸＭＬ構造体の要素を利用して、画面要素（エレメント）ＸＭＬ定義文を実装し、３段階に圧縮する技術（図２２）により実行モジュールでの構造を作りだし画面コントロールのＸＭＬ定義文を圧縮して最小のステップ数でプログラム開発をおこなうことができるシステム。