JP2015069247A - Information processing apparatus, control method for information processing apparatus, and program - Google Patents

Information processing apparatus, control method for information processing apparatus, and program Download PDF

Info

Publication number
JP2015069247A
JP2015069247A JP2013200623A JP2013200623A JP2015069247A JP 2015069247 A JP2015069247 A JP 2015069247A JP 2013200623 A JP2013200623 A JP 2013200623A JP 2013200623 A JP2013200623 A JP 2013200623A JP 2015069247 A JP2015069247 A JP 2015069247A
Authority
JP
Japan
Prior art keywords
preview
item list
definition
html
display
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.)
Granted
Application number
JP2013200623A
Other languages
Japanese (ja)
Other versions
JP6331307B2 (en
JP2015069247A5 (en
Inventor
文洋 柴本
Fumihiro Shibamoto
文洋 柴本
勲 上田
Isao Ueda
勲 上田
鈴木　智子
Tomoko Suzuki
智子 鈴木
ゆみ 石塚
Yumi Ishizuka
ゆみ 石塚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Canon Marketing Japan Inc
Canon IT Solutions Inc
Canon MJ IT Group Holdings Inc
Original Assignee
Canon Marketing Japan Inc
Canon MJ IT Group Holdings Inc
Canon Software Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Canon Marketing Japan Inc, Canon MJ IT Group Holdings Inc, Canon Software Inc filed Critical Canon Marketing Japan Inc
Priority to JP2013200623A priority Critical patent/JP6331307B2/en
Publication of JP2015069247A publication Critical patent/JP2015069247A/en
Publication of JP2015069247A5 publication Critical patent/JP2015069247A5/ja
Application granted granted Critical
Publication of JP6331307B2 publication Critical patent/JP6331307B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

PROBLEM TO BE SOLVED: To generate the portions related only to the display of HTML to thereby enable the HTML layout to be checked in a short time for increased development efficiency, regardless of how the business logic and data model corresponding to an HTML object are defined, when the user wants to check the HTML layout.SOLUTION: An automatic generation tool for a web application program stores application definitions including at least business logic definitions and database model definitions of the web application, and item list definitions corresponding to a list of the items defining display and input/output. When a preview tab is selected by a user operation, the automatic generation tool extracts the information related only to the display of the web application from the item list definitions being defined by a developer, and generates and displays preview HTML.

Description

本発明は、プログラム自動生成装置を用いた開発であって、ビジネスロジック、データベースモデルなどのそれぞれのモジュールの開発が未完成であっても、確認したい画面を短時間で生成することを可能とする技術に関する。   The present invention is a development using an automatic program generation device, and even if development of each module such as business logic and database model is not completed, it is possible to generate a screen to be confirmed in a short time. Regarding technology.

従来から、ウェブアプリケーションの開発を支援するため、ユーザはＧＵＩレイアウト（プログラム実行時にＨＴＭＬとして表示される部分）や、ビジネスロジック、データベースモデルを自動生成するツール（製品）がある。これらの開発支援ツールを用いて、ウェブアプリケーションが表示する画面を作成する場合、入力フィールドやボタンなどの部品について、ツール（製品）毎に決められた定義を行う必要がある。画面作成を開発者などが容易に行うため、アプリケーションが表示するＨＴＭＬをグラフィカルに編集するエディタを搭載するツールもある。   Conventionally, in order to support the development of a web application, a user has a GUI layout (portion displayed as HTML during program execution), a business logic, and a tool (product) that automatically generates a database model. When creating a screen to be displayed by a web application using these development support tools, it is necessary to define definitions for each tool (product), such as input fields and buttons. There is also a tool equipped with an editor for graphically editing HTML displayed by an application so that a developer or the like can easily create a screen.

しかしながら、従来のシステムにおいて、開発中（プログラム自動生成ツールでの規約に基づいたアプリケーションの定義）に最終的に生成されるＨＴＭＬを確認しようとすると、プログラム自動生成ツールとして、画面（ＨＴＭＬ）と、ビジネスロジックやデータベースモデルなどを分割定義し、後で関連付けるようなツールを使用する必要があった。   However, in the conventional system, when trying to confirm the HTML that is finally generated during development (definition of the application based on the rules in the program automatic generation tool), as a program automatic generation tool, a screen (HTML), It was necessary to use a tool that divided and defined business logic and database models and related them later.

特許文献１には、表示項目などのオブジェクトであるフィールドと、ビヘイビアと呼ばれるフィールドにおけるイベントをアクション実行やエラーチェックとしてあわせて定義することによりウェブ画面を生成する、ウェブアプリケーションのオーサリングツールに関する技術が記載されている。オーサリングツールは、フィールドの配置とビヘイビアの定義をするための編集ビューを持ち、インスタンス化することでＨＴＭＬ、スクリプトのコードを生成し、動的なウェブページを生成可能とする。   Patent Document 1 describes a technique related to an authoring tool for a web application that generates a web screen by defining a field that is an object such as a display item and an event in a field called a behavior as action execution or error check. Has been. The authoring tool has an edit view for field arrangement and behavior definition. By instantiating the authoring tool, HTML and script code can be generated, and a dynamic web page can be generated.

特開２００３−９９２５７号公報JP 2003-99257 A

しかしながら、特許文献１の技術においては、開発の途中段階で画面（ＨＴＭＬ）の状態を確認できない場合がある。すなわち、画面（ＨＴＭＬ）だけを先に開発することで、未完成なビヘイビアがない状態であるか、あるいは作成しかけたビヘイビアは、作成を完了させておく必要がある。すなわち、画面上の項目と関連付けられたイベントは、（最終的な完成物ではないにしても）一定レベルの動作を保証されていなければ、画面（ＨＴＭＬ）の状態を確認することができない。   However, in the technique of Patent Document 1, the state of the screen (HTML) may not be confirmed in the middle of development. That is, by developing only the screen (HTML) first, there is no unfinished behavior, or the behavior that has just been created needs to be completely created. In other words, an event associated with an item on the screen cannot confirm the state of the screen (HTML) unless a certain level of operation is guaranteed (even if it is not a final finished product).

従って、画面（ＨＴＭＬ）と、ビヘイビアと連携して開発しながらも、それぞれの連携が完全に取れていない段階では、画面（ＨＴＭＬ）だけを確認できないという問題がある。   Therefore, there is a problem that only the screen (HTML) cannot be confirmed at the stage where the screen (HTML) and the behavior are being developed in cooperation with each other, but the cooperation is not completely achieved.

また、そもそも特許文献１に記載のオーサリングツールは、クライアント（ウェブブラウザ）で動的に動作するためのＨＴＭＬを作成するものであるため、アプリケーションサーバとの連係で動作するビジネスロジックや、データモデルを含むスケールのウェブアプリケーションを考えたとき、ビジネスロジックのコンパイルや、データモデルの生成など、画面（ＨＴＭＬ）に関するプログラムを生成した後でないと、画面（ＨＴＭＬ）の状態を確認することはできないことになる。これでは、開発効率が低下するという問題を引き起こすことになる。   In the first place, since the authoring tool described in Patent Document 1 creates HTML for dynamically operating on a client (web browser), business logic and data models that operate in conjunction with an application server are included. When considering a web application with a scale that includes a screen (HTML), the state of the screen (HTML) cannot be confirmed without generating a program related to the screen (HTML), such as compiling business logic or generating a data model. . This causes a problem that the development efficiency decreases.

本発明の目的は、上記の問題に鑑み、ＨＴＭＬのレイアウトなどを確認したい場合に、ＨＴＭＬ上のオブジェクトに対応するビジネスロジックやデータモデルの定義の状況にかかわらず、ＨＴＭＬの表示に係わる部分のみを生成可能であり、短時間でＨＴＭＬのレイアウトを確認させ、開発効率を向上させることが可能なプログラム自動生成装置の技術を提供することである。   In view of the above problems, the object of the present invention is to check only the part related to the HTML display regardless of the business logic and data model definition status corresponding to the object on the HTML when it is desired to check the HTML layout or the like. It is an object of the present invention to provide a technology of an automatic program generation device that can be generated, can confirm a layout of HTML in a short time, and can improve development efficiency.

本発明は、プログラムを自動生成するために、プログラムロジックとデータ形式に対応する項目定義を含む項目一覧定義をテキスト形式で行う項目一覧タブと、開発中のアプリケーションのビューであるプレビューＨＴＭＬを表示するプレビュータブを備える情報処理装置であって、ウェブアプリケーションにおける少なくともビジネスロジックの定義体と、データベースモデルの定義体と、表示及び入出力を定義する前記項目一覧に対応する項目一覧定義体とを含むアプリケーション定義体を記憶する定義体記憶手段と、ユーザの操作によって前記プレビュータブが選択された際に、開発者が定義中である前記アプリケーション定義体における前記項目一覧定義体を取得する項目一覧取得手段と、前記項目一覧取得手段により取得した前記項目一覧定義体から、ウェブアプリケーションの表示に関する情報を抽出する表示情報抽出手段と、前記表示情報抽出手段により抽出した、開発者が定義中である前記項目一覧定義体におけるウェブアプリケーションの表示に関する情報に基づき、プレビュー用のプレビューＨＴＭＬを生成するプレビューＨＴＭＬ生成手段と、前記プレビューＨＴＭＬ生成手段により生成された前記プレビューＨＴＭＬを、前記プレビュータブに表示する表示手段と、を備えることを特徴とする。   In order to automatically generate a program, the present invention displays an item list tab that performs item list definition including item definitions corresponding to program logic and data format in a text format, and a preview HTML that is a view of an application under development. An information processing apparatus including a preview tab, which includes at least a business logic definition body in a web application, a database model definition body, and an item list definition body corresponding to the item list that defines display and input / output Definition body storage means for storing a definition body, and item list acquisition means for acquiring the item list definition body in the application definition body being defined by a developer when the preview tab is selected by a user operation, , Acquired by the item list acquisition means Display information extraction means for extracting information related to the display of the web application from the eye list definition body, and information related to the display of the web application in the item list definition body that is being defined by the developer, extracted by the display information extraction means. A preview HTML generating unit that generates a preview HTML for previewing; and a display unit that displays the preview HTML generated by the preview HTML generating unit on the preview tab.

本発明により、ＨＴＭＬのレイアウトなどを確認したい場合に、ＨＴＭＬ上のオブジェクトに対応するビジネスロジックやデータモデルの定義の状況にかかわらず、ＨＴＭＬの表示に係わる部分のみを生成可能であり、ＨＴＭＬのレイアウトを柔軟に確認させ、開発効率を向上させることが可能となる。   According to the present invention, when it is desired to check the HTML layout or the like, it is possible to generate only the part related to the HTML display regardless of the business logic and data model definition status corresponding to the object on the HTML. Can be confirmed flexibly and the development efficiency can be improved.

本発明の実施形態に係わる情報処理装置の基本的な機能構成、および各機能の呼び出し関係を示す図である。It is a figure which shows the basic functional structure of the information processing apparatus concerning embodiment of this invention, and the calling relationship of each function. 本発明の実施形態に係わる情報処理装置のハードウェア構成の一例を示すブロック図である。It is a block diagram which shows an example of the hardware constitutions of the information processing apparatus concerning embodiment of this invention. 保発明の実施形態に係わるプログラム自動生成ツールのうちＧＵＩレイアウトの定義を行う画面構成の一例である。It is an example of the screen structure which defines a GUI layout among the program automatic generation tools concerning embodiment of a protection invention. 本発明の実施形態に係わるプログラム自動生成ツールのうち項目の定義を行う画面構成の一例である。It is an example of the screen structure which defines an item among the program automatic generation tools concerning embodiment of this invention. 本発明の実施形態に係わるプログラム自動生成ツールで定義された項目一覧の情報を記憶する項目一覧モデル記憶部におけるデータ構成の一例を示す図である。It is a figure which shows an example of the data structure in the item list model memory | storage part which memorize | stores the information of the item list defined with the program automatic generation tool concerning embodiment of this invention. 本発明の実施形態に係わるＧＵＩレイアウトの定義を項目一覧の定義に同期するためのシーケンス図の一例である。It is an example of the sequence diagram for synchronizing the definition of a GUI layout concerning embodiment of this invention with the definition of an item list. 本発明の実施形態に係わる項目一覧の定義をＧＵＩレイアウトの定義に同期するためのシーケンス図の一例である。It is an example of the sequence diagram for synchronizing the definition of the item list concerning embodiment of this invention with the definition of GUI layout. 本発明の実施形態に係わる情報処理装置のプレビューに関する機能構成、および各機能の呼び出し関係を示す図の一例である。It is an example of the figure which shows the function structure regarding the preview of the information processing apparatus concerning embodiment of this invention, and the calling relationship of each function. 本発明の実施形態に係わるプレビューＨＴＭＬのプレビュー状態を示す図の一例である。It is an example of the figure which shows the preview state of the preview HTML concerning embodiment of this invention. 本発明の実施形態に係わるプレビューＨＴＭＬのファイル保管場所（フォルダ）を指定するユーザ画面を示す図の一例である。It is an example of the figure which shows the user screen which designates the file storage location (folder) of the preview HTML concerning embodiment of this invention. 本発明の実施形態に係わるプレビューＨＴＭＬを生成するために必要な定義情報をアプリケーション定義から取得した結果のデータ構成を示す図の一例である。It is an example of the figure which shows the data structure of the result of having acquired the definition information required in order to produce | generate the preview HTML concerning embodiment of this invention from an application definition. 本発明の実施形態に係わるプレビューＨＴＭＬの生成処理を示すフローチャートの一例である。It is an example of the flowchart which shows the production | generation process of the preview HTML concerning embodiment of this invention.

以下、本発明の実施の形態を、図面を参照して詳細に説明する。まず、図１〜図７を用いて、ＨＴＭＬプレビュー生成の前提となるＧＵＩレイアウトについて、説明する。   Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings. First, a GUI layout that is a premise of HTML preview generation will be described with reference to FIGS.

図１は、本発明の実施形態に係わる情報処理装置１００の機能構成、および各機能の呼び出し関係を示す図である。図１において、ユーザ操作（１０１）は、ＧＵＩ（グラフィカル・ユーザ・インタフェース）における定義画面（プログラム自動生成ツールにおいてプログラムの定義を行う画面）から行われる。具体的には、情報処理装置１００にて動作しているプログラム自動生成ソフトにおけるＧＵＩレイアウトタブ（図３）、項目一覧タブ（図４）でＧＵＩレイアウト、または項目一覧の定義を行うが、タブの相互切り替えに際しての処理に関連するソフトウェア構成部品と、構成部品間の要求の図である。なお、ＧＵＩレイアウトタブおよび項目一覧タブに定義されている情報は、定義画面ヘッダの定義ファイル名（図３、図４の画面例では“ＵＳＥＲＲＥＱ．ｗｐｒｘ”）、あるいは当該画面を一意的に決定する情報により特定される。   FIG. 1 is a diagram showing a functional configuration of an information processing apparatus 100 according to an embodiment of the present invention and a calling relationship of each function. In FIG. 1, a user operation (101) is performed from a definition screen in GUI (graphical user interface) (a screen for defining a program in a program automatic generation tool). Specifically, the GUI layout tab or the item list is defined on the GUI layout tab (FIG. 3) and the item list tab (FIG. 4) in the automatic program generation software operating on the information processing apparatus 100. It is a figure of the request | requirement between the software component related to the process at the time of mutual switching, and a component. The information defined in the GUI layout tab and the item list tab uniquely determines the definition file name of the definition screen header (“USERREQ.wprx” in the screen examples of FIGS. 3 and 4) or the screen. Specified by information.

ユーザ操作（１０１）により、項目一覧タブ選択要求１２１が、入出力定義エディタコントローラ部１０２に通知されると、入出力定義エディタコントローラ部１０２は、項目一覧モデル変換部１０３にレイアウトモデル変換要求１２２を通知する。   When the item list tab selection request 121 is notified to the input / output definition editor controller unit 102 by the user operation (101), the input / output definition editor controller unit 102 sends a layout model conversion request 122 to the item list model conversion unit 103. Notice.

項目一覧モデル変換部１０３は、ＧＵＩレイアウト定義を項目一覧定義に変換するため、現在のＧＵＩレイアウト定義（ＧＵＩレイアウトタブで定義されたレイアウト定義でありレイアウト部品情報の定義の一覧）をレイアウトモデル記憶部１０７から取得する（レイアウトモデル変換時取得要求１２３）。さらに、項目一覧モデル変換部１０３は、取得した現在のＧＵＩレイアウトを、項目一覧定義（項目情報の定義の一覧）に変換し、変換結果を項目一覧モデル記憶部１０４に登録する（既にある場合は更新する。項目一覧モデル更新要求１２４）。   The item list model conversion unit 103 converts the current GUI layout definition (the layout definition defined in the GUI layout tab and the list of layout component information definitions) into the layout model storage unit in order to convert the GUI layout definition into the item list definition. Obtained from 107 (acquisition request 123 during layout model conversion). Further, the item list model conversion unit 103 converts the acquired current GUI layout into an item list definition (list of item information definitions), and registers the conversion result in the item list model storage unit 104 (if already present) Update item list model update request 124).

入出力定義エディタコントローラ部１０２は、項目一覧定義の登録または更新後、当該登録または更新結果を取得する（項目一覧モデル表示時取得要求１２５）。入出力定義エディタコントローラ部１０２は、取得した項目一覧定義を項目一覧タブに表示するよう項目一覧表示部１０５に要求し、項目一覧表示部１０５は要求に従って項目一覧定義の表示を行う。   After registering or updating the item list definition, the input / output definition editor controller unit 102 acquires the registration or update result (item list model display acquisition request 125). The input / output definition editor controller unit 102 requests the item list display unit 105 to display the acquired item list definition on the item list tab, and the item list display unit 105 displays the item list definition according to the request.

ユーザ操作（１０１）により、レイアウトタブ選択要求１４１が、入出力定義エディタコントローラ部１０２に通知されると、入出力定義エディタコントローラ部１０２は、ＧＵＩレイアウトモデル変換部１０６に項目一覧モデル変換要求１４２を通知する。   When a layout tab selection request 141 is notified to the input / output definition editor controller unit 102 by a user operation (101), the input / output definition editor controller unit 102 sends an item list model conversion request 142 to the GUI layout model conversion unit 106. Notice.

ＧＵＩレイアウトモデル変換部１０６は、項目一覧定義をＧＵＩレイアウトモデル定義に変換するため、現在の項目一覧定義を項目一覧モデル記憶部１０４から取得する（項目一覧モデル変換時取得要求１４３）。さらに、ＧＵＩレイアウトモデル変換部１０６は、取得した現在の項目一覧定義を、ＧＵＩレイアウト定義に変換し、レイアウトモデル記憶部１０７に登録する（既にある場合は更新する。レイアウトモデル更新要求１４４）。   The GUI layout model conversion unit 106 acquires the current item list definition from the item list model storage unit 104 in order to convert the item list definition to the GUI layout model definition (item list model conversion acquisition request 143). Further, the GUI layout model conversion unit 106 converts the acquired current item list definition into a GUI layout definition and registers it in the layout model storage unit 107 (updates the existing one if there is already, layout model update request 144).

入出力定義エディタコントローラ部１０２は、ＧＵＩレイアウト定義の登録または更新後、当該登録または更新結果を取得する（レイアウトモデル表示時取得要求１４５）。入出力定義エディタコントローラ部１０２は、取得したＧＵＩレイアウト定義をＧＵＩレイアウトタブに描画するための準備としてＧＵＩレイアウトコントローラ部１０８にＧＵＩレイアウト部品の生成を要求する（ＧＵＩレイアウト生成要求１４６）。   After registering or updating the GUI layout definition, the input / output definition editor controller unit 102 acquires the registration or update result (layout model display acquisition request 145). The input / output definition editor controller unit 102 requests the GUI layout controller unit 108 to generate a GUI layout component as a preparation for drawing the acquired GUI layout definition on the GUI layout tab (GUI layout generation request 146).

ＧＵＩレイアウト生成要求を受けたＧＵＩレイアウトコントローラ部１０８は、レイアウトモデル記憶部１０７から取得したＧＵＩレイアウト定義に基づき、描画するためのＧＵＩ部品などを生成する。まず、ＧＵＩレイアウト上のＧＵＩ部品（テキスト入力ボックスやボタンなど）を配置するためのベースとなる部品（ベース部品）を生成し、ＧＵＩレイアウト記憶部１０９（ＧＵＩレイアウト＆部品記憶部）に追加する（ＧＵＩレイアウト追加要求１４７）。   In response to the GUI layout generation request, the GUI layout controller unit 108 generates a GUI component and the like for drawing based on the GUI layout definition acquired from the layout model storage unit 107. First, a base part (base part) for placing a GUI part (text input box, button, etc.) on the GUI layout is generated and added to the GUI layout storage unit 109 (GUI layout & part storage unit) ( GUI layout addition request 147).

ＧＵＩレイアウトコントローラ部１０８は、さらにベース部品に配置するＧＵＩ部品を生成するため、ベース部品の直下のＧＵＩ部品ごとに、ＧＵＩ部品生成要求１４８をＧＵＩ部品コントローラ部１１０に発行する。   The GUI layout controller unit 108 issues a GUI component generation request 148 to the GUI component controller unit 110 for each GUI component immediately below the base component in order to generate a GUI component to be placed on the base component.

ＧＵＩ部品コントローラ部１１０は、ＧＵＩ部品生成要求１４８により要求されたＧＵＩ部品を、ＧＵＩレイアウト定義の個々の部品の定義（項目情報から変換された定義）に基づき生成する。ＧＵＩレイアウト定義において、ＧＵＩ部品に入れ子のＧＵＩ部品（ベース部品の直下に配置される部品ではなく、ＧＵＩ部品上に配置される子供となるＧＵＩ部品）が定義されている場合には、入れ子の部品を生成するようにＧＵＩ部品コントローラ部１１０に再帰的に要求を行う（ＧＵＩ部品生成要求１４９）。生成したＧＵＩ部品は、ＧＵＩレイアウト記憶部１０９に追加する（ＧＵＩ部品追加要求１５０）。   The GUI component controller unit 110 generates the GUI component requested by the GUI component generation request 148 based on the definition of individual components (definition converted from item information) in the GUI layout definition. In the GUI layout definition, if a GUI part nested in the GUI part (not a part placed directly below the base part but a child GUI part placed on the GUI part) is defined, the nested part Is recursively requested to the GUI component controller unit 110 (GUI component generation request 149). The generated GUI component is added to the GUI layout storage unit 109 (GUI component addition request 150).

ＧＵＩレイアウトコントローラ部１０８は、ＧＵＩ部品（ベース部品を含む）の生成が完了すると、ＧＵＩレイアウト描画部１１１にＧＵＩレイアウト描画要求１５１を発行する。この要求により、ＧＵＩレイアウト描画部１１１は、ＧＵＩレイアウトタブにＧＵＩレイアウトの表示を行う。   When the generation of the GUI component (including the base component) is completed, the GUI layout controller unit 108 issues a GUI layout drawing request 151 to the GUI layout drawing unit 111. In response to this request, the GUI layout drawing unit 111 displays the GUI layout on the GUI layout tab.

図２は、本発明の実施形態に係わる情報処理装置１００（プログラム自動生成装置）のハードウェア構成の一例を示すブロック図である。   FIG. 2 is a block diagram illustrating an example of a hardware configuration of the information processing apparatus 100 (automatic program generation apparatus) according to the embodiment of the present invention.

図２に示すように、情報処理装置１００は、システムバス２０４を介してＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）２０１、ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）２０２、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）２０３、入力コントローラ２０５、ビデオコントローラ２０６、メモリコントローラ２０７、通信Ｉ／Ｆコントローラ２０８等が接続された構成を採る。 ＣＰＵ２０１は、システムバス２０４に接続される各デバイスやコントローラを統括的に制御する。   As illustrated in FIG. 2, the information processing apparatus 100 includes a central processing unit (CPU) 201, a random access memory (RAM) 202, a read only memory (ROM) 203, an input controller 205, and a video controller 206 via a system bus 204. The memory controller 207, the communication I / F controller 208, and the like are connected. The CPU 201 comprehensively controls each device and controller connected to the system bus 204.

また、ＲＯＭ２０３あるいは外部メモリ２１１には、ＣＰＵ２０１の制御プログラムであるＢＩＯＳ（Ｂａｓｉｃ Ｉｎｐｕｔ／Ｏｕｔｐｕｔ Ｓｙｓｔｅｍ）やＯＳ（Ｏｐｅｒａｔｉｎｇ Ｓｙｓｔｅｍ）や、各サーバあるいは各ＰＣが実行する機能を実現するために必要な後述する各種プログラム等が記憶されている。また、本発明を実施するために必要な情報が記憶されている。なお外部メモリはデータベースであってもよい。   Further, the ROM 203 or the external memory 211 will be described later, which is necessary for realizing the functions executed by each server or each PC, such as BIOS (Basic Input / Output System) and OS (Operating System) which are control programs of the CPU 201. Various programs are stored. Further, information necessary for carrying out the present invention is stored. The external memory may be a database.

ＲＡＭ２０２は、ＣＰＵ２０１の主メモリ、ワークエリア等として機能する。ＣＰＵ２０１は、処理の実行に際して必要なプログラム等をＲＯＭ２０３あるいは外部メモリ２１１からＲＡＭ２０２にロードし、ロードしたプログラムを実行することで各種動作を実現する。   The RAM 202 functions as a main memory, work area, and the like for the CPU 201. The CPU 201 implements various operations by loading a program or the like necessary for executing the processing from the ROM 203 or the external memory 211 to the RAM 202 and executing the loaded program.

また、入力コントローラ２０５は、キーボード（ＫＢ）２０９や不図示のマウス等のポインティングデバイス等からの入力を制御する。   The input controller 205 controls input from a keyboard (KB) 209 or a pointing device such as a mouse (not shown).

ビデオコントローラ２０６は、ディスプレイ２１０等の表示器への表示を制御する。尚、表示器は液晶ディスプレイ等の表示器でもよい。これらは、必要に応じて管理者が使用する。   The video controller 206 controls display on a display device such as the display 210. The display device may be a display device such as a liquid crystal display. These are used by the administrator as needed.

メモリコントローラ２０７は、ブートプログラム、各種のアプリケーション、フォントデータ、ユーザファイル、編集ファイル、各種データ等を記憶する外部記憶装置（ハードディスク（ＨＤ））や、フレキシブルディスク（ＦＤ）、あるいは、ＰＣＭＣＩＡ（Ｐｅｒｓｏｎａｌ Ｃｏｍｐｕｔｅｒ Ｍｅｍｏｒｙ Ｃａｒｄ Ｉｎｔｅｒｎａｔｉｏｎａｌ Ａｓｓｏｃｉａｔｉｏｎ）カードスロットにアダプタを介して接続されるコンパクトフラッシュ（登録商標）メモリ等の外部メモリ２１１へのアクセスを制御する。   The memory controller 207 is an external storage device (hard disk (HD)), flexible disk (FD), or PCMCIA (Personal Computer) that stores a boot program, various applications, font data, user files, editing files, various data, and the like. Controls access to an external memory 211 such as a Compact Flash (registered trademark) memory connected to a Memory Card International Association (Card Memory) card slot via an adapter.

通信Ｉ／Ｆコントローラ２０８は、ネットワークを介して外部機器と接続・通信し、ネットワークでの通信制御処理を実行する。例えば、ＴＣＰ／ＩＰ（Ｔｒａｎｓｍｉｓｓｉｏｎ Ｃｏｎｔｒｏｌ Ｐｒｏｔｏｃｏｌ／Ｉｎｔｅｒｎｅｔ Ｐｒｏｔｏｃｏｌ）を用いた通信等が可能である。   The communication I / F controller 208 connects and communicates with an external device via a network, and executes communication control processing on the network. For example, communication using TCP / IP (Transmission Control Protocol / Internet Protocol) is possible.

尚、ＣＰＵ２０１は、例えばＲＡＭ２０２内の表示情報用領域へアウトラインフォントの展開（ラスタライズ）処理を実行することにより、ディスプレイ２１０上に表示することが可能である。また、ＣＰＵ２０１は、ディスプレイ２１０上のマウスカーソル（図示しない）等によるユーザ指示を可能とする。   Note that the CPU 201 can display on the display 210 by executing an outline font rasterization process on a display information area in the RAM 202, for example. Further, the CPU 201 enables a user instruction using a mouse cursor (not shown) on the display 210.

本発明を実現するための後述する各種プログラムは、外部メモリ２１１に記録されており、必要に応じてＲＡＭ２０２にロードされることによりＣＰＵ２０１によって実行されるものである。さらに、上記プログラムの実行時に用いられる定義ファイルおよび各種情報テーブル等も、外部メモリ２１１に格納されており、これらについての詳細な説明についても後述する。   Various programs to be described later for realizing the present invention are recorded in the external memory 211 and executed by the CPU 201 by being loaded into the RAM 202 as necessary. Furthermore, definition files and various information tables used when executing the program are also stored in the external memory 211, and a detailed description thereof will be described later.

図３は、本発明の実施形態に係わるプログラム自動生成ツールのうちＧＵＩレイアウトの定義を行う画面構成の一例である。ＧＵＩレイアウト定義画面は、主に次のエリアから構成されている。すなわち、定義された単位毎にフォルダ階層としてデータが格納される定義エクスプローラ領域３０１、１つのＧＵＩレイアウト定義を視覚的に配置操作するためのキャンバス領域３０２、キャンバス領域３０２に配置するＧＵＩ部品（例えばテキストフィールド３０４）を選択するパレット領域３０３から構成されている。   FIG. 3 is an example of a screen configuration for defining a GUI layout in the automatic program generation tool according to the embodiment of the present invention. The GUI layout definition screen is mainly composed of the following areas. That is, a definition explorer area 301 in which data is stored as a folder hierarchy for each defined unit, a canvas area 302 for visually arranging and manipulating one GUI layout definition, and a GUI component (eg, text) arranged in the canvas area 302 It comprises a palette area 303 for selecting a field 304).

