Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JP4889338B2 - Screen program layout changing method, information processing apparatus, program, and recording medium - Google Patents
[go: Go Back, main page]

JP4889338B2 - Screen program layout changing method, information processing apparatus, program, and recording medium - Google Patents

Screen program layout changing method, information processing apparatus, program, and recording medium Download PDF

Info

Publication number
JP4889338B2
JP4889338B2 JP2006088997A JP2006088997A JP4889338B2 JP 4889338 B2 JP4889338 B2 JP 4889338B2 JP 2006088997 A JP2006088997 A JP 2006088997A JP 2006088997 A JP2006088997 A JP 2006088997A JP 4889338 B2 JP4889338 B2 JP 4889338B2
Authority
JP
Japan
Prior art keywords
information
screen
program
layout
logic
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.)
Expired - Lifetime
Application number
JP2006088997A
Other languages
Japanese (ja)
Other versions
JP2007265011A (en
JP2007265011A5 (en
Inventor
勲 上田
Original Assignee
キヤノンソフトウェア株式会社
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 キヤノンソフトウェア株式会社 filed Critical キヤノンソフトウェア株式会社
Priority to JP2006088997A priority Critical patent/JP4889338B2/en
Publication of JP2007265011A publication Critical patent/JP2007265011A/en
Publication of JP2007265011A5 publication Critical patent/JP2007265011A5/ja
Application granted granted Critical
Publication of JP4889338B2 publication Critical patent/JP4889338B2/en
Anticipated expiration legal-status Critical
Expired - Lifetime legal-status Critical Current

Links

Images

Landscapes

  • Stored Programmes (AREA)

Description

本発明は、アプリケーションシステムを構成する画面プログラムを自動生成するケースツール環境における画面プログラムのレイアウト変更方法に関する。   The present invention relates to a screen program layout changing method in a case tool environment for automatically generating a screen program constituting an application system.

ユーザに定義情報を入力させ、その情報を元にプログラムの自動生成を行うツールがある。これは利用者がプログラミングの知識がなくても、比較的容易な形で業務の情報を入力するだけで、アプリケーションプログラムを作成することができるようになっている。   There are tools that allow users to input definition information and automatically generate programs based on that information. This makes it possible to create an application program simply by inputting business information in a relatively easy manner, even if the user has no programming knowledge.

しかし、一般に自動生成されたアプリケーションの画面は、自動で画面項目のレイアウト位置が決まったり、用意した画面パターンを使用しなければならなかったりと、ユーザの多様な画面レイアウト要求を十分に満たしているとはいえないものである。   However, application screens that are automatically generated generally satisfy the various screen layout requirements of users, such as automatically determining the layout position of screen items and using prepared screen patterns. It cannot be said.

その対応として、例えば、自動生成された最終成果物の画面関連プログラム(JSPなど)を編集することも考えられるが、自動生成されたプログラムは一般に冗長で読みにくく、さらに画面表示に関連のないデータが大量に切り離せない形で埋め込まれており、直接手動でレイアウト変更するのは現実的でない。このプログラムをHTMLエディタで表示しても、画面表示に関連のないデータがあるゆえ、正しく認識・表示することは出来ない。   As a countermeasure, for example, it may be possible to edit a screen-related program (JSP etc.) of the automatically generated final product, but the automatically generated program is generally redundant and difficult to read, and is not related to screen display. Are embedded in such a way that they cannot be separated in large quantities, and it is not practical to directly change the layout manually. Even if this program is displayed with an HTML editor, it cannot be correctly recognized and displayed because there is data not related to screen display.

この問題を解決するため、アプリケーションの生成時に画面をユーザが自由にカスタマイズする技術が提案されている。特許文献1では、アプリケーションの生成時に初期生成画面イメージを専用プログラム上に出力し、その初期生成画面イメージをユーザが専用プログラム上でカスタマイズすることで要求どおりの画面を作成する方法が提案されている。
特開2004−157927号公報
In order to solve this problem, a technique in which a user freely customizes a screen when generating an application has been proposed. Patent Document 1 proposes a method of generating a screen as requested by outputting an initial generation screen image on a dedicated program at the time of generating an application and customizing the initial generation screen image on the dedicated program. .
JP 2004-157927 A

しかしながら、特許文献1では、上記初期生成画面イメージの変更は、必ず専用のプログラムを介して行う必要があり、その専用プログラムの習熟に時間がかかるという問題点を有している。   However, Patent Document 1 has a problem that it is necessary to change the initial generation screen image through a dedicated program, and it takes time to master the dedicated program.

また、特に(分業化された)Web系のシステムの場合、画面作成専任のHTMLデザイナが画面の変更にあたることが多く、デザイナにはそれぞれ「使い慣れた」「HTMLに特化した高機能な」エディタがある。上記初期生成画面イメージの変更に、このような「エディタ」を使用できないことは、作業効率だけでなく、作成画面の品質や機能(の高さ、量)に影響を及ぼしてしまう。   In particular, in the case of Web-based systems (divided into labor), HTML designers dedicated to screen creation often change the screen, and the designers are “familiar” and “high-performance specialized HTML” editors. There is. The fact that such an “editor” cannot be used to change the initial generation screen image affects not only the work efficiency but also the quality and function (height and quantity) of the creation screen.

さらに、上記特許文献1では、アプリケーションを作成した後に、生成された画面を変更するという手順がない。なお、近年、(使用感や見栄えを確かめるため)画面だけを先に(上述エディタで一から)作成したり、(工数削減や統一感の為)既にある画面を再利用したりする開発手順も求められている。しかしながら、上記特許文献1の方法では、自動生成の過程にユーザが作成した画面を組み込むことができない。   Furthermore, in the said patent document 1, after producing an application, there is no procedure of changing the produced | generated screen. In recent years, there has also been a development procedure in which only screens are created first (to check the usability and appearance) (from the editor above), or existing screens are reused (to reduce man-hours and unity). It has been demanded. However, the method disclosed in Patent Document 1 cannot incorporate a user-created screen in the automatic generation process.

本発明は、上記の問題点を解決するためになされたもので、本発明の目的は、自動生成された画面プログラムを変更して、ユーザが望む画面と自動生成された動作ロジックの両方を容易に享受可能な仕組を提供することである。 The present invention has been made to solve the above problems, an object of the present invention is to modify the automatically generated screen program, both operating logic which the user which on the screen and automatically generated hope It is to provide a structure that can be easily enjoyed.

本願発明は、プログラムの実行時に画面に表示される部品情報をロジックタグ内に含む画面部品情報をレイアウトした画面レイアウト情報と、該画面レイアウト情報にレイアウトされた前記各画面部品情報を識別可能な識別情報と、前記プログラムの動作ロジックを定義したロジック情報とを含む実行可能なプログラムを生成する情報処理装置における画面プログラムレイアウト変更方法において、前記情報処理装置の画像雛形生成手段、前記プログラムから前記ロジック情報以外の情報を抽出し、該抽出した情報内の前記識別情報に対応した画面部品情報を、プログラム処理が動作しないロジックタグが除かれた当該画面部品情報と部品の形態が等しい表示便宜情報に差し替えてレイアウト雛形ファイルを生成する画面雛形生成ステップと、前記情報処理装置の取得手段、前記画面雛形生成ステップで生成されたレイアウト雛形ファイル内の、表示便宜情報がユーザによりレイアウト変更された状態のレイアウト変更ファイルを取得する取得ステップと、前記情報処理装置のマージ処理手段前記プログラムから、前記ロジック情報と前記画面部品情報と該画面部品情報に対応する識別情報とを抽出する抽出処理ステップと、前記マージ処理手段が、前記取得ステップで取得された前記レイアウト変更ファイルのレイアウトが変更された表示便宜情報を、当該表示便宜情報を識別する識別情報と対応する前記抽出処理ステップで抽出した識別情報で識別される前記画面部品情報に置き換える置換え処理ステップと、前記マージ処理手段が、前記置換え処理ステップで置き換えられた前記レイアウト変更ファイルに、前記抽出処理ステップで抽出した前記ロジック情報をマージするマージ処理ステップと、を有することを特徴とする。 The present invention provides screen layout information in which screen component information including component information displayed on a screen during execution of a program is included in a logic tag, and identification for identifying each piece of screen component information laid out in the screen layout information information and, in the screen the program layout change process in an information processing apparatus for generating an executable program including the logic information which defines the operation logic of the program, the image model generating unit of the information processing apparatus, said logic from said program Information other than information is extracted , and the screen component information corresponding to the identification information in the extracted information is converted into display convenience information in which the form of the component is the same as the screen component information from which the logic tag that does not operate the program processing is removed. screen form generation step of generating a layout template file replacement Acquisition means of the information processing apparatus, the screen template generator layout template file generated in step, an acquisition step of displaying convenience information to get the layout change file state modified layout by a user, the information processing merging means of the device, from the program, the extraction process step of extracting the identification information corresponding to the said logic information screen component information and said screen part information, the merge processing unit, obtained in the previous SL acquisition step A replacement process in which the display convenience information in which the layout of the layout change file is changed is replaced with the screen component information identified by the identification information extracted in the extraction process step corresponding to the identification information for identifying the display convenience information. a step, the merge processing unit, replace with the replacement process step The resulting said layout change file, and having a merge processing step of merging the logic information extracted by the extraction processing steps.

本発明によれば、プログラムの実行時の画面レイアウト情報とロジック情報とを生成する情報処理装置において、前記プログラムの画面レイアウト情報がユーザによりレイアウト変更され、変更されたレイアウト変更ファイルと前記プログラムのロジック情報とを用いて、当該プログラムの画面レイアウト情報を前記レイアウト変更ファイルと置き換えることにより、所望の画面レイアウトで,自動生成されたプログラムのロジックが動作可能な画面プログラム再生成することができる。 According to the present invention, in an information processing apparatus that generates screen layout information and logic information at the time of execution of a program, the layout of the screen layout information of the program is changed by a user, the changed layout change file and the logic of the program By using the information to replace the screen layout information of the program with the layout change file, it is possible to regenerate a screen program that can operate the logic of the automatically generated program with a desired screen layout .

〔第1実施形態〕
本発明は、アプリケーションシステムを構成するプログラムや画面等のソフトウェアを自動生成するケースツール環境において、プログラムを自動生成する技術分野に関するものである。このため、ケースツール環境の説明は、本発明と直接関係のある部分についてのみ言及する。
[First Embodiment]
The present invention relates to a technical field for automatically generating a program in a case tool environment for automatically generating software such as programs and screens constituting an application system. For this reason, the description of the case tool environment refers only to the portion directly related to the present invention.

以下、図面を用いて詳細に説明する。   Hereinafter, it explains in detail using a drawing.

図1は、本発明の一実施形態を示す情報処理装置(プログラム生成装置)の構成を示すブロック図である。   FIG. 1 is a block diagram showing a configuration of an information processing apparatus (program generation apparatus) showing an embodiment of the present invention.

図1において、103はプログラム生成装置としてのコンピュータである。101はキーボード,ポインティングデバイス(マウス等)の入力装置である。102はCRTディスプレイや液晶ディスプレイ等の表示装置である。104はハードディスクドライブ(HDD)等の外部記憶装置である。   In FIG. 1, reference numeral 103 denotes a computer as a program generation device. Reference numeral 101 denotes an input device for a keyboard and a pointing device (such as a mouse). Reference numeral 102 denotes a display device such as a CRT display or a liquid crystal display. Reference numeral 104 denotes an external storage device such as a hard disk drive (HDD).

図1に示すように、ユーザは入力装置101より、表示装置102に表示された画面を通じてコンピュータ103に対してプログラム自動生成命令を発行すると、コンピュータ103は、全体制御部105で自動生成処理を行う。以下、詳細に説明する。   As shown in FIG. 1, when the user issues an automatic program generation command to the computer 103 through the screen displayed on the display device 102 from the input device 101, the computer 103 performs automatic generation processing in the overall control unit 105. . Details will be described below.

まず、プログラム自動生成命令を受けた画面制御部106は、プログラム生成部107に処理を委譲する。プログラム生成部107は、予め作成されて外部記憶装置(HDD)104に格納される画面プログラムテンプレート111(後述する図5)を元に、予め入力されて外部記憶装置104に格納されるユーザ定義情報110(後述する図4)を適用し、画面プログラム112(後述する図6)を生成し、外部記憶装置104に格納する。   First, the screen control unit 106 that has received the program automatic generation command delegates the processing to the program generation unit 107. The program generation unit 107 is user-defined information that is input in advance and stored in the external storage device 104 based on a screen program template 111 (FIG. 5 described later) that is generated in advance and stored in the external storage device (HDD) 104. 110 (FIG. 4 to be described later) is applied, and a screen program 112 (FIG. 6 to be described later) is generated and stored in the external storage device 104.

この後、ユーザが入力装置101より表示装置102に表示された画面を通じてコンピュータ103に対して画面雛形生成命令を発行すると、コンピュータ103は、全体制御部105で画面雛形生成処理を行う。以下、詳細に説明する。   Thereafter, when the user issues a screen template generation command to the computer 103 through the screen displayed on the display device 102 from the input device 101, the computer 103 performs screen template generation processing in the overall control unit 105. Details will be described below.

まず、画面雛形生成命令を受けた画面制御部106は、画面雛形生成部108に処理を委譲する。画面雛形生成部108は、画面プログラム112を元に、そこから「画面レイアウト情報のみ」を抽出したレイアウト雛形ファイル113(後述する図8)を出力し、外部記憶装置104に格納する。   First, the screen control unit 106 that has received the screen template generation command delegates the processing to the screen template generation unit 108. The screen template generation unit 108 outputs a layout template file 113 (FIG. 8 to be described later) from which “screen layout information only” is extracted based on the screen program 112 and stores it in the external storage device 104.

この後、ユーザは、レイアウト雛形ファイル113を適宜カスタマイズし、レイアウトHTMLファイル114(後述する図10)を作成し、外部記憶装置104に格納する。もしくは、予め用意したHTMLファイルを一定の書式にしたがい編集することで、それをレイアウトHTMLファイル114として外部記憶装置104に格納することもできる(後述する図15)。   Thereafter, the user customizes the layout template file 113 as appropriate, creates a layout HTML file 114 (FIG. 10 to be described later), and stores it in the external storage device 104. Alternatively, an HTML file prepared in advance can be edited according to a certain format, and stored in the external storage device 104 as a layout HTML file 114 (FIG. 15 described later).

次に、ユーザが入力装置101より表示装置102に表示された画面を通じてコンピュータ103に対して画面マージ処理命令を発行すると、コンピュータ103は、全体制御部105で画面マージ処理を行う。以下、詳細に説明する。   Next, when the user issues a screen merge processing command to the computer 103 through the screen displayed on the display device 102 from the input device 101, the computer 103 performs screen merge processing in the overall control unit 105. Details will be described below.

まず、画面マージ処理命令を受けた画面制御部106は、画面マージ処理部109に処理を委譲する。画面マージ処理部109は、画面プログラム112にあるレイアウト以外の情報と、レイアウトHTMLファイル114にある画面レイアウト情報をマージして、レイアウト済画面プログラム115(後述する図13)を出力し、外部記憶装置104に格納する。   First, the screen control unit 106 that has received the screen merge processing instruction delegates the processing to the screen merge processing unit 109. The screen merge processing unit 109 merges information other than the layout in the screen program 112 and the screen layout information in the layout HTML file 114, and outputs a layout-completed screen program 115 (FIG. 13 to be described later). It stores in 104.

次に、図2を参照して、図1に示したコンピュータ103のハードウェア構成について説明する。   Next, the hardware configuration of the computer 103 shown in FIG. 1 will be described with reference to FIG.

図2は、図1のコンピュータ103のハードウェア構成を示すブロック図であり、図1と同一のものには同一の符号を付してある。   2 is a block diagram showing a hardware configuration of the computer 103 in FIG. 1, and the same components as those in FIG. 1 are denoted by the same reference numerals.

図2において、201はCPU(中央演算処理装置)201であり、ROM203或いは外部記憶装置104に記憶されている制御プログラムに基づいて、システムバスに接続されている各種デバイスとのアクセスを総括的に制御する構成となっている。   In FIG. 2, reference numeral 201 denotes a CPU (Central Processing Unit) 201, which comprehensively accesses various devices connected to the system bus based on a control program stored in the ROM 203 or the external storage device 104. It is the structure to control.

システムバスには、CPU201の主メモリ、ワークエリア等として機能するRAM(ランダム・アクセス・メモリ)202が接続されている。ROM203或いは外部記憶装置104には、CPU201の制御プログラムであるBIOS(Basic Input / Output System)やオペレーティングシステム(以下、「OS」という。)プログラム、コンピュータ103が実行する処理を実現するために必要な各種プログラム等が記憶されている。   Connected to the system bus is a RAM (Random Access Memory) 202 that functions as the main memory, work area, and the like of the CPU 201. The ROM 203 or the external storage device 104 is necessary for realizing a process executed by the computer 103 such as a BIOS (Basic Input / Output System), an operating system (hereinafter referred to as “OS”) program that is a control program of the CPU 201. Various programs are stored.

CPU201は、処理の実行に際して必要な各種プログラム等をRAM202にロードして、当該プログラム等を実行することで図1に示した全体制御部105の機能及び各種動作を実現するものである。   The CPU 201 implements the functions and various operations of the overall control unit 105 shown in FIG. 1 by loading various programs necessary for execution of processing into the RAM 202 and executing the programs.

外部記憶装置104は、上述した各種プログラムとして、図示しないブートプログラム、各種アプリケーションプログラム、フォントデータ、ユーザーファイル等を記憶する。   The external storage device 104 stores a boot program (not shown), various application programs, font data, user files, and the like as the various programs described above.

CPU201は、例えば、RAM202内の表示情報用領域へアウトラインフォントの展開(ラスタライズ)処理を実行することにより、表示装置102上でWYSIWYGを可能としている。また、CPU201は、表示装置102上のマウスカーソル(不図示)等で指示されたコマンドに基づいて、登録された種々なウィンドウを開き、種々のデータ処理を実行する。   For example, the CPU 201 performs WYSIWYG on the display device 102 by executing outline font rasterization processing on a display information area in the RAM 202. Further, the CPU 201 opens various registered windows based on commands instructed by a mouse cursor (not shown) on the display device 102 and executes various data processing.

以下、図3〜図6を参照して、図1で示したコンピュータ103のプログラム生成部107で行われるプログラム生成処理について説明する。   Hereinafter, a program generation process performed by the program generation unit 107 of the computer 103 illustrated in FIG. 1 will be described with reference to FIGS.

図3は、本発明における第1の制御処理手順の一例を示すフローチャートであり、図1で示したコンピュータ103のプログラム生成部107で行われるプログラム生成処理に対応する。なお、このフローチャートの処理は、図2に示したCPU201が外部記憶装置104に格納されたプログラムをRAM202に読み出して実行するプログラム生成部107により実現される。なお、図中、S301〜S303は各ステップを示す。   FIG. 3 is a flowchart showing an example of a first control processing procedure in the present invention, and corresponds to the program generation processing performed by the program generation unit 107 of the computer 103 shown in FIG. Note that the processing of this flowchart is realized by the program generation unit 107 in which the CPU 201 illustrated in FIG. 2 reads the program stored in the external storage device 104 into the RAM 202 and executes the program. In the figure, S301 to S303 indicate each step.

まず、入力装置101から入力されるプログラム自動生成命令の指示を受けると、全体制御部105内の画面制御部106は、プログラム生成部107に処理を委譲し、ステップS301に処理を進める。   First, when receiving an instruction of a program automatic generation command input from the input device 101, the screen control unit 106 in the overall control unit 105 delegates the processing to the program generation unit 107, and proceeds to step S301.

ステップS301では、プログラム生成部107は、まず外部記憶装置104からユーザ定義情報110(図4)を読み込み、これをRAM202に保管する。   In step S <b> 301, the program generation unit 107 first reads the user definition information 110 (FIG. 4) from the external storage device 104 and stores it in the RAM 202.

次に、ステップS302において、プログラム生成部107は、生成するプログラムの元となる画面プログラムテンプレート111を外部記憶装置104から読み込み、これをRAM202に保管する。   Next, in step S <b> 302, the program generation unit 107 reads the screen program template 111 that is the source of the generated program from the external storage device 104 and stores it in the RAM 202.

画面プログラムテンプレートは、画面プログラムの原型であり、これのみでは動作しない。画面項目の仕様を定義したユーザ定義情報を画面プログラムテンプレートに当てはめ、画面プログラムテンプレートを構成する画面レイアウト情報及び画面レイアウト情報以外のプログラム動作に関するプログラム情報を実体のある仕様に変換して動作可能な画面プログラムを生成する。詳しくは後述する。   The screen program template is a prototype of the screen program and does not operate by itself. Screens that can be operated by applying user-defined information that defines screen item specifications to screen program templates, and converting program information related to program operations other than screen layout information and screen layout information that make up screen program templates to actual specifications Generate a program. Details will be described later.

次に、ステップS303において、プログラム生成部107は、ステップS301で取得したユーザ定義情報110を、ステップS302で取得した画面プログラムテンプレート111の所定の変数部分に、組み込むことによって、画面プログラム(112)を生成し、外部記憶装置104に格納する。以下、図4〜図6を用いて具体的に説明する。   Next, in step S303, the program generation unit 107 incorporates the user definition information 110 acquired in step S301 into the predetermined variable portion of the screen program template 111 acquired in step S302, thereby installing the screen program (112). It is generated and stored in the external storage device 104. Hereinafter, it demonstrates concretely using FIGS. 4-6.

図4は、図1に示したユーザ定義情報110の一例を示す図である。なお、ここでは一例としてログイン画面を定義したユーザ定義情報を示してある。   FIG. 4 is a diagram showing an example of the user definition information 110 shown in FIG. Here, as an example, user definition information defining a login screen is shown.

図4に示すように、ユーザ定義情報110は、「IO_CODE」401、「IOITEM_CODE」402、「IOITEM_NAME」403、「ITEM_TYPE」404で構成される。   As shown in FIG. 4, the user definition information 110 includes “IO_CODE” 401, “IOITEM_CODE” 402, “IOITEM_NAME” 403, and “ITEM_TYPE” 404.

「IO_CODE」401は、画面コードを示す。また、「IOITEM_CODE」402は、画面項目コードを示す。さらに、「IOITEM_NAME」403は、画面項目表示名を示す。また、「ITEM_TYPE」404は、画面項目の部品タイプを示す。具体的には、「ITEM_TYPE」404が「I」の場合は、インプット部品を示し、「A」の場合は、アクション(ボタン)部品を示す。   “IO_CODE” 401 indicates a screen code. “IOITEM_CODE” 402 indicates a screen item code. Further, “IOITEM_NAME” 403 indicates a screen item display name. “ITEM_TYPE” 404 indicates the component type of the screen item. Specifically, when “ITEM_TYPE” 404 is “I”, an input component is indicated, and when “A” is “A”, an action (button) component is indicated.

図5は、図1に示した画面プログラムテンプレート111の一例を示す図である。   FIG. 5 is a diagram showing an example of the screen program template 111 shown in FIG.

画面プログラムテンプレート111は、レイアウト関連の情報とアプリケーションロジックの情報が、明確に区別できる構成となっている。具体的に、アプリケーションロジック情報は、レイアウト情報が始まる<html>タグ前の「ロジック情報(前)504」と、レイアウト情報が終わる</html>タグ以降の「ロジック情報(後)505」と、「部品コメント(開始)502」「部品コメント(終了)503」に囲まれている「画面部品情報501」の部分である。   The screen program template 111 has a configuration in which layout-related information and application logic information can be clearly distinguished. Specifically, the application logic information includes “logic information (front) 504” before the <html> tag where the layout information begins, “logic information (back) 505” after the </ html> tag where the layout information ends, This is a part of “screen component information 501” surrounded by “component comment (start) 502” and “component comment (end) 503”.

「部品コメント(開始)502」、「部品コメント(終了)503」は、画面表示の項目情報を区分し、識別するための識別子としての機能を果たす。   “Part comment (start) 502” and “part comment (end) 503” function as identifiers for classifying and identifying item information on the screen display.

アプリケーションロジック情報には、実際に動作するプログラムが記述してあるが、この記述があるとHTMLエディタでファイルを正しく表示・編集することが出来ない。   The application logic information describes the program that actually runs. If this description is present, the file cannot be displayed or edited correctly with the HTML editor.

なお、本実施形態では、HTMLを使用した事例で示すが、他のマークアップ言語や、スクリプト言語であってもかまわない。   In the present embodiment, an example using HTML is shown, but other markup languages and script languages may be used.

図6は、図1に示した画面プログラム112の一例を示す図であり、図2のステップS303においてユーザ定義情報110(図4)及び画面プログラムテンプレート111(図5)に基づいて生成されたものに対応する。   FIG. 6 is a diagram showing an example of the screen program 112 shown in FIG. 1, which is generated based on the user definition information 110 (FIG. 4) and the screen program template 111 (FIG. 5) in step S303 of FIG. Corresponding to

図5の画面プログラムテンプレート111は、プログラムの下敷き(テンプレート)としての役割を持ち、具体的なデータは変数化されている。この変数化されている場所に、図4のユーザ定義情報110がはめ込まれ、図6の画面プログラム112が生成される。以下、具体的に説明する。   The screen program template 111 in FIG. 5 serves as an underlay (template) for the program, and specific data is variable. The user-defined information 110 shown in FIG. 4 is inserted into the variable location, and the screen program 112 shown in FIG. 6 is generated. This will be specifically described below.

図5の510に示す「${ioitem.name}」の部分に、図4の「IOITEM_CODE」402列のデータ「USER_ID」が組み込まれ、図6の610に示すようにソースが生成される。例えば、図5の画面部品情報501中の「name="${ioitem.code}"」の部分は、図4の「IOITEM_CODE」402列のデータ「USER_ID」が組み込まれ、図6の画面部品情報601「name="USER_ID"」のようにソースが生成される。   The data “USER_ID” in the column “IOITEM_CODE” 402 in FIG. 4 is incorporated in the portion “$ {ioitem.name}” 510 shown in FIG. 5, and a source is generated as indicated by 610 in FIG. For example, the “name =“ $ {ioitem.code} ”” portion of the screen component information 501 in FIG. 5 incorporates the data “USER_ID” in the column “IOITEM_CODE” 402 in FIG. 4, and the screen component information in FIG. A source is generated like 601 “name =“ USER_ID ””.

また「部品コメント(開始)502」,「部品コメント(終了)503」の「<!--${ioitem.code}.LABEL{-->」,「<!--${ioitem.code}.LABEL」-->」にも同様に「USER_ID」が埋め込まれ「部品コメント(開始)602」「部品コメント(終了)603」のように「<!--USER_ID.LABEL{-->」,「<!--USER_ID.LABEL」-->」になる。これが後述する「識別情報」となる。   Also, “<!-$ {Ioitem.code} .LABEL {->”, “<!-$ {Ioitem.code}.” Of “part comment (start) 502” and “part comment (end) 503”. Similarly, “USER_ID” is embedded in “LABEL”-> ”and“ <!-USER_ID.LABEL {-> ”,“ <!-USER_ID.LABEL {-> ”,“ part comment (start) 602 ”,“ part comment (end) 603 ” <!-USER_ID.LABEL "->". This is “identification information” to be described later.

また、図5の511に示す「${ioitem.name}」の部分に、図4の「IOITEM_NAME」403列のデータ「ユーザID」が組み込まれ、図6の611に示すようにソースが生成される。   Further, the data “user ID” in the column “IOITEM_NAME” 403 in FIG. 4 is incorporated in the portion “$ {ioitem.name}” 511 shown in FIG. 5, and the source is generated as shown in 611 in FIG. The

さらに、図5の512に示す「${ioitem.code}」の部分に、図4の「IOITEM_CODE」402列のデータ「PASSWORD」が組み込まれ、図6の612に示すようにソースが生成される。   Further, the data “PASSWORD” in the column “IOITEM_CODE” 402 in FIG. 4 is incorporated in the portion “$ {ioitem.code}” shown in 512 in FIG. 5, and a source is generated as shown in 612 in FIG. .

また、図5の513に示す「${ioitem.name}」の部分に、図4の「IOITEM_NAME」403列のデータ「パスワード」が組み込まれ、図6の613に示すようにソースが生成される。   Further, the data “password” in the column “IOITEM_NAME” 403 in FIG. 4 is incorporated in the portion “$ {ioitem.name}” shown in 513 in FIG. 5, and a source is generated as shown in 613 in FIG. .

さらに、図5の514に示す「${ioitem.code}」の部分に、図4の「IOITEM_CODE」402列のデータ「LOGIN」が組み込まれ、図6の614に示すようにソースが生成される。   Furthermore, the data “LOGIN” in the column “IOITEM_CODE” 402 in FIG. 4 is incorporated in the portion “$ {ioitem.code}” shown in 514 in FIG. 5, and a source is generated as shown in 614 in FIG. 6. .

また、図5の515に示す「${ioitem.name}」の部分に、図4の「IOITEM_NAME」403列のデータ「ログイン」が組み込まれ、図6の615に示すようにソースが生成される。   Further, the data “login” in the column “IOITEM_NAME” 403 in FIG. 4 is incorporated in the portion “$ {ioitem.name}” shown in 515 in FIG. 5, and a source is generated as shown in 615 in FIG. .

以下、図7〜図9を参照して、図1で示したコンピュータ103の画面雛形生成部108で行われるレイアウト雛形生成処理について説明する。   The layout template generation process performed by the screen template generation unit 108 of the computer 103 shown in FIG. 1 will be described below with reference to FIGS.

図7は、本発明における第2の制御処理手順の一例を示すフローチャートであり、図1で示したコンピュータ103の画面雛形生成部108で行われるレイアウト雛形生成処理に対応する。なお、このフローチャートの処理は、図2に示したCPU201が外部記憶装置104に格納されたプログラムをRAM202に読み出して実行する画面雛形生成部108により実現される。なお、図中、S701〜S703は各ステップを示す。   FIG. 7 is a flowchart showing an example of a second control processing procedure according to the present invention, and corresponds to the layout template generation processing performed by the screen template generation unit 108 of the computer 103 shown in FIG. Note that the processing of this flowchart is realized by the screen template generation unit 108 in which the CPU 201 illustrated in FIG. 2 reads the program stored in the external storage device 104 into the RAM 202 and executes the program. In the figure, S701 to S703 indicate steps.

まず、入力装置101から入力される画面雛形生成命令の指示を受けると、全体制御部105内の画面制御部106は、画面雛形生成部108に処理を委譲し、ステップS701に処理を進める。   First, upon receiving an instruction of a screen template generation command input from the input device 101, the screen control unit 106 in the overall control unit 105 delegates the processing to the screen template generation unit 108, and proceeds to step S701.

ステップS701では、画面雛形生成部108は、まず外部記憶装置104から画面プログラム112(図6)を読み込み、これをRAM202に保管する。   In step S <b> 701, the screen template generation unit 108 first reads the screen program 112 (FIG. 6) from the external storage device 104 and stores it in the RAM 202.

次に、ステップS702において、画面雛形生成部108は、ステップS701で取得した画面プログラム112から画面レイアウト情報のみ抽出する。詳細には、画面雛形生成部108は、画面プログラム112から「ロジック情報(前)605」,「ロジック情報(後)606」以外をそのまま抽出する(即ち、「部品コメント(開始)602」,「部品コメント(終了)603」は含む)。そして、抽出した情報内の「画面部品情報601」,「画面部品情報604」の部分を、表示便宜情報(図8の801,802)に差し替えて、これをRAM202に保管する。   Next, in step S702, the screen template generation unit 108 extracts only screen layout information from the screen program 112 acquired in step S701. More specifically, the screen template generation unit 108 extracts from the screen program 112 other than “logic information (front) 605” and “logic information (back) 606” as they are (that is, “component comment (start) 602”, “ Part comment (end) 603 "is included). Then, the portions of “screen component information 601” and “screen component information 604” in the extracted information are replaced with display convenience information (801 and 802 in FIG. 8) and stored in the RAM 202.

なお、上述の「表示便宜情報」とは、レイアウト雛形ファイル113をエディタやWebブラウザで表示した際、画面イメージがマージ処理後の完成品(レイアウト済画面プログラム115)実行時と同等となるような(見た目同じで実際に動作しない)ダミーの部品情報(ダミー項目情報)のことである。これは、図6の601に示すような「画面部品情報」の読み込み時、部品種別を識別できるキーワードを見つけて、ダミー部品に差し替えるという方法を取っている。   The “display convenience information” described above is such that when the layout template file 113 is displayed by an editor or a Web browser, the screen image is equivalent to that when the completed product (layout screen program 115) after the merge process is executed. It is dummy component information (dummy item information) (same appearance and not actually operating). This is a method of finding a keyword that can identify a component type and replacing it with a dummy component when reading “screen component information” as indicated by reference numeral 601 in FIG.

例えば、図6の画面部品情報601中のように「input type="text"」とあれば、図8の801に示すようにダミーのテキストボックスと、図6の画面部品情報604中のように「input type="button"」とあれば、図8の802に示すようにダミーのボタンと差し替えるようにしている。ただし、画面部品情報内に表示に関係のある情報が「画面部品情報」内にあった場合は、これを取得し、その情報を上述の「ダミー部品」に埋め込んで、「表示便宜情報」とするように構成する。例えば、図6の画面部品情報604中の「value="ログイン"」という情報は、画面表示時のボタン名となり、上述の画面部品情報内に表示に関係のある情報に相当する。   For example, if “input type =“ text ”” as in the screen component information 601 in FIG. 6, a dummy text box and a screen component information 604 in FIG. 6 are displayed as indicated by reference numeral 801 in FIG. 8. If “input type =“ button ””, a dummy button is replaced as indicated by reference numeral 802 in FIG. However, if there is information related to the display in the screen part information in the “screen part information”, it is acquired and embedded in the “dummy part” described above as “display convenience information”. To be configured. For example, information “value = login” in the screen component information 604 in FIG. 6 is a button name at the time of screen display, and corresponds to information related to display in the above-described screen component information.

次に、ステップS703において、画面雛形生成部108は、ステップS702で抽出したレイアウト情報をレイアウト雛形ファイル113(図8)として出力し、外部記憶装置104に記憶する。そして、処理を終了する。   Next, in step S703, the screen template generation unit 108 outputs the layout information extracted in step S702 as the layout template file 113 (FIG. 8) and stores it in the external storage device 104. Then, the process ends.

図8は、図1に示したレイアウト雛形ファイル113の一例を示す図であり、図7のステップS703で出力される。なお、図6と同一のものには同一の符号を付してある。   FIG. 8 is a diagram showing an example of the layout template file 113 shown in FIG. 1, and is output in step S703 of FIG. In addition, the same code | symbol is attached | subjected to the same thing as FIG.

このレイアウト雛形ファイル113は、入力である図6に示された画面プログラム112からレイアウト部分のみ抽出されている。なお、後の画面マージ処理部109でマージ場所情報として使用するため「部品コメント(開始)602」,「部品コメント(終了)603」も含めて抽出されている。   The layout template file 113 is extracted only from the layout program 112 shown in FIG. 6 as an input. Note that “component comment (start) 602” and “component comment (end) 603” are also extracted for use as merge location information in the subsequent screen merge processing unit 109.

また、部品コメント(開始)と部品コメント(終了)の間には、表示用ダミー部品である表示便宜情報801,802が出力されている。   Display convenience information 801 and 802, which are display dummy parts, are output between the part comment (start) and the part comment (end).

また、例えば、図6の画面部品情報604中のように、画面表示時ボタン名となる「value="ログイン"」という情報があった場合、表示に関係のある情報として、図8に示すように表示便宜情報802に反映される。   Further, for example, when there is information “value =“ login ”” which is a button name at the time of screen display as in the screen component information 604 of FIG. 6, information related to display is shown in FIG. 8. Is reflected in the display convenience information 802.

図9は、図8に示したレイアウト雛形ファイル113をHTMLエディタ等でプレビューした画面の一例を示す図である。   FIG. 9 is a diagram showing an example of a screen in which the layout template file 113 shown in FIG. 8 is previewed with an HTML editor or the like.

図8に示したレイアウト雛形ファイル113には、表示便宜情報801,802が埋め込まれているため、完成画面と同等の画面表示が得られている。   Since the display convenience information 801 and 802 are embedded in the layout template file 113 shown in FIG. 8, a screen display equivalent to the completed screen is obtained.

ここで、ユーザは生成されたレイアウト雛形ファイル113を、HTMLエディタ等で、自由にカスタマイズし、画面表示して変更されたレイアウトを確認できる。このようなカスタマイズ作業により、レイアウト雛形ファイル113から変更されたレイアウトHTMLファイル114を作成する。   Here, the user can freely customize the generated layout template file 113 with an HTML editor or the like, and display the screen to check the changed layout. A layout HTML file 114 changed from the layout template file 113 is created by such customization work.

ユーザがレイアウト雛型ファイルを画面上でレイアウト変更したものが、「レイアウト変更ファイル」となる。この場合、HTMLとは限らない他のマークアップ言語やスクリプト言語、構造化言語も適用可能である。本実施例では、HTMLを使用しているので、「レイアウト変更ファイル」を「レイアウトHTMLファイル」としているが、これは「レイアウト変更ファイル」の一例である。   A layout change file on the screen is a layout change file that the user has changed. In this case, other markup languages, script languages, and structured languages that are not limited to HTML are also applicable. In this embodiment, since HTML is used, the “layout change file” is “layout HTML file”, which is an example of the “layout change file”.

なお、レイアウト雛形ファイル113は、通常のHTMLファイルなので、任意のHTMLエディタを使用することが可能である。   Since the layout template file 113 is a normal HTML file, an arbitrary HTML editor can be used.

図10は、図1に示したレイアウトHTMLファイル114の一例を示す図であり、図8に示したレイアウト雛形ファイル113をカスタマイズして作成されたものに対応する。   FIG. 10 is a diagram showing an example of the layout HTML file 114 shown in FIG. 1, and corresponds to the layout template file 113 shown in FIG.

図10に示す例では、1001に示すように、図8に示したレイアウト雛形ファイル113で最下部にあった「ログインボタン」が先頭に移動されている。また、表を指定するタグ「<table>」「</table>」内の、行を指定するタグ「<tr>」「</tr>」が1002に示すように変更され、その結果、図9に示したように縦に並んでいた入力項目(ユーザID,パスワード)が図11に示すように横1列に表示されるように変更されている。なお、このように、変更作成したレイアウトHTMLファイル114は、外部記憶装置104に格納しておくものとする。   In the example illustrated in FIG. 10, as illustrated in 1001, the “login button” at the bottom of the layout template file 113 illustrated in FIG. 8 is moved to the top. In addition, the tags “<tr>” and “</ tr>” that specify rows in the tags “<table>” and “</ table>” that specify tables are changed as indicated by 1002, and as a result, FIG. As shown in FIG. 9, the input items (user ID, password) arranged vertically are changed to be displayed in one horizontal row as shown in FIG. It is assumed that the layout HTML file 114 thus changed is stored in the external storage device 104.

図11は、図10に示したレイアウトHTMLファイル114をHTMLエディタ等でプレビューした画面の一例を示す図である。   FIG. 11 is a diagram showing an example of a screen in which the layout HTML file 114 shown in FIG. 10 is previewed with an HTML editor or the like.

以下、図12〜図14を参照して、図1で示したコンピュータ103の画面マージ処理部109で行われる画像マージン処理について説明する。   Hereinafter, image margin processing performed by the screen merge processing unit 109 of the computer 103 illustrated in FIG. 1 will be described with reference to FIGS.

図12は、本発明における第3の制御処理手順の一例を示すフローチャートであり、図1で示したコンピュータ103の画面マージ処理部109で行われる画像マージン処理に対応する。なお、このフローチャートの処理は、図2に示したCPU201が外部記憶装置104に格納されたプログラムをRAM202に読み出して実行する画面マージ処理部109により実現される。なお、図中、S1201〜S1204は各ステップを示す。   FIG. 12 is a flowchart showing an example of a third control processing procedure in the present invention, and corresponds to the image margin processing performed by the screen merge processing unit 109 of the computer 103 shown in FIG. Note that the processing of this flowchart is realized by the screen merge processing unit 109 in which the CPU 201 illustrated in FIG. 2 reads the program stored in the external storage device 104 into the RAM 202 and executes the program. In the figure, S1201 to S1204 indicate steps.

まず、入力装置101から入力される画像マージン処理命令の指示を受けると、全体制御部105内の画面制御部106は、画面マージ処理部109に処理を委譲し、ステップS1201に処理を進める。   First, upon receiving an instruction of an image margin processing command input from the input device 101, the screen control unit 106 in the overall control unit 105 delegates the processing to the screen merge processing unit 109, and proceeds to step S1201.

ステップS1201では、画面マージ処理部109は、まず外部記憶装置104から画面プログラム112(図6)を読み込み、該読み込んだ画面プログラム112内の「ロジック情報(前)605」,「ロジック情報(後)606」,「画面部品情報(601,604等)」部分を抽出し、これをRAM202に保管する。   In step S1201, the screen merge processing unit 109 first reads the screen program 112 (FIG. 6) from the external storage device 104, and “logic information (front) 605” and “logic information (back) in the read screen program 112. 606 ”and“ screen component information (601, 604, etc.) ”are extracted and stored in the RAM 202.

次に、ステップS1202において、画面マージ処理部109は、外部記憶装置104からレイアウトHTMLファイル114(図10)を読み込み、これをRAM202に保管する。   Next, in step S 1202, the screen merge processing unit 109 reads the layout HTML file 114 (FIG. 10) from the external storage device 104 and stores it in the RAM 202.

次に、ステップS1203において、画面マージ処理部109は、ステップS1201で抽出した「ロジック情報(前)605」,「ロジック情報(後)606」,「画面部品情報(601,604等)」部分の情報と、ステップS1202で読み込んだレイアウトHTMLファイル114をマージ処理する。具体的には、ステップS1202で読み込んだレイアウトHTMLファイル114の部品コメント(例えば「<--USER_ID.ITEM{-->」「<--USER_ID.ITEM」-->」)で囲まれた部分を、図13に示すように、ステップS1201で抽出した「画面部品情報(601等)」に置き換える。その際、部品コメントにある識別子(画面項目コード402(例えば、「USER_ID.ITEM」))をキーにして置き換える。その後、図13に示すように、画面部品情報を置き換えたレイアウトHTMLファイル114全体の先頭,末尾に「ロジック情報(前)605」,「ロジック情報(後)606」を挿入する。   Next, in step S1203, the screen merge processing unit 109 displays the “logic information (front) 605”, “logic information (back) 606”, and “screen component information (601, 604, etc.)” extracted in step S1201. The information and the layout HTML file 114 read in step S1202 are merged. Specifically, a part surrounded by component comments (for example, “<-USER_ID.ITEM {->”, “<-USER_ID.ITEM”-> ”) of the layout HTML file 114 read in step S1202 is displayed. As shown in FIG. 13, it is replaced with “screen component information (601, etc.)” extracted in step S1201. At this time, the identifier (screen item code 402 (for example, “USER_ID.ITEM”)) in the component comment is replaced as a key. After that, as shown in FIG. 13, “logic information (front) 605” and “logic information (back) 606” are inserted at the beginning and end of the entire layout HTML file 114 in which the screen part information is replaced.

最後にステップS1204において、ステップS1203でマージ処理した情報を、レイアウト済画面プログラム115(図13)として出力し、外部記憶装置104に格納する。そして処理を終了する。   Finally, in step S1204, the information merged in step S1203 is output as the layout screen program 115 (FIG. 13) and stored in the external storage device 104. Then, the process ends.

図13は、図1に示したレイアウト済画面プログラム115の一例を示す図であり、図12のステップS1204で出力されたものに対応する。なお、図6と同一のものには同一の符号を付してある。   FIG. 13 is a diagram showing an example of the laid out screen program 115 shown in FIG. 1, and corresponds to the one output in step S1204 in FIG. In addition, the same code | symbol is attached | subjected to the same thing as FIG.

レイアウトHTMLファイル114に、「ロジック情報(前)605」「ロジック情報(後)606」が挿入され、部品コメント間の情報が「画面部品情報(604等)」に置き換わっている。   In the layout HTML file 114, “logic information (front) 605” and “logic information (back) 606” are inserted, and information between component comments is replaced with “screen component information (604, etc.)”.

この処理により、ユーザ定義の画面レイアウト情報(レイアウトHTMLファイル114)に、アプリケーションの動作ロジック(「ロジック情報(前)605」,「ロジック情報(後)606」,「画面部品情報(601,604等)」部分)が注入され、実際に動作する画面プログラムに復元される。   By this processing, application operation logic ("logic information (front) 605", "logic information (back) 606", "screen component information (601, 604, etc.) is added to the user-defined screen layout information (layout HTML file 114). ) "Part) is injected and restored to the actual operating screen program.

図14は、図13に示したレイアウト済画面プログラム115を実行した際の表示の一例を示す図である。   FIG. 14 is a diagram showing an example of a display when the laid out screen program 115 shown in FIG. 13 is executed.

画面の見た目は、図11に示したレイアウトHTMLファイル114の表示例と変らないが、実際に実行できるWEBアプリケーションとなっている。   Although the screen looks the same as the display example of the layout HTML file 114 shown in FIG. 11, it is a WEB application that can be actually executed.

以上説明したように、本実施形態によれば、ケースツール等で作成されたWEBアプリケーションプログラムの画面レイアウトだけを抽出したものを画面表示して、望みの画面レイアウトに変更でき、変更後は、再度、元のプログラム動作をするWEBアプリケーションプログラムに再生成することができる。この結果、効率の良い画面レイアウト変更が可能となる。   As described above, according to the present embodiment, the screen layout obtained by extracting only the screen layout of the WEB application program created by the case tool or the like can be displayed on the screen and changed to the desired screen layout. The WEB application program that performs the original program operation can be regenerated. As a result, the screen layout can be changed efficiently.

〔第2実施形態〕
上記第1実施形態では、レイアウトHTMLファイル114は、画面雛形生成部108により生成されたレイアウト雛形ファイル113をユーザが編集して生成する場合について説明した。本実施形態では、ユーザが用意したHTMLファイルに「部品コメント」を挿入したものを、レイアウトHTMLファイル114として扱うようにする。以下、図15〜図17を参照して、具体的説明する。
[Second Embodiment]
In the first embodiment, the layout HTML file 114 has been described with respect to the case where the user edits and generates the layout template file 113 generated by the screen template generation unit 108. In the present embodiment, an HTML file prepared by a user with “part comments” inserted is handled as the layout HTML file 114. Hereinafter, specific description will be given with reference to FIGS. 15 to 17.

図15は、ユーザが用意したHTMLファイルの一例を示す図である。   FIG. 15 is a diagram showing an example of an HTML file prepared by the user.

このユーザが容易したHTMLファイルは、例えば、旧プログラムで使用されていた画面のHTMLファイルであっても、HTMLデザイナ等が一般のHTMLエディタ等で作成したHTMLファイル等であってもよい。   The HTML file facilitated by the user may be, for example, an HTML file of a screen used in an old program, an HTML file created by an HTML designer or the like using a general HTML editor or the like.

図16は、図15に示したHTMLファイルをプレビューした画面の一例を示す図である。   FIG. 16 is a diagram showing an example of a screen on which the HTML file shown in FIG. 15 is previewed.

図17は、図15に示したユーザが用意したHTMLファイルに「部品コメント」を挿入してレイアウトHTMLファイル化したファイルの一例を示す図である。   FIG. 17 is a diagram showing an example of a file formed by inserting a “part comment” into the HTML file prepared by the user shown in FIG. 15 to form a layout HTML file.

図17のファイルには、1701〜1706に示すように、「部品コメント」が挿入されている。   In the file of FIG. 17, “component comment” is inserted as indicated by 1701 to 1706.

なお、このファイルを外部記憶装置104に格納し、図1に示したレイアウトHTMLファイル114の代わりとして、画面マージ処理部109のインプットに使用することができる。即ち、図12に示したマージ処理を、図17のHTMLファイルと図1に示した画面プログラムに基づいて実行可能である。   This file can be stored in the external storage device 104 and used as an input to the screen merge processing unit 109 instead of the layout HTML file 114 shown in FIG. That is, the merge process shown in FIG. 12 can be executed based on the HTML file shown in FIG. 17 and the screen program shown in FIG.

以上示したように、本実施形態によれば、旧プログラムで使用されていたなじみのある画面レイアウトや、HTMLデザイナ等が作成したデザイン性の高い画面レイアウトを、自動生成された画面プログラムにマージして、使用することができる。   As described above, according to the present embodiment, the familiar screen layout used in the old program or the highly designable screen layout created by the HTML designer is merged with the automatically generated screen program. Can be used.

従って、ユーザは所望の見栄えの良い画面と自動生成された業務ロジックの両方を享受できる等の効果を奏する。   Therefore, the user can enjoy both the desired good-looking screen and the automatically generated business logic.

なお、上記各実施形態では、画面のレイアウト情報としてHTMLで記述された情報を用いる例について説明したが、画面レイアウト情報を、HTMLでなく他の構造化言語等で記述するように構成してもよい。   In each of the above-described embodiments, an example in which information described in HTML is used as screen layout information has been described. However, the screen layout information may be described in another structured language instead of HTML. Good.

以上説明したように、本発明では、プログラム生成部107により、ユーザ定義情報110,画面プログラムテンプレート111に基づいて「画面部品情報」を埋め込んだ画面プログラム112を生成する。なお、この画面プログラム112は、ロジック等のプログラム動作に関係する定義領域と画面レイアウトを構成する定義領域とを識別可能な構成となっている。本実施形態では、「<html>タグ」「</html>タグ」により識別しているが、プログラム動作に関係する定義領域と画面レイアウトを構成する定義領域とを識別するためのコメントを挿入するように構成してもよい。また、画面プログラム112には、画面レイアウトを構成する項目について、当該項目の画面レイアウトに関連する定義領域(画面部品情報)を識別するコメント情報が埋め込まれている。   As described above, in the present invention, the program generation unit 107 generates the screen program 112 in which the “screen component information” is embedded based on the user definition information 110 and the screen program template 111. The screen program 112 is configured to identify a definition area related to a program operation such as logic and a definition area constituting the screen layout. In this embodiment, “<html> tag” and “</ html> tag” are identified, but a comment for identifying a definition area related to a program operation and a definition area constituting a screen layout is inserted. You may comprise as follows. In the screen program 112, comment information for identifying a definition area (screen component information) related to the screen layout of the item is embedded in the items constituting the screen layout.

次に、画面雛形生成部108は、画面プログラム112から画面のレイアウト部分のみ(ロジック情報504,505以外の部分)を抽出した画面表示可能な形式のファイルを生成する。さらに、画面雛形生成部108は、このファイルから、画面部分以外のプログラム部分を、実際には動作しないダミープログラム部品に置き換え、レイアウト雛形ファイル113を生成する。このレイアウト雛形ファイル113は、画面表示して確認できるようにプログラム動作部分を抜き取り、ダミーのプログラム部品に置き換えられている。   Next, the screen template generation unit 108 generates a screen-displayable file in which only the screen layout portion (the portion other than the logic information 504 and 505) is extracted from the screen program 112. Further, the screen template generation unit 108 generates a layout template file 113 by replacing program portions other than the screen portion with dummy program parts that do not actually operate from this file. In the layout template file 113, a program operation part is extracted and replaced with a dummy program part so that it can be confirmed on the screen.

なお、上記画面プログラム112は、上述のようにプログラム生成部107により自動生成されてものを前提とするが、図5にしめしたように、ロジック等のプログラム動作に関係する定義領域と画面レイアウトを構成する定義領域とを識別可能な構成であり、且つ、「画面部品情報」を特定する「部品コメント」が挿入された画面プログラムであれば、他の方法で作成されたものであってもよい。   The screen program 112 is assumed to be automatically generated by the program generation unit 107 as described above. However, as shown in FIG. 5, a definition area and a screen layout related to a program operation such as logic are displayed. As long as it is a screen program in which a component area can be identified and a “component comment” for specifying “screen component information” is inserted, it may be created by another method. .

上述のレイアウト雛形ファイル113を使用等して、ユーザの求める画面レイアウトにユーザがカスタマイズしたユーザ作成の画面部分であるレイアウトHTMLファイル114を用意する。   A layout HTML file 114 that is a user-created screen portion customized by the user is prepared for the screen layout desired by the user by using the layout template file 113 described above.

次に、画面マージ処理部109は、用意されたレイアウトHTMLファイル114と、上述の画面プログラム112内の画面レイアウト以外のプログラム部分及び画面部品項目とを関連づけてマージし、レイアウト済画面プログラム115を生成する。このレイアウト済画面プログラム115は、ユーザの求める画面レイアウトであって実際に動作する画面プログラムとなる。   Next, the screen merge processing unit 109 associates and merges the prepared layout HTML file 114 with program parts and screen component items other than the screen layout in the above-described screen program 112 to generate a laid-out screen program 115. To do. The laid out screen program 115 is a screen program that is actually operated and has a screen layout requested by the user.

このように、一度作成された画面プログラム112の画面レイアウトのみをユーザがレイアウト変更する場合であっても、画面プログラム112の画面レイアウトに関係する部分のみが抽出されるため、ユーザは、一般の画面編集プログラム(HTMLエディタ等)を用いて容易に変更作業を行うことができる。   Thus, even if the user changes the layout of the screen layout of the screen program 112 once created, only the portion related to the screen layout of the screen program 112 is extracted. Changing work can be easily performed using an editing program (HTML editor or the like).

そして、画面レイアウトの変更が為された後に、その変更された画面に対して、画面プログラム112のプログラム部分を関連する個所にマージして(ユーザによる手作業無しでマージして)、実際の画面プログラムを再生成することができる。   Then, after the screen layout is changed, the program portion of the screen program 112 is merged into the relevant location (there is no manual operation by the user) and the actual screen is changed. The program can be regenerated.

以上示したように、本発明によれば、一度自動生成された画面プログラムの画面部分を分離し、自動生成された画面レイアウト側を、ユーザが日頃使い慣れたエディタ等を用いてカスタマイズし、再度、分離前の画面プログラムの画面以外のプログラム部分と合体させることにより、自動生成された画面プログラムの画面部分をユーザの所望のレイアウトに、ロジックの矛盾なく変更することができる。従って、ユーザは所望の見栄えの良い画面と自動生成されたロジックの両方を享受できる等の効果を奏する。   As described above, according to the present invention, the screen part of the screen program that has been automatically generated once is separated, and the automatically generated screen layout side is customized by using an editor that the user is familiar with, etc. By combining with a program part other than the screen of the screen program before separation, the screen part of the automatically generated screen program can be changed to a user's desired layout without logic contradiction. Therefore, the user can enjoy both the desired good-looking screen and the automatically generated logic.

なお、上述した各種データの構成及びその内容はこれに限定されるものではなく、用途や目的に応じて、様々な構成や内容で構成されることは言うまでもない。   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.

以下、図18に示すメモリマップを参照して本発明に係る情報処理装置(図1に示したコンピュータ103)で読み取り可能なデータ処理プログラムの構成について説明する。   Hereinafter, the configuration of a data processing program that can be read by the information processing apparatus (computer 103 shown in FIG. 1) according to the present invention will be described with reference to the memory map shown in FIG.

図18は、本発明に係る情報処理装置(図1に示したコンピュータ103)で読み取り可能な各種データ処理プログラムを格納する記録媒体(記憶媒体)のメモリマップを説明する図である。   FIG. 18 is a diagram illustrating a memory map of a recording medium (storage medium) that stores various data processing programs readable by the information processing apparatus (computer 103 shown in FIG. 1) according to the present invention.

なお、特に図示しないが、記録媒体に記憶されるプログラム群を管理する情報、例えばバージョン情報,作成者等も記憶され、かつ、プログラム読み出し側のOS等に依存する情報、例えばプログラムを識別表示するアイコン等も記憶される場合もある。   Although not specifically shown, information for managing a program group stored in the recording medium, for example, version information, creator, etc. is also stored, and information depending on the OS on the program reading side, for example, a program is identified and displayed. Icons may also be stored.

さらに、各種プログラムに従属するデータも上記ディレクトリに管理されている。また、インストールするプログラムやデータが圧縮されている場合に、解凍するプログラム等も記憶される場合もある。   Further, data depending on various programs is also managed in the directory. In addition, when a program or data to be installed is compressed, a program to be decompressed may be stored.

本実施形態における図3,図7,図12に示す機能が外部からインストールされるプログラムによって、ホストコンピュータにより遂行されていてもよい。そして、その場合、CD−ROMやフラッシュメモリやFD等の記録媒体により、あるいはネットワークを介して外部の記録媒体から、プログラムを含む情報群を出力装置に供給される場合でも本発明は適用されるものである。   The functions shown in FIGS. 3, 7, and 12 in this embodiment may be performed by a host computer by a program installed from the outside. In this case, the present invention is applied even when an information group including a program is supplied to the output device from a recording medium such as a CD-ROM, a flash memory, or an FD, or from an external recording medium via a network. Is.

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

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

プログラムコードを供給するための記録媒体としては、例えば、フレキシブルディスク,ハードディスク,光ディスク,光磁気ディスク,CD−ROM,CD−R,DVD−ROM,磁気テープ,不揮発性のメモリカード,ROM,EEPROM,シリコンディスク等を用いることができる。   As a recording medium for supplying the program code, for example, a flexible disk, hard disk, optical disk, magneto-optical disk, CD-ROM, CD-R, DVD-ROM, magnetic tape, nonvolatile memory card, ROM, EEPROM, A silicon disk or the like can be used.

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

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

また、本発明は、複数の機器から構成されるシステムに適用しても、1つの機器からなる装置に適用してもよい。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのソフトウェアによって表されるプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。   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 represented by software 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 out a program represented by software 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. It becomes.

なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。   In addition, all the structures which combined each embodiment mentioned above and its modification are also included in this invention.

本発明の一実施形態を示す情報処理装置(プログラム生成装置)の構成を示すブロック図である。It is a block diagram which shows the structure of the information processing apparatus (program production | generation apparatus) which shows one Embodiment of this invention. 図1のコンピュータのハードウェア構成を示すブロック図である。It is a block diagram which shows the hardware constitutions of the computer of FIG. 本発明における第1の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 1st control processing procedure in this invention. 図1に示したユーザ定義情報110の一例を示す図である。It is a figure which shows an example of the user definition information 110 shown in FIG. 図1に示した画面プログラムテンプレートの一例を示す図である。It is a figure which shows an example of the screen program template shown in FIG. 図1に示した画面プログラムテンプレートの一例を示す図である。It is a figure which shows an example of the screen program template shown in FIG. 図1に示した画面プログラムの一例を示す図である。It is a figure which shows an example of the screen program shown in FIG. 図1に示した画面プログラムの一例を示す図である。It is a figure which shows an example of the screen program shown in FIG. 本発明における第2の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 2nd control processing procedure in this invention. 図1に示したレイアウト雛形ファイルの一例を示す図である。It is a figure which shows an example of the layout template file shown in FIG. 図8に示したレイアウト雛形ファイルをHTMLエディタ等でプレビューした画面の一例を示す図である。It is a figure which shows an example of the screen which previewed the layout model file shown in FIG. 8 with the HTML editor etc. FIG. 図1に示したレイアウトHTMLファイルの一例を示す図である。It is a figure which shows an example of the layout HTML file shown in FIG. 図10に示したレイアウトHTMLファイルをHTMLエディタ等でプレビューした画面の一例を示す図である。It is a figure which shows an example of the screen which previewed the layout HTML file shown in FIG. 10 with the HTML editor etc. FIG. 本発明における第3の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 3rd control processing procedure in this invention. 図1に示したレイアウト済画面プログラムの一例を示す図である。It is a figure which shows an example of the layout screen program shown in FIG. 図1に示したレイアウト済画面プログラムの一例を示す図である。It is a figure which shows an example of the layout screen program shown in FIG. 図13に示したレイアウト済画面プログラムを実行した際の表示の一例を示す図である。It is a figure which shows an example of the display at the time of performing the layout screen program shown in FIG. ユーザが用意したHTMLファイルの一例を示す図である。It is a figure which shows an example of the HTML file which the user prepared. 図15に示したHTMLファイルをプレビューした画面の一例を示す図である。FIG. 16 is a diagram showing an example of a screen on which the HTML file shown in FIG. 15 is previewed. 図15に示したユーザが用意したHTMLファイルに「部品コメント」を挿入してレイアウトHTML化したファイルの一例を示す図である。FIG. 16 is a diagram illustrating an example of a file in which “part comment” is inserted into the HTML file prepared by the user illustrated in FIG. 本発明に係る情報処理装置(図1に示したコンピュータ)で読み取り可能な各種データ処理プログラムを格納する記録媒体(記憶媒体)のメモリマップを説明する図である。It is a figure explaining the memory map of the recording medium (storage medium) which stores the various data processing program which can be read with the information processing apparatus (computer shown in FIG. 1) which concerns on this invention.

符号の説明Explanation of symbols

101 入力装置
102 表示装置
103 コンピュータ
104 外部記憶装置
105 全体制御部
106 画面制御部
107 プログラム生成部
108 画面雛形生成部
109 画面マージ処理部
110 ユーザ定義情報
111 画面プログラムテンプレート
112 画面プログラム
113 レイアウト雛形ファイル
114 レイアウトHTMLファイル
115 レイアウト済画面プログラム
DESCRIPTION OF SYMBOLS 101 Input device 102 Display device 103 Computer 104 External storage device 105 Overall control unit 106 Screen control unit 107 Program generation unit 108 Screen template generation unit 109 Screen merge processing unit 110 User definition information 111 Screen program template 112 Screen program 113 Layout template file 114 Layout HTML file 115 Screen program with layout

Claims (8)

プログラムの実行時に画面に表示される部品情報をロジックタグ内に含む画面部品情報をレイアウトした画面レイアウト情報と、該画面レイアウト情報にレイアウトされた前記各画面部品情報を識別可能な識別情報と、前記プログラムの動作ロジックを定義したロジック情報とを含む実行可能なプログラムを生成する情報処理装置における画面プログラムレイアウト変更方法において、
前記情報処理装置の画像雛形生成手段、前記プログラムから前記ロジック情報以外の情報を抽出し、該抽出した情報内の前記識別情報に対応した画面部品情報を、プログラム処理が動作しないロジックタグが除かれた当該画面部品情報と部品の形態が等しい表示便宜情報に差し替えてレイアウト雛形ファイルを生成する画面雛形生成ステップと、
前記情報処理装置の取得手段、前記画面雛形生成ステップで生成されたレイアウト雛形ファイル内の、表示便宜情報がユーザによりレイアウト変更された状態のレイアウト変更ファイルを取得する取得ステップと、
前記情報処理装置のマージ処理手段前記プログラムから、前記ロジック情報と前記画面部品情報と該画面部品情報に対応する識別情報とを抽出する抽出処理ステップと、
前記マージ処理手段が、前記取得ステップで取得された前記レイアウト変更ファイルのレイアウトが変更された表示便宜情報を、当該表示便宜情報を識別する識別情報と対応する前記抽出処理ステップで抽出した識別情報で識別される前記画面部品情報に置き換える置換え処理ステップと、
前記マージ処理手段が、前記置換え処理ステップで置き換えられた前記レイアウト変更ファイルに、前記抽出処理ステップで抽出した前記ロジック情報をマージするマージ処理ステップと、
を有することを特徴とする画面プログラムレイアウト変更方法。
Screen layout information in which screen component information including component information displayed on the screen during execution of the program is included in the logic tag, identification information that can identify each screen component information laid out in the screen layout information, and In a screen program layout changing method in an information processing apparatus for generating an executable program including logic information defining operation logic of a program,
Image model generating unit of the information processing apparatus extracts information other than the logic information from the program, the screen component information corresponding to the identification information in the information the extracted, logic tags the program process does not work is divided A screen template generation step of generating a layout template file by replacing the displayed screen component information with the display convenience information having the same form of the component ;
Acquisition means of the information processing apparatus, an acquisition step of acquiring the screen form of the product in the layout template file generated in step, layout change file state display convenience information is changed layout by the user,
Merge processing unit of the information processing apparatus, an extraction processing step of extracting from said program, and identification information corresponding to the said logic information screen component information and said screen part information,
The merge processing unit, a display convenience information layout is changed in the layout change file obtained in the previous SL acquiring step, identification information extracted by the extraction processing steps corresponding to the identification information for identifying the display convenience information A replacement processing step for replacing with the screen component information identified by
A merge processing step in which the merge processing means merges the logic information extracted in the extraction processing step into the layout change file replaced in the replacement processing step ;
A screen program layout changing method characterized by comprising:
画像雛形生成ステップでは、前記画面部品情報の中で画面表示に関する情報が有る場合、前記画面表示に関する情報を前記表示便宜情報に反映させることを特徴とする請求項1に記載の画面プログラムレイアウト変更方法。2. The screen program layout changing method according to claim 1, wherein in the image template generation step, when there is information related to screen display in the screen component information, the information related to the screen display is reflected in the display convenience information. . プログラムの実行時に画面に表示される部品情報をロジックタグ内に含む画面部品情報をレイアウトした画面レイアウト情報と、該画面レイアウト情報にレイアウトされた前記各画面部品情報を識別可能な識別情報と、前記プログラムの動作ロジックを定義したロジック情報とを含む実行可能なプログラムを生成する情報処理装置において、
前記プログラムから前記ロジック情報以外の情報を抽出し、該抽出した情報内の前記識別情報に対応した画面部品情報を、プログラム処理が動作しないロジックタグが除かれた当該画面部品情報と部品の形態が等しい表示便宜情報に差し替えてレイアウト雛形ファイルを生成する画面雛形生成手段と、
前記画面雛形生成手段で生成されたレイアウト雛形ファイル内の、表示便宜情報がユーザによりレイアウト変更された状態のレイアウト変更ファイルを取得する取得手段と、
前記プログラムから、前記ロジック情報と前記画面部品情報と該画面部品情報に対応する識別情報とを抽出する抽出処理手段と、
記取得手段で取得された前記レイアウト変更ファイルのレイアウトが変更された表示便宜情報を、当該表示便宜情報を識別する識別情報と対応する前記抽出処理手段で抽出した識別情報で識別される前記画面部品情報に置き換える置換え処理手段と、
前記置換え処理手段で置き換えられた前記レイアウト変更ファイルに、前記抽出処理手段で抽出した前記ロジック情報をマージするマージ処理手段と、
を有することを特徴とする情報処理装置
Screen layout information in which screen component information including component information displayed on the screen during execution of the program is included in the logic tag, identification information that can identify each screen component information laid out in the screen layout information, and In an information processing apparatus that generates an executable program including logic information that defines the operation logic of a program,
Information other than the logic information is extracted from the program, and the screen component information corresponding to the identification information in the extracted information has the form of the screen component information and the component from which the logic tag that does not operate the program processing is removed. A screen template generation means for generating a layout template file by replacing it with equal display convenience information ;
An acquisition means for acquiring a layout change file in a state in which the display convenience information is changed by the user in the layout template file generated by the screen template generation means;
Extraction processing means for extracting the logic information, the screen component information, and identification information corresponding to the screen component information from the program;
The screen before Symbol layout of the layout change file acquired by the acquisition means displays convenience information that has changed is identified by the identification information extracted by the extraction processing unit and the corresponding identification information for identifying the display convenience information Replacement processing means to replace with parts information ,
Merge processing means for merging the logic information extracted by the extraction processing means into the layout change file replaced by the replacement processing means ;
An information processing apparatus comprising:
画像雛形生成手段は、前記画面部品情報の中で画面表示に関する情報が有る場合、前記画面表示に関する情報を前記表示便宜情報に反映させることを特徴とする請求項3に記載の情報処理装置。The information processing apparatus according to claim 3, wherein the image template generation unit reflects information related to the screen display in the display convenience information when the screen component information includes information related to the screen display. プログラムの実行時に画面に表示される部品情報をロジックタグ内に含む画面部品情報をレイアウトした画面レイアウト情報と、該画面レイアウト情報にレイアウトされた前記各画面部品情報を識別可能な識別情報と、前記プログラムの動作ロジックを定義したロジック情報とを含む実行可能なプログラムを生成するコンピュータを、
前記プログラムから前記ロジック情報以外の情報を抽出し、該抽出した情報内の前記識別情報に対応した画面部品情報を、プログラム処理が動作しないロジックタグが除かれた当該画面部品情報と部品の形態が等しい表示便宜情報に差し替えてレイアウト雛形ファイルを生成する画面雛形生成手段、
前記画面雛形生成手段で生成されたレイアウト雛形ファイル内の、表示便宜情報がユーザによりレイアウト変更された状態のレイアウト変更ファイルを取得する取得手段、
前記プログラムから、前記ロジック情報と前記画面部品情報と該画面部品情報に対応する識別情報とを抽出する抽出処理手段、
前記取得手段で取得された前記レイアウト変更ファイルのレイアウトが変更された表示便宜情報を、当該表示便宜情報を識別する識別情報と対応する前記抽出処理手段で抽出した識別情報で識別される前記画面部品情報に置き換える置換え処理手段、
前記置換え処理手段で置き換えられた前記レイアウト変更ファイルに、前記抽出処理手段で抽出した前記ロジック情報をマージするマージ処理手段として機能させるためのプログラム。
Screen layout information in which screen component information including component information displayed on the screen during execution of the program is included in the logic tag, identification information that can identify each screen component information laid out in the screen layout information, and A computer that generates an executable program including logic information defining the operation logic of the program;
Information other than the logic information is extracted from the program, and the screen component information corresponding to the identification information in the extracted information has the form of the screen component information and the component from which the logic tag that does not operate the program processing is removed. Screen template generation means for generating a layout template file by replacing with the same display convenience information,
An obtaining unit for obtaining a layout change file in a state in which the display convenience information is changed by the user in the layout template file generated by the screen template generation unit;
Extraction processing means for extracting the logic information, the screen component information, and identification information corresponding to the screen component information from the program;
The screen component identified by the identification information extracted by the extraction processing means corresponding to the identification information for identifying the display convenience information, the display convenience information in which the layout of the layout change file acquired by the acquisition means is changed Replacement processing means to replace with information,
A program for functioning as a merge processing unit that merges the logic information extracted by the extraction processing unit into the layout change file replaced by the replacement processing unit .
画像雛形生成手段は、前記画面部品情報の中で画面表示に関する情報が有る場合、前記画面表示に関する情報を前記表示便宜情報に反映させることを特徴とする請求項5に記載のプログラム。The program according to claim 5, wherein the image template generation means reflects information related to the screen display in the display convenience information when the screen component information includes information related to the screen display. プログラムの実行時に画面に表示される部品情報をロジックタグ内に含む画面部品情報をレイアウトした画面レイアウト情報と、該画面レイアウト情報にレイアウトされた前記各画面部品情報を識別可能な識別情報と、前記プログラムの動作ロジックを定義したロジック情報とを含む実行可能なプログラムを生成するコンピュータを、
前記プログラムから前記ロジック情報以外の情報を抽出し、該抽出した情報内の前記識別情報に対応した画面部品情報を、プログラム処理が動作しないロジックタグが除かれた当該画面部品情報と部品の形態が等しい表示便宜情報に差し替えてレイアウト雛形ファイルを生成する画面雛形生成手段、
前記画面雛形生成手段で生成されたレイアウト雛形ファイル内の、表示便宜情報がユーザによりレイアウト変更された状態のレイアウト変更ファイルを取得する取得手段、
前記プログラムから、前記ロジック情報と前記画面部品情報と該画面部品情報に対応する識別情報とを抽出する抽出処理手段、
前記取得手段で取得された前記レイアウト変更ファイルのレイアウトが変更された表示便宜情報を、当該表示便宜情報を識別する識別情報と対応する前記抽出処理手段で抽出した識別情報で識別される前記画面部品情報に置き換える置換え処理手段、
前記置換え処理手段で置き換えられた前記レイアウト変更ファイルに、前記抽出処理手段で抽出した前記ロジック情報をマージするマージ処理手段として機能させるためのプログラムをコンピュータ読み取り可能に記録した記録媒体。
Screen layout information in which screen component information including component information displayed on the screen during execution of the program is included in the logic tag, identification information that can identify each screen component information laid out in the screen layout information, and A computer that generates an executable program including logic information defining the operation logic of the program;
Information other than the logic information is extracted from the program, and the screen component information corresponding to the identification information in the extracted information has the form of the screen component information and the component from which the logic tag that does not operate the program processing is removed. Screen template generation means for generating a layout template file by replacing with the same display convenience information,
An obtaining unit for obtaining a layout change file in a state in which the display convenience information is changed by the user in the layout template file generated by the screen template generation unit;
Extraction processing means for extracting the logic information, the screen component information, and identification information corresponding to the screen component information from the program;
The screen component identified by the identification information extracted by the extraction processing means corresponding to the identification information for identifying the display convenience information, the display convenience information in which the layout of the layout change file acquired by the acquisition means is changed Replacement processing means to replace with information,
A recording medium recorded with a computer-readable program for causing the layout change file replaced by the replacement processing means to function as a merge processing means for merging the logic information extracted by the extraction processing means .
画像雛形生成手段は、前記画面部品情報の中で画面表示に関する情報が有る場合、前記画面表示に関する情報を前記表示便宜情報に反映させることを特徴とする請求項7に記載の記録媒体。8. The recording medium according to claim 7, wherein the image template generation means reflects the information related to the screen display in the display convenience information when the screen component information includes information related to the screen display.
JP2006088997A 2006-03-28 2006-03-28 Screen program layout changing method, information processing apparatus, program, and recording medium Expired - Lifetime JP4889338B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2006088997A JP4889338B2 (en) 2006-03-28 2006-03-28 Screen program layout changing method, information processing apparatus, program, and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2006088997A JP4889338B2 (en) 2006-03-28 2006-03-28 Screen program layout changing method, information processing apparatus, program, and recording medium

Publications (3)

Publication Number Publication Date
JP2007265011A JP2007265011A (en) 2007-10-11
JP2007265011A5 JP2007265011A5 (en) 2010-04-30
JP4889338B2 true JP4889338B2 (en) 2012-03-07

Family

ID=38637939

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2006088997A Expired - Lifetime JP4889338B2 (en) 2006-03-28 2006-03-28 Screen program layout changing method, information processing apparatus, program, and recording medium

Country Status (1)

Country Link
JP (1) JP4889338B2 (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009251975A (en) * 2008-04-08 2009-10-29 Hitachi Ltd Automatic web application generator
CN102193953B (en) * 2010-03-17 2017-04-12 日电(中国)有限公司 desktop application migration system and method
JP5140708B2 (en) * 2010-07-30 2013-02-13 京セラドキュメントソリューションズ株式会社 Electronic device program and electronic device system
CN113572985B (en) * 2021-07-27 2023-06-09 北京国基科技股份有限公司 Method and system for switching and displaying operation video pictures of port machinery equipment

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003150377A (en) * 2001-11-16 2003-05-23 Nec Corp System, method for developing picture output module, program, and recording medium
JP2004157927A (en) * 2002-11-08 2004-06-03 Nec Corp Creating system for business form input, creating program and creating method
JP2005122632A (en) * 2003-10-20 2005-05-12 Hitachi Software Eng Co Ltd Web application development support device and method for supporting development
JP2007058808A (en) * 2005-08-26 2007-03-08 Hitachi Software Eng Co Ltd Method and device for supporting html data generation program

Also Published As

Publication number Publication date
JP2007265011A (en) 2007-10-11

Similar Documents

Publication Publication Date Title
CN112416339A (en) Page development method and device and computer equipment
US20110296322A1 (en) Markup Based Extensibility for User Interfaces
CN102591643B (en) Edit when optionally enabling the operation of application
US20080263101A1 (en) Data Processing Device and Data Processing Method
KR101809457B1 (en) Client terminal device supporting editing of a web document and operating method thereof
US20140006913A1 (en) Visual template extraction
CN110968294B (en) Business domain model establishing system and method
CN103309659A (en) User interface dynamic generation method and device based on rich client platform
US20080040677A1 (en) HMI Development Support Apparatus, HMI Development Support Method and HMI Development Support Program
KR20150066377A (en) Simulation framework system based on DEVS and simulation method using the same
JP4889338B2 (en) Screen program layout changing method, information processing apparatus, program, and recording medium
KR20130102763A (en) Apparatus and method for logic creation of development tools, and storage medium recording program for implementing method thereof
EP1821219A1 (en) Document processing device and document processing method
US7805452B2 (en) Data processing device and data processing method
JP2008158989A (en) GUI generating apparatus and GUI generating method
CN110874448A (en) Method for synchronizing HTML running picture and editing picture and program for implementing the method
KR20140137630A (en) Widget authoring system and method thereof
JP2008287365A (en) Program generation device, program generation method, program, and recording medium
JP4566196B2 (en) Document processing method and apparatus
JP3830686B2 (en) Structured document processing apparatus and structured document processing method
JP2020135159A (en) Source file generation program, source file generation method, and information processing device
JPWO2006051974A1 (en) Document processing apparatus and document processing method
JP4988226B2 (en) PROGRAM GENERATION DEVICE, PROGRAM GENERATION METHOD, PROGRAM, AND RECORDING MEDIUM
KR20150136310A (en) Wysiwyg editor system
JP2008052356A (en) Source code automatic generation device

Legal Events

Date Code Title Description
RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20080403

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20081224

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20100316

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20110811

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20110816

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20111017

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: 20111213

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20111213

R150 Certificate of patent or registration of utility model

Ref document number: 4889338

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20141222

Year of fee payment: 3

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

R370 Written measure of declining of transfer procedure

Free format text: JAPANESE INTERMEDIATE CODE: R370

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

R370 Written measure of declining of transfer procedure

Free format text: JAPANESE INTERMEDIATE CODE: R370

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

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

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

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