JP2007058808A

JP2007058808A - Method and device for supporting html data generation program

Info

Publication number: JP2007058808A
Application number: JP2005246648A
Authority: JP
Inventors: Itaru Ishida; 至石田
Original assignee: Hitachi Software Engineering Co Ltd
Current assignee: Hitachi Software Engineering Co Ltd
Priority date: 2005-08-26
Filing date: 2005-08-26
Publication date: 2007-03-08

Abstract

<P>PROBLEM TO BE SOLVED: To easily perform change of an HTML data formation program, considering an HTML data part and a program code part after development thereof. <P>SOLUTION: The HTML data generation program is managed separately as HTML data, program codes, and correspondence information for HTML data and program code. Data correction or storage is performed independently thereto, and the resulting data are connected to form the HTML data generation program. <P>COPYRIGHT: (C)2007,JPO&INPIT

Description

本発明は、ＨＴＭＬデータ生成プログラムの開発支援方法及び支援装置に係り、特に、Ｗｅｂアプリケーションの開発におけるＨＴＭＬデータ生成プログラムの開発支援方法及び支援装置に関する。 The present invention relates to a development support method and support apparatus for an HTML data generation program, and more particularly to a development support method and support apparatus for an HTML data generation program in the development of a Web application.

通常、Ｗｅｂアプリケーションは、クライアントがＷｅｂブラウザであるため、その出力をＨＴＭＬデータ形式で行う。プログラムの出力をＨＴＭＬデータ形式にするための手段はいくつかあるが、ＨＴＭＬデータ中にプログラムコードを組み込むことにより、ＨＴＭＬデータを生成する技術を利用する方法が一般的に使用されている。このようなプログラムの出力をＨＴＭＬデータ形式にする方法に関する具体的な例として、ＡＳＰ(Active Server Pages)やＪＳＰ(Java（登録商標） Server Pages)等の技術が知られている。 Usually, since the Web application is a Web browser, the output is performed in the HTML data format. There are several means for converting the output of the program into an HTML data format, but a method using a technique for generating HTML data by incorporating a program code into HTML data is generally used. Techniques such as ASP (Active Server Pages) and JSP (Java (registered trademark) Server Pages) are known as specific examples of a method for converting the output of such a program into an HTML data format.

前述したようなＨＴＭＬデータ生成プログラムの開発は、まず、Ｗｅｂアプリケーションの出力画面のデザインを決め、そのデザインを元にＨＴＭＬデータを作成し、さらに、ＨＴＭＬデータにプログラムコードを埋め込み、ＨＴＭＬデータ生成プログラムを完成させるという手順で行われる。 The development of the HTML data generation program as described above first determines the design of the output screen of the Web application, creates HTML data based on the design, embeds the program code in the HTML data, and creates the HTML data generation program. This is done by completing the procedure.

しかし、開発されたＨＴＭＬデータ生成プログラムは、そのＨＴＭＬデータ生成プログラムを作成した後、デザインの変更等によるＨＴＭＬデータ部分の修正があった場合、デザインの変更を元に、ＨＴＭＬデータ生成プログラムのＨＴＭＬデータ部分の修正を行うか、または、新しいデザインを元に作られたＨＴＭＬデータに、元のＨＴＭＬデータ生成プログラムのプログラムコード部分を追加する必要があった。 However, the HTML data generation program that has been developed, after creating the HTML data generation program, if the HTML data part is modified due to a design change, etc., the HTML data of the HTML data generation program based on the design change It has been necessary to correct the part or add the program code part of the original HTML data generation program to the HTML data created based on the new design.

そのため、デザインやプログラムコードの変更は、両方の部分の依存関係等を考慮しつつ修正を行う必要があり、作業コストが非常に大きなものとなっていた。 For this reason, changes in design and program code need to be corrected in consideration of the dependency between both parts, and the work cost is very high.