また、開発者が様々な定義情報を記述するため、プログラム自動生成ツールの定義画面で共通に表示されるタブが配置されている。例えば、項目一覧タブ３０５、レイアウトタブ３０６であり、これらは図４の項目一覧定義画面でも表示される。本発明の実施形態では、ＧＵＩレイアウト定義画面（図３）と項目一覧定義画面（図４）を切り替えながら操作する。   In addition, in order for developers to describe various definition information, tabs that are displayed in common on the definition screen of the automatic program generation tool are arranged. For example, an item list tab 305 and a layout tab 306 are displayed on the item list definition screen of FIG. In the embodiment of the present invention, operation is performed while switching between the GUI layout definition screen (FIG. 3) and the item list definition screen (FIG. 4).

また、本発明の実施形態では、定義エクスプローラ領域３０１にあるデータモデル３０８をパレット領域３０３のＧＵＩ部品と同様に、キャンバス領域３０２に配置することが可能である。すなわち、データモデル３０８から、データベースのテーブルに記載されたデータ項目（カラム）を１つまたは複数選択し、キャンバス領域３０２に配置する。そうすると、データベースのスキーマとして定義されたデータ項目（カラム）の情報（カラム名、データ種別、サイズなど）を抽出して、例えば、データ種別がテキストや数値である場合にはテキストフィールド、ｂｏｏｌｅａｎである場合にはチェックボックスなどとして配置することができる。   In the embodiment of the present invention, the data model 308 in the definition explorer area 301 can be arranged in the canvas area 302 in the same manner as the GUI parts in the palette area 303. That is, one or more data items (columns) described in the database table are selected from the data model 308 and arranged in the canvas area 302. Then, data item (column) information (column name, data type, size, etc.) defined as the database schema is extracted. For example, when the data type is text or numerical value, it is a text field or Boolean. In some cases, it can be arranged as a check box.

