JP2004086774A - Screen structural drawing modeling device, program, and screen structural drawing modeling method - Google Patents
Screen structural drawing modeling device, program, and screen structural drawing modeling method Download PDFInfo
- Publication number
- JP2004086774A JP2004086774A JP2002249687A JP2002249687A JP2004086774A JP 2004086774 A JP2004086774 A JP 2004086774A JP 2002249687 A JP2002249687 A JP 2002249687A JP 2002249687 A JP2002249687 A JP 2002249687A JP 2004086774 A JP2004086774 A JP 2004086774A
- Authority
- JP
- Japan
- Prior art keywords
- screen
- transition
- structure diagram
- diagram
- frame
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Images
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
- Document Processing Apparatus (AREA)
Abstract
Description
【0001】
【発明の属する技術分野】
本発明は、例えばホームページ等のWebアプリケーションの複数の画面を効率的に作成するための画面構造図モデリング装置、プログラム、画面構造図モデリング方法に関する。
【0002】
【従来の技術】
従来、Web上に表示される画面構成は、図32に示すように、初めに表示されるインデックス画面に、例えばタイトルとして「メインメニュー」、メニューとして「A,B,C…」などが表示され、「A,B,C…」の中のいずれか一つのメニューが選択されると、そのメニューに対する本文が次の画面に表示される仕組みになっており、各画面における表示内容の配置もさまざまな組み合わせが存在する。
本文が表示される画面は、サブメニューと画面というように配置自体は同じでも表示内容が異なるため、従来は、このような画面配置は同じでも表示内容が異なる場合には、表示内容毎にそれぞれ1画面内の情報の配置を指定したファイルを個別に複数作成および用意していた。
【0003】
また、Webアプリケーションで行われる業務に一連の流れがある場合、従来は当該業務の最初のページへの固定的なリンクを設け、当該リンクを最初に辿ることにより業務を開始するが、当該業務中に業務と無関係なページを表示する等一旦業務を中断した場合に業務に復帰するために当該業務に戻ると、業務の最初のページが表示され、業務が最初に戻ってしまう。
【0004】
【発明が解決しようとする課題】
つまり、従来のWebアプリケーションでは、以下のような問題がある。
1.一つの画面配置に対して、レイアウトを指定するファイルを、組み合わせの数だけ用意しなければならないという問題があった。
2.図33に示すように、画面配置が定められているWebページの場合には、全ての配置部分に表示すべき情報の設定を行わなくてはならず、特に関心の無いフレームの表示内容も指定せざるを得ず、ページの作成に手間がかかるという問題があった。
3.図34に示すように、例えばhttp://あるシステム/というWebサイトのメニューページAを開いてその中の所望のメニューをクリックし、画面をA→B→Cという順に切り替えながら、Web業務を進める中で、http://別のサイト/という他のWebページZを開いた場合、途中まで進めていた業務の流れが中断され、もう一度、http://あるシステム/というURLを打ち込むと、初めのメニューページAに戻ってしまうため、途中まで進めていた業務の画面Cに戻るのに一々メニューをクリックしてゆきリンクを辿り直す必要があり、手間がかかるという問題があった。
4.図35に示すように、http://あるシステム/というサイト内に複数の業務メニューA,Bがある場合、それらを切り替えると、上記同様に、切り替え前に途中まで進めていた業務の流れが中断されてしまうという問題があった。
【0005】
本発明はこのような課題を解決するためになされたもので、位置情報が同じであれば、情報の組み合わせの数に関わらず、画面内の情報の配置を指定したファイルを一つ用意するだけで済むようにできる画面構造図モデリング装置、プログラム、画面構造図モデリング方法を提供することを目的としている。
また、本発明は、ある業務をWebページのリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる画面構造図モデリング装置、プログラム、画面構造図モデリング方法を提供することを目的としている。
【0006】
【課題を解決するための手段】
上記した課題を解決するために、請求項1記載の発明の画面構造図モデリング装置は、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、分類された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段とを具備したことを特徴としている。
請求項2記載の発明の画面構造図モデリング装置は、請求項1記載の画面構造図モデリング装置において、前記画面構造図に含まれるページ、レイアウト、フレームに付与されたすべての識別情報にファイル名を対応させた対応表を生成する手段と、前記対応表に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段とを具備したことを特徴としている。
請求項3記載の発明の画面構造図モデリング装置は、請求項2記載の画面構造図モデリング装置において、画面構造図に含まれる2つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成する手段と、前記遷移情報をイベント毎に前記識別情報に対応させテーブル化した遷移表を生成する手段と、前記遷移表に基づいてイベント毎の遷移コードを生成する手段とを具備したことを特徴としている。
【0007】
請求項4記載の発明のプログラムは、コンピュータに処理を実行させるプログラムにおいて、前記コンピュータを、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、分類された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段として機能させるプログラムである。
【0008】
請求項5記載の発明の画面構造図モデリング方法は、ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化するステップと、階層化した画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成するステップと、前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与するステップとを有することを特徴としている。
【0009】
本発明では、Webページを構成する各画面構成をページ、レイアウト、フレームという概念に分類して階層化した画面構造図として管理することにより、画面内の情報の配置を指定したファイルを、位置情報が同じであれば、情報の組み合わせの数に関わらず一つだけ用意するだけで済むようになる。
また、本発明では、画面の遷移状態をフレームの状態として管理することにより、ある業務をリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる。
【0010】
【発明の実施の形態】
以下、本発明の実施の形態を図面を参照して詳細に説明する。
図1は本発明に係る画面構造図モデリング装置の一つの実施の形態のコンピュータの構成を示す図である。
【0011】
このコンピュータは、CPU等の制御部と、ROM、RAM等のメモリと、ハードディスクドライブ(HDD)などの補助記憶装置と、モニター、プリンタなどの出力手段と、キーボード、マウス、スキャナなどの入力手段と、外部の通信網との通信インターフェースとを備えたものである。
ハードディスクドライブには、このコンピュータを動作させる基本ソフトウェアであるオペレーティングシステム(以下OSと称す)と各種アプリケーションソフトウェアがインストールされており、起動時にCPUによりHDDからRAMにOSが読み込まれて、OS環境下で各種アプリケーションソフトウェアがコンピュータ上で動作するようになる。アプリケーションソフトウェアの中の一つに画面構造図モデリングプログラムがある。
第1実施形態の画面構造図モデリングプログラムは、図1に示すように、モデリング対象となる画面遷移図を入力するための入力部1と、この入力部1より入力された画面遷移図を階層構造を持つ画面構造図に変換する変換部2と、この変換部2で作成された階層構造化された画面遷移図(および画面構造図)のコードを出力する出力部3などのモジュールから構成されている。
変換部2は、画面組み合わせで構成される複数の画面の共通化(とりまとめ)を行うための畳み込み部4と、入力元の画面遷移図から生成された画面構造図を「フレーム」、「レイアウト」、「ページ」などに解釈し、解釈したそれぞれの「フレーム」、「レイアウト」、「ページ」の画面に対してIDを付与する解釈部5と、これら畳み込み部4および解釈部5を制御すると共に、入力部1から入力された画面遷移図を階層構造化する制御部6などのモジュールに細分化されている。
【0012】
すなわち、このコンピュータは、Web(ウェブ)ページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段としての制御部6と、分類および階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段としての畳み込み部4と、画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段としての解釈部5とを備えている。
なお、ページとは、分割不可能な最小単位の表示内容をいう。レイアウトとは、1画面上のページの配置をいう。フレームとは、多数のページ、レイアウトをはめ込むためのエリアをいう。
図2に示すように、矩形I、J、K、L、M、Nなどから構成画面において、その中の例えば矩形K、L、M、Nのように、矩形の中に矩形があるものと画面遷移図と定義する。この場合、矩形Nの中に矩形K、L、Mがある。
複数の画面が合わさって1つの画面を構成するものを画面組み合わせと定義する。図3に示す例では、画面組み合わせは、4つの画面21,22,23,24から構成されている。
【0013】
以下、図4のフローチャートと図5以降の画面の移り変わりの例を参照してこのコンピュータでの画面図(遷移図、組合せ図等)の階層化の処理に関する動作を説明する。
図5に示すように、コンピュータに入力される入力元の画面遷移図31は、原始画面32、画面遷移図33,34、画面組合せ35,36などからなるものとする。
画面遷移図31がスキャナなどの入力部1により読み込まれて画像入力されると、読み込まれた画面遷移図31は、変換部2に渡される。
すると、変換部2では、制御部6が、図6に示すように、まず画面遷移図31の上側に矩形37を描き、描いた矩形37と画面遷移図31の外枠とを線38で結び、最上位階層の図を作成する(S101)。
続いて、制御部6は、画面遷移図31の中で、他の画面遷移図の内側には無く、かつ未処理の画面遷移図があるかどうかをチェックする(S102)。この場合、未処理の画面遷移図は、画面遷移図33と画面遷移図34が該当する。
【0014】
制御部6は、画面遷移図33と画面遷移図34のうち、いずれか一方を機械的に選択する(S103)。この場合、左から順に、例えば画面遷移図33等を選択したものとする。
画面遷移図33を選択後、制御部6は、図7に示すように、選択した画面遷移図33を画面遷移図31の下側に出し、画面遷移図33のあった所に、画面遷移図33の枠と同じ大きさの矩形40を描く。そして、制御部6は、画面遷移図33と画面遷移図40とを直線41で結び、画面遷移図33の階層化を行う(S104)。続いて、制御部6は、残りの画面遷移図34について上記ステップS104の処理を行う。
【0015】
画面遷移図の処理が済むと、次に、制御部6は、画面組合せの処理を行うため、画面遷移図31の中の、画面組合せについての処理がすべて終了したかどうかをチェックする(S105)。この例の場合、未処理の複数の画面組合せ35,36が存在するので、チェック結果はNoとなる。
制御部6は、チェックの結果、複数存在した画面組合せ35,36に対する処理を終了したかどうかをまず判定し(S107)、この場合、処理は終了していないので(S107のNo)、複数存在した画面組合せ35,36いずれか一方の集合を選択する。この場合、例えば左から順に画面組合せ35等を選んだものとする。
画面組合せ35を選択後、制御部6は、図8に示すように、選択した画面組合せ35を楕円42で囲む(S108)。
【0016】
続いて、制御部6は、楕円42で囲んだ画面組合せ35の中に未処理の画面遷移図があるかどうかをチェックする。この場合、画面遷移図44,45が該当する。
制御部6は、画面遷移図44と画面遷移図45のうち、いずれか一方を機械的に選択する。この場合、上から順に、例えば画面遷移図44等を選択したものとする。
画面遷移図44を選択後、制御部6は、図9に示すように、選択した画面遷移図44を画面組合せ35の下側に出し、画面遷移図44のあった所に、画面遷移図44の枠と同じ大きさの矩形46を描く。そして、制御部6は、画面遷移図44と画面組合せ35とを直線47で結び、画面遷移図44の階層化を行う(S109)。
続いて、制御部6は、残りの画面遷移図45について上記ステップS109の処理を行う。
【0017】
このようにして未処理の画面遷移図31について、個々の画面遷移図、画面組合せに対するリンク構造の分解処理を行い、階層化された画面遷移図の各階層に対する処理がすべて終了するまで処理を繰り返して、未処理の画面遷移図31を処理済みにする(S110)。
未処理の画面遷移図31の複数の画面組合せについての分解処理をすべて終了すると、制御部6は、画面組合せの畳み込みを行うものと判定し(S111のYes)、複数の画面組合せの集合を選択し(S112)、畳み込み部4に対して画面組合せの畳み込み処理の実行を指示することで、畳み込み処理が行われる(S200)。
【0018】
以下、図10のフローチャートと図11からの画面例を参照して畳み込み部4による畳み込み処理について説明する。
この場合、図11に示すように、画面組合せ35と画面組合せ36とが選択されたものとする。
畳み込み部4は、まず、選択された画面組合せ35と画面組合せ36の最大公約数の形状となる画面組合せ50を生成する(図10のS201)。
画面組合せ50を生成すると、続いて、畳み込み部4は、複数の画面組合せ35,36の中に画面組合せがあるかどうかをチェックし(S202)、それぞれの画面組合せ35,36の中に画面組合せが有れば、画面組合せ35,36のうち、いずれか一方を選択する。この場合、例えば画面組合せ35等が選択されたものとする。
【0019】
畳み込み部4は、図12に示すように、選択した画面組合せ35を、画面組合せ50に従って分割することで、画面状態の集合を生成する(S203)。そして、畳み込み部4は、生成した画面状態の集合を画面組合せ50に格納し、画面組合せ50aを生成する(S204)。
畳み込み部4は、図13に示すように、画面組合せ50aを構成する画面遷移図それぞれについて、同一視できる画面状態を持っているか否かを判定し、同一視できる画面状態を持っている場合、その画面状態を一つにまとめ、画面組合せ50bを生成する(S205)。
【0020】
また、畳み込み部4は、図14に示すように、画面組合せ50aを構成する画面遷移図のうち、一つの画面状態しか持たないものがあれば、その画面状態を当該画面遷移図の代わりとし、画面状態の枠をとり、画面組合せ50cを生成する(S206)。この例では画面状態Eの部分が該当する。
畳み込み部4は、図15に示すように、画面遷移図31から画面組合せ35,36の各要素を取り除き、画面遷移図31の中に、画面組合せ50cを書き入れ(S207)、画面構造図を完成させ、メモリに記憶する。
【0021】
畳み込み処理が終了すると、制御部6は、画面構造図内の各画面要素に対して幅および大きさの入力ダイアログボックス(画面)を表示し、利用者に入力を促し、個々の画面要素の形状を設定する。
なお、画面要素の形状を設定する方法としては、上記以外に、例えば予め異なる比率をもった図形をメモリなどに複数記憶し用意しておき、画面遷移図を作成する段階で、予めメモリに用意しておいた図形を読み出して画面遷移図を作成することにより内部的に各画面要素の比率を自動的に把握する仕組みとする方法も考えらる。
このようにして画面構造図が完成すると、解釈部5は、完成した画面構造図に対して解釈処理を行うことで、画面構造図内の各構成について、「フレーム」、「レイアウト」、「ページ」の各設定を行う。
【0022】
以下、図16のフローチャートと図17以降の画面の移り変わりの例を参照して解釈部5の処理を説明する。
【0023】
解釈部5は、画面構造図をメモリから読み込み、図17に示すように、画面構造図60の二つの矩形を結んだものを「フレーム」61(図の塗りつぶした部分)と解釈する(図16のS301)。
また、解釈部5は、図18に示すように、画面構造図60内の楕円を「レイアウト」62と解釈する(S302)。
【0024】
解釈部5は、図19に示すように、画面構造図60内で残った矩形を「ページ」63と解釈する(S303)。
解釈部5は、解釈したそれぞれの「フレーム」、「レイアウト」、「ページ」の画面に対してIDを振り(S304)、IDが付加された画面構造図60をメモリに記憶する。
【0025】
このようにこの第1実施形態のコンピュータによれば、「フレーム」内に入るべき画面を「レイアウト」または「ページ」として設定するので、必要なフレームの種類とフレームに入れるべき画面内容(コンテンツ)を用意することで、いかなるWeb業務アプリケーションのバリエーションにも対応可能となる。
また、レイアウトが同じで表示する画面内容(コンテンツ)が異なる場合にも、コンテンツのみ追加することで対応可能となる。
フレームの状態として現在の表示状態を管理する解釈部5を設けたので、他のサイトに移った後に戻った際には、管理しているフレームの状態に従って画面を表示することで最終の状態から表示できる。
【0026】
続いて、本発明の第2実施形態のコンピュータについて説明する。
この第2実施形態のコンピュータは、上記第1実施例で完成した画面構造図(の各構成)に対してコードを生成および付与する。
【0027】
この第2実施形態のコンピュータにインストールされている画面構造図モデリングプログラムは、図20に示すように、入力部69、コード生成制御部70、ID−ファイル名対応表生成部71、ページコード生成部72、レイアウトコード生成部73、フレームコード生成部74、フレーム状態コード生成部75等のモジュールを有している。入力部69は、上記第1実施形態でメモリに記憶した画面構造図を読み出してコード生成制御部70に渡す。コード生成制御部70は、ID−ファイル名対応表生成部71、ページコード生成部72、レイアウトコード生成部73、フレームコード生成部74、フレーム状態コード生成部75等の制御(指示)を行い、画面構造図の各構成に対してコードを生成および付与する。ID−ファイル名対応表生成部71は、画面構造図に含まれる全てのID(識別情報)に対して、指示されたファイル名を対応させる表(ID‐ファイル対応表)を作成する。ページコード生成部72は、画面構造図に含まれる全ての「ページ」に対して次の処理を行う。ページコード生成部72は、ID‐ファイル対応表から、「ページ」のIDに対応するファイル名を取出しファイルを生成する。また、ページコード生成部72は、当該ファイルに、指示されたコードを書き込む。レイアウトコード生成部73は、画面構造図に含まれる全ての「レイアウト」に対して次の処理を行う。レイアウトコード生成部73は、ID‐ファイル対応表から、「レイアウト」のIDに対応するファイル名を取出しファイルを生成する。また、レイアウトコード生成部73は、当該ファイルに、「レイアウト」の組合せ方から生成したコードを書き込む。フレームコード生成部74は、画面構造図に含まれる全ての「フレーム」に対して次の処理を行う。フレームコード生成部74は、ID‐ファイル対応表から、「フレーム」のIDに対応するファイル名を取出しファイルを生成する。フレームコード生成部74は、当該ファイルに、「フレーム」の要素から生成したコードを書き込む。フレーム状態コード生成部75は、画面構造図の、各フレーム毎に指示された要素を「初期要素」とする。そして、画面構造図の各フレーム毎に初期要素を指定して初期化情報を取出す。フレーム状態コード生成部75は、画面構造図からフレーム状態クラスのコードを生成する。
【0028】
すなわち、このコンピュータは、画面構造図に含まれるページ、レイアウト、フレームに付与されたすべてのID(識別情報)にファイル名を対応させたID‐ファイル対応表80を生成する手段としてのID−ファイル名対応表生成部71と、ID‐ファイル対応表80に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段(ページコード生成部72、レイアウトコード生成部73、フレームコード生成部74、フレーム状態コード生成部75)とを備えている。
【0029】
続いて、図21のフローチャートと図22以降の説明図を参照してこの第2実施形態のコンピュータによる画面構造図(の各構成)に対するコード生成および付与動作を説明する。
【0030】
入力部69は、上記第1実施形態でメモリに記憶した画面構造図を読み出してコード生成制御部70に渡す。コード生成制御部70は、まず、ID−ファイル名対応表生成部71に対してID‐ファイル対応表の作成を指示する。
この指示により、ID−ファイル名対応表生成部71は、図22に示すように、画面構造図に含まれる全てのIDに対して、指示されたファイル名を対応させる表(以下ID‐ファイル対応表80と称す)を作成する(図21のS401)。
ID‐ファイル対応表80が作成されると、コード生成制御部70は、続いて、ページコード生成部72にコード生成を指示する。この指示により、ページコード生成部72は、画面構造図に含まれる全ての「ページ」に対して次の処理を行う。ページコード生成部72は、ID‐ファイル対応表80から、「ページ」のIDに対応するファイル名を取出しファイルを生成する。例えば図23に示すように、ID:002というファイル名でファイルが生成される。また、ページコード生成部72は、各ページに対するコード(例えばページ002に<html>いらっしゃいませ!</html>等)を生成し(S402)、当該ファイルに書き込む。
コード生成制御部70は、次に、レイアウトコード生成部73にコード生成を指示する。この指示により、レイアウトコード生成部73は、画面構造図に含まれる全ての「レイアウト」に対して次の処理を行う。レイアウトコード生成部73は、ID‐ファイル対応表80から、「レイアウト」のIDに対応するファイル名を取出しファイルを生成する。例えば図24に示すように、ID:020というファイル名でファイルが生成される。そして、レイアウトコード生成部73は、「レイアウト」の組合せ方からコード(例えばレイアウト020に<縦1:5><ページ024><横2:3><ページ025/><フレーム026/></横></縦>等)を生成し(S403)、当該ファイルに書き込む。
【0031】
コード生成制御部70は、次に、フレームコード生成部74にコード生成を指示する。この指示により、フレームコード生成部74は、画面構造図に含まれる全ての「フレーム」に対して次の処理を行う。フレームコード生成部74は、ID‐ファイル対応表から、「フレーム」のIDに対応するファイル名を取出しファイルを生成する。例えば図25に示すように、ID:003というファイル名でファイルが生成される。そして、フレームコード生成部74は、「フレーム」の要素からコード(例えばフレーム003にファイル名=フレーム状態.get(“003”);表示(ファイル名)等)を生成し(S404)、当該ファイルに書き込む。
コード生成制御部70は、次に、フレーム状態コード生成部75にコード生成を指示する。この指示により、フレーム状態コード生成部75は、画面構造図の、各フレーム毎に指示された要素を「初期要素」とする。なお、フレーム状態コード生成部75は、図26に示すように、画面構造図の各フレーム毎に初期要素を指定して初期化情報を取出す。そして、フレーム状態コード生成部75は、画面構造図からフレーム状態クラスのコードを生成し(S405)、メモリに記憶する。
具体的には、フレーム状態コード生成部75は、図27に示すように、初期化情報とID−ファイル対応表80とからフレーム状態クラスのコード部分▲1▼を生成し、ID−ファイル対応表80からフレーム状態クラスのコード部分▲2▼を生成し、フレーム状態クラスのコード部分▲3▼を生成する。コード部分▲3▼は常に同じ固定コードである。
【0032】
このようにこの第2実施形態のコンピュータによれば、画面構造図のフレーム、レイアウト、ページの構造による画面遷移を実現するコードを自動的に生成することで、コード生成の負荷を軽減することができる。
【0033】
次に、図28〜図30を参照して本発明の第3実施形態について説明する。
上記第2実施形態では、画面構造図からコード生成を行うことで、各画面に、指定されたIDに該当するコンテンツを配置できるものの、遷移情報を持たないため、このままでは直前の業務には復帰できない。このため、遷移情報は別途設定する必要がある。
【0034】
そこで、この第3実施形態では、画面構造図に遷移情報を追加する機能を付加し、遷移に関するコードを生成する。
この第3実施形態のコンピュータにインストールされている画面構造図モデリングプログラムは、図28に示すように、入力部69、コード生成制御部70、ID−ファイル名対応表生成部71、ページコード生成部72、レイアウトコード生成部73、フレームコード生成部74、フレーム状態コード生成部75、遷移情報入力部76、遷移コード生成部77等のモジュールを有している。
すなわち、この第3実施形態は、上記第2実施形態の構成に、遷移情報を入力する遷移情報入力部76と、遷移コードを生成する遷移コード生成部77とを付加し、作成された画面構造図と遷移情報とから遷移コードを生成するよう構成したものである。
【0035】
すなわち、このコンピュータは、画面構造図に含まれる2つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成し、イベント毎に遷移情報をテーブル化した遷移表93を生成し、遷移表93に基づいてイベント毎の遷移コードを生成する手段としての遷移コード生成部77を備えている。
【0036】
この第3実施形態の場合、図29に示すように、画面構造図91中に、フレーム、要素間を指定するための画面が表示され、利用者により、フレーム、要素間を指定されると、遷移情報入力部76は、指示されたフレーム、要素間に矢印92を引き、それぞれの矢印92に対するイベント名の入力ダイアログボックスを表示してイベント名の入力を促す。入力ダイアログボックスに、利用者からイベント名が入力されると、遷移情報入力部76は、入力されたイベント名を各矢印92に付加する。
その後、遷移コード生成部77は、画面構造図91から、遷移に関するコードを生成する。すなわち、遷移コード生成部77は、画面構造図91のイベント名に着目し、図30に示すように、イベント毎に画面要素(フレームとID)がどうように遷移するかを示す遷移表93(遷移テーブル)を作成する。遷移表93(遷移テーブル)には各イベント毎にフレームのIDに対応させて遷移情報(遷移元と遷移先の情報)が設定される。
【0037】
この遷移表93の意味は、以下の通りである。
<イベント>Aによって、<フレーム>001の状態が002から003になる。
…
<イベント>Eによって、<フレーム>001の状態が006から003になり、<フレーム>003の状態が005から004になる
…
遷移コード生成部77は、図31に示すように、遷移表93から、各イベント毎に遷移コードを作成する。
例えばイベントAの遷移コードは、
フレーム状態.check(“001”,“002”)
フレーム状態.set(“001”,“003”);
と生成され、
イベントEの遷移コードは、
フレーム状態.check(“001”,“006”)
フレーム状態.check(“003”,“005”);
フレーム状態.set(“001”,“003”);
フレーム状態.set(“003”,“004”);
と生成される。
【0038】
このようにこの第3実施形態のコンピュータによれば、画面構造図に遷移情報を追加し、画面の遷移を示す遷移表93を設けたことで、遷移に関するコードを自動生成するようにしたので、画面構造図からコード生成を行い、遷移情報を設定することで、画面を直前に実行していた業務に復帰させることができる。
【0039】
【発明の効果】
以上説明したように本発明によれば、位置情報が同じであれば、情報の組み合わせの数に関わらず、画面内の情報の配置を指定したファイルを一つ用意するだけで済むようにできる。
また、本発明によれば、ある業務をWebページのリンクを辿りながら進める中で、他の業務に切り替えた場合に、切り替え前の状態で業務を復帰させることができる。
【図面の簡単な説明】
【図1】本発明に係るコンピュータの第1実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図2】画面遷移図の定義を示す図。
【図3】画面組み合わせの定義を示す図。
【図4】第1実施形態における動作を示すフローチャート。
【図5】入力元の画面遷移図の一例を示す図。
【図6】画面遷移図の変化を示す図。
【図7】画面遷移図の変化を示す図。
【図8】画面遷移図の変化を示す図。
【図9】画面遷移図の変化を示す図。
【図10】畳み込み処理部の処理を示すフローチャート。
【図11】画面遷移図の変化を示す図。
【図12】画面遷移図の変化を示す図。
【図13】画面遷移図の変化を示す図。
【図14】画面遷移図の変化を示す図。
【図15】画面遷移図の変化を示す図。
【図16】解釈部の処理を示すフローチャート。
【図17】画面構造図の中でフレームと解釈した部分を示す図。
【図18】画面構造図の中でレイアウトと解釈した部分を示す図。
【図19】画面構造図の中でページと解釈した部分を示す図。
【図20】本発明に係るコンピュータの第2実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図21】第2実施形態におけるコード生成動作を示すフローチャート。
【図22】ID−ファイル対応表を示す図。
【図23】ページコード生成動作を説明するための図。
【図24】レイアウトコード生成動作を説明するための図。
【図25】フレームコード生成動作を説明するための図。
【図26】画面構造図から初期化要素を取出す動作を説明するための図。
【図27】フレーム状態クラスのコード生成例を示す図。
【図28】本発明に係るコンピュータの第3実施形態の画面構造図モデリングプログラムのモジュール構成を示す図。
【図29】画面構造図に矢印、イベント名を付加する動作を示す図。
【図30】作成された遷移表(遷移テーブル)を示す図。
【図31】遷移表(遷移テーブル)から遷移コードを自動生成する動作を示す図。
【図32】一般的なWeb画面の構成を示す図。
【図33】画面配置が定められているWebページの場合に、関心の無いフレームの表示内容を指定せざるを得ないことを説明するための図。
【図34】他のWebページを開いた場合、途中まで進めていた業務の流れが中断されることを説明するための図。
【図35】複数の業務がある場合、それらを切り替えると、図34同様に、切り替え前に途中まで進めていた業務の流れが中断されることを説明するための図。
【符号の説明】
1…入力部、2…変換部、3…出力部、4…畳み込み部、5…解釈部、6…制御部、69…入力部、70…コード生成制御部、71…ID−ファイル名対応表生成部、72…ページコード生成部、73…レイアウトコード生成部、74…フレームコード生成部、75…フレーム状態コード生成部、76…遷移情報入力部、77…遷移コード生成部。[0001]
TECHNICAL FIELD OF THE INVENTION
The present invention relates to a screen structure diagram modeling device, a program, and a screen structure diagram modeling method for efficiently creating a plurality of screens of a Web application such as a homepage.
[0002]
[Prior art]
Conventionally, as a screen configuration displayed on the Web, as shown in FIG. 32, for example, "Main Menu" as a title and "A, B, C..." As a menu are displayed on an index screen displayed first. , "A, B, C ...", when any one of the menus is selected, the text for that menu is displayed on the next screen, and the arrangement of the display contents on each screen varies. Combinations exist.
The screen on which the text is displayed has different display contents even though the layout itself is the same, such as the submenu and the screen.Conventionally, if the screen layout is the same but the display content is different, A plurality of files specifying the arrangement of information in one screen are individually created and prepared.
[0003]
Further, when there is a series of flows in the business performed by the Web application, conventionally, a fixed link to the first page of the business is provided, and the business is started by following the link first. If the user once interrupts the business, such as displaying a page unrelated to the business, and returns to the business to return to the business, the first page of the business is displayed and the business returns to the beginning.
[0004]
[Problems to be solved by the invention]
That is, the conventional Web application has the following problems.
1. There is a problem in that a file for designating a layout must be prepared for each screen arrangement by the number of combinations.
2. As shown in FIG. 33, in the case of a Web page in which the screen layout is determined, information to be displayed in all the layout portions must be set, and the display content of a frame of no particular interest is also specified. There was a problem that it took time and effort to create the page.
3. As shown in FIG. 34, for example, the user opens a menu page A of a web site of http: // a certain system /, clicks a desired menu in the web page, and proceeds with the web business while switching the screen in the order of A → B → C. In the case where another Web page Z called http: // another site / is opened, the flow of the business that has been progressing halfway is interrupted, and if the URL http: // another system / is input again, To return to the menu page A, it is necessary to click the menu one by one and follow the link again to return to the screen C of the work which has been progressing halfway, which is troublesome.
4. As shown in FIG. 35, if there is a plurality of business menus A and B in a site of http: // a certain system /, when those are switched, the flow of the business that has been advanced halfway before the switching is performed as described above. There was a problem that it was interrupted.
[0005]
The present invention has been made to solve such a problem, and if the position information is the same, only one file specifying the arrangement of information in the screen is prepared regardless of the number of information combinations. It is an object of the present invention to provide a screen structure diagram modeling device, a program, and a screen structure diagram modeling method that can be completed.
Also, the present invention provides a screen structure diagram modeling device, a program, and a screen that can return a task in a state before switching when switching to another task while a certain task is being performed while following a link of a Web page. It aims to provide a structural diagram modeling method.
[0006]
[Means for Solving the Problems]
In order to solve the above-mentioned problem, a screen structure diagram modeling device according to the first aspect of the present invention is classified into a means for classifying screen elements constituting a web page into a screen transition diagram and a screen combination while classifying the screen elements into screen combinations. Means for dividing a screen transition diagram, a screen combination into minimum screen states, combining the same screen states into one, and generating a screen structure diagram in which each screen state is a minimum unit, and the screen structure diagram Is classified into pages, layouts, and frames, and means for assigning identification information for individually identifying each page, layout, and frame is provided.
A screen structure diagram modeling apparatus according to a second aspect of the present invention is the screen structure diagram modeling device according to the first aspect, wherein a file name is assigned to all identification information given to pages, layouts, and frames included in the screen structure diagram. Means for generating a corresponding correspondence table; and means for generating a code for each screen element of a page, a layout, and a frame included in the screen structure diagram based on the correspondence table and storing the code with a corresponding file name. It is characterized by:
According to a third aspect of the present invention, there is provided the screen structure diagram modeling device according to the second aspect, wherein an event that transitions from a screen element to a screen element by designating two screen elements included in the screen structure diagram is provided. Means for generating transition information indicating occurrence, means for generating a transition table tabulated by associating the transition information with the identification information for each event, and means for generating a transition code for each event based on the transition table Are provided.
[0007]
According to a fourth aspect of the present invention, there is provided a program for causing a computer to execute processing by classifying the computer into a hierarchy while classifying screen elements constituting a web page into screen transition diagrams and screen combinations. Means for dividing a screen transition diagram, a screen combination into minimum screen states, combining the same screen states into one, and generating a screen structure diagram in which each screen state is a minimum unit, and the screen structure diagram Is a program that functions as a unit that classifies each screen element included in a page, a layout, and a frame, and assigns identification information for individually identifying each page, layout, and frame.
[0008]
According to a fifth aspect of the present invention, there is provided a screen structure diagram modeling method, comprising the steps of classifying screen elements constituting a web page into a screen transition diagram and a screen combination and hierarchizing the screen elements; Dividing into the minimum screen state, combining the same screen state into one, generating a screen structure diagram in which each screen state is the minimum unit, and page each screen element included in the screen structure diagram, Layout and frame, and assigning identification information for individually identifying each page, layout and frame.
[0009]
According to the present invention, a file designating the arrangement of information within a screen can be stored in a position information file by classifying each screen configuration forming a Web page into a concept of pages, layouts, and frames and managing it as a hierarchical screen structure diagram. Are the same, it is sufficient to prepare only one regardless of the number of combinations of information.
Further, in the present invention, by managing a transition state of a screen as a frame state, when a certain task is performed while following a link, when the task is switched to another task, the task is restored in a state before the switch. Can be.
[0010]
BEST MODE FOR CARRYING OUT THE INVENTION
Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.
FIG. 1 is a diagram showing a configuration of a computer of one embodiment of a screen structure diagram modeling device according to the present invention.
[0011]
The computer includes a control unit such as a CPU, memories such as a ROM and a RAM, an auxiliary storage device such as a hard disk drive (HDD), output units such as a monitor and a printer, and input units such as a keyboard, a mouse, and a scanner. , And a communication interface with an external communication network.
An operating system (hereinafter, referred to as OS), which is basic software for operating this computer, and various application software are installed in the hard disk drive. At startup, the CPU reads the OS from the HDD into the RAM, and operates under the OS environment. Various application softwares operate on the computer. One of the application software is a screen structure diagram modeling program.
As shown in FIG. 1, the screen structure diagram modeling program according to the first embodiment includes an
The
[0012]
That is, this computer includes a
Note that a page refers to the display content of the smallest unit that cannot be divided. The layout refers to the arrangement of pages on one screen. The frame is an area for fitting a large number of pages and layouts.
As shown in FIG. 2, in the configuration screen from rectangles I, J, K, L, M, N, etc., there are rectangles in which rectangles are present, such as rectangles K, L, M, N, for example. Define as a screen transition diagram. In this case, rectangles K, L, and M are included in rectangle N.
A combination of a plurality of screens to form one screen is defined as a screen combination. In the example shown in FIG. 3, the screen combination includes four
[0013]
Hereinafter, the operation of the computer relating to the layering of the screen diagram (transition diagram, combination diagram, etc.) will be described with reference to the flowchart of FIG.
As shown in FIG. 5, the screen transition diagram 31 of the input source input to the computer includes a
When the screen transition diagram 31 is read by the
Then, in the
Subsequently, the
[0014]
The
After selecting the screen transition diagram 33, as shown in FIG. 7, the
[0015]
When the processing of the screen transition diagram is completed, next, the
As a result of the check, the
After selecting the
[0016]
Subsequently, the
The
After selecting the screen transition diagram 44, the
Subsequently, the
[0017]
In this way, for the unprocessed screen transition diagram 31, the link structure is decomposed for each screen transition diagram and screen combination, and the process is repeated until all the processes for each layer of the hierarchical screen transition diagram are completed. Then, the unprocessed screen transition diagram 31 is processed (S110).
When all the disassembly processes for the plurality of screen combinations in the unprocessed screen transition diagram 31 are completed, the
[0018]
Hereinafter, the convolution processing by the
In this case, it is assumed that the
The
After generating the
[0019]
As shown in FIG. 12, the
As shown in FIG. 13, the
[0020]
Further, as shown in FIG. 14, as shown in FIG. 14, if any of the screen transition diagrams constituting the
As shown in FIG. 15, the
[0021]
When the convolution processing is completed, the
As a method of setting the shape of the screen element, in addition to the above, for example, a plurality of figures having different ratios are stored in a memory or the like in advance and prepared in the memory at the stage of creating a screen transition diagram. A method is also conceivable in which the figure which has been set is read out and a screen transition diagram is created to automatically grasp the ratio of each screen element internally.
When the screen structure diagram is completed in this way, the interpreting
[0022]
Hereinafter, the processing of the interpreting
[0023]
The interpreting
In addition, as shown in FIG. 18, the
[0024]
The interpreting
The
[0025]
As described above, according to the computer of the first embodiment, the screen to be included in the “frame” is set as the “layout” or “page”, so the necessary frame type and the screen content (content) to be included in the frame are set. Is prepared, it is possible to cope with any Web business application variation.
Further, even when the screen contents (contents) to be displayed are different with the same layout, it is possible to cope by adding only the contents.
Since the interpreting
[0026]
Next, a computer according to a second embodiment of the present invention will be described.
The computer according to the second embodiment generates and assigns a code to the screen structure diagram (each configuration) completed in the first embodiment.
[0027]
As shown in FIG. 20, the screen structure diagram modeling program installed in the computer of the second embodiment includes an
[0028]
That is, this computer is an ID-file as a means for generating an ID-file correspondence table 80 in which file names are made to correspond to all IDs (identification information) assigned to pages, layouts, and frames included in the screen structure diagram. Means for generating a code for each screen element of a page, a layout, and a frame included in the screen structure diagram based on the name correspondence
[0029]
Next, with reference to the flowchart of FIG. 21 and the explanatory diagrams of FIG. 22 and subsequent drawings, a description will be given of the operation of the computer according to the second embodiment for generating and assigning a code to the screen structure diagram (each configuration).
[0030]
The
In response to this instruction, the ID-file name correspondence
When the ID-file correspondence table 80 is created, the code
Next, the code
[0031]
Next, the code
Next, the code
Specifically, as shown in FIG. 27, the frame state
[0032]
As described above, according to the computer of the second embodiment, the code for realizing the screen transition based on the frame, layout, and page structure of the screen structure diagram is automatically generated, so that the load of code generation can be reduced. it can.
[0033]
Next, a third embodiment of the present invention will be described with reference to FIGS.
In the second embodiment, by generating a code from the screen structure diagram, the content corresponding to the specified ID can be arranged on each screen, but since there is no transition information, the screen returns to the immediately preceding job without any change. Can not. Therefore, the transition information needs to be set separately.
[0034]
Therefore, in the third embodiment, a function for adding transition information to the screen structure diagram is added, and a code related to transition is generated.
As shown in FIG. 28, the screen structure diagram modeling program installed in the computer of the third embodiment includes an
That is, in the third embodiment, a transition
[0035]
That is, the computer generates transition information indicating the occurrence of an event that transitions from a screen element to a screen element by designating two screen elements included in the screen structure diagram, and generates a transition table in which the transition information is tabulated for each event. And a transition
[0036]
In the case of the third embodiment, as shown in FIG. 29, a screen for designating between frames and elements is displayed in the screen structure diagram 91, and when the user designates between frames and elements, The transition
Thereafter, the transition
[0037]
The meaning of the transition table 93 is as follows.
<Event> A changes the state of <Frame> 001 from 002 to 003.
…
<Event> E changes the state of <Frame> 001 from 006 to 003, and changes the state of <Frame> 003 from 005 to 004
…
The transition
For example, the transition code of event A is:
Frame state. check ("001", "002")
Frame state. set (“001”, “003”);
Is generated,
The transition code of event E is
Frame state. check ("001", "006")
Frame state. check ("003", "005");
Frame state. set (“001”, “003”);
Frame state. set (“003”, “004”);
Is generated.
[0038]
As described above, according to the computer of the third embodiment, the transition information is added to the screen structure diagram and the transition table 93 indicating the transition of the screen is provided, so that the code relating to the transition is automatically generated. By generating code from the screen structure diagram and setting transition information, the screen can be returned to the task that was being executed immediately before.
[0039]
【The invention's effect】
As described above, according to the present invention, if the position information is the same, it is possible to prepare only one file specifying the arrangement of the information in the screen regardless of the number of combinations of information.
Further, according to the present invention, while a certain task is being performed while following a link on a Web page, when switching to another task, the task can be restored in a state before the switch.
[Brief description of the drawings]
FIG. 1 is a diagram showing a module configuration of a screen structure diagram modeling program of a first embodiment of a computer according to the present invention.
FIG. 2 is a diagram showing a definition of a screen transition diagram.
FIG. 3 is a diagram showing a definition of a screen combination.
FIG. 4 is a flowchart showing an operation in the first embodiment.
FIG. 5 is a diagram showing an example of a screen transition diagram of an input source.
FIG. 6 is a diagram showing a change in a screen transition diagram.
FIG. 7 is a diagram showing a change in a screen transition diagram.
FIG. 8 is a diagram showing a change in a screen transition diagram.
FIG. 9 is a diagram showing a change in a screen transition diagram.
FIG. 10 is a flowchart illustrating processing of a convolution processing unit.
FIG. 11 is a diagram showing a change in a screen transition diagram.
FIG. 12 is a diagram showing a change in a screen transition diagram.
FIG. 13 is a diagram showing a change in a screen transition diagram.
FIG. 14 is a diagram showing a change in a screen transition diagram.
FIG. 15 is a diagram showing a change in a screen transition diagram.
FIG. 16 is a flowchart illustrating processing of an interpretation unit.
FIG. 17 is a diagram showing a portion interpreted as a frame in the screen structure diagram.
FIG. 18 is a view showing a portion interpreted as a layout in the screen structure diagram.
FIG. 19 is a diagram showing a portion interpreted as a page in the screen structure diagram.
FIG. 20 is a diagram showing a module configuration of a screen structure diagram modeling program of a second embodiment of the computer according to the present invention.
FIG. 21 is a flowchart illustrating a code generation operation according to the second embodiment.
FIG. 22 is a diagram showing an ID-file correspondence table.
FIG. 23 is a view for explaining a page code generation operation.
FIG. 24 is a diagram for explaining a layout code generation operation.
FIG. 25 is a diagram for explaining a frame code generation operation.
FIG. 26 is a diagram for explaining an operation of extracting an initialization element from the screen structure diagram.
FIG. 27 is a diagram showing a code generation example of a frame state class.
FIG. 28 is a diagram showing a module configuration of a screen structure diagram modeling program of a third embodiment of the computer according to the present invention.
FIG. 29 is a diagram showing an operation of adding an arrow and an event name to a screen structure diagram.
FIG. 30 is a diagram showing a created transition table (transition table).
FIG. 31 is a diagram showing an operation of automatically generating a transition code from a transition table (transition table).
FIG. 32 is a diagram showing a configuration of a general Web screen.
FIG. 33 is a diagram for explaining that in the case of a Web page in which a screen layout is determined, it is necessary to specify display contents of a frame of no interest.
FIG. 34 is a view for explaining that when another Web page is opened, the flow of business that has been progressing halfway is interrupted.
FIG. 35 is a diagram for explaining that, when there are a plurality of tasks, when the tasks are switched, the flow of the task that has been advanced halfway before the switching is interrupted, as in FIG. 34;
[Explanation of symbols]
DESCRIPTION OF
Claims (5)
階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段と
を具備したことを特徴とする画面構造図モデリング装置。Means for classifying the screen elements constituting the web page into screen transition diagrams and screen combinations,
Means for dividing a hierarchical screen transition diagram, a screen combination into minimum screen states, combining the same screen states into one, and generating a screen structure diagram in which each screen state is a minimum unit,
Means for classifying each screen element included in the screen structure diagram into pages, layouts, and frames, and providing identification information for individually identifying each page, layout, and frame. Screen structure diagram modeling device.
前記画面構造図に含まれるページ、レイアウト、フレームに付与されたすべての識別情報にファイル名を対応させた対応表を生成する手段と、
前記対応表に基づいて、画面構造図に含まれるページ、レイアウト、フレームの各画面要素に対するコードを生成し、該当ファイル名で記憶する手段と
を具備したことを特徴とする画面構造図モデリング装置。The screen structure diagram modeling device according to claim 1,
Means for generating a correspondence table in which file names correspond to all identification information given to pages, layouts, and frames included in the screen structure diagram;
Means for generating a code for each screen element of a page, a layout, and a frame included in the screen structure diagram based on the correspondence table, and storing the code with a corresponding file name.
画面構造図に含まれる2つの画面要素の指定により、画面要素から画面要素へ遷移するイベントの発生を示す遷移情報を生成する手段と、
前記遷移情報をイベント毎に前記識別情報に対応させテーブル化した遷移表を生成する手段と、
前記遷移表に基づいてイベント毎の遷移コードを生成する手段と
を具備したことを特徴とする画面構造図モデリング装置。The screen structure diagram modeling device according to claim 2,
Means for generating transition information indicating occurrence of an event for transitioning from a screen element to a screen element by designating two screen elements included in the screen structure diagram;
Means for generating a transition table tabulated by associating the transition information with the identification information for each event,
Means for generating a transition code for each event based on the transition table.
前記コンピュータを、
ウェブページを構成する画面要素を画面遷移図、画面組合わせに分類しつつ階層化する手段と、
階層化された画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成する手段と、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与する手段
として機能させることを特徴とするプログラム。In a program that causes a computer to execute a process,
Said computer,
Means for classifying the screen elements constituting the web page into screen transition diagrams and screen combinations,
Means for dividing a hierarchical screen transition diagram, a screen combination into minimum screen states, combining the same screen states into one, and generating a screen structure diagram in which each screen state is a minimum unit,
Classifying each screen element included in the screen structure diagram into pages, layouts, and frames, and functioning as a means for giving identification information for individually identifying each page, layout, and frame. Program to do.
階層化した画面遷移図、画面組合わせを最小の画面状態に分割し、同一の画面状態については一つにまとめ、個々の画面状態が最小単位となる画面構造図を生成するステップと、
前記画面構造図に含まれる各画面要素をページ、レイアウト、フレームに分類し、各ページ、レイアウト、フレームに対してそれぞれを個別に識別するための識別情報を付与するステップと
を有することを特徴とする画面構造図モデリング方法。Classifying screen elements that constitute a web page into a screen transition diagram and a screen combination,
Splitting the hierarchical screen transition diagram, screen combination into the minimum screen states, combining the same screen states into one, and generating a screen structure diagram in which each screen state is the minimum unit;
Classifying each screen element included in the screen structure diagram into pages, layouts, and frames, and providing identification information for individually identifying each page, layout, and frame. Screen structure diagram modeling method.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2002249687A JP2004086774A (en) | 2002-08-28 | 2002-08-28 | Screen structural drawing modeling device, program, and screen structural drawing modeling method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2002249687A JP2004086774A (en) | 2002-08-28 | 2002-08-28 | Screen structural drawing modeling device, program, and screen structural drawing modeling method |
Publications (1)
Publication Number | Publication Date |
---|---|
JP2004086774A true JP2004086774A (en) | 2004-03-18 |
Family
ID=32056731
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2002249687A Withdrawn JP2004086774A (en) | 2002-08-28 | 2002-08-28 | Screen structural drawing modeling device, program, and screen structural drawing modeling method |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2004086774A (en) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2007233802A (en) * | 2006-03-02 | 2007-09-13 | Fujitsu Ltd | Screen controller and screen control method for event-driven application, and program therefor |
JP2008021155A (en) * | 2006-07-13 | 2008-01-31 | Koyo Electronics Ind Co Ltd | Screen creation method and picture creation device |
JP2010128873A (en) * | 2008-11-28 | 2010-06-10 | Mitsubishi Electric Corp | Service integration screen control device, service integration screen control program, and recording medium |
WO2013059963A1 (en) * | 2011-10-27 | 2013-05-02 | Nokia Corporation | Method and apparatus for web content structure modeling applied in web content subscription |
KR101489762B1 (en) | 2012-10-15 | 2015-02-04 | 삼성에스디에스 주식회사 | System and method for constructing layout |
CN111198741A (en) * | 2019-12-31 | 2020-05-26 | 浙江工业大学 | Method for initializing web page based on iOS system |
CN113495839A (en) * | 2020-04-08 | 2021-10-12 | 百度在线网络技术(北京)有限公司 | Test page generation method and device, electronic equipment and storage medium |
-
2002
- 2002-08-28 JP JP2002249687A patent/JP2004086774A/en not_active Withdrawn
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2007233802A (en) * | 2006-03-02 | 2007-09-13 | Fujitsu Ltd | Screen controller and screen control method for event-driven application, and program therefor |
JP2008021155A (en) * | 2006-07-13 | 2008-01-31 | Koyo Electronics Ind Co Ltd | Screen creation method and picture creation device |
JP2010128873A (en) * | 2008-11-28 | 2010-06-10 | Mitsubishi Electric Corp | Service integration screen control device, service integration screen control program, and recording medium |
WO2013059963A1 (en) * | 2011-10-27 | 2013-05-02 | Nokia Corporation | Method and apparatus for web content structure modeling applied in web content subscription |
CN103827855A (en) * | 2011-10-27 | 2014-05-28 | 诺基亚公司 | Method and apparatus for web content structure modeling applied in web content subscription |
KR101489762B1 (en) | 2012-10-15 | 2015-02-04 | 삼성에스디에스 주식회사 | System and method for constructing layout |
CN111198741A (en) * | 2019-12-31 | 2020-05-26 | 浙江工业大学 | Method for initializing web page based on iOS system |
CN111198741B (en) * | 2019-12-31 | 2023-05-16 | 浙江工业大学 | Method for initializing web page based on iOS system |
CN113495839A (en) * | 2020-04-08 | 2021-10-12 | 百度在线网络技术(北京)有限公司 | Test page generation method and device, electronic equipment and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7398473B2 (en) | In situ user interface template editing | |
JP5039903B2 (en) | System, method and program for executing application | |
JPH1091412A (en) | Device for selecting display parts and its method | |
JPH07261969A (en) | Method for constituting definition file for hierarchical structure menu | |
JP4870601B2 (en) | Screen data generation apparatus, image processing apparatus, screen data generation method and program | |
JP2007323369A (en) | Electronic newspaper display device and electronic newspaper display system | |
US11775142B2 (en) | Preferential automation view curation | |
US20080129755A1 (en) | CAD apparatus, method of editing graphic data, and computer product | |
JP2010061334A (en) | File management system, file management method, and program | |
JP3434038B2 (en) | Network construction support system | |
US20080129754A1 (en) | CAD apparatus, method of editing graphic data, and computer product | |
US20080134066A1 (en) | CAD apparatus, method of editing graphic data, and computer product | |
JP2004086774A (en) | Screen structural drawing modeling device, program, and screen structural drawing modeling method | |
JP2003114793A (en) | Screen transition chart editing device, screen transition chart editing method, and program for executing the same method by computer | |
WO2006046667A1 (en) | Document processing device and document processing method | |
JP2001306310A (en) | Method and device for assisting creation of gui part and application developing method | |
US8869048B2 (en) | Declarative and multi-mode wizard framework | |
JP4582701B2 (en) | Screen creation method, apparatus, and program | |
JP4526354B2 (en) | Screen creation device | |
JP3137855B2 (en) | Compound document editing method and compound document editing processing device | |
Signer et al. | Advanced authoring of paper-digital systems: Introducing templates and variable content elements for interactive paper publishing | |
JP2000020295A (en) | Program automatic generating device | |
JP2008299571A (en) | Home page creation device, its home page creation program, and home page creation method | |
JPH06131334A (en) | Page pointing document processor | |
JP2001154834A (en) | Method and device for generating contents, and recording medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A300 | Application deemed to be withdrawn because no request for examination was validly filed |
Free format text: JAPANESE INTERMEDIATE CODE: A300 Effective date: 20051101 |