従来のＨＴＭＬデータ生成プログラムの開発支援装置は、ＨＴＭＬデータや、プログラムコードの作成に対する編集支援機能を提供することができるが、前述したようなデザインやプログラムコード変更時の問題を解決することができないものである。そして、このような問題の一部を解決することができる従来技術として、例えば、特許文献１等に記載された技術が知られている。この従来技術は、予め幾つかのデザイン用のＨＴＭＬデータをテンプレートとして用意しておき、テンプレートの組合せを指定させることによりデザインの変更の問題を解決することができるようにしたものである。
特開２００１−２２９０５５公報 A conventional development support apparatus for HTML data generation programs can provide an editing support function for creating HTML data and program codes, but cannot solve the problems in changing the design and program code as described above. Is. And as a prior art which can solve a part of such a problem, the technique described in patent document 1 etc. is known, for example. In this prior art, several design HTML data are prepared in advance as templates, and the design change problem can be solved by designating a combination of templates.
JP 2001-229055 A

しかし、特許文献１に記載の従来技術は、多数のテンプレートを予め用意しておく必要があり、また、用意されているテンプレートでデザインの変更の全てに対応することができないため、デザインの変更に関するＨＴＭＬデータの修正の問題を解決することができないという問題点を有している。 However, the prior art described in Patent Document 1 needs to prepare a large number of templates in advance, and the prepared templates cannot cope with all design changes. There is a problem that the problem of correcting HTML data cannot be solved.

前述したように、ＨＴＭＬデータ生成プログラムの作成に対しては、編集支援の仕組みは知られているものの、その編集支援の方法は、ＨＴＭＬデータ生成プログラムを作成した後の修正に関して、ＨＴＭＬデータ部分とプログラムコード部分とを考慮した変更をすることが非常に難しかったという問題点を有している。 As described above, although the editing support mechanism is known for the creation of the HTML data generation program, the editing support method is related to the modification of the HTML data generation program with respect to the modification after the creation of the HTML data generation program. There is a problem that it is very difficult to make changes in consideration of the program code portion.

本発明の目的は、前述したような従来技術の問題点を解決し、ＨＴＭＬデータ作成プログラムの開発後のＨＴＭＬデータ部分とプログラムコード部分とを考慮した変更を容易に行うことを可能としたＨＴＭＬデータ生成プログラムの開発支援方法及び支援装置を提供することにある。 An object of the present invention is to solve the problems of the prior art as described above, and to make it possible to easily change the HTML data creation program in consideration of the HTML data portion and the program code portion after development. It is an object to provide a generation program development support method and a support apparatus.

本発明によれば前記目的は、Ｗｅｂアプリケーションの開発におけるＨＴＭＬデータ生成プログラムの開発支援方法において、ＨＴＭＬデータ生成プログラムをＨＴＭＬデータと、プログラムコードと、ＨＴＭＬデータとプログラムコードとの対応情報とに分割して管理し、それぞれ独立してデータの修正、保存を行い、それらのデータを結合してＨＴＭＬデータ生成プログラムとすることにより達成される。 According to the present invention, the object is to provide an HTML data generation program development support method in the development of a Web application, in which the HTML data generation program is divided into HTML data, program code, and correspondence information between HTML data and program code. The data is corrected and stored independently, and the data is combined to form an HTML data generation program.

また、前記目的は、Ｗｅｂアプリケーションの開発におけるＨＴＭＬデータ生成プログラムの開発支援装置において、ＨＴＭＬデータ生成プログラムをＨＴＭＬデータと、プログラムコードと、ＨＴＭＬデータとプログラムコードとの対応情報とに分割して管理する手段と、それぞれ独立してデータの修正、保存を行う手段と、それらのデータを結合してＨＴＭＬデータ生成プログラムとする手段とを備えたことにより達成される。 In addition, the object is to manage the HTML data generation program by dividing the HTML data generation program into HTML data, program code, and correspondence information between HTML data and program code in a development support apparatus for HTML data generation program in Web application development. This is achieved by providing means, means for correcting and saving data independently, and means for combining the data into an HTML data generation program.