ＧＵＩレイアウト定義画面３００ｂは、ＧＵＩレイアウト定義画面３００ａに対してテキストフィールド３０７を１つ追加し、名前を“ユーザＩＤ”と設定した場合を示している。タイトルや入力領域のサイズなどは、キャンバス領域３０２においてマウスでクリックして更新可能状態として交信してもよいし、またＧＵＩ部品をクリックする際に、ＧＵＩレイアウト定義画面３００の左下の領域（“Ｐｒｏｐｅｒｔｙ”定義領域）に、属性としてＧＵＩ部品に関連する情報の一覧を表示し、属性をキーボード入力により修正することも可能である。   The GUI layout definition screen 300b shows a case where one text field 307 is added to the GUI layout definition screen 300a and the name is set as “user ID”. The title, the size of the input area, and the like may be communicated as an updatable state by clicking with the mouse in the canvas area 302, or when the GUI part is clicked, the lower left area (“Property” on the GUI layout definition screen 300 It is also possible to display a list of information related to GUI parts as attributes in the “definition area” and modify the attributes by keyboard input.

図４は、本発明の実施形態に係わるプログラム自動生成ツールのうち項目一覧の定義を行う画面構成の一例である。項目一覧定義画面は、主張な領域は、項目一覧設定領域４０１である。   FIG. 4 is an example of a screen configuration for defining an item list in the program automatic generation tool according to the embodiment of the present invention. In the item list definition screen, an assertive area is an item list setting area 401.

項目一覧設定領域４０１は表形式になっており、開発者は１行に１つの情報（例えばＧＵＩレイアウトにおけるテキストフィールド、チェックボックス、ボタン、テキスト）などを詳細の属性と共に定義する。   The item list setting area 401 has a tabular format, and the developer defines one piece of information (for example, a text field, a check box, a button, and text in a GUI layout) along with detailed attributes.

項目一覧定義画面４００ｂは、項目一覧定義画面４００ａに対して項目タイプ“入力”を１つ追加し、名前を“ユーザＩＤ”と設定した場合を示している（行４０２の定義）。行４０２の定義は、図３のテキストフィールド３０７に対応するものである。   The item list definition screen 400b shows a case where one item type “input” is added to the item list definition screen 400a and the name is set as “user ID” (definition of the row 402). The definition of the line 402 corresponds to the text field 307 in FIG.

ここで、図３と図４の定義の関係を説明する。例えば図３のＧＵＩレイアウト定義画面３００ａを表示しているときに、項目一覧タブ３０５を選択すると、表示は図４の項目一覧定義画面４００ａに切り替えられる。実質的に開発しているプログラムの同じ情報を定義している。図４において、前述の通り行４０２を追加して項目一覧定義画面４００ｂとした後、レイアウトタブ３０６を選択すると、ＧＵＩレイアウト定義画面３００ｂのようにレイアウト上でもテキストフィールド３０７が追加されて描画される。   Here, the relationship between the definitions in FIGS. 3 and 4 will be described. For example, when the item list tab 305 is selected while the GUI layout definition screen 300a of FIG. 3 is displayed, the display is switched to the item list definition screen 400a of FIG. It defines the same information for virtually the program being developed. In FIG. 4, after the line 402 is added to the item list definition screen 400b as described above and the layout tab 306 is selected, the text field 307 is added and rendered on the layout as in the GUI layout definition screen 300b. .

逆に、ＧＵＩレイアウト定義画面３００ａに対してレイアウト上でもテキストフィールド３０７を追加してＧＵＩレイアウト定義画面３００ｂとした後、項目一覧タブ３０５を選択すると、項目一覧定義画面４００ｂのように項目一覧上でも行４０２の定義が追加される。   On the other hand, when the item list tab 305 is selected after adding the text field 307 to the GUI layout definition screen 300a on the GUI layout definition screen 300b to select the item list tab 305, the item list definition screen 400b is also displayed on the item list. The definition of line 402 is added.

すなわち、ＧＵＩレイアウト定義と項目一覧定義は、タブ（項目一覧タブ３０５およびレイアウトタブ３０６）の操作をトリガとして、同期がとられている。   That is, the GUI layout definition and the item list definition are synchronized with the operation of the tabs (item list tab 305 and layout tab 306) as a trigger.

さらに、後述する図５の項目一覧定義を記憶するデータ構成ｒｏｗｓ［ｉ］と、不図示のＧＵＩレイアウト定義を記憶するデータ構成には、ｒｏｗＩｎｄｅｘとして各定義の定義順が記載されている。そのため、ＧＵＩレイアウト定義で最上部に定義されたＧＵＩ部品に対応する項目の定義は、項目一覧定義の１行目に表示される。これにより、定義の位置関係についても同期がとられ、いずれの定義を変更してもプログラムロジックとＧＵＩレイアウトの関係が壊れてしまうことはない。   Furthermore, in the data structure rows [i] for storing item list definitions in FIG. 5 described later and the data structure for storing GUI layout definitions (not shown), the definition order of each definition is described as rowIndex. Therefore, the definition of the item corresponding to the GUI component defined at the top in the GUI layout definition is displayed on the first line of the item list definition. As a result, the positional relationship of the definitions is also synchronized, and changing any definition does not break the relationship between the program logic and the GUI layout.

以上により、図３と図４の説明を完了する。このように、項目一覧における開発とＧＵＩレイアウトにおける開発（すなわち項目の定義も部品の定義）において同期がとられることで、開発中のどのタイミングでもＧＵＩレイアウトを確認可能とし、またプログラムロジックとＧＵＩレイアウトのいずれを編集したとしても対応関係を修正する必要をなくすることにより、開発効率を向上させることが可能となるという効果を得ることができる。   Thus, the description of FIGS. 3 and 4 is completed. As described above, the development in the item list and the development in the GUI layout (that is, the item definition and the component definition) are synchronized, so that the GUI layout can be confirmed at any time during the development, and the program logic and the GUI layout Regardless of which of these is edited, it is possible to improve the development efficiency by eliminating the need to correct the correspondence.

図５は、本発明の実施形態に係わるプログラム自動生成ツールで定義された項目一覧の情報を記憶する項目一覧モデル記憶部におけるデータ構成の一例を示す図である。記載したデータは、図４の項目一覧定義画面４００の項目一覧設定領域４０１において定義した行のうち、例として５行を記載したものである。この情報は、ＲＡＭ２０２上に一時的に記憶されていてもよいし、データベースに記憶してもよい。以下、ＲＡＭ２０２に記憶されているイメージで説明する。   FIG. 5 is a diagram illustrating an example of a data configuration in an item list model storage unit that stores information of an item list defined by the automatic program generation tool according to the embodiment of the present invention. The described data describes five lines as an example among the lines defined in the item list setting area 401 of the item list definition screen 400 of FIG. This information may be temporarily stored on the RAM 202 or may be stored in a database. Hereinafter, an image stored in the RAM 202 will be described.

項目一覧定義は配列ｒｏｗｓの各項目定義は、ｒｏｗｓ［０］〜ｒｏｗｓ［４］に格納されている。ｒｏｗｓ［ｉ］（各要素）は、図５示すようにｄａｔａという要素を持ち、複数の属性値、例えば入力欄を示す“Ｉ”、項目ＩＤを示す“ＵＳＥＲＩＤ”、項目の名前を示す“ユーザＩＤ”などが設定される。   Item list definitions are stored in rows [0] to rows [4]. rows [i] (each element) has an element “data” as shown in FIG. 5, and includes a plurality of attribute values, for example, “I” indicating an input field, “USERID” indicating an item ID, and “user” indicating an item name. ID "etc. are set.

さらに、プログラム自動生成に使用される各種属性が定義されている。また、“ｏｗＰｒｏｐｅｒｔｙＬｉｓｔ”には、名前を表示する領域のサイズ“ｌａｂｅｌＷｉｄｔｈ”、テキスト入力欄の領域サイズ“ｆｉｅｌｄＷｉｄｔｈ”などが指定される。   Furthermore, various attributes used for automatic program generation are defined. In “owPropertyList”, the size “labelWidth” of the area for displaying the name, the area size “fieldWidth” of the text input field, and the like are specified.

以上で、項目一覧モデル記憶部１０４におけるデータ構成の説明を完了する。さらに、不図示ではあるが、図３のＧＵＩレイアウトについても、レイアウトモデル記憶部１０７に記憶される。両者のデータ構成はほぼ同一のものである。本発明の実施形態では、項目一覧モデル記憶部１０４に記憶された情報を中心とするため、レイアウトモデル記憶部１０７におけるデータ構成は、各要素（レイアウト部品情報）が、対応する項目情報へのリンクを有すること、また項目情報（ｒｏｗｓ［ｉ］）における領域サイズの情報は、ＨＴＭＬに変換した際のサイズを示すが、レイアウト部品譲歩においては、ＧＵＩレイアウト定義画面３００のキャンバス領域３０２に表示する際に適したサイズに変換されている、など一部の情報が異なる。項目一覧モデル記憶部１０４、レイアウトモデル記憶部１０７のデータ構成はあくまで一例であって、他の構成の形式で定義されていてもよい。   The description of the data configuration in the item list model storage unit 104 is thus completed. Further, although not shown, the GUI layout of FIG. 3 is also stored in the layout model storage unit 107. Both data structures are almost the same. In the embodiment of the present invention, since the information stored in the item list model storage unit 104 is centered, the data configuration in the layout model storage unit 107 is a link to item information corresponding to each element (layout part information). In addition, the area size information in the item information (rows [i]) indicates the size when converted to HTML, but in the layout component concession, when displayed in the canvas area 302 of the GUI layout definition screen 300 Some information is different, such as being converted to a suitable size. The data configurations of the item list model storage unit 104 and the layout model storage unit 107 are merely examples, and may be defined in other configuration formats.

図６は、本発明の実施形態に係わるＧＵＩレイアウトの定義を項目一覧の定義に同期するためのシーケンス図の一例である。図６のシーケンス図の各ステップは、情報処理装置１００のＣＰＵ２０１により実行される。   FIG. 6 is an example of a sequence diagram for synchronizing the definition of the GUI layout according to the embodiment of the present invention with the definition of the item list. Each step in the sequence diagram of FIG. 6 is executed by the CPU 201 of the information processing apparatus 100.

Ｓ６０１において、ユーザ操作（１０１）により項目一覧タブが選択された際に、プログラム開発ツールから項目一覧タブ選択の要求が発行され、入出力定義エディタコントローラ部１０２が、定義画面を項目一覧タブ（図４）に切り替えるための要求を受け付ける（項目一覧タブ選択要求１２１）。   In S601, when an item list tab is selected by a user operation (101), a request for selecting an item list tab is issued from the program development tool, and the input / output definition editor controller unit 102 displays the definition screen as an item list tab (FIG. A request for switching to 4) is received (item list tab selection request 121).

Ｓ６０２において、入出力定義エディタコントローラ部１０２が、ＧＵＩレイアウト定義を項目一覧定義に変換するように、項目一覧モデル変換部１０３に要求する（レイアウトモデル変換要求１２２）。ここで、いずれの定義に対する変換を要求するかは、図１で説明したとおり定義を一意的に決定する情報により特定される。   In step S602, the input / output definition editor controller unit 102 requests the item list model conversion unit 103 to convert the GUI layout definition into the item list definition (layout model conversion request 122). Here, which definition is requested for conversion is specified by information for uniquely determining the definition as described in FIG.

Ｓ６０３において、項目一覧モデル変換部１０３が、ＧＵＩレイアウトの定義をレイアウトモデル記憶部１０７から取得する（レイアウトモデル変換時取得要求１２３）。   In step S <b> 603, the item list model conversion unit 103 acquires the definition of the GUI layout from the layout model storage unit 107 (layout model conversion acquisition request 123).

Ｓ６０４において、項目一覧モデル変換部１０３は、更に取得したＧＵＩレイアウトを項目一覧定義に変換する。前述したように、ＧＵＩレイアウト定義では、ＧＵＩレイアウト定義画面３００のキャンバス領域３０２に表示する際に適したサイズを保持しているため、それらのサイズをプログラム自動生成時に、ＨＴＭＬの部品として生成するために適切なサイズに変換する、などの変換処理を行う。   In step S <b> 604, the item list model conversion unit 103 further converts the acquired GUI layout into an item list definition. As described above, in the GUI layout definition, since sizes suitable for display in the canvas area 302 of the GUI layout definition screen 300 are held, these sizes are generated as HTML parts when the program is automatically generated. Conversion processing such as conversion to an appropriate size is performed.

Ｓ６０５において、項目一覧モデル変換部１０３は、取得した現在のＧＵＩレイアウトを、項目一覧定義（項目情報の定義の一覧）に変換し、変換結果を項目一覧モデル記憶部１０４に登録する（既にある場合は更新する。項目一覧モデル更新要求１２４）。   In step S605, the item list model conversion unit 103 converts the acquired current GUI layout into an item list definition (list of item information definitions), and registers the conversion result in the item list model storage unit 104 (if it already exists). The item list model update request 124).

