(57)【要約】【課題】Ｗｅｂアプリケーションを作成する上で、位置情報が同じであれば、情報の組み合わせの数に関わらず、画面内の情報の配置を指定したファイルを一つ用意するだけで済むようする。【解決手段】このコンピュータは、Ｗｅｂページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する制御部６と、分類された中の複数の画面組合せについて最大公約数の画面組み合わせを作成し最小の画面状態に分割し、同一の画面状態については一つにまとめ、画面状態が最小単位となる画面構造図を生成する畳み込み部４と、生成された画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対しそれぞれを個別に識別するためのＩＤを付与する解釈部５とを具備する。【選択図】　　　図１
2004086774.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、
階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段と
を具備したことを特徴とする画面構造図モデリング装置。
【請求項２】
請求項１記載の画面構造図モデリング装置において、
前記画面構造図に含まれるページ、レイアウト、フレームに付与されたすべての識別情報にファイル名を対応させた対応表を生成する手段と、
前記対応表に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段と
を具備したことを特徴とする画面構造図モデリング装置。
【請求項３】
請求項２記載の画面構造図モデリング装置において、
画面構造図に含まれる２つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成する手段と、
前記遷移情報をイベント毎に前記識別情報に対応させテーブル化した遷移表を生成する手段と、
前記遷移表に基づいてイベント毎の遷移コードを生成する手段と
を具備したことを特徴とする画面構造図モデリング装置。
【請求項４】
コンピュータに処理を実行させるプログラムにおいて、
前記コンピュータを、
ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、
階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段
として機能させることを特徴とするプログラム。
【請求項５】
ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化するステップと、
階層化した画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成するステップと、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与するステップと
を有することを特徴とする画面構造図モデリング方法。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明は、例えばホームページ等のＷｅｂアプリケーションの複数の画面を効率的に作成するための画面構造図モデリング装置、プログラム、画面構造図モデリング方法に関する。
【０００２】
【従来の技術】
従来、Ｗｅｂ上に表示される画面構成は、図３２に示すように、初めに表示されるインデックス画面に、例えばタイトルとして「メインメニュー」、メニューとして「Ａ，Ｂ，Ｃ…」などが表示され、「Ａ，Ｂ，Ｃ…」の中のいずれか一つのメニューが選択されると、そのメニューに対する本文が次の画面に表示される仕組みになっており、各画面における表示内容の配置もさまざまな組み合わせが存在する。
本文が表示される画面は、サブメニューと画面というように配置自体は同じでも表示内容が異なるため、従来は、このような画面配置は同じでも表示内容が異なる場合には、表示内容毎にそれぞれ１画面内の情報の配置を指定したファイルを個別に複数作成および用意していた。
【０００３】
また、Ｗｅｂアプリケーションで行われる業務に一連の流れがある場合、従来は当該業務の最初のページへの固定的なリンクを設け、当該リンクを最初に辿ることにより業務を開始するが、当該業務中に業務と無関係なページを表示する等一旦業務を中断した場合に業務に復帰するために当該業務に戻ると、業務の最初のページが表示され、業務が最初に戻ってしまう。
【０００４】
【発明が解決しようとする課題】
つまり、従来のＷｅｂアプリケーションでは、以下のような問題がある。
１．一つの画面配置に対して、レイアウトを指定するファイルを、組み合わせの数だけ用意しなければならないという問題があった。
２．図３３に示すように、画面配置が定められているＷｅｂページの場合には、全ての配置部分に表示すべき情報の設定を行わなくてはならず、特に関心の無いフレームの表示内容も指定せざるを得ず、ページの作成に手間がかかるという問題があった。
３．図３４に示すように、例えばｈｔｔｐ：／／あるシステム／というＷｅｂサイトのメニューページＡを開いてその中の所望のメニューをクリックし、画面をＡ→Ｂ→Ｃという順に切り替えながら、Ｗｅｂ業務を進める中で、ｈｔｔｐ：／／別のサイト／という他のＷｅｂページＺを開いた場合、途中まで進めていた業務の流れが中断され、もう一度、ｈｔｔｐ：／／あるシステム／というＵＲＬを打ち込むと、初めのメニューページＡに戻ってしまうため、途中まで進めていた業務の画面Ｃに戻るのに一々メニューをクリックしてゆきリンクを辿り直す必要があり、手間がかかるという問題があった。
４．図３５に示すように、ｈｔｔｐ：／／あるシステム／というサイト内に複数の業務メニューＡ，Ｂがある場合、それらを切り替えると、上記同様に、切り替え前に途中まで進めていた業務の流れが中断されてしまうという問題があった。
【０００５】
本発明はこのような課題を解決するためになされたもので、位置情報が同じであれば、情報の組み合わせの数に関わらず、画面内の情報の配置を指定したファイルを一つ用意するだけで済むようにできる画面構造図モデリング装置、プログラム、画面構造図モデリング方法を提供することを目的としている。
また、本発明は、ある業務をＷｅｂページのリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる画面構造図モデリング装置、プログラム、画面構造図モデリング方法を提供することを目的としている。
【０００６】
【課題を解決するための手段】
上記した課題を解決するために、請求項１記載の発明の画面構造図モデリング装置は、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、分類された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段とを具備したことを特徴としている。
請求項２記載の発明の画面構造図モデリング装置は、請求項１記載の画面構造図モデリング装置において、前記画面構造図に含まれるページ、レイアウト、フレームに付与されたすべての識別情報にファイル名を対応させた対応表を生成する手段と、前記対応表に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段とを具備したことを特徴としている。
請求項３記載の発明の画面構造図モデリング装置は、請求項２記載の画面構造図モデリング装置において、画面構造図に含まれる２つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成する手段と、前記遷移情報をイベント毎に前記識別情報に対応させテーブル化した遷移表を生成する手段と、前記遷移表に基づいてイベント毎の遷移コードを生成する手段とを具備したことを特徴としている。
【０００７】
請求項４記載の発明のプログラムは、コンピュータに処理を実行させるプログラムにおいて、前記コンピュータを、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、分類された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段として機能させるプログラムである。
【０００８】
請求項５記載の発明の画面構造図モデリング方法は、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化するステップと、階層化した画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成するステップと、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与するステップとを有することを特徴としている。
【０００９】
本発明では、Ｗｅｂページを構成する各画面構成をページ、レイアウト、フレームという概念に分類して階層化した画面構造図として管理することにより、画面内の情報の配置を指定したファイルを、位置情報が同じであれば、情報の組み合わせの数に関わらず一つだけ用意するだけで済むようになる。
また、本発明では、画面の遷移状態をフレームの状態として管理することにより、ある業務をリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる。
【００１０】
【発明の実施の形態】
以下、本発明の実施の形態を図面を参照して詳細に説明する。
図１は本発明に係る画面構造図モデリング装置の一つの実施の形態のコンピュータの構成を示す図である。
【００１１】
このコンピュータは、ＣＰＵ等の制御部と、ＲＯＭ、ＲＡＭ等のメモリと、ハードディスクドライブ（ＨＤＤ）などの補助記憶装置と、モニター、プリンタなどの出力手段と、キーボード、マウス、スキャナなどの入力手段と、外部の通信網との通信インターフェースとを備えたものである。
ハードディスクドライブには、このコンピュータを動作させる基本ソフトウェアであるオペレーティングシステム（以下ＯＳと称す）と各種アプリケーションソフトウェアがインストールされており、起動時にＣＰＵによりＨＤＤからＲＡＭにＯＳが読み込まれて、ＯＳ環境下で各種アプリケーションソフトウェアがコンピュータ上で動作するようになる。アプリケーションソフトウェアの中の一つに画面構造図モデリングプログラムがある。
第１実施形態の画面構造図モデリングプログラムは、図１に示すように、モデリング対象となる画面遷移図を入力するための入力部１と、この入力部１より入力された画面遷移図を階層構造を持つ画面構造図に変換する変換部２と、この変換部２で作成された階層構造化された画面遷移図（および画面構造図）のコードを出力する出力部３などのモジュールから構成されている。
変換部２は、画面組み合わせで構成される複数の画面の共通化（とりまとめ）を行うための畳み込み部４と、入力元の画面遷移図から生成された画面構造図を「フレーム」、「レイアウト」、「ページ」などに解釈し、解釈したそれぞれの「フレーム」、「レイアウト」、「ページ」の画面に対してＩＤを付与する解釈部５と、これら畳み込み部４および解釈部５を制御すると共に、入力部１から入力された画面遷移図を階層構造化する制御部６などのモジュールに細分化されている。
【００１２】
すなわち、このコンピュータは、Ｗｅｂ（ウェブ）ページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段としての制御部６と、分類および階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段としての畳み込み部４と、画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段としての解釈部５とを備えている。
なお、ページとは、分割不可能な最小単位の表示内容をいう。レイアウトとは、１画面上のページの配置をいう。フレームとは、多数のページ、レイアウトをはめ込むためのエリアをいう。
図２に示すように、矩形Ｉ、Ｊ、Ｋ、Ｌ、Ｍ、Ｎなどから構成画面において、その中の例えば矩形Ｋ、Ｌ、Ｍ、Ｎのように、矩形の中に矩形があるものと画面遷移図と定義する。この場合、矩形Ｎの中に矩形Ｋ、Ｌ、Ｍがある。
複数の画面が合わさって１つの画面を構成するものを画面組み合わせと定義する。図３に示す例では、画面組み合わせは、４つの画面２１，２２，２３，２４から構成されている。
【００１３】
以下、図４のフローチャートと図５以降の画面の移り変わりの例を参照してこのコンピュータでの画面図（遷移図、組合せ図等）の階層化の処理に関する動作を説明する。
図５に示すように、コンピュータに入力される入力元の画面遷移図３１は、原始画面３２、画面遷移図３３，３４、画面組合せ３５，３６などからなるものとする。
画面遷移図３１がスキャナなどの入力部１により読み込まれて画像入力されると、読み込まれた画面遷移図３１は、変換部２に渡される。
すると、変換部２では、制御部６が、図６に示すように、まず画面遷移図３１の上側に矩形３７を描き、描いた矩形３７と画面遷移図３１の外枠とを線３８で結び、最上位階層の図を作成する（Ｓ１０１）。
続いて、制御部６は、画面遷移図３１の中で、他の画面遷移図の内側には無く、かつ未処理の画面遷移図があるかどうかをチェックする（Ｓ１０２）。この場合、未処理の画面遷移図は、画面遷移図３３と画面遷移図３４が該当する。
【００１４】
制御部６は、画面遷移図３３と画面遷移図３４のうち、いずれか一方を機械的に選択する（Ｓ１０３）。この場合、左から順に、例えば画面遷移図３３等を選択したものとする。
画面遷移図３３を選択後、制御部６は、図７に示すように、選択した画面遷移図３３を画面遷移図３１の下側に出し、画面遷移図３３のあった所に、画面遷移図３３の枠と同じ大きさの矩形４０を描く。そして、制御部６は、画面遷移図３３と画面遷移図４０とを直線４１で結び、画面遷移図３３の階層化を行う（Ｓ１０４）。続いて、制御部６は、残りの画面遷移図３４について上記ステップＳ１０４の処理を行う。
【００１５】
画面遷移図の処理が済むと、次に、制御部６は、画面組合せの処理を行うため、画面遷移図３１の中の、画面組合せについての処理がすべて終了したかどうかをチェックする（Ｓ１０５）。この例の場合、未処理の複数の画面組合せ３５，３６が存在するので、チェック結果はＮｏとなる。
制御部６は、チェックの結果、複数存在した画面組合せ３５，３６に対する処理を終了したかどうかをまず判定し（Ｓ１０７）、この場合、処理は終了していないので（Ｓ１０７のＮｏ）、複数存在した画面組合せ３５，３６いずれか一方の集合を選択する。この場合、例えば左から順に画面組合せ３５等を選んだものとする。
画面組合せ３５を選択後、制御部６は、図８に示すように、選択した画面組合せ３５を楕円４２で囲む（Ｓ１０８）。
【００１６】
続いて、制御部６は、楕円４２で囲んだ画面組合せ３５の中に未処理の画面遷移図があるかどうかをチェックする。この場合、画面遷移図４４，４５が該当する。
制御部６は、画面遷移図４４と画面遷移図４５のうち、いずれか一方を機械的に選択する。この場合、上から順に、例えば画面遷移図４４等を選択したものとする。
画面遷移図４４を選択後、制御部６は、図９に示すように、選択した画面遷移図４４を画面組合せ３５の下側に出し、画面遷移図４４のあった所に、画面遷移図４４の枠と同じ大きさの矩形４６を描く。そして、制御部６は、画面遷移図４４と画面組合せ３５とを直線４７で結び、画面遷移図４４の階層化を行う（Ｓ１０９）。
続いて、制御部６は、残りの画面遷移図４５について上記ステップＳ１０９の処理を行う。
【００１７】
このようにして未処理の画面遷移図３１について、個々の画面遷移図、画面組合せに対するリンク構造の分解処理を行い、階層化された画面遷移図の各階層に対する処理がすべて終了するまで処理を繰り返して、未処理の画面遷移図３１を処理済みにする（Ｓ１１０）。
未処理の画面遷移図３１の複数の画面組合せについての分解処理をすべて終了すると、制御部６は、画面組合せの畳み込みを行うものと判定し（Ｓ１１１のＹｅｓ）、複数の画面組合せの集合を選択し（Ｓ１１２）、畳み込み部４に対して画面組合せの畳み込み処理の実行を指示することで、畳み込み処理が行われる（Ｓ２００）。
【００１８】
以下、図１０のフローチャートと図１１からの画面例を参照して畳み込み部４による畳み込み処理について説明する。
この場合、図１１に示すように、画面組合せ３５と画面組合せ３６とが選択されたものとする。
畳み込み部４は、まず、選択された画面組合せ３５と画面組合せ３６の最大公約数の形状となる画面組合せ５０を生成する（図１０のＳ２０１）。
画面組合せ５０を生成すると、続いて、畳み込み部４は、複数の画面組合せ３５，３６の中に画面組合せがあるかどうかをチェックし（Ｓ２０２）、それぞれの画面組合せ３５，３６の中に画面組合せが有れば、画面組合せ３５，３６のうち、いずれか一方を選択する。この場合、例えば画面組合せ３５等が選択されたものとする。
【００１９】
畳み込み部４は、図１２に示すように、選択した画面組合せ３５を、画面組合せ５０に従って分割することで、画面状態の集合を生成する（Ｓ２０３）。そして、畳み込み部４は、生成した画面状態の集合を画面組合せ５０に格納し、画面組合せ５０ａを生成する（Ｓ２０４）。
畳み込み部４は、図１３に示すように、画面組合せ５０ａを構成する画面遷移図それぞれについて、同一視できる画面状態を持っているか否かを判定し、同一視できる画面状態を持っている場合、その画面状態を一つにまとめ、画面組合せ５０ｂを生成する（Ｓ２０５）。
【００２０】
また、畳み込み部４は、図１４に示すように、画面組合せ５０ａを構成する画面遷移図のうち、一つの画面状態しか持たないものがあれば、その画面状態を当該画面遷移図の代わりとし、画面状態の枠をとり、画面組合せ５０ｃを生成する（Ｓ２０６）。この例では画面状態Ｅの部分が該当する。
畳み込み部４は、図１５に示すように、画面遷移図３１から画面組合せ３５，３６の各要素を取り除き、画面遷移図３１の中に、画面組合せ５０ｃを書き入れ（Ｓ２０７）、画面構造図を完成させ、メモリに記憶する。
【００２１】
畳み込み処理が終了すると、制御部６は、画面構造図内の各画面要素に対して幅および大きさの入力ダイアログボックス（画面）を表示し、利用者に入力を促し、個々の画面要素の形状を設定する。
なお、画面要素の形状を設定する方法としては、上記以外に、例えば予め異なる比率をもった図形をメモリなどに複数記憶し用意しておき、画面遷移図を作成する段階で、予めメモリに用意しておいた図形を読み出して画面遷移図を作成することにより内部的に各画面要素の比率を自動的に把握する仕組みとする方法も考えらる。
このようにして画面構造図が完成すると、解釈部５は、完成した画面構造図に対して解釈処理を行うことで、画面構造図内の各構成について、「フレーム」、「レイアウト」、「ページ」の各設定を行う。
【００２２】
以下、図１６のフローチャートと図１７以降の画面の移り変わりの例を参照して解釈部５の処理を説明する。
【００２３】
解釈部５は、画面構造図をメモリから読み込み、図１７に示すように、画面構造図６０の二つの矩形を結んだものを「フレーム」６１（図の塗りつぶした部分）と解釈する（図１６のＳ３０１）。
また、解釈部５は、図１８に示すように、画面構造図６０内の楕円を「レイアウト」６２と解釈する（Ｓ３０２）。
【００２４】
解釈部５は、図１９に示すように、画面構造図６０内で残った矩形を「ページ」６３と解釈する（Ｓ３０３）。
解釈部５は、解釈したそれぞれの「フレーム」、「レイアウト」、「ページ」の画面に対してＩＤを振り（Ｓ３０４）、ＩＤが付加された画面構造図６０をメモリに記憶する。
【００２５】
このようにこの第１実施形態のコンピュータによれば、「フレーム」内に入るべき画面を「レイアウト」または「ページ」として設定するので、必要なフレームの種類とフレームに入れるべき画面内容（コンテンツ）を用意することで、いかなるＷｅｂ業務アプリケーションのバリエーションにも対応可能となる。
また、レイアウトが同じで表示する画面内容（コンテンツ）が異なる場合にも、コンテンツのみ追加することで対応可能となる。
フレームの状態として現在の表示状態を管理する解釈部５を設けたので、他のサイトに移った後に戻った際には、管理しているフレームの状態に従って画面を表示することで最終の状態から表示できる。
【００２６】
続いて、本発明の第２実施形態のコンピュータについて説明する。
この第２実施形態のコンピュータは、上記第１実施例で完成した画面構造図（の各構成）に対してコードを生成および付与する。
【００２７】
この第２実施形態のコンピュータにインストールされている画面構造図モデリングプログラムは、図２０に示すように、入力部６９、コード生成制御部７０、ＩＤ−ファイル名対応表生成部７１、ページコード生成部７２、レイアウトコード生成部７３、フレームコード生成部７４、フレーム状態コード生成部７５等のモジュールを有している。入力部６９は、上記第１実施形態でメモリに記憶した画面構造図を読み出してコード生成制御部７０に渡す。コード生成制御部７０は、ＩＤ−ファイル名対応表生成部７１、ページコード生成部７２、レイアウトコード生成部７３、フレームコード生成部７４、フレーム状態コード生成部７５等の制御（指示）を行い、画面構造図の各構成に対してコードを生成および付与する。ＩＤ−ファイル名対応表生成部７１は、画面構造図に含まれる全てのＩＤ（識別情報）に対して、指示されたファイル名を対応させる表（ＩＤ‐ファイル対応表）を作成する。ページコード生成部７２は、画面構造図に含まれる全ての「ページ」に対して次の処理を行う。ページコード生成部７２は、ＩＤ‐ファイル対応表から、「ページ」のＩＤに対応するファイル名を取出しファイルを生成する。また、ページコード生成部７２は、当該ファイルに、指示されたコードを書き込む。レイアウトコード生成部７３は、画面構造図に含まれる全ての「レイアウト」に対して次の処理を行う。レイアウトコード生成部７３は、ＩＤ‐ファイル対応表から、「レイアウト」のＩＤに対応するファイル名を取出しファイルを生成する。また、レイアウトコード生成部７３は、当該ファイルに、「レイアウト」の組合せ方から生成したコードを書き込む。フレームコード生成部７４は、画面構造図に含まれる全ての「フレーム」に対して次の処理を行う。フレームコード生成部７４は、ＩＤ‐ファイル対応表から、「フレーム」のＩＤに対応するファイル名を取出しファイルを生成する。フレームコード生成部７４は、当該ファイルに、「フレーム」の要素から生成したコードを書き込む。フレーム状態コード生成部７５は、画面構造図の、各フレーム毎に指示された要素を「初期要素」とする。そして、画面構造図の各フレーム毎に初期要素を指定して初期化情報を取出す。フレーム状態コード生成部７５は、画面構造図からフレーム状態クラスのコードを生成する。
【００２８】
すなわち、このコンピュータは、画面構造図に含まれるページ、レイアウト、フレームに付与されたすべてのＩＤ（識別情報）にファイル名を対応させたＩＤ‐ファイル対応表８０を生成する手段としてのＩＤ−ファイル名対応表生成部７１と、ＩＤ‐ファイル対応表８０に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段（ページコード生成部７２、レイアウトコード生成部７３、フレームコード生成部７４、フレーム状態コード生成部７５）とを備えている。
【００２９】
続いて、図２１のフローチャートと図２２以降の説明図を参照してこの第２実施形態のコンピュータによる画面構造図（の各構成）に対するコード生成および付与動作を説明する。
【００３０】
入力部６９は、上記第１実施形態でメモリに記憶した画面構造図を読み出してコード生成制御部７０に渡す。コード生成制御部７０は、まず、ＩＤ−ファイル名対応表生成部７１に対してＩＤ‐ファイル対応表の作成を指示する。
この指示により、ＩＤ−ファイル名対応表生成部７１は、図２２に示すように、画面構造図に含まれる全てのＩＤに対して、指示されたファイル名を対応させる表（以下ＩＤ‐ファイル対応表８０と称す）を作成する（図２１のＳ４０１）。
ＩＤ‐ファイル対応表８０が作成されると、コード生成制御部７０は、続いて、ページコード生成部７２にコード生成を指示する。この指示により、ページコード生成部７２は、画面構造図に含まれる全ての「ページ」に対して次の処理を行う。ページコード生成部７２は、ＩＤ‐ファイル対応表８０から、「ページ」のＩＤに対応するファイル名を取出しファイルを生成する。例えば図２３に示すように、ＩＤ：００２というファイル名でファイルが生成される。また、ページコード生成部７２は、各ページに対するコード（例えばページ００２に＜ｈｔｍｌ＞いらっしゃいませ！＜／ｈｔｍｌ＞等）を生成し（Ｓ４０２）、当該ファイルに書き込む。
コード生成制御部７０は、次に、レイアウトコード生成部７３にコード生成を指示する。この指示により、レイアウトコード生成部７３は、画面構造図に含まれる全ての「レイアウト」に対して次の処理を行う。レイアウトコード生成部７３は、ＩＤ‐ファイル対応表８０から、「レイアウト」のＩＤに対応するファイル名を取出しファイルを生成する。例えば図２４に示すように、ＩＤ：０２０というファイル名でファイルが生成される。そして、レイアウトコード生成部７３は、「レイアウト」の組合せ方からコード（例えばレイアウト０２０に＜縦１：５＞＜ページ０２４＞＜横２：３＞＜ページ０２５／＞＜フレーム０２６／＞＜／横＞＜／縦＞等）を生成し（Ｓ４０３）、当該ファイルに書き込む。
【００３１】
コード生成制御部７０は、次に、フレームコード生成部７４にコード生成を指示する。この指示により、フレームコード生成部７４は、画面構造図に含まれる全ての「フレーム」に対して次の処理を行う。フレームコード生成部７４は、ＩＤ‐ファイル対応表から、「フレーム」のＩＤに対応するファイル名を取出しファイルを生成する。例えば図２５に示すように、ＩＤ：００３というファイル名でファイルが生成される。そして、フレームコード生成部７４は、「フレーム」の要素からコード（例えばフレーム００３にファイル名＝フレーム状態．ｇｅｔ（“００３”）；表示（ファイル名）等）を生成し（Ｓ４０４）、当該ファイルに書き込む。
コード生成制御部７０は、次に、フレーム状態コード生成部７５にコード生成を指示する。この指示により、フレーム状態コード生成部７５は、画面構造図の、各フレーム毎に指示された要素を「初期要素」とする。なお、フレーム状態コード生成部７５は、図２６に示すように、画面構造図の各フレーム毎に初期要素を指定して初期化情報を取出す。そして、フレーム状態コード生成部７５は、画面構造図からフレーム状態クラスのコードを生成し（Ｓ４０５）、メモリに記憶する。
具体的には、フレーム状態コード生成部７５は、図２７に示すように、初期化情報とＩＤ−ファイル対応表８０とからフレーム状態クラスのコード部分▲１▼を生成し、ＩＤ−ファイル対応表８０からフレーム状態クラスのコード部分▲２▼を生成し、フレーム状態クラスのコード部分▲３▼を生成する。コード部分▲３▼は常に同じ固定コードである。
【００３２】
このようにこの第２実施形態のコンピュータによれば、画面構造図のフレーム、レイアウト、ページの構造による画面遷移を実現するコードを自動的に生成することで、コード生成の負荷を軽減することができる。
【００３３】
次に、図２８〜図３０を参照して本発明の第３実施形態について説明する。
上記第２実施形態では、画面構造図からコード生成を行うことで、各画面に、指定されたＩＤに該当するコンテンツを配置できるものの、遷移情報を持たないため、このままでは直前の業務には復帰できない。このため、遷移情報は別途設定する必要がある。
【００３４】
そこで、この第３実施形態では、画面構造図に遷移情報を追加する機能を付加し、遷移に関するコードを生成する。
この第３実施形態のコンピュータにインストールされている画面構造図モデリングプログラムは、図２８に示すように、入力部６９、コード生成制御部７０、ＩＤ−ファイル名対応表生成部７１、ページコード生成部７２、レイアウトコード生成部７３、フレームコード生成部７４、フレーム状態コード生成部７５、遷移情報入力部７６、遷移コード生成部７７等のモジュールを有している。
すなわち、この第３実施形態は、上記第２実施形態の構成に、遷移情報を入力する遷移情報入力部７６と、遷移コードを生成する遷移コード生成部７７とを付加し、作成された画面構造図と遷移情報とから遷移コードを生成するよう構成したものである。
【００３５】
すなわち、このコンピュータは、画面構造図に含まれる２つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成し、イベント毎に遷移情報をテーブル化した遷移表９３を生成し、遷移表９３に基づいてイベント毎の遷移コードを生成する手段としての遷移コード生成部７７を備えている。
【００３６】
この第３実施形態の場合、図２９に示すように、画面構造図９１中に、フレーム、要素間を指定するための画面が表示され、利用者により、フレーム、要素間を指定されると、遷移情報入力部７６は、指示されたフレーム、要素間に矢印９２を引き、それぞれの矢印９２に対するイベント名の入力ダイアログボックスを表示してイベント名の入力を促す。入力ダイアログボックスに、利用者からイベント名が入力されると、遷移情報入力部７６は、入力されたイベント名を各矢印９２に付加する。
その後、遷移コード生成部７７は、画面構造図９１から、遷移に関するコードを生成する。すなわち、遷移コード生成部７７は、画面構造図９１のイベント名に着目し、図３０に示すように、イベント毎に画面要素（フレームとＩＤ）がどうように遷移するかを示す遷移表９３（遷移テーブル）を作成する。遷移表９３（遷移テーブル）には各イベント毎にフレームのＩＤに対応させて遷移情報（遷移元と遷移先の情報）が設定される。
【００３７】
この遷移表９３の意味は、以下の通りである。
＜イベント＞Ａによって、＜フレーム＞００１の状態が００２から００３になる。
…
＜イベント＞Ｅによって、＜フレーム＞００１の状態が００６から００３になり、＜フレーム＞００３の状態が００５から００４になる
…
遷移コード生成部７７は、図３１に示すように、遷移表９３から、各イベント毎に遷移コードを作成する。
例えばイベントＡの遷移コードは、
フレーム状態．ｃｈｅｃｋ（“００１”，“００２”）
フレーム状態．ｓｅｔ（“００１”，“００３”）；
と生成され、
イベントＥの遷移コードは、
フレーム状態．ｃｈｅｃｋ（“００１”，“００６”）
フレーム状態．ｃｈｅｃｋ（“００３”，“００５”）；
フレーム状態．ｓｅｔ（“００１”，“００３”）；
フレーム状態．ｓｅｔ（“００３”，“００４”）；
と生成される。
【００３８】
このようにこの第３実施形態のコンピュータによれば、画面構造図に遷移情報を追加し、画面の遷移を示す遷移表９３を設けたことで、遷移に関するコードを自動生成するようにしたので、画面構造図からコード生成を行い、遷移情報を設定することで、画面を直前に実行していた業務に復帰させることができる。
【００３９】
【発明の効果】
以上説明したように本発明によれば、位置情報が同じであれば、情報の組み合わせの数に関わらず、画面内の情報の配置を指定したファイルを一つ用意するだけで済むようにできる。
また、本発明によれば、ある業務をＷｅｂページのリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる。
【図面の簡単な説明】
【図１】本発明に係るコンピュータの第１実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図２】画面遷移図の定義を示す図。
【図３】画面組み合わせの定義を示す図。
【図４】第１実施形態における動作を示すフローチャート。
【図５】入力元の画面遷移図の一例を示す図。
【図６】画面遷移図の変化を示す図。
【図７】画面遷移図の変化を示す図。
【図８】画面遷移図の変化を示す図。
【図９】画面遷移図の変化を示す図。
【図１０】畳み込み処理部の処理を示すフローチャート。
【図１１】画面遷移図の変化を示す図。
【図１２】画面遷移図の変化を示す図。
【図１３】画面遷移図の変化を示す図。
【図１４】画面遷移図の変化を示す図。
【図１５】画面遷移図の変化を示す図。
【図１６】解釈部の処理を示すフローチャート。
【図１７】画面構造図の中でフレームと解釈した部分を示す図。
【図１８】画面構造図の中でレイアウトと解釈した部分を示す図。
【図１９】画面構造図の中でページと解釈した部分を示す図。
【図２０】本発明に係るコンピュータの第２実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図２１】第２実施形態におけるコード生成動作を示すフローチャート。
【図２２】ＩＤ−ファイル対応表を示す図。
【図２３】ページコード生成動作を説明するための図。
【図２４】レイアウトコード生成動作を説明するための図。
【図２５】フレームコード生成動作を説明するための図。
【図２６】画面構造図から初期化要素を取出す動作を説明するための図。
【図２７】フレーム状態クラスのコード生成例を示す図。
【図２８】本発明に係るコンピュータの第３実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図２９】画面構造図に矢印、イベント名を付加する動作を示す図。
【図３０】作成された遷移表（遷移テーブル）を示す図。
【図３１】遷移表（遷移テーブル）から遷移コードを自動生成する動作を示す図。
【図３２】一般的なＷｅｂ画面の構成を示す図。
【図３３】画面配置が定められているＷｅｂページの場合に、関心の無いフレームの表示内容を指定せざるを得ないことを説明するための図。
【図３４】他のＷｅｂページを開いた場合、途中まで進めていた業務の流れが中断されることを説明するための図。
【図３５】複数の業務がある場合、それらを切り替えると、図３４同様に、切り替え前に途中まで進めていた業務の流れが中断されることを説明するための図。
【符号の説明】
１…入力部、２…変換部、３…出力部、４…畳み込み部、５…解釈部、６…制御部、６９…入力部、７０…コード生成制御部、７１…ＩＤ−ファイル名対応表生成部、７２…ページコード生成部、７３…レイアウトコード生成部、７４…フレームコード生成部、７５…フレーム状態コード生成部、７６…遷移情報入力部、７７…遷移コード生成部。
【図１】
2004086774.tif 000003
【図２】
2004086774.tif 000004
【図３】
2004086774.tif 000005
【図４】
2004086774.tif 000006
【図５】
2004086774.tif 000007
【図６】
2004086774.tif 000008
【図７】
2004086774.tif 000009
【図８】
2004086774.tif 000010
【図９】
2004086774.tif 000011
【図１０】
2004086774.tif 000012
【図１１】
2004086774.tif 000013
【図１２】
2004086774.tif 000014
【図１３】
2004086774.tif 000015
【図１４】
2004086774.tif 000016
【図１５】
2004086774.tif 000017
【図１６】
2004086774.tif 000018
【図１７】
2004086774.tif 000019
【図１８】
2004086774.tif 000020
【図１９】
2004086774.tif 000021
【図２０】
2004086774.tif 000022
【図２１】
2004086774.tif 000023
【図２２】
2004086774.tif 000024
【図２３】
2004086774.tif 000025
【図２４】
2004086774.tif 000026
【図２５】
2004086774.tif 000027
【図２６】
2004086774.tif 000028
【図２７】
2004086774.tif 000029
【図２８】
2004086774.tif 000030
【図２９】
2004086774.tif 000031
【図３０】
2004086774.tif 000032
【図３１】
2004086774.tif 000033
【図３２】
2004086774.tif 000034
【図３３】
2004086774.tif 000035
【図３４】
2004086774.tif 000036
【図３５】
2004086774.tif 000037