本発明によれば、ＨＴＭＬデータ生成プログラムの開発に対して、その後のデザイン面の変更やプログラムコードの変更を容易に反映させることができる。 According to the present invention, subsequent changes in design and program code can be easily reflected in the development of an HTML data generation program.

以下、本発明によるＨＴＭＬデータ生成プログラムの開発支援方法及び支援装置の実施形態を図面により詳細に説明する。なお、以下に説明する本発明の実施形態は、本発明の理解を容易にするため、特定のＨＴＭＬデータを例として説明するが、本発明は、ＸＨＴＭＬを含むＨＴＭＬデータの生成プログラム一般に適用することができる。 Embodiments of a development support method and support apparatus for an HTML data generation program according to the present invention will be described below in detail with reference to the drawings. The embodiments of the present invention described below will be described using specific HTML data as an example in order to facilitate understanding of the present invention. However, the present invention is generally applied to a program for generating HTML data including XHTML. Can do.

図１は本発明の一実施形態により生成されるＨＴＭＬデータの生成プログラムの例とＨＴＭＬデータ生成プログラムを生成するためのデータとの例を示す図である。図１において、１０１はＨＴＭＬデータ生成プログラム、１０２はＨＴＭＬデータ、１０３はプログラムコード、１０４は対応情報である。 FIG. 1 is a diagram showing an example of an HTML data generation program generated according to an embodiment of the present invention and an example of data for generating an HTML data generation program. In FIG. 1, 101 is an HTML data generation program, 102 is HTML data, 103 is a program code, and 104 is correspondence information.

図１（ａ）に示すＨＴＭＬデータ生成プログラム１０１は、図１（ｂ）に示すＨＴＭＬデータ１０２の例と、図１（ｃ）に示すプログラムコード１０３の例と、図１（ｄ）に示す対応情報１０４の例とから生成されるプログラムのサンプルであり、本発明の実施形態での編集対象となるものである。ＨＴＭＬデータ１０２は、画面レイアウトを決めるデザインの情報であり、図１（ｂ）に示す例では、タイトルとして「サンプル」が配置され、可変部分に「こんにちは」が配置された例を示している。図１（ｃ）に示すプログラムコード１０３は、ＨＴＭＬデータ生成プログラム１０１の作成に使用するプログラムコードであり、ここでは、１つだけ示しているが、実際には複数のプログラムコードが用意される。図１（ｄ）に示す対応情報１０４は、ＨＴＭＬデータ１０２とプログラムコード１０３の対応関係を示す情報であり、ここに示されるノード位置、ここに示す例では、可変部分である「こんにちは」の位置にプログラムコード１０３を置くことにより、ＨＴＭＬデータ生成プログラム１０１が作成される。 The HTML data generation program 101 shown in FIG. 1A is an example of the HTML data 102 shown in FIG. 1B, the example of the program code 103 shown in FIG. 1C, and the correspondence shown in FIG. It is a sample of a program generated from the example of the information 104, and is a target for editing in the embodiment of the present invention. HTML data 102 is information designed to determine the screen layout, in the example shown in FIG. 1 (b), "sample" is arranged as a title, "Hello" indicates the placed example variable part. A program code 103 shown in FIG. 1C is a program code used to create the HTML data generation program 101. Although only one is shown here, a plurality of program codes are actually prepared. Correspondence information 104 shown in FIG. 1 (d) is information indicating the correspondence between the HTML data 102 and program code 103, the node position shown here, in the example shown here, a variable portion position of the "Hello" An HTML data generation program 101 is created by placing the program code 103 in