Ｓ６０６において、入出力定義エディタコントローラ部１０２は、登録または更新された項目一覧定義を、項目一覧モデル記憶部１０４から取得する（項目一覧モデル表示時取得要求１２５）。   In step S <b> 606, the input / output definition editor controller unit 102 acquires the registered or updated item list definition from the item list model storage unit 104 (acquisition item display time acquisition request 125).

Ｓ６０７において、入出力定義エディタコントローラ部１０２は、取得した項目一覧定義を項目一覧タブに表示するよう項目一覧表示部１０５に要求し、項目一覧表示部１０５は要求に従って項目一覧定義の表示を行う。   In step S607, the input / output definition editor controller unit 102 requests the item list display unit 105 to display the acquired item list definition on the item list tab, and the item list display unit 105 displays the item list definition according to the request.

図７は、本発明の実施形態に係わる項目一覧の定義をＧＵＩレイアウトの定義に同期するためのシーケンス図の一例である。図６のシーケンス図の各ステップは、情報処理装置１００のＣＰＵ２０１により実行される。   FIG. 7 is an example of a sequence diagram for synchronizing the definition of the item list according to the embodiment of the present invention with the definition of the GUI layout. Each step in the sequence diagram of FIG. 6 is executed by the CPU 201 of the information processing apparatus 100.

Ｓ７０１において、ユーザ操作（１０１）によりレイアウトタブが選択された際に、プログラム開発ツールからレイアウトタブ選択の要求が発行され、入出力定義エディタコントローラ部１０２が、定義画面をレイアウト定義タブ（図３）に切り替えるための要求を受け付ける（レイアウトタブ選択要求１４１）。   In S701, when a layout tab is selected by a user operation (101), a request for selecting a layout tab is issued from the program development tool, and the input / output definition editor controller unit 102 displays the definition screen as a layout definition tab (FIG. 3). A request for switching to is received (layout tab selection request 141).

Ｓ７０２において、入出力定義エディタコントローラ部１０２は、ＧＵＩレイアウトモデル変換部１０６に項目一覧モデル変換要求１４２を通知する（項目一覧モデル変換要求１４２）。ここで、いずれの定義に対する変換を要求するかは、図１で説明したとおり定義を一意的に決定する情報により特定される。   In step S702, the input / output definition editor controller unit 102 notifies the GUI layout model conversion unit 106 of an item list model conversion request 142 (item list model conversion request 142). Here, which definition is requested for conversion is specified by information for uniquely determining the definition as described in FIG.

Ｓ７０３において、ＧＵＩレイアウトモデル変換部１０６は、項目一覧定義をＧＵＩレイアウトモデル定義に変換するため、現在の項目一覧定義を項目一覧モデル記憶部１０４から取得する（項目一覧モデル変換時取得要求１４３）。   In step S703, the GUI layout model conversion unit 106 acquires the current item list definition from the item list model storage unit 104 in order to convert the item list definition into the GUI layout model definition (acquisition request upon item list model conversion 143).

Ｓ７０４において、ＧＵＩレイアウトモデル変換部１０６は、取得した現在の項目一覧定義を、ＧＵＩレイアウト定義に変換する。   In step S <b> 704, the GUI layout model conversion unit 106 converts the acquired current item list definition into a GUI layout definition.

Ｓ７０５において、ＧＵＩレイアウトモデル変換部１０６は、変換したＧＵＩレイアウト定義をレイアウトモデル記憶部１０７に登録する（既にある場合は更新する。レイアウトモデル更新要求１４４）。   In step S <b> 705, the GUI layout model conversion unit 106 registers the converted GUI layout definition in the layout model storage unit 107 (updates the existing layout model if necessary, layout model update request 144).

Ｓ７０６において、入出力定義エディタコントローラ部１０２は、ＧＵＩレイアウト定義の登録または更新後、当該登録または更新結果を取得する（レイアウトモデル表示時取得要求１４５）。   In step S <b> 706, the input / output definition editor controller unit 102 acquires the registration or update result after registering or updating the GUI layout definition (layout model display acquisition request 145).

Ｓ７０７において、入出力定義エディタコントローラ部１０２は、取得したＧＵＩレイアウト定義をＧＵＩレイアウトタブに描画するための準備としてＧＵＩレイアウトコントローラ部１０８にＧＵＩレイアウト部品の生成を要求する（ＧＵＩレイアウト生成要求１４６）。   In step S <b> 707, the input / output definition editor controller unit 102 requests the GUI layout controller unit 108 to generate a GUI layout component as a preparation for drawing the acquired GUI layout definition on the GUI layout tab (GUI layout generation request 146).

Ｓ７０８において、ＧＵＩレイアウト生成要求を受けたＧＵＩレイアウトコントローラ部１０８は、レイアウトモデル記憶部１０７から取得したＧＵＩレイアウト定義に基づき、描画するためのＧＵＩ部品などを生成する。まず、ＧＵＩレイアウト上のＧＵＩ部品（テキスト入力ボックスやボタンなど）を配置するためのベースとなる部品（ベース部品）を生成し、ＧＵＩレイアウト記憶部１０９（ＧＵＩレイアウト＆部品記憶部）に追加する（ＧＵＩレイアウト追加要求１４７）。   In step S <b> 708, the GUI layout controller unit 108 that has received the GUI layout generation request generates a GUI component or the like for drawing based on the GUI layout definition acquired from the layout model storage unit 107. First, a base part (base part) for placing a GUI part (text input box, button, etc.) on the GUI layout is generated and added to the GUI layout storage unit 109 (GUI layout & part storage unit) ( GUI layout addition request 147).

Ｓ７０９において、ＧＵＩレイアウトコントローラ部１０８は、さらにベース部品に配置するＧＵＩ部品を生成するため、ベース部品の直下のＧＵＩ部品ごとに、ＧＵＩ部品生成要求１４８をＧＵＩ部品コントローラ部１１０に発行する。   In step S <b> 709, the GUI layout controller unit 108 issues a GUI component generation request 148 to the GUI component controller unit 110 for each GUI component immediately below the base component in order to generate a GUI component to be placed on the base component.

Ｓ７１０において、ＧＵＩ部品コントローラ部１１０は、ＧＵＩ部品生成要求１４８により要求されたＧＵＩ部品を、ＧＵＩレイアウト定義の個々の部品の定義（項目情報から変換された定義）に基づき生成する。ＧＵＩレイアウト定義において、ＧＵＩ部品に入れ子のＧＵＩ部品（ベース部品の直下に配置される部品ではなく、ＧＵＩ部品上に配置される子供となるＧＵＩ部品）が定義されている場合には、入れ子の部品を生成するようにＧＵＩ部品コントローラ部１１０に再帰的に要求を行う（ＧＵＩ部品生成要求１４９）。生成したＧＵＩ部品は、ＧＵＩレイアウト記憶部１０９に追加する（ＧＵＩ部品追加要求１５０）。   In step S <b> 710, the GUI component controller unit 110 generates the GUI component requested by the GUI component generation request 148 based on the definition of individual components (definition converted from item information) in the GUI layout definition. In the GUI layout definition, if a GUI part nested in the GUI part (not a part placed directly below the base part but a child GUI part placed on the GUI part) is defined, the nested part Is recursively requested to the GUI component controller unit 110 (GUI component generation request 149). The generated GUI component is added to the GUI layout storage unit 109 (GUI component addition request 150).

Ｓ７１１において、ＧＵＩレイアウトコントローラ部１０８は、ＧＵＩ部品（ベース部品を含む）の生成が完了すると、ＧＵＩレイアウト描画部１１１にＧＵＩレイアウト描画要求１５１を発行する。この要求により、ＧＵＩレイアウト描画部１１１は、ＧＵＩレイアウトタブにＧＵＩレイアウトの表示を行う。   In step S <b> 711, the GUI layout controller unit 108 issues a GUI layout drawing request 151 to the GUI layout drawing unit 111 when the generation of the GUI component (including the base component) is completed. In response to this request, the GUI layout drawing unit 111 displays the GUI layout on the GUI layout tab.

図６と図７のシーケンス図で説明したとおり、項目一覧タブとレイアウトタブを切り替えるユーザの操作をトリガとして、両者に表示されるデータ（項目一覧定義とＧＵＩレイアウト定義）が再生成され、項目一覧定義（プログラムロジック）と、ＧＵＩレイアウト定義（ＨＴＭＬ生成などのための画面情報）を、手動で対応付けるための操作や、対応情報の作成などを行う必要がなくなる。これにより、プログラム自動生成ツールによるプログラム定義の作業の生産性が向上するという効果が得られる。   As described in the sequence diagrams of FIG. 6 and FIG. 7, the data (item list definition and GUI layout definition) displayed on both is regenerated, triggered by a user operation to switch between the item list tab and the layout tab, and the item list is displayed. There is no need to manually associate the definition (program logic) with the GUI layout definition (screen information for HTML generation or the like) or create correspondence information. Thereby, the effect that the productivity of the work of the program definition by a program automatic generation tool improves is acquired.

次に、図８〜図１２を用いて、プレビューＨＴＭＬ生成についての詳細な説明を行う。プレビューＨＴＭＬは、アプリケーションにいて、ビジネスロジック（コントローラ）、データベースモデルに対応するビューであるＨＴＭＬを、プレビューとして開発途中に生成し確認するためのＨＴＭＬ画面である。   Next, detailed description of preview HTML generation will be given with reference to FIGS. The preview HTML is an HTML screen for generating and checking HTML, which is a view corresponding to a business logic (controller) and a database model, during development in the application.

図８は、本発明の実施形態に係わる情報処理装置のプレビューに関する機能構成、および各機能の呼び出し関係を示す図の一例である。また、図８では、各機能部や要求の概略だけを説明し、詳細は図１２のフローチャートで説明する。   FIG. 8 is an example of a diagram illustrating a functional configuration related to the preview of the information processing apparatus according to the embodiment of the present invention, and a calling relationship of each function. In FIG. 8, only the outline of each functional unit and request will be described, and details will be described with reference to the flowchart of FIG.

まず、ユーザ操作（１０１）は、図１で説明したとおり、ＧＵＩ（グラフィカル・ユーザ・インタフェース）における定義画面（プログラム自動生成ツールにおいてプログラムの定義を行う画面）から行われる。   First, as described with reference to FIG. 1, the user operation (101) is performed from a definition screen in GUI (graphical user interface) (a screen for defining a program in a program automatic generation tool).

具体的には、情報処理装置１００にて動作しているプログラム自動生成ソフトにおけるＧＵＩレイアウトタブ（図３）、項目一覧タブ（図４）で操作が行われる。プレビューＨＴＭＬ生成については、図３のプレビュータブ３０９をユーザが操作したタイミング（プレビュータブ選択８３１）で、当該操作のイベントが、入出力定義エディタコントローラ部１０２に通知される。 Specifically, the operation is performed on the GUI layout tab (FIG. 3) and the item list tab (FIG. 4) in the automatic program generation software running on the information processing apparatus 100. As for the preview HTML generation, the input / output definition editor controller unit 102 is notified of the event of the operation at the timing when the user operates the preview tab 309 in FIG. 3 (preview tab selection 831).

入出力定義エディタコントローラ部１０２は、アプリケーション定義体記憶部のうち、処理に必要な項目一覧情報を取得する（入出力モデル取得８３２）。具体的には、プレビューＨＴＭＬ生成に必要な情報を項目一覧モデル記憶部１０４から取得する。言わば表示情報のフィルタリングを行う。ここで、図１１を用いて、取得した項目一覧情報について説明する。   The input / output definition editor controller unit 102 acquires item list information necessary for processing in the application definition body storage unit (input / output model acquisition 832). Specifically, information necessary for generating the preview HTML is acquired from the item list model storage unit 104. In other words, display information is filtered. Here, the acquired item list information will be described with reference to FIG.

図１１は、本発明の実施形態に係わるプレビューＨＴＭＬを生成するために必要な定義情報をアプリケーション定義から取得した結果のデータ構成を示す図の一例である。データ構造としては図５で説明した“ｒｏｗｓ”とほぼ同様である。まず、開発中のアプリケーションを定義するデータとしては、ビジネスロジックの定義体、データベースモデルの定義体、その他アプリケーションの各種プロパティを定義体など、多くの定義体がある。入出力定義であっても、現在、プレビューＨＴＭＬを生成しようとしている入出力定義体と、それ以外の定義体がある。   FIG. 11 is an example of a diagram showing a data structure as a result of obtaining definition information necessary for generating a preview HTML according to the embodiment of the present invention from an application definition. The data structure is almost the same as “rows” described in FIG. First, as data defining an application under development, there are many definition bodies such as business logic definition bodies, database model definition bodies, and various application property definition bodies. Even in the input / output definition, there are an input / output definition body that is currently generating a preview HTML and other definition bodies.

入出力定義エディタコントローラ部１０２は、まず必要な定義体のみを選択する。具体的には、例えば、図４の項目一覧定義が記載されているデータを含む定義体である。なお、ここで「定義体」という文言は便宜上用いている。実際には、１つの定義体が１ファイルに格納されていても良い。あるいは、１つのアプリケーション全体に関する定義体が１つのファイルに格納され、それぞれの（例えば１つの項目一覧）定義は、タグで判別可能としても良い。この場合は、当該タグの内容を意味する。また、開発中はファイルに格納されておらず、ＲＡＭ２０２上にデータが展開されている、あるいはファイルではなくデータベースに格納されていても良い。従って、定義体という文言は、ここでは、１つの項目一覧情報を他の定義情報から区別するための便宜上の用語として使用する。   The input / output definition editor controller unit 102 first selects only necessary definition bodies. Specifically, for example, a definition body including data in which the item list definition of FIG. 4 is described. Here, the term “definition body” is used for convenience. Actually, one definition body may be stored in one file. Or the definition body regarding one whole application is stored in one file, and each (for example, one item list) definition is good also as distinguishable with a tag. In this case, it means the contents of the tag. Further, during development, it is not stored in a file, and data may be expanded on the RAM 202 or stored in a database instead of a file. Therefore, the term “definition body” is used herein as a term for convenience to distinguish one item list information from other definition information.

１つの項目一覧情報を取得したものは、図５のｒｏｗｓ５００あるいは同等の情報を持つデータ構造で実装される定義体となる。さらに、図４の項目一覧定義においては、“少数”〜“データモデル項目コード”などはＨＴＭＬ画面の情報としては不要である。これらは、データベースとの連携を定義するものなどである。そこで、不要な列の削除を行う。図５のｒｏｗｓ５００で説明すると、例えば２行目の“−１”〜“＠ＴＥＸＴ”などが不要になるので削除する。これらの処理の結果として、図１１のｆｉｌｔｅｒｅｄＲｏｗｓ１１００が取得される。   What acquired one item list information becomes a definition body implemented by a data structure having the rows 500 of FIG. 5 or equivalent information. Furthermore, in the item list definition of FIG. 4, “minority” to “data model item code” are not necessary as information on the HTML screen. These are things that define the linkage with the database. Therefore, unnecessary columns are deleted. In the case of rows 500 in FIG. 5, for example, “−1” to “@TEXT” in the second row are unnecessary and are deleted. As a result of these processes, filteredRows 1100 in FIG. 11 is acquired.

ここで、画面情報（ビュー）に関連したビジネスロジック、データベースモデルなどが完成していない段階であっても、プレビューＨＴＭＬを生成することが可能であるので、柔軟なタイミングで画面を確認し、効率的な開発を進めるという効果を得ることが可能となる。また、プレビューＨＴＭＬ生成のために必要な情報を用いることで、アプリケーション全体をビルドしなくても画面イメージを確認できることにより、ビルド時間の効率化を得ることができる。   Here, even if the business logic and database model related to the screen information (view) are not completed, the preview HTML can be generated. It is possible to obtain the effect of promoting general development. Further, by using the information necessary for generating the preview HTML, the screen image can be confirmed without building the entire application, so that the build time can be made more efficient.

項目一覧情報の取得後、入出力定義エディタコントローラ部１０２は、プレビューコントローラ部８１１にプレビューＨＴＭＬ生成要求８３３を行う。   After obtaining the item list information, the input / output definition editor controller unit 102 makes a preview HTML generation request 833 to the preview controller unit 811.

概略として“プレビューテンプレート”という文言を説明すると“プレビューテンプレート”は、項目一覧情報からＨＴＭＬのタグの階層構造にマッピングを行うことが可能な、簡易言語であり、プレビューＨＴＭＬ生成部８１４に保持されている。プレビューテンプレートパラメータ生成部８１２は、プレビューＨＴＭＬ生成部８１４に渡すためのプレビューテンプレートパラメータを生成する。   As an outline, the term “preview template” will be described. The “preview template” is a simple language that can be mapped from the item list information to the hierarchical structure of HTML tags, and is stored in the preview HTML generation unit 814. Yes. The preview template parameter generation unit 812 generates a preview template parameter to be passed to the preview HTML generation unit 814.

入出力定義エディタコントローラ部１０２は、まず、プレビューＨＴＭＬファイルを生成した後で格納するフルパス名を生成する。ファイル名は、予めユーザにより、プレビューＨＴＭＬ名記憶部８２１に定義し、プレビューＨＴＭＬ名取得８３４により取得する。   First, the input / output definition editor controller unit 102 generates a full path name to be stored after generating the preview HTML file. The file name is defined in advance in the preview HTML name storage unit 821 by the user, and acquired by the preview HTML name acquisition 834.

図１０は、本発明の実施形態に係わるプレビューＨＴＭＬのファイル保管場所（フォルダ）を指定するユーザ画面を示す図の一例である。このダイアログを表示し、ユーザにＨＴＭＬファイルを格納するフォルダ名を入力させる。前記取得したファイル名と合わせ、ファイルのフルパス名が決定する。   FIG. 10 is an example of a diagram showing a user screen for designating a preview HTML file storage location (folder) according to the embodiment of the present invention. This dialog is displayed, and the user is prompted to input a folder name for storing the HTML file. Together with the acquired file name, the full path name of the file is determined.

さらに、プレビューＨＴＭＬを生成するための情報を取得し、データ構成を生成するために、プレビューテンプレートパラメータ生成部８１２にプレビューテンプレートパラメータ生成要求８３５を行う。 Further, a preview template parameter generation request 835 is sent to the preview template parameter generation unit 812 in order to acquire information for generating the preview HTML and generate a data structure.

プレビューテンプレートパラメータ生成部８１２は、プレビューＨＴＭＬの生成に必要な情報であるプレビュープロパティを、プレビュープロパティ記憶部８２２から取得する（プレビュープロパティ取得８３６。プロパティの詳細については後述する）。さらにスタイル情報をスタイル情報記憶部８２３から取得する（スタイル情報取得８３７。スタイル情報は、ＨＴＭＬのスタイルシートなどの情報であり、詳細は後述する）。   The preview template parameter generation unit 812 acquires a preview property, which is information necessary for generating the preview HTML, from the preview property storage unit 822 (preview property acquisition 836. Details of the property will be described later). Further, the style information is acquired from the style information storage unit 823 (style information acquisition 837. The style information is information such as an HTML style sheet, which will be described in detail later).

図９は、本発明の実施形態に係わるプレビューＨＴＭＬのプレビュー状態を示す図の一例である。プレビューＨＴＭＬタブ９００ｂでは、９０２にプロパティコードが設定されており、そのプロパティコードに従って、９０３の各プロパティが読み出され、プレビューＨＴＭＬが生成される。プレビューＨＴＭＬタブ９００ａでは、デフォルトのプロパティコード（不図示）を設定している。プレビューＨＴＭＬタブ９００ｂのプロパティ９０３で指定される項目には、例えば“ロール”、（拡張ディレクトリ／）“言語”がある（図９の例には更に“表示データディレクトリ”があるが後述）。   FIG. 9 is an example of a diagram showing a preview state of the preview HTML according to the embodiment of the present invention. In the preview HTML tab 900b, a property code is set in 902, and in accordance with the property code, each property of 903 is read and a preview HTML is generated. In the preview HTML tab 900a, a default property code (not shown) is set. Items specified by the property 903 of the preview HTML tab 900b include, for example, “role” and (extended directory /) “language” (the example of FIG. 9 further includes “display data directory”, which will be described later).

例えば、“ロール”とは、組織の中の役割（役職や職種）を示すプロパティである。アプリケーションでは、本来同一である画面でも、役職などによって表示する項目の制御をすることがある。従って、プレビューＨＴＭＬの生成においても、ロールプロパティを設定することで、当該設定に応じた表示する項目の制御を行い、すなわち、同一の項目一覧定義からであっても、ロールによって異なる画面のプレビューＨＴＭＬを生成することを可能にするという効果を得られる。   For example, “role” is a property indicating a role (position or job type) in an organization. An application may control items to be displayed depending on job titles, even if the screen is originally the same. Therefore, in the generation of the preview HTML, by setting the role property, the items to be displayed are controlled according to the setting, that is, the preview HTML of the screen that differs depending on the role even from the same item list definition. The effect of making it possible to generate is obtained.

また、（拡張ディレクトリ／）“言語”がある。言語プロパティについては、プログラム自動生成ツールが、英語／日本語などの複数の言語に対応している場合に、いずれの言語でプレビューＨＴＭＬ画面を生成するかを指定するものである。   There is also (extended directory /) “language”. Regarding the language property, when the automatic program generation tool is compatible with a plurality of languages such as English / Japanese, it is specified in which language the preview HTML screen is generated.

更に、スタイル情報取得８３７により、スタイル情報記憶部８２３から、プレビューＨＴＭＬで使用するスタイルシートを取得する。スタイルシートには、ユーザ（開発者）が柔軟に変更可能な部分と、アプリケーション（あるいは、アプリケーション開発を管理するプロジェクト）で固定の部分があっても良い。例えば、文字サイズ、フォント、背景色、線の太さなどの定義である。   Furthermore, the style sheet used in the preview HTML is acquired from the style information storage unit 823 by the style information acquisition 837. The style sheet may have a portion that can be flexibly changed by a user (developer) and a portion that is fixed by an application (or a project that manages application development). For example, the definition includes character size, font, background color, line thickness, and the like.

以上で、ＨＴＭＬを生成するためのオブジェクト（入出力フィールド、ボタンなど）の情報は、ＨＴＭＬの階層構造を反映する階層的なデータ構成、あるいは階層的なデータ構成と置換可能なデータ構成として格納されている。便宜上、前者の「ＨＴＭＬの階層構造を反映する階層的なデータ構成」を前提として説明を継続するが、いずれの形式であっても、最終的にＨＴＭＬに変換可能である、同等の情報を持ったデータ構成であればよい。また、前記データ構造は、オブジェクトの配置や名称（例えば、テキストボックスの配置や「ユーザ名」などのタイトル）は情報として含んでいるが、実際の値（例えばユーザ名が「鈴木一郎」などの値）は含んでいないため、以下の説明では便宜上「プレビューテンプレート」と呼ぶことにする（前述の「テンプレート」と同一のもの）。しかしながら、「プレビューテンプレート」は、値（例では「ユーザ名」フィールドに対応する「鈴木一郎」）をどこに代入すればよいか、という情報は、プレビューテンプレートにパラメータ（あるいは変数)として含まれているものとする。   As described above, information on objects (input / output fields, buttons, etc.) for generating HTML is stored as a hierarchical data structure that reflects the hierarchical structure of HTML or a data structure that can be replaced with a hierarchical data structure. ing. For convenience, the description will be continued on the premise of the former “hierarchical data structure reflecting the hierarchical structure of HTML”, but in any format, it has equivalent information that can be finally converted into HTML. Any data structure may be used. In addition, the data structure includes information such as the arrangement and name of the object (for example, the arrangement of the text box and the title such as “user name”), but the actual value (for example, “Ichiro Suzuki” is the user name). Value) is not included, and will be referred to as a “preview template” for convenience in the following description (the same as the “template” described above). However, the information about where the “preview template” should be substituted for the value (“Ichiro Suzuki” corresponding to the “user name” field in the example) is included as a parameter (or variable) in the preview template. Shall.

ＨＴＭＬ画面用に定義した項目一覧を、前述のようなＨＴＭＬに変換可能な形式に格納し、後述するＨＴＭＬに実際に変換することは、プログラム自動生成ツールなどで周知の技術であるため詳細の説明は省略する。   Since the list of items defined for the HTML screen is stored in a format that can be converted into HTML as described above and actually converted into HTML, which will be described later, it is a well-known technique in an automatic program generation tool or the like, so that the detailed description will be given. Is omitted.

プレビューテンプレートパラメータ生成部８１２は、プレビューデータ設定部８１３に対して、前述の「プレビューテンプレート」にサンプルの値を代入するための、プレビューデータ設定要求８３８を行う。プレビューデータ設定部８１３は、代入値データ記憶部８２４からデータを取得（代入値データ取得８３９）し、「プレビューテンプレートパラメータ」を作成する。   The preview template parameter generation unit 812 makes a preview data setting request 838 for substituting the sample value into the above-described “preview template” to the preview data setting unit 813. The preview data setting unit 813 acquires data from the substitution value data storage unit 824 (substitution value data acquisition 839), and creates a “preview template parameter”.

これらの処理結果は、プレビューコントローラ部８１１に返され、プレビューコントローラ部８１１は、「プレビューテンプレートパラメータ」に基づきプレビューＨＴＭＬを生成するようプレビューＨＴＭＬ生成部８１４に要求（テンプレートＨＴＭＬ変換要求８４０）する。要求を受けた、８４１プレビューＨＴＭL生成部は保持するプレビューテンプレートとプレビューテンプレートパラメータをマッピングし、プレビューＨＴＭLを生成する。更に、プレビューＨＴＭＬ表示要求８４１により、情報処理装置１００の表示装置（開発ツールのプレビュータブ）にプレビューＨＴＭＬを表示する（図９の画面）。   These processing results are returned to the preview controller unit 811. The preview controller unit 811 requests the preview HTML generation unit 814 to generate a preview HTML based on the “preview template parameter” (template HTML conversion request 840). Upon receipt of the request, the 841 preview HTML generation unit maps the held preview template and the preview template parameter to generate a preview HTML. Further, the preview HTML display request 841 displays the preview HTML on the display device (development tool preview tab) of the information processing apparatus 100 (screen of FIG. 9).

前述の説明では、代入値データ記憶部８２４により「値が入ったプレビューテンプレートパラメータ」が作成される、と説明したが、プレビューＨＴＭＬタブ９００ａにおいては、「ＸＸＸＸ・・・」などの意味のない値が表示されている（９０１ａ）。これは、代入値データ記憶部８２４に代入するための情報が定義されているか、による。   In the above description, it has been described that the “preview template parameter including a value” is created by the substitution value data storage unit 824. However, in the preview HTML tab 900a, a meaningless value such as “XXXX. Is displayed (901a). This depends on whether or not information for substitution in the substitution value data storage unit 824 is defined.

具体的には、プロパティ９０３の“表示データディレクトリ”にフォルダが記載されていない、あるいは記載されていても（例では“Ｃ：￥ＰｒｅｖｉｅｗＤａｔａ”）、そのフォルダ内にデータが格納されていない場合に、デフォルトとしてプレビューＨＴＭＬタブ９００ａの画面が表示される。これらのデフォルト値は、プログラム中にハードコーディングされていても良いし、デフォルト値記憶部（不図示）に保存されていても良い。デフォルト値であっても、例えば入力フィールドのタイプ（全角文字、半角英数字など）により、複数種類用意されていても良い。この場合、項目一覧定義体の各要素において、入力フィールドの定義が明示されている場合にはそのタイプに従う。   Specifically, when a folder is not described in the “display data directory” of the property 903 or is described (“C: ¥ PreviewData” in the example), but no data is stored in the folder. The screen of the preview HTML tab 900a is displayed as a default. These default values may be hard-coded in the program, or may be stored in a default value storage unit (not shown). Even if it is a default value, for example, a plurality of types may be prepared depending on the type of input field (full-width characters, half-width alphanumeric characters, etc.). In this case, if the definition of the input field is specified in each element of the item list definition body, it follows the type.

一方、代入値データ記憶部８２４に代入するための値（例えばＣＳＶファイルなどで用意する）がある場合には、プレビューＨＴＭＬタブ９００ｂのように、ユーザに分かりやすい（人間にとって意味のある）値を表示させることが可能である（９０１ｂ）。   On the other hand, when there is a value to be substituted in the substitution value data storage unit 824 (for example, prepared in a CSV file), a value that is easy to understand for the user (meaning meaningful to humans), such as the preview HTML tab 900b. It is possible to display (901b).

以上で、図８のプレビューＨＴＭＬ生成のための機能構成および各機能の呼び出し関係の説明を完了する。あわせて、図９〜図１１の説明も完了する。   The description of the functional configuration for generating the preview HTML in FIG. In addition, the description of FIGS. 9 to 11 is also completed.

図１２は、本発明の実施形態に係わるプレビューＨＴＭＬの生成処理を示すフローチャートの一例である。図１２のフローチャートの各ステップは、情報処理装置１００のＣＰＵ２０１により実行される。なお、機能構成図（図８）の説明において述べた部分については、具体的な詳細事項の説明を省略する場合がある。   FIG. 12 is an example of a flowchart showing preview HTML generation processing according to the embodiment of the present invention. Each step of the flowchart of FIG. 12 is executed by the CPU 201 of the information processing apparatus 100. Note that description of specific details may be omitted for the portions described in the description of the functional configuration diagram (FIG. 8).

Ｓ１２０１においては、ユーザ操作（１０１）を、ＧＵＩ（グラフィカル・ユーザ・インタフェース）における定義画面（プログラム自動生成ツールにおいてプログラムの定義を行う画面）から受け付ける。具体的には、情報処理装置１００にて動作しているプログラム自動生成ソフトにおいて、ユーザがプレビュータブ３０９を選択したイベントを受け付ける。   In step S1201, a user operation (101) is accepted from a definition screen in GUI (graphical user interface) (a screen for defining a program in a program automatic generation tool). Specifically, the automatic program generation software running on the information processing apparatus 100 accepts an event that the user has selected the preview tab 309.

Ｓ１２０２からＳ１２０５の繰り返し処理においては、アプリケーション定義情報の全ての定義体から、プレビュー表示要求対象の画面に関連する情報を取得する。
Ｓ１２０３においては、アプリケーション定義体記憶部から取得する。 In the repetitive processing from S1202 to S1205, information related to the preview display request target screen is obtained from all the definition bodies of the application definition information.
In S1203, it is acquired from the application definition body storage unit.

Ｓ１２０４においては、Ｓ１２０３で取得した定義体が、プレビュー表示要求対象の項目一覧の定義体であるか判定し、そうであれば繰り返し処理（Ｓ１２０２〜Ｓ１２０５）を抜ける。具体的には、当該定義体が、項目一覧モデル記憶部１０４から取得したものであり、更に、現在定義中（開発中）の項目一覧定義の定義体であるものを取得する。   In step S1204, it is determined whether the definition body acquired in step S1203 is a definition body of the item list for which a preview display request is to be made. If so, the process repeats (S1202 to S1205). Specifically, the definition body is acquired from the item list model storage unit 104, and further, the definition body of the item list definition currently being defined (under development) is acquired.

次に、Ｓ１２０６からＳ１２０９の繰り返し処理においては、前述で取得した項目一覧の定義体（例えば図５のｒｏｗｓ５００）から、要素を１つずつ取り出し、全ての要素に対して以下の処理を実行する。   Next, in the repetitive processing from S1206 to S1209, the elements are taken out one by one from the item list definition body acquired above (for example, rows 500 in FIG. 5), and the following processing is executed for all the elements.

Ｓ１２０７においては、項目一覧の定義体（例えば図５のｒｏｗｓ５００）から、要素（ｒｏｗ［ｉ］）を１つずつ取り出し、前述したとおり、図４の項目一覧定義における“少数”〜“データモデル項目コード”などＨＴＭＬ画面の情報としては不要な部分を除き、“項目タイプ”、“項目コード”〜“桁数”（図４参照）など、ＨＴＭＬ画面のオブジェクトとして必要な情報を抽出する。   In S1207, the element (row [i]) is extracted one by one from the item list definition (for example, rows 500 in FIG. 5), and, as described above, “minority” to “data model items in the item list definition in FIG. Except for an unnecessary portion of the HTML screen information such as “code”, information necessary as an HTML screen object such as “item type”, “item code” to “number of digits” (see FIG. 4) is extracted.

Ｓ１２０８においては、Ｓ１２０７で抽出した情報を、ｆｉｌｔｅｒｅｄＲｏｗｓ１１００に格納する（要素ｆｉｌｔｅｒｅｄＲｏｗｓ［ｉ］）。このように、プレビューＨＴＭＬ生成においては、プログラム自動生成ツールで定義した定義体のうち、プレビューＨＴＭＬ生成に必要な情報のみを利用することで、ビジネスロジック、データベースモデルなどが完成していない段階であっても、プレビューＨＴＭＬを生成することが可能であり、柔軟なタイミングで画面を確認し、効率的な開発を進めるという効果を得ることが可能となる。また、プレビューＨＴＭＬ生成のために必要な情報を用いることで、アプリケーション全体をビルドしなくても画面イメージを確認できることにより、ビルド時間の効率化を得ることができる。   In S1208, the information extracted in S1207 is stored in filteredRows 1100 (element filteredRows [i]). Thus, preview HTML generation is a stage where business logic, database model, etc. are not completed by using only the information necessary for preview HTML generation out of the definition bodies defined by the automatic program generation tool. However, it is possible to generate the preview HTML, and it is possible to obtain an effect of confirming the screen at a flexible timing and proceeding with efficient development. Further, by using the information necessary for generating the preview HTML, the screen image can be confirmed without building the entire application, so that the build time can be made more efficient.

Ｓ１２１０においては、プレビューテンプレートを生成し、生成するプレビューＨＴＭＬファイルの名前を取得し、プレビューテンプレートに格納する。ここでプレビューテンプレートとは、前述したとおり、ＨＴＭＬの構造を生成する直前の段階のデータ構成である。即ち、プレビューテンプレートは、ＨＴＭＬのタグの階層構造にマッピングを行うことで、実際のＨＴＭＬを生成可能な情報を含むものである。   In S1210, a preview template is generated, the name of the generated preview HTML file is acquired, and stored in the preview template. Here, as described above, the preview template is a data configuration at a stage immediately before generating an HTML structure. That is, the preview template includes information that can generate an actual HTML by mapping to the hierarchical structure of HTML tags.

Ｓ１２１１においては、生成するプレビューＨＴＭＬファイルのプレビュープロパティを取得し、プレビューテンプレートに格納する。具体的には、図９の９０３において説明した。   In S1211, the preview property of the generated preview HTML file is acquired and stored in the preview template. Specifically, it has been described in FIG.

Ｓ１２１２は、プレビューＨＴＭＬのスタイル情報を取得する。具体的には、スタイルシートの情報である。   In step S1212, preview HTML style information is acquired. Specifically, it is style sheet information.

Ｓ１２１３からＳ１２１５の繰り返し処理は、ｆｉｌｔｅｒｅｄＲｏｗｓ１１００の全要素に対して実行される。   The iterative process from S1213 to S1215 is executed for all elements of filteredRows 1100.

Ｓ１２１４においては、ｆｉｌｔｅｒｅｄＲｏｗｓ［ｉ］（項目一覧定義の1要素からＨＭＴＬの1オブジェクトに対応する表示に必要な情報を取り出したデータ）を、プレビューテンプレートに埋め込んでいく。ただし、Ｓ１２１４の処理が実行されるのは、“ロール”プロパティにより、表示すべきと判断されたｆｉｌｔｅｒｅｄＲｏｗｓ［ｉ］のみである。これにより、実質的にはプレビューＨＴＭＬと等価なデータ構造ができあがる。この段階で、フィールド部品に表示するユーザデータには値は入っていない。   In S1214, filteredRows [i] (data obtained by extracting information necessary for display corresponding to one HMTL object from one element of the item list definition) is embedded in the preview template. However, the processing of S1214 is executed only for filteredRows [i] determined to be displayed by the “role” property. Thereby, a data structure substantially equivalent to the preview HTML is completed. At this stage, there is no value in the user data displayed on the field part.

Ｓ１２１６においては、フィールド部品に、具体的な値は入をいれていく。具体的な値は、代入値データ記憶部８２４から取得する。代入値データ記憶部８２４には、例えばＣＳＶ形式のファイルなどにより、例えばフィールドの項目名（あるいは項目ＩＤ）に対応付けて、その入力フィールドに挿入したい値が定義されている。この値を、前述のプレビューテンプレートの変数パと置き換えていく。   In S1216, specific values are entered into the field parts. A specific value is acquired from the substitution value data storage unit 824. In the substitution value data storage unit 824, a value to be inserted into the input field is defined in association with, for example, an item name (or item ID) of a field by, for example, a CSV file. This value is replaced with the variable path of the preview template described above.

Ｓ１２１７においては、一覧項目の名、型、代入値を、ＨＴＭＬオブジェクトに変換し、プレビューＨＴＭＬファイルに埋め込んでいく。   In S1217, the names, types, and substitution values of the list items are converted into HTML objects and embedded in the preview HTML file.

Ｓ１２１８においては、生成されたプレビューＨＴＭＬファイルを、情報処理装置１００の表示装置（開発ツールのプレビュータブ）にプレビューＨＴＭＬを表示する（図９の画面）。
以上で、図１２のフローチャートの説明を完了する。 In step S1218, the generated preview HTML file is displayed on the display device (development tool preview tab) of the information processing apparatus 100 (screen of FIG. 9).
Above, description of the flowchart of FIG. 12 is completed.

なお、上述した各種データの構成及びその内容はこれに限定されるものではなく、用途や目的に応じて、様々な構成や内容で構成されることは言うまでもない。   It should be noted that the configuration and contents of the various data described above are not limited to this, and it goes without saying that the various data and configurations are configured according to the application and purpose.

以上、一実施形態について示したが、本発明は、例えば、システム、装置、方法、プログラムもしくは記録媒体等としての実施態様をとることが可能であり、具体的には、複数の機器から構成されるシステムに適用しても良いし、また、一つの機器からなる装置に適用しても良い。   Although one embodiment has been described above, the present invention can take an embodiment as, for example, a system, apparatus, method, program, or recording medium, and specifically includes a plurality of devices. The present invention may be applied to a system including a single device.

また、本発明におけるプログラムは、図６、図７に示すシーケンス図、図１２のフローチャートの処理方法をコンピュータが実行可能なプログラムであり、本発明の記憶媒体は図６、図７に示すシーケンス図、図１２のフローチャートの処理方法をコンピュータが実行可能なプログラムが記憶されている。なお、本発明におけるプログラムは図６、図７、図１２のフローチャートに示すシーケンス図の各装置の処理方法ごとのプログラムであってもよい。   Moreover, the program in the present invention is a sequence diagram shown in FIGS. 6 and 7, a program that can execute the processing method of the flowchart in FIG. 12, and the storage medium of the present invention is a sequence diagram shown in FIGS. 6 and 7. A program capable of being executed by a computer in the processing method of the flowchart of FIG. 12 is stored. The program according to the present invention may be a program for each processing method of each device in the sequence diagrams shown in the flowcharts of FIGS. 6, 7, and 12.

以上のように、前述した実施形態の機能を実現するプログラムを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ（またはＣＰＵやＭＰＵ）が記録媒体に格納されたプログラムを読出し実行することによっても、本発明の目的が達成されることは言うまでもない。   As described above, a recording medium that records a program that implements the functions of the above-described embodiments is supplied to a system or apparatus, and a computer (or CPU or MPU) of the system or apparatus stores the program stored in the recording medium. It goes without saying that the object of the present invention can also be achieved by executing the reading.

この場合、記録媒体から読み出されたプログラム自体が本発明の新規な機能を実現することになり、そのプログラムを記憶した記録媒体は本発明を構成することになる。   In this case, the program itself read from the recording medium realizes the novel function of the present invention, and the recording medium storing the program constitutes the present invention.

コンピュータプログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ−ＲＯＭ、ＣＤ−Ｒ、ＤＶＤ−ＲＯＭ、磁気テープ、不揮発性のメモリカード、ＲＯＭ、ＥＥＰＲＯＭ、シリコンディスク、ソリッドステートドライブ等を用いることができる。   As a recording medium for supplying a computer program, for example, a flexible disk, a hard disk, an optical disk, a magneto-optical disk, a CD-ROM, a CD-R, a DVD-ROM, a magnetic tape, a nonvolatile memory card, a ROM, an EEPROM, Silicon disks, solid state drives, etc. can be used.

また、コンピュータが読み出したプログラムを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムの指示に基づき、コンピュータ上で稼働しているＯＳ（オペレーティングシステム）等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Further, by executing the program read by the computer, not only the functions of the above-described embodiments are realized, but also an OS (operating system) operating on the computer based on an instruction of the program is actually It goes without saying that a case where the function of the above-described embodiment is realized by performing part or all of the processing and the processing is included.

さらに、記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵ等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Furthermore, after the program read from the recording medium is written to the memory provided in the function expansion board inserted into the computer or the function expansion unit connected to the computer, the function expansion board is based on the instructions of the program code. It goes without saying that the case where the CPU or the like provided in the function expansion unit performs part or all of the actual processing and the functions of the above-described embodiments are realized by the processing.

また、本発明は、複数の機器から構成されるシステムに適用しても、１つの機器からなる装置に適用してもよい。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。さらに、本発明を達成するためのプログラムをネットワーク上のサーバ、データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。
なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。 Further, the present invention may be applied to a system composed of a plurality of devices or an apparatus composed of a single device. Needless to say, the present invention can be applied to a case where the present invention is achieved by supplying a program to a system or apparatus. In this case, by reading a recording medium storing a program for achieving the present invention into the system or apparatus, the system or apparatus can enjoy the effects of the present invention. Furthermore, by downloading and reading a program for achieving the present invention from a server, database, etc. on a network using a communication program, the system or apparatus can enjoy the effects of the present invention.
In addition, all the structures which combined each embodiment mentioned above and its modification are also included in this invention.

１００ 情報処理装置
１０２ 入力定義エディタコントローラ部
１０３ 項目一覧モデル変換部
１０４ 項目一覧モデル記憶部
１０５ 項目一覧表示部
１０６ ＧＵＩレイアウトモデル変換部
１０７ レイアウトモデル記憶部
１０８ ＧＵＩレイアウトコントローラ部
１０９ ＧＵＩレイアウト記憶部
１１０ ＧＵＩコントローラ部
１１１ ＧＵＩレイアウト描画部
８１１ プレビューコントローラ部
８１２ テンプレート生成部
８１３ プレビューデータ設定部
８１４ プレビューＨＴＭＬ生成部
８１５ プレビューＨＴＭＬ表示部
８２１ プレビューＨＴＭＬ名記憶部
８２２ プレビュープロパティ記憶部
８２３ プレビュースタイル情報記憶部
８２４ 代入値データ記憶部 DESCRIPTION OF SYMBOLS 100 Information processing apparatus 102 Input definition editor controller part 103 Item list model conversion part 104 Item list model memory | storage part 105 Item list display part 106 GUI layout model conversion part 107 Layout model memory | storage part 108 GUI layout controller part 109 GUI layout memory | storage part 110 GUI Controller unit 111 GUI layout drawing unit 811 Preview controller unit 812 Template generation unit 813 Preview data setting unit 814 Preview HTML generation unit 815 Preview HTML display unit 821 Preview HTML name storage unit 822 Preview property storage unit 823 Preview style information storage unit 824 Substitute value Data storage unit

Claims (7)

プログラムを自動生成するために、プログラムロジックとデータ形式に対応する項目定義を含む項目一覧定義をテキスト形式で行う項目一覧タブと、開発中のアプリケーションのビューであるプレビューＨＴＭＬを表示するプレビュータブを備える情報処理装置であって、
ウェブアプリケーションにおける少なくともビジネスロジックの定義体と、データベースモデルの定義体と、表示及び入出力を定義する前記項目一覧に対応する項目一覧定義体とを含むアプリケーション定義体を記憶する定義体記憶手段と、
ユーザの操作によって前記プレビュータブが選択された際に、開発者が定義中である前記アプリケーション定義体における前記項目一覧定義体を取得する項目一覧取得手段と、
前記項目一覧取得手段により取得した前記項目一覧定義体から、ウェブアプリケーションの表示に関する情報を抽出する表示情報抽出手段と、
前記表示情報抽出手段により抽出した、開発者が定義中である前記項目一覧定義体におけるウェブアプリケーションの表示に関する情報に基づき、プレビュー用のプレビューＨＴＭＬを生成するプレビューＨＴＭＬ生成手段と、
前記プレビューＨＴＭＬ生成手段により生成された前記プレビューＨＴＭＬを、前記プレビュータブに表示する表示手段と、
を備えることを特徴とする情報処理装置。 In order to automatically generate a program, an item list tab that performs item list definition including item definitions corresponding to program logic and data format in a text format and a preview tab that displays a preview HTML that is a view of an application under development are provided. An information processing apparatus,
Definition body storage means for storing an application definition body including at least a business logic definition body in a web application, a database model definition body, and an item list definition body corresponding to the item list defining display and input / output;
Item list acquisition means for acquiring the item list definition body in the application definition body being defined by the developer when the preview tab is selected by a user operation;
Display information extraction means for extracting information related to display of the web application from the item list definition body acquired by the item list acquisition means;
Preview HTML generation means for generating a preview HTML for preview based on information relating to display of the web application in the item list definition body being defined by the developer, which is extracted by the display information extraction means;
Display means for displaying the preview HTML generated by the preview HTML generation means on the preview tab;
An information processing apparatus comprising: プレビューＨＴＭＬにおけるオブジェクトに表示する値を記憶する代入値データ記憶手段と、
前記代入値データ記憶手段にオブジェクトに表示する値が登録されているか否かを判定する代入値有無判定手段と、
前記代入値有無判定手段により、前記プレビューＨＴＭＬのオブジェクトに代入すべき値が、前記代入値データ記憶手段に登録されていると判定された場合には、当該プレビューＨＴＭＬの当該オブジェクトに対応する値を代入し、一方、登録されていると判定されていないと判定された場合には、当該オブジェクトに代入すべきデフォルト値がデフォルト値記憶手段に定義されている場合には、当該デフォルト値を当該オブジェクトに代入する代入手段と、
を、更に備えることを特徴とする請求項１に記載の情報処理装置。 Substitution value data storage means for storing a value to be displayed on the object in the preview HTML;
Substitution value presence / absence determination means for determining whether or not a value to be displayed on the object is registered in the substitution value data storage means;
When it is determined by the substitution value presence / absence judging means that a value to be substituted for the object of the preview HTML is registered in the substitution value data storage means, a value corresponding to the object of the preview HTML is set. On the other hand, if it is determined that it is not determined that the object is registered, if the default value to be assigned to the object is defined in the default value storage unit, the default value is set to the object. An assigning means for assigning to
The information processing apparatus according to claim 1, further comprising: 前記プレビューＨＴＭＬの表示の属性を定義するプロパティを格納するプレビュープロパティ値記憶手段と、
を、更に備え、
前記プレビュープロパティ値記憶手段は、前記プレビューＨＴＭＬを、如何なる権限を持つユーザの画面として表示させるかを示すロールプロパティを格納可能であって、
前記プレビューＨＴＭＬ生成手段は、前記プレビュープロパティ値記憶手段にロールプロパティが定義されている場合には、当該ロールプロパティに応じて、プレビューＨＴＭＬとして生成するオブジェクトを決定することを特徴とする請求項１または請求項２に記載の情報処理装置。 Preview property value storage means for storing properties that define display attributes of the preview HTML;
Further comprising
The preview property value storage means can store a role property indicating what kind of authority the preview HTML is displayed as a user's screen,
The preview HTML generation means, when a roll property is defined in the preview property value storage means, determines an object to be generated as a preview HTML according to the roll property. The information processing apparatus according to claim 2. 前記プレビュープロパティ値記憶手段は、更に、前記プレビューＨＴＭＬを、如何なる言語表示により生成するかを示す言語プロパティを格納可能であって、
前記プレビューＨＴＭＬ生成手段は、前記プレビュープロパティ値記憶手段に言語プロパティが定義されている場合には、当該言語プロパティに応じて、プレビューＨＴＭＬとして生成することを特徴とする請求項３に記載の情報処理装置。 The preview property value storage means can further store a language property indicating in what language display the preview HTML is generated,
4. The information processing according to claim 3, wherein, when a language property is defined in the preview property value storage unit, the preview HTML generation unit generates a preview HTML according to the language property. apparatus. 前記プレビュープロパティ値記憶手段は、更に、前記プレビューＨＴＭＬの表示スタイルを決定するスタイルシートに関する情報を示すスタイルシートプロパティを格納可能であって、
前記プレビューＨＴＭＬ生成手段は、前記プレビュープロパティ値記憶手段にスタイルシートプロパティが定義されている場合には、当該スタイルシートプロパティに応じて、プレビューＨＴＭＬとして生成することを特徴とする請求項３または請求項４に記載の情報処理装置。 The preview property value storage means can further store a style sheet property indicating information on a style sheet for determining a display style of the preview HTML,
4. The preview HTML generation unit, when a style sheet property is defined in the preview property value storage unit, generates a preview HTML according to the style sheet property. 5. The information processing apparatus according to 4. プログラムを自動生成するために、プログラムロジックとデータ形式に対応する項目定義を含む項目一覧定義をテキスト形式で行う項目一覧タブと、開発中のアプリケーションのビューであるプレビューＨＴＭＬを表示するプレビュータブを備える情報処理装置の制御方法であって、
定義体登録手段が、ウェブアプリケーションにおける少なくともビジネスロジックの定義体と、データベースモデルの定義体と、表示及び入出力を定義する前記項目一覧に対応する項目一覧定義体とを含むアプリケーション定義体を定義体記憶手段に記憶させる定義体登録ステップと、
項目一覧取得手段が、ユーザの操作によって前記プレビュータブが選択された際に、開発者が定義中である前記アプリケーション定義体における前記項目一覧定義体を取得する項目一覧取得ステップと、
表示情報抽出手段が、前記項目一覧取得ステップにより取得した前記項目一覧定義体から、ウェブアプリケーションの表示に関する情報を抽出する表示情報抽出ステップと、
プレビューＨＴＭＬ生成手段が、前記表示情報抽出ステップにより抽出した、開発者が定義中である前記項目一覧定義体におけるウェブアプリケーションの表示に関する情報に基づき、プレビュー用のプレビューＨＴＭＬを生成するプレビューＨＴＭＬ生成ステップと、
表示手段が、前記プレビューＨＴＭＬ生成ステップにより生成された前記プレビューＨＴＭＬを、前記プレビュータブに表示する表示ステップと、
を含むことを特徴とする情報処理装置の制御方法。 In order to automatically generate a program, an item list tab that performs item list definition including item definitions corresponding to program logic and data format in a text format and a preview tab that displays a preview HTML that is a view of an application under development are provided. A method for controlling an information processing apparatus,
The definition body registration means defines an application definition body including at least a business logic definition body in a web application, a database model definition body, and an item list definition body corresponding to the item list defining display and input / output. A definition body registration step to be stored in the storage means;
Item list acquisition means, when the preview tab is selected by a user operation, an item list acquisition step of acquiring the item list definition body in the application definition body that is being defined by the developer;
A display information extraction step for extracting information related to display of the web application from the item list definition body acquired by the item list acquisition step;
A preview HTML generation step for generating a preview HTML for preview based on information relating to the display of the web application in the item list definition body being defined by the developer extracted by the display information extraction step by the preview HTML generation unit; ,
A display step for displaying the preview HTML generated by the preview HTML generation step on the preview tab;
A method for controlling an information processing apparatus, comprising: プログラムを自動生成するために、プログラムロジックとデータ形式に対応する項目定義を含む項目一覧定義をテキスト形式で行う項目一覧タブと、開発中のアプリケーションのビューであるプレビューＨＴＭＬを表示するプレビュータブを備える情報処理装置において実行可能なプログラムであって、
前記情報処理装置を、
ウェブアプリケーションにおける少なくともビジネスロジックの定義体と、データベースモデルの定義体と、表示及び入出力を定義する前記項目一覧に対応する項目一覧定義体とを含むアプリケーション定義体を定義体記憶手段に記憶させる定義体登録手段、
ユーザの操作によって前記プレビュータブが選択された際に、開発者が定義中である前記アプリケーション定義体における前記項目一覧定義体を取得する項目一覧取得手段、
前記項目一覧取得手段により取得した前記項目一覧定義体から、ウェブアプリケーションの表示に関する情報を抽出する表示情報抽出手段、
前記表示情報抽出手段により抽出した、開発者が定義中である前記項目一覧定義体におけるウェブアプリケーションの表示に関する情報に基づき、プレビュー用のプレビューＨＴＭＬを生成するプレビューＨＴＭＬ生成手段、
前記プレビューＨＴＭＬ生成手段により生成された前記プレビューＨＴＭＬを、前記プレビュータブに表示する表示手段、
として機能させることを特徴とするプログラム。





In order to automatically generate a program, an item list tab that performs item list definition including item definitions corresponding to program logic and data format in a text format and a preview tab that displays a preview HTML that is a view of an application under development are provided. A program executable in the information processing apparatus,
The information processing apparatus;
Definition that stores in the definition storage means an application definition including at least a business logic definition in a web application, a database model definition, and an item list definition corresponding to the item list that defines display and input / output Body registration means,
Item list acquisition means for acquiring the item list definition body in the application definition body being defined by a developer when the preview tab is selected by a user operation;
Display information extraction means for extracting information related to display of a web application from the item list definition body acquired by the item list acquisition means;
Preview HTML generation means for generating a preview HTML for preview based on information relating to the display of the web application in the item list definition body being defined by the developer extracted by the display information extraction means,
Display means for displaying the preview HTML generated by the preview HTML generation means on the preview tab;
A program characterized by functioning as





JP2013200623A 2013-09-26 2013-09-26 Information processing apparatus, information processing apparatus control method, and program Active JP6331307B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2013200623A JP6331307B2 (en) 2013-09-26 2013-09-26 Information processing apparatus, information processing apparatus control method, and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2013200623A JP6331307B2 (en) 2013-09-26 2013-09-26 Information processing apparatus, information processing apparatus control method, and program

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2018089328A Division JP6531855B2 (en) 2018-05-07 2018-05-07 INFORMATION PROCESSING APPARATUS, CONTROL METHOD FOR INFORMATION PROCESSING APPARATUS, AND PROGRAM

Publications (3)

Publication Number Publication Date
JP2015069247A true JP2015069247A (en) 2015-04-13
JP2015069247A5 JP2015069247A5 (en) 2016-11-17
JP6331307B2 JP6331307B2 (en) 2018-05-30

Family

ID=52835894

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013200623A Active JP6331307B2 (en) 2013-09-26 2013-09-26 Information processing apparatus, information processing apparatus control method, and program

Country Status (1)

Country Link
JP (1) JP6331307B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2020135774A (en) * 2019-02-26 2020-08-31 株式会社日立製作所 Method for implementing application screen display program

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002215519A (en) * 2001-01-22 2002-08-02 Sumisho Computer Systems Corp Method and system for web page generation, web page generating program, and recording medium
JP2003067185A (en) * 2001-08-14 2003-03-07 Internatl Business Mach Corp <Ibm> Application editing device and data processing method and program
JP2003099257A (en) * 2001-07-27 2003-04-04 General Electric Co <Ge> Web page authoring tool
JP2004086739A (en) * 2002-08-28 2004-03-18 Fujitsu Ltd Web server with java servlet function, java program updating method, and computer program
JP2004295512A (en) * 2003-03-27 2004-10-21 Hitachi Software Eng Co Ltd Web application development support device and method
JP2006510133A (en) * 2002-11-14 2006-03-23 エスアーペー アーゲー Modeling system for graphic user interface to cross-reference with related applications
JP2007058808A (en) * 2005-08-26 2007-03-08 Hitachi Software Eng Co Ltd Method and device for supporting html data generation program
JP2010073062A (en) * 2008-09-19 2010-04-02 Ricoh Co Ltd Image processor, image processing method and program
JP2011181113A (en) * 2011-06-22 2011-09-15 Ricoh Co Ltd Terminal device, information processing method, information processing program, recording medium, and information processing system
JP2012510680A (en) * 2008-12-03 2012-05-10 マイクロソフト コーポレーション View messages and attachments in different languages
JP2012203619A (en) * 2011-03-25 2012-10-22 Nomura Research Institute Ltd Data creation support system

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002215519A (en) * 2001-01-22 2002-08-02 Sumisho Computer Systems Corp Method and system for web page generation, web page generating program, and recording medium
JP2003099257A (en) * 2001-07-27 2003-04-04 General Electric Co <Ge> Web page authoring tool
JP2003067185A (en) * 2001-08-14 2003-03-07 Internatl Business Mach Corp <Ibm> Application editing device and data processing method and program
JP2004086739A (en) * 2002-08-28 2004-03-18 Fujitsu Ltd Web server with java servlet function, java program updating method, and computer program
JP2006510133A (en) * 2002-11-14 2006-03-23 エスアーペー アーゲー Modeling system for graphic user interface to cross-reference with related applications
JP2004295512A (en) * 2003-03-27 2004-10-21 Hitachi Software Eng Co Ltd Web application development support device and method
JP2007058808A (en) * 2005-08-26 2007-03-08 Hitachi Software Eng Co Ltd Method and device for supporting html data generation program
JP2010073062A (en) * 2008-09-19 2010-04-02 Ricoh Co Ltd Image processor, image processing method and program
JP2012510680A (en) * 2008-12-03 2012-05-10 マイクロソフト コーポレーション View messages and attachments in different languages
JP2012203619A (en) * 2011-03-25 2012-10-22 Nomura Research Institute Ltd Data creation support system
JP2011181113A (en) * 2011-06-22 2011-09-15 Ricoh Co Ltd Terminal device, information processing method, information processing program, recording medium, and information processing system

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2020135774A (en) * 2019-02-26 2020-08-31 株式会社日立製作所 Method for implementing application screen display program
WO2020174727A1 (en) * 2019-02-26 2020-09-03 株式会社日立製作所 Application screen display program installing method
JP7316060B2 (en) 2019-02-26 2023-07-27 株式会社日立製作所 Application screen display program implementation method

Also Published As

Publication number Publication date
JP6331307B2 (en) 2018-05-30

Similar Documents

Publication Publication Date Title
JP5089684B2 (en) Technology for generating service programs
JP2004005568A (en) Updating of high-speed gui style of legacy application
US20060015839A1 (en) Development of software systems
KR101275871B1 (en) System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor
CN108762743B (en) Data table operation code generation method and device
GB2373085A (en) Method, computer program and system for style sheet generation.
US20140136958A1 (en) Relating to distributed access infrastructure for a database
US9817811B2 (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
EP1895407A1 (en) HMI development support apparatus, HMI development support method and HMI development support program
KR101552914B1 (en) Web server application framework web application processing method using the framework and computer readable medium processing the method
JP6331307B2 (en) Information processing apparatus, information processing apparatus control method, and program
JP2015049645A (en) Information processing device, information processing device control method, and program
JPH11288412A (en) Method and system for preparing document, and computer readable recording medium for recording document preparation program
JP6231260B2 (en) Screen control system, screen control program, screen creation support program, and screen control method
JP6531855B2 (en) INFORMATION PROCESSING APPARATUS, CONTROL METHOD FOR INFORMATION PROCESSING APPARATUS, AND PROGRAM
JP6817523B2 (en) Information processing device, control method of information processing device, and program
JP2001125855A (en) Dynamic web page generation program
JP6836077B2 (en) Information processing device and its processing method and program
JP3907463B2 (en) Computer-readable recording medium and program storing program for managing CAD data
JP2005078119A (en) Support system and method for software development support, program, and recording medium
JP5322403B2 (en) Homepage creation device, homepage creation program and homepage creation method
KR20090018481A (en) A system for composing report, a method &amp; a system for providing a made-to-order report
JP2001134424A (en) Method and device for preparing system parameter and computer readable storage medium recording system parameter preparation program and computer readable storage medium storing system parameter preparation data
JP7381900B2 (en) Information processing system, its control method and program
JP2014059699A (en) Demo application generation system and demo application generation program

Legal Events

Date Code Title Description
A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A711

Effective date: 20150410

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20160923

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20160923

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20161101

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20161101

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20170616

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20170627

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170825

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180116

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180319

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20180403

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20180416

R150 Certificate of patent or registration of utility model

Ref document number: 6331307

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250