図２は本発明の一実施形態を適用したＨＴＭＬデータ生成プログラム編集装置における表示画面の構成例を説明する図である。図２において、２０１は表示・編集画面、２０２はノード情報表示・選択部、２０３は対応情報表示部、２０４は対象ノード表示・編集部、２０５はプログラムコード表示・編集部、２０６はＨＴＭＬデータ生成プログラム表示部、２０７は対応情報表示・選択部である。 FIG. 2 is a diagram for explaining a configuration example of a display screen in an HTML data generation program editing apparatus to which an embodiment of the present invention is applied. In FIG. 2, 201 is a display / edit screen, 202 is a node information display / selection unit, 203 is a correspondence information display unit, 204 is a target node display / editing unit, 205 is a program code display / editing unit, and 206 is an HTML data generator. A program display unit 207 is a correspondence information display / selection unit.

発明の一実施形態を適用したＨＴＭＬデータ生成プログラム編集装置の表示装置に表示される表示・編集画面２０１は、利用者がＨＴＭＬデータ生成プログラムの変更等の編集作業を行うために使用するものであり、ＨＴＭＬデータ１０２を木構造で表示してノードの選択を行わせるノード情報表示・選択部２０２と、ＨＴＭＬデータとプログラムコードとの対応情報１０４を表示する対応情報表示部２０３と、編集のために使用するＨＴＭＬデータの対象ノード表示・編集部２０４と、プログラムコード１０３を表示するプログラムコード表示・編集部２０５と、作成されたＨＴＭＬデータ生成プログラムを表示するＨＴＭＬデータ生成プログラム表示部２０６と、対応情報を選択するために利用する対応情報表示・選択部２０７とにより構成される。 A display / edit screen 201 displayed on a display device of an HTML data generation program editing apparatus to which an embodiment of the invention is applied is used by a user to perform editing operations such as changing the HTML data generation program. A node information display / selection unit 202 that displays the HTML data 102 in a tree structure to select a node, a correspondence information display unit 203 that displays correspondence information 104 between HTML data and a program code, and for editing Target node display / edit unit 204 for HTML data to be used, program code display / edit unit 205 for displaying program code 103, HTML data generation program display unit 206 for displaying the created HTML data generation program, and correspondence information By the correspondence information display / selection unit 207 used for selecting It is made.

そして、前述した表示・編集画面２０１の各部分に表示されるデータ、すなわち、ＨＴＭＬデータ生成プログラムと、プログラムコードと、ＨＴＭＬデータとプログラムコードとの対応情報とは、それぞれ、独立して保存されて管理される。 The data displayed on each part of the display / edit screen 201 described above, that is, the HTML data generation program, the program code, and the correspondence information between the HTML data and the program code are stored independently. Managed.

図３は本発明の一実施形態を適用したＨＴＭＬデータ生成プログラム編集装置のハードウェア構成を示すブロック図である。図３において、３０１はＣＰＵ、３０２は主記憶装置、３０３は大容量記憶装置、３０４は表示装置、３０５は操作装置、３０６はシステムバスである。 FIG. 3 is a block diagram showing a hardware configuration of an HTML data generation program editing apparatus to which an embodiment of the present invention is applied. In FIG. 3, 301 is a CPU, 302 is a main storage device, 303 is a mass storage device, 304 is a display device, 305 is an operation device, and 306 is a system bus.

本発明が適用されるＨＴＭＬデータ生成プログラム編集装置は、図３に示すように、ＣＰＵ３０１、ランダムアクセス・メモリとうによる主記憶装置３０２、ハードディスク装置等の大容量記憶装置３０３、液晶またはＣＲＴによる表示装置３０４及びキーボード、マウス等の操作装置３０５がシステムバス３０６に接続されて構成されている。前述において、ＣＰＵ３０１は、オペレーティングシステムの下で各種のアプリケーション・ソフトウエアを実行する。また、大容量記憶装置３０３には、本発明で利用するＨＴＭＬデータ、プログラムコード、ＨＴＭＬデータとプログラムコードとの対応情報が保存される。 As shown in FIG. 3, an HTML data generation program editing apparatus to which the present invention is applied includes a CPU 301, a main storage device 302 such as a random access memory, a mass storage device 303 such as a hard disk device, a display device using liquid crystal or CRT. 304 and an operation device 305 such as a keyboard and a mouse are connected to a system bus 306. As described above, the CPU 301 executes various types of application software under the operating system. The mass storage device 303 stores HTML data, program codes, and correspondence information between HTML data and program codes used in the present invention.

図４は本発明の実施形態によりＨＴＭＬ生成プログラムを作成して表示する処理動作を説明するフローチャートであり、次に、これについて説明する。 FIG. 4 is a flowchart for explaining a processing operation for creating and displaying an HTML generation program according to the embodiment of the present invention. Next, this will be explained.

（１）まず、ＨＴＭＬデータ１０２を読み込み、ツリー構造を持つＨＴＭＬデータを解析し、ＨＴＭＬノードのツリー構造の情報をＨＴＭＬノード表示・選択部２０２に表示する（ステップ４０１、４０２）。 (1) First, the HTML data 102 is read, the HTML data having a tree structure is analyzed, and information on the tree structure of the HTML node is displayed on the HTML node display / selection unit 202 (steps 401 and 402).

（２）次に、対応情報１０４の全てが読み込まれたか否かを判定し、全ての対応情報が読み込まれていなかった場合、以下に説明するステップ４０４からステップ４０８までの処理を繰り返す（ステップ４０３）
（３）すなわち、ステップ４０３の判定で、対応情報１０４の全てが読み込まれていなかった場合、対応情報１０４を読み込み、読み込んだ対応情報を、対応情報表示・選択部２０７に表示すると共に、対応情報１０４で組になっているプログラムコードを読み込んで結合させる（ステップ４０４〜４０６）。 (2) Next, it is determined whether or not all the correspondence information 104 has been read. If all the correspondence information has not been read, the processing from step 404 to step 408 described below is repeated (step 403). )
(3) That is, if all of the correspondence information 104 has not been read in the determination in step 403, the correspondence information 104 is read, and the read correspondence information is displayed on the correspondence information display / selection unit 207 and the correspondence information is displayed. The program code paired at 104 is read and combined (steps 404 to 406).

（４）ステップ４０６の場合と同様に対応情報１０４で組になっているＨＴＭＬノードが、読み込んだＨＴＭＬデータにあるか否かをチェックし、対応情報１０４で組になっているＨＴＭＬノードが、読み込んだＨＴＭＬデータになかった場合、ステップ４０３からの処理に戻って処理を繰り返す（ステップ４０７）。 (4) As in the case of step 406, it is checked whether or not the HTML node paired with the correspondence information 104 is in the read HTML data, and the HTML node paired with the correspondence information 104 is read. If there is no HTML data, the process returns to step 403 and is repeated (step 407).

（５）ステップ４０７のチェックで、対応情報１０４で組になっているＨＴＭＬノードが、読み込んだＨＴＭＬデータにあった場合、対応情報とＨＴＭＬノードのデータとを結合し、ステップ４０３からの処理に戻って処理を繰り返す（ステップ４０８）
（６）ステップ４０３の判定で対応情報１０４の全てが読み込まれていた場合、次に、読み込んだ情報を元にＨＴＭＬ生成プログラム１０１を生成するため、対応情報１０４で定義されているＨＴＭＬノードとプログラムコードとの組に関して、ＨＴＭＬデータ１０２の対象ＨＴＭＬノードをプログラムコードに置き換える（ステップ４０９）。 (5) When the HTML node paired with the correspondence information 104 is found in the read HTML data in the check in step 407, the correspondence information and the data of the HTML node are combined, and the processing returns to step 403. And repeat the process (step 408).
(6) If all of the correspondence information 104 has been read in the determination in step 403, the HTML node and program defined in the correspondence information 104 are then generated to generate the HTML generation program 101 based on the read information. Regarding the pair with the code, the target HTML node of the HTML data 102 is replaced with a program code (step 409).

（７）そして、ステップ４０９の処理で、対応情報１０４で定義されているＨＴＭＬノードとプログラムコードとをＨＴＭＬデータに結合する処理を全て終了したか否かを判定し、まだの場合、ステップ４０９からの処理を繰り返す（ステップ４１０）。 (7) Then, in step 409, it is determined whether or not all processing for combining the HTML node and the program code defined in the correspondence information 104 with the HTML data has been completed. The above process is repeated (step 410).

（８）ステップ４１０の判定で、全てが終了していた場合、置き換えが完了したＨＴＭＬデータをＨＴＭＬ生成プログラムとしてＨＴＭＬ生成プログラム表示部２０６に表示してここでの処理を終了する（ステップ４１１）。 (8) If all the determinations are completed in step 410, the replaced HTML data is displayed on the HTML generation program display unit 206 as an HTML generation program, and the processing here ends (step 411).

図５は本発明の実施形態でのＨＴＭＬ生成プログラムの作成・編集の処理動作を説明するフローチャートであり、次に、これについて説明する。 FIG. 5 is a flowchart for explaining the processing operation for creating and editing an HTML generation program according to the embodiment of the present invention. Next, this will be described.

（１）編集を終了するか否かを判定し、編集を続ける場合、まず、編集対象とするＨＴＭＬノードをＨＴＭＬノード表示・選択部２０２から選択し、選択したＨＴＭＬノードの情報を、対象ＨＴＭＬデータ表示・編集部２０４に表示する（ステップ５０１〜５０３）。 (1) When it is determined whether or not editing is to be continued and editing is to be continued, first, an HTML node to be edited is selected from the HTML node display / selection unit 202, and information on the selected HTML node is used as target HTML data. The data is displayed on the display / editing unit 204 (steps 501 to 503).

（２）次に、選択したＨＴＭＬノードに既に対応情報が定義されているか否かをチェックし、対応情報が既に定義されていた場合、さらに、子ノードも対象となっているか否かをチェックする（ステップ５０４、５０５）。 (2) Next, it is checked whether or not correspondence information is already defined in the selected HTML node. If correspondence information is already defined, it is further checked whether or not a child node is also a target. (Steps 504 and 505).

（３）ステップ５０５のチェックで、子ノードが対象に含まれていた場合、対象のＨＴＭＬデータ表示・編集部２０４に子ノードも含めた情報を表示する（ステップ５０６）。 (3) If the child node is included in the target in the check in step 505, information including the child node is displayed on the target HTML data display / editing unit 204 (step 506).

（４）ステップ５０５のチェックで、子ノードが対象に含まれていなかった場合、あるいは、ステップ５０６の処理の後、プログラムコード表示・編集部２０５に定義されているプログラムコードを表示する（ステップ５０７）。 (4) If no child node is included in the object in the check in step 505, or after the processing in step 506, the program code defined in the program code display / editing unit 205 is displayed (step 507). ).

（５）ステップ５０４のチェックで、選択したＨＴＭＬノードに対応情報が定義されていなかった場合、対応情報の新規作成となるので、新しい対応情報を作成し、対象に子ノードも含めるか否かの選択を行い、子ノードを含める選択をした場合、対象ＨＴＭＬデータ表示・編集部２０５に子ノードも含めた情報を表示する（ステップ５０８〜５１０）。 (5) If the correspondence information is not defined in the selected HTML node in the check in step 504, the correspondence information is newly created. Therefore, whether or not a new correspondence information is created and a child node is included in the target. When selection is made and the child node is selected to be included, information including the child node is displayed on the target HTML data display / editing unit 205 (steps 508 to 510).

（６）ステップ５０９での選択が子ノードを含めない選択であった場合、あるいは、ステップ５０７、または、ステップ５１０の処理の後、対象ＨＴＭＬデータ表示・編集部２０４に表示された対象ＨＴＭＬノードの編集を行い、プログラムコード表示・編集部２０５に表示されているプログラムコードの作成・編集を実施する。その後、ステップ５０１からの処理に戻って、前述したステップでの処理を編集終了まで繰り返す（ステップ５１１、５１２）。 (6) If the selection in step 509 is a selection that does not include child nodes, or after the processing in step 507 or 510, the target HTML node displayed in the target HTML data display / editing unit 204 is displayed. Editing is performed, and the program code displayed on the program code display / editing unit 205 is created / edited. Thereafter, returning to the processing from step 501, the processing at the above-described step is repeated until the editing is completed (steps 511 and 512).

（７）ステップ５０１の判定で、編集終了であった場合、ＨＴＭＬデータ、プログラムコード、対応情報を保存して、ここでの処理を終了する（ステップ５１３〜５１５）。 (7) If it is determined in step 501 that the editing has been completed, the HTML data, the program code, and the correspondence information are saved, and the process here is terminated (steps 513 to 515).

図６は本発明の実施形態での対応情報の再定義の処理動作を説明するフローチャートであり、次に、これについて説明する。対応情報の再定義の処理は、ＨＴＭＬ生成データ生成プログラム作成中に、元のＨＴＭＬデータに変更があり、対応ＨＴＭＬノードがなくなったり、プログラムコードのＨＴＭＬノード対応部分を変更したい場合に行われる処理である。 FIG. 6 is a flowchart for explaining the processing operation for redefining correspondence information according to the embodiment of the present invention. Next, this will be described. Corresponding information redefinition processing is processing performed when there is a change in the original HTML data during the creation of the HTML generation data generation program and there is no corresponding HTML node, or when it is desired to change the HTML node corresponding portion of the program code. is there.

（１）再定義を終了するか否かを判定し、元のＨＴＭＬデータに変更があり、対応ＨＴＭＬノードがなくなったり、プログラムコードのＨＴＭＬノード対応部分を変更したい場合で、再定義を続ける場合、まず、対応情報表示・選択部２０７から対応情報を選択する（ステップ６０１、６０２）。 (1) It is determined whether or not redefinition is to be ended. If there is a change in the original HTML data and there is no corresponding HTML node, or if it is desired to change the HTML node corresponding part of the program code, First, correspondence information is selected from the correspondence information display / selection unit 207 (steps 601 and 602).

（２）対応情報を選択した後、対応情報に定義されているＨＴＭＬノード情報を対象ＨＴＭＬデータ表示・編集部２０４に表示すると共に、プログラムコードをプログラムコード表示・編集部２０５に表示する（ステップ６０３、６０４）。 (2) After selecting the correspondence information, the HTML node information defined in the correspondence information is displayed on the target HTML data display / editing unit 204 and the program code is displayed on the program code displaying / editing unit 205 (step 603). 604).

（３）対応情報に定義されているＨＴＭＬノードが存在するか否かを判定し、ＨＴＭＬノードが存在する場合、ＨＴＭＬノード表示・選択部２０２に存在したノードを表示する（ステップ６０５、６０６）。 (3) It is determined whether there is an HTML node defined in the correspondence information. If there is an HTML node, the existing node is displayed in the HTML node display / selection unit 202 (steps 605 and 606).

（４）ステップ６０５の判定で、対応情報に定義されているＨＴＭＬノードが存在しなかった場合、あるいは、ステップ６０６の処理の後、対応情報に新しく定義するＨＴＭＬノードを、ＨＴＭＬノード表示・選択部２０２から選択し、対応情報を更新する（ステップ６０７、６０８）。 (4) When the HTML node defined in the correspondence information does not exist in the determination in step 605, or after the processing in step 606, the HTML node newly defined in the correspondence information is displayed as an HTML node display / selection unit. The corresponding information is updated by selecting from 202 (steps 607 and 608).

（５）その後、ステップ６０１からの処理に戻って、前述したステップでの処理を再定義終了まで繰り返し、ステップ６０１の判定で、再定義が終了であった場合、対応情報を保存して、ここでの処理を終了する（ステップ６０９）。 (5) Thereafter, returning to the process from step 601, the process in the above-described step is repeated until the redefinition is completed. If the redefinition is complete in the determination in step 601, the correspondence information is saved, The process in (5) is terminated (step 609).

前述したような本発明の実施形態での処理を実行することにより、ＨＴＭＬデータ生成プログラムの作成・編集において、ＨＴＭＬデータとプログラムコードとの変更を独立して行うことが可能になる。 By executing the processing in the embodiment of the present invention as described above, it is possible to independently change the HTML data and the program code in the creation and editing of the HTML data generation program.

前述した本発明の実施形態での各処理は、プログラムとして構成して装置内に備えられているＣＰＵに実行させることができ、また、このプログラムは、ＦＤ、ＣＤ、ＭＯ、ＤＶＤＲＯＭ等の記録媒体に格納して提供することができ、また、ネットワークを介してディジタル情報により提供することができる。 Each process in the above-described embodiment of the present invention can be configured as a program and executed by a CPU provided in the apparatus, and this program can be recorded on a recording medium such as an FD, CD, MO, or DVDROM. And can be provided by digital information via a network.

本発明の一実施形態により生成されるＨＴＭＬデータの生成プログラムの例とＨＴＭＬデータ生成プログラムを生成するためのデータとの例を示す図である。It is a figure which shows the example of the data for generating the example of the production | generation program of the HTML data produced | generated by one Embodiment of this invention, and an HTML data production | generation program. 本発明の一実施形態を適用したＨＴＭＬデータ生成プログラム編集装置における表示画面の構成例を説明する図である。It is a figure explaining the structural example of the display screen in the HTML data generation program editing apparatus to which one Embodiment of this invention is applied. 本発明の一実施形態を適用したＨＴＭＬデータ生成プログラム編集装置のハードウェア構成を示すブロック図である。It is a block diagram which shows the hardware constitutions of the HTML data generation program editing apparatus to which one Embodiment of this invention is applied. 本発明の実施形態によりＨＴＭＬ生成プログラムを作成して表示する処理動作を説明するフローチャートである。It is a flowchart explaining the processing operation | movement which produces and displays the HTML production | generation program by embodiment of this invention. 本発明の実施形態でのＨＴＭＬ生成プログラムの作成・編集の処理動作を説明するフローチャートである。It is a flowchart explaining the processing operation | movement of creation / editing of the HTML production | generation program in embodiment of this invention. 本発明の実施形態での対応情報の再定義の処理動作を説明するフローチャートである。It is a flowchart explaining the processing operation of redefinition of correspondence information in the embodiment of the present invention.

Explanation of symbols

１０１ＨＴＭＬデータ生成プログラム
１０２ＨＴＭＬデータ
１０３プログラムコード
１０４対応情報
２０１表示・編集画面
２０２ノード情報表示・選択部
２０３対応情報表示部
２０４対象ノード表示・編集部
２０５プログラムコード表示・編集部
２０６ＨＴＭＬデータ生成プログラム表示部
２０７対応情報表示・選択部
３０１ＣＰＵ
３０２主記憶装置
３０３大容量記憶装置
３０４表示装置
３０５操作装置
３０６システムバス 101 HTML data generation program 102 HTML data 103 Program code 104 Corresponding information 201 Display / edit screen 202 Node information display / selection unit 203 Corresponding information display unit 204 Target node display / editing unit 205 Program code display / editing unit 206 HTML data generation program Display unit 207 Corresponding information display / selection unit 301 CPU
302 Main storage device 303 Mass storage device 304 Display device 305 Operating device 306 System bus

Claims

In the development support method of the HTML data generation program in the development of the Web application, the HTML data generation program is divided into HTML data, program code, and correspondence information between HTML data and program code, and managed independently. A development support method for an HTML data generation program, wherein the HTML data generation program is modified and stored, and the data is combined to form an HTML data generation program.

In the development support apparatus of the HTML data generation program in the development of the Web application, the HTML data generation program is divided into HTML data, program codes, and correspondence information between the HTML data and the program codes, and means for managing them separately. An HTML data generation program development support apparatus comprising: means for correcting and storing data; and means for combining the data into an HTML data generation program.