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
JP7121313B2 - Information processing device and its processing method and program - Google Patents
[go: Go Back, main page]

JP7121313B2 - Information processing device and its processing method and program - Google Patents

Information processing device and its processing method and program Download PDF

Info

Publication number
JP7121313B2
JP7121313B2 JP2020187779A JP2020187779A JP7121313B2 JP 7121313 B2 JP7121313 B2 JP 7121313B2 JP 2020187779 A JP2020187779 A JP 2020187779A JP 2020187779 A JP2020187779 A JP 2020187779A JP 7121313 B2 JP7121313 B2 JP 7121313B2
Authority
JP
Japan
Prior art keywords
screen
transition
input
output
information
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.)
Active
Application number
JP2020187779A
Other languages
Japanese (ja)
Other versions
JP2021015644A5 (en
JP2021015644A (en
Inventor
智子 鈴木
文洋 柴本
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
Original Assignee
Canon Marketing Japan Inc
Canon IT Solutions 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 IT Solutions Inc filed Critical Canon Marketing Japan Inc
Priority to JP2020187779A priority Critical patent/JP7121313B2/en
Publication of JP2021015644A publication Critical patent/JP2021015644A/en
Publication of JP2021015644A5 publication Critical patent/JP2021015644A5/ja
Priority to JP2022118556A priority patent/JP7397368B2/en
Application granted granted Critical
Publication of JP7121313B2 publication Critical patent/JP7121313B2/en
Priority to JP2023199060A priority patent/JP7667485B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Stored Programmes (AREA)

Description

プログラム生成する情報処理装置とその処理方法及びプログラムに関する。 The present invention relates to an information processing apparatus that generates a program, a processing method thereof, and a program.

近年、企業内では、クライアント端末に特別なアプリケーションをインストールすることなく業務が行えるように、業務用アプリケーションのWeb化が急速に進んでいる。そしてこのような業務アプリケーションの開発現場においては、開発スキル不足や要員不足を解決するために、Webアプリケーションをプログラミングレスで容易に作成できる開発ツールが用いられている。このような開発ツールを用いると、プログラミング言語の知識を有していなくても、業務・設計ノウハウを活用して基本設計情報を定義するだけで、Webアプリケーションを自動生成することができる。 2. Description of the Related Art In recent years, business applications are becoming increasingly Web-based so that business can be done without installing a special application on a client terminal within a company. In the field of developing such business applications, development tools that can easily create web applications without programming are used in order to solve the shortage of development skills and personnel. Using such a development tool, even without knowledge of a programming language, a web application can be automatically generated simply by defining basic design information using business and design know-how.

ところで、このようなWebアプリケーションは複数の画面を用意し、画面から別の画面へと遷移していくように設計されるが、全体の業務の流れを把握するために画面遷移図を作成することがある。 By the way, such a web application is designed to prepare a plurality of screens and transition from one screen to another. There is

このような画面遷移図を手作業で作成することは煩雑であるため、自動で画面遷移図を作成することのできる仕組みが求められている。 Since it is troublesome to manually create such a screen transition diagram, there is a demand for a mechanism capable of automatically creating a screen transition diagram.

特に、Webアプリケーションの開発時には画面遷移の仕様が開発途中で変更になることが多く、開発中においても画面遷移がどのような状態となっているのかを視覚的に認識することができる画面遷移図を生成する技術が、例えば特許文献1に開示されている。 In particular, when developing web applications, the specifications of screen transitions often change during development. is disclosed in Patent Document 1, for example.

特開2016-173721号公報JP 2016-173721 A

ところで、Webアプリケーションでは多くの画面を有しているため、画面遷移図を表示すると複雑な図となってしまい見づらい環境となってしまう。 By the way, since a Web application has many screens, displaying a screen transition diagram results in a complicated diagram and an environment that is difficult to see.

また、Webアプリケーションを実行した場合、利用ユーザは画面を介して操作しているため、その画面を基準とした画面遷移図が望ましいが、特許文献1の技術では、所定の遷移数以上の画面を中心に画面遷移図を表示するため、Webアプリケーションの実行時の環境には適さないという課題があった。 Further, when a Web application is executed, the user operates through a screen, so it is desirable to have a screen transition diagram based on that screen. Since the screen transition diagram is displayed in the center, there is a problem that it is not suitable for the environment during execution of the Web application.

そこで、本発明の目的は、より適した画面遷移図を生成する仕組みを提供することである。 SUMMARY OF THE INVENTION Accordingly, an object of the present invention is to provide a mechanism for generating a more suitable screen transition diagram.

特定のプログラムで表示される画面の遷移関係を特定する特定手段と、所定の指示を受け付けたことに応じて、前記特定手段で特定した遷移関係に基づき、前記特定のプログラムで表示される複数の画面のうち、前記複数の画面のそれぞれを基準として、遷移回数が所定数を超える遷移元と遷移先の画面の情報を含むことなく、遷移回数が前記所定数までの遷移元と遷移先の少なくとも一方の画面の情報を含む遷移図をそれぞれ生成するように制御する制御手段と、前記制御手段による制御で生成された前記遷移図を表示するように制御する表示制御手段とを有することを特徴とする。 specifying means for specifying a transition relationship of screens displayed by a specific program; and in response to receiving a predetermined instruction , a plurality of screens displayed by the specific program based on the transition relationship specified by the specifying means. Of the screens, with reference to each of the plurality of screens, at least a transition source and a transition destination whose number of transitions is up to the predetermined number without including information on a transition source and a transition destination screen whose number of transitions exceeds a predetermined number characterized by comprising: control means for controlling to generate transition diagrams containing information of one screen respectively; and display control means for controlling to display the transition diagrams generated by the control by the control means. do.

本発明によれば、より適した画面遷移図を生成することができる。
According to the present invention, a more suitable screen transition diagram can be generated .

本実施形態におけるシステム構成を示す図である。It is a figure which shows the system configuration|structure in this embodiment. 本実施形態における各装置に適用可能なハードウェア構成を示す図である。It is a figure which shows the hardware configuration applicable to each apparatus in this embodiment. プログラム開発装置101における処理概要を示す図である。3 is a diagram showing an outline of processing in the program development device 101; FIG. プログラム開発装置101の処理後の処理概要を示す図である。3 is a diagram showing an overview of processing after processing by the program development device 101; FIG. Webアプリケーションおよび画面仕様ドキュメント生成処理全体の一例を示すフローチャートである。6 is a flow chart showing an example of the entire Web application and screen specification document generation processing. 定義の構造の一例を示す図である。It is a figure which shows an example of the structure of a definition. 画面仕様ドキュメントの生成処理の一例を示すフローチャートである。8 is a flow chart showing an example of processing for generating a screen specification document; 検索情報作成処理の一例を示すフローチャートである。9 is a flowchart showing an example of search information creation processing; 画面一覧情報作成処理の一例を示すフローチャートである。9 is a flowchart showing an example of screen list information creation processing; 画面仕様情報作成処理の一例を示すフローチャートである。8 is a flowchart showing an example of screen specification information creation processing; 画面項目仕様情報作成処理の一例を示すフローチャートである。9 is a flowchart showing an example of screen item specification information creation processing; 画面遷移図作成処理の一例を示すフローチャートである。FIG. 10 is a flowchart showing an example of screen transition diagram creation processing; FIG. アプリケーション設定の一例を示す図である。FIG. 10 is a diagram showing an example of application settings; 入出力定義の一例を示す図である。It is a figure which shows an example of an input-output definition. 入出力レイアウト定義画面の一例を示す図である。It is a figure which shows an example of an input-output layout definition screen. 階層レベルの設定情報の一例を示す図である。FIG. 10 is a diagram showing an example of hierarchical level setting information; 画面遷移図と遷移図のデータの一例を示す図である。FIG. 4 is a diagram showing an example of a screen transition diagram and data of the transition diagram; アイコンが操作された際の画面遷移図の一例を示す図である。FIG. 10 is a diagram showing an example of a screen transition diagram when an icon is operated; 画面仕様ドキュメントの一例を示す図である。FIG. 10 is a diagram showing an example of a screen specification document; FIG. 画面仕様ドキュメントにおける表示制御処理の一例を示すフローチャートである。7 is a flow chart showing an example of display control processing in a screen specification document; 本実施形態における、特徴を示す機能構成の一例を示す図である。It is a figure which shows an example of the functional structure which shows the characteristic in this embodiment.

以下、本発明の実施の形態を、図面を参照して詳細に説明する。 BEST MODE FOR CARRYING OUT THE INVENTION Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.

図1は、本発明に係わるプログラム開発装置(開発者がWebアプリケーション生成のために使用する情報処理装置)、プログラム開発サーバ、データベースサーバ、アプリケーションクライアント(クライアント装置)、アプリケーションサーバの構成の一例を示すシステム構成図である(情報処理システム)。 FIG. 1 shows an example of the configuration of a program development device (information processing device used by a developer to generate a web application), a program development server, a database server, an application client (client device), and an application server according to the present invention. It is a system block diagram (information processing system).

プログラム開発装置101は、開発者の操作に従って画面レイアウトおよびデータベース検索指示などを定義する。プログラム開発装置101単体では、開発者の入力受付を行い、後述するプログラム開発サーバ102に実際のプログラム生成処理、アプリケーション生成処理をさせてもよいし、プログラム開発装置101単体でプログラム生成、アプリケーション生成まで処理してもよい。 The program development device 101 defines screen layouts, database search instructions, and the like according to the developer's operation. The program development apparatus 101 alone may receive input from the developer and cause the program development server 102 (to be described later) to perform actual program generation processing and application generation processing. may be processed.

なお、この実施形態においては、プログラム開発装置101で生成するアプリケーションはWebアプリケーションとしたが、これに限定するものではなく、携帯電話・スマートフォン・タブレットなどの情報処理装置で動作するアプリケーションや組込みソフトウェアなど、Web技術による通信を利用したアプリケーションでなくてもよい。 Note that in this embodiment, the application generated by the program development apparatus 101 is a web application, but the application is not limited to this, and can be an application that operates on an information processing apparatus such as a mobile phone, a smart phone, a tablet, or an embedded software. , the application does not have to use communication by Web technology.

プログラム開発サーバ102a~102b(情報処理装置)は、プログラム開発装置101により入力された開発者の指示に従って、プログラムを開発する。プログラム開発サーバ102aはLANなどのネットワーク106内に配置されてもよいし、プログラム開発サーバ102bはインターネット上やクラウド上に配置されてもよい。 The program development servers 102a and 102b (information processing devices) develop programs according to the developer's instructions input by the program development device 101. FIG. The program development server 102a may be arranged in a network 106 such as a LAN, and the program development server 102b may be arranged on the Internet or cloud.

データベースサーバ103a~103b(情報処理装置)は、開発されたアプリケーションが使用するデータベースであり、また本発明では開発時にも動作確認などのために利用してもよい。例えば、開発者が利用するためにデータベースサーバ103は、プログラム開発装置101と同一の装置で構成されていてもよいし、LANなどのネットワーク106内に配置されてもよい(データベースサーバ103a)。またインターネット上やクラウド上に配置されてもよい(データベースサーバ103b)。また、プログラム開発装置101が、プログラム開発サーバ102と協調する場合には、プログラム開発サーバ102とデータベースサーバ103が同一の装置内に構成されていてもよい。 The database servers 103a and 103b (information processing devices) are databases used by developed applications, and in the present invention, may also be used for checking operations during development. For example, the database server 103 for use by developers may be configured with the same device as the program development device 101, or may be arranged in a network 106 such as a LAN (database server 103a). It may also be arranged on the Internet or on the cloud (database server 103b). Further, when the program development device 101 cooperates with the program development server 102, the program development server 102 and the database server 103 may be configured within the same device.

アプリケーションサーバ105a~105b(情報処理装置)は、プログラム開発装置101で開発されたアプリケーションを実行する。LANなどのネットワーク106内に配置されてもよい(アプリケーションサーバ105a)し、またインターネット上やクラウド上に配置されてもよい(アプリケーションサーバ105b)。また、ネットワーク106、インターネット、クラウド上のデータベースサーバ103と接続して動作する可能である。 Application servers 105 a and 105 b (information processing devices) execute applications developed by program development device 101 . It may be arranged in a network 106 such as a LAN (application server 105a), or may be arranged on the Internet or cloud (application server 105b). Also, it can operate by connecting to the network 106, the Internet, and the database server 103 on the cloud.

アプリケーションクライアント104a~104b(情報処理装置)は、アプリケーションサーバ105と協調してプログラム開発装置101で開発したアプリケーションプログラムを動作させる、ユーザの入力端末である。LANなどのネットワーク106内に配置されてもよい(アプリケーションクライアント104a)し、またインターネット上やクラウド上に配置されてもよい(アプリケーションクライアント104b)。携帯端末などの情報処理装置であってもよい。 The application clients 104a to 104b (information processing devices) are user input terminals that operate application programs developed by the program development device 101 in cooperation with the application server 105. FIG. It may be arranged in a network 106 such as a LAN (application client 104a), or may be arranged on the Internet or cloud (application client 104b). It may be an information processing device such as a mobile terminal.

図2は、本発明に係わるプログラム開発装置101、プログラム開発サーバ102、データベースサーバ103、アプリケーションクライアント104、アプリケーションサーバ105として適用可能な各ハードウェア構成の一例を示すブロック図である。 FIG. 2 is a block diagram showing an example of each hardware configuration applicable as the program development device 101, program development server 102, database server 103, application client 104, and application server 105 according to the present invention.

図2において、CPU201は、システムバス204に接続される各デバイスを統括的に制御する。 In FIG. 2, a CPU 201 centrally controls each device connected to a system bus 204 .

また、ROM203あるいは外部メモリ211には、CPU201の制御プログラムであるオペレーティングシステム(OS)や、各サーバ、クライアント、装置など情報処理装置の後述する各種機能を実現するためのプログラムが記憶されている。 The ROM 203 or the external memory 211 also stores an operating system (OS), which is a control program for the CPU 201, and programs for realizing various functions of information processing apparatuses such as servers, clients, and apparatuses, which will be described later.

RAM202は、CPU201の主メモリ、ワークエリア、一時待避領域等として機能する。 A RAM 202 functions as a main memory, a work area, a temporary save area, and the like for the CPU 201 .

入力コントローラ205は、入力部209からの入力を制御する。この入力部209としては、情報処理装置では、キーボード、マウス等のポインティングデバイスが挙げられる。 The input controller 205 controls input from the input unit 209 . The input unit 209 includes a pointing device such as a keyboard and a mouse in the information processing apparatus.

出力コントローラ206は、出力部210の表示を制御する。この出力部210としては、例えば、CRTや液晶ディスプレイ等が挙げられる。 The output controller 206 controls the display of the output section 210 . Examples of the output unit 210 include a CRT, a liquid crystal display, and the like.

外部メモリコントローラ207は、ブートプログラム、各種のアプリケーション、フォントデータ、ユーザーファイル、編集ファイル、プリンタドライバ等を記憶する外部メモリ211へのアクセスを制御する。加えて、各サーバ、クライアント、装置等の各種機能を実現するための各種テーブル、パラメータが記憶されている。この外部メモリ211としては、ハードディスク(HD)やフレキシブルディスク(FD)、PCMCIAカードスロットにアダプタを介して接続されるコンパクトフラッシュ(登録商標)、スマートメディア等が挙げられる。 An external memory controller 207 controls access to an external memory 211 that stores boot programs, various applications, font data, user files, edit files, printer drivers, and the like. In addition, various tables and parameters for realizing various functions of each server, client, device, etc. are stored. Examples of the external memory 211 include a hard disk (HD), flexible disk (FD), compact flash (registered trademark) connected to a PCMCIA card slot via an adapter, smart media, and the like.

通信I/Fコントローラ208は、ネットワークを介して外部機器との通信制御処理を実行する。 A communication I/F controller 208 executes communication control processing with external devices via a network.

本発明を実現するためのプログラム212は外部メモリ211に記録されており、必要に応じてRAM202にロードされることによりCPU201によって実行されるものである。 A program 212 for realizing the present invention is recorded in the external memory 211 and is executed by the CPU 201 by being loaded into the RAM 202 as necessary.

次に本実施形態における基本の処理について、図3、図4の構成図を用いて説明する。なお、本実施形態における特徴となる処理の詳細については、図5、図7~図12、図20のフローチャートを用いて説明する(特に図12)。 Next, basic processing in this embodiment will be described with reference to the block diagrams of FIGS. 3 and 4. FIG. Details of the processing that characterizes this embodiment will be described with reference to the flowcharts of FIGS. 5, 7 to 12, and 20 (especially FIG. 12).

図3は、プログラム開発装置101の処理概要を示す構成図である。プログラム開発装置101は、Webアプリケーションを開発する開発者が定義した定義ファイルをもとにWebアプリケーションを自動生成することを目的とした装置である。プログラム開発装置101は、リポジトリ定義部401、Webアプリケーション生成部416、画面仕様ドキュメント生成部420により構成される。また、前述に加え、階層レベル設定415、画面遷移図生成部439を本実施形態における特徴として備えている。 FIG. 3 is a configuration diagram showing an outline of processing of the program development device 101. As shown in FIG. The program development device 101 is a device intended to automatically generate a web application based on a definition file defined by a developer who develops the web application. The program development device 101 comprises a repository definition unit 401 , a web application generation unit 416 and a screen specification document generation unit 420 . Further, in addition to the above, a layer level setting 415 and a screen transition diagram generation unit 439 are provided as features of this embodiment.

リポジトリ定義部401は、アプリケーション定義402、入出力定義403、データモデル定義404、ビジネスプロセス定義405、データベース定義406、ドキュメント用定義407、画面HTMLデータ408、ドキュメントフィルタ定義409、表紙ファイル410、アプリケーションリソースファイル411、ドキュメントリソースファイル412、ヘッダ/フッタファイル413、関連文書414、階層レベル設定415を備える。これらのファイルは、Webアプリケーション開発ツールを介して開発者によって入力され、作成される。すなわち、リポジトリ定義部401は、プログラムへ引数として入力される項目を定義する入力定義情報と、プログラムから処理結果として出力する項目を定義する出力定義情報とを入出力定義情報として管理している。 The repository definition part 401 includes an application definition 402, an input/output definition 403, a data model definition 404, a business process definition 405, a database definition 406, a document definition 407, a screen HTML data 408, a document filter definition 409, a cover file 410, and an application resource. It comprises files 411 , document resource files 412 , header/footer files 413 , related documents 414 and hierarchical level settings 415 . These files are entered and created by developers through web application development tools. That is, the repository definition unit 401 manages, as input/output definition information, input definition information that defines items that are input to the program as arguments, and output definition information that defines items that are output from the program as processing results.

次に、Webアプリケーション生成部416について説明する。Webアプリケーション生成部416で生成された情報は、外部メモリ211に記憶される。 Next, the web application generation unit 416 will be described. Information generated by the web application generation unit 416 is stored in the external memory 211 .

Webアプリケーション生成部416はリポジトリ定義解析部417によってリポジトリ定義部401を解析し、Webアプリケーションコード生成部418を介し、ソースコードコンパイル部419にてコンパイル済Javaコード444とHTML/JSP/JavaScript445からなるWebアプリケーション443を生成する(javaは登録商標)。 The web application generation unit 416 analyzes the repository definition unit 401 by the repository definition analysis unit 417 , and converts the compiled Java code 444 and the HTML/JSP/Javascript 445 into a web file by the source code compilation unit 419 via the web application code generation unit 418 . An application 443 is generated (java is a registered trademark).

リポジトリ定義解析部417は、リポジトリ定義部401からデータベース定義406、アプリケーション定義402、データモデル定義404、入出力定義403、ビジネスプロセス定義405を読み込み解析するものとする。 The repository definition analysis unit 417 reads the database definition 406, the application definition 402, the data model definition 404, the input/output definition 403, and the business process definition 405 from the repository definition unit 401 and analyzes them.

すなわち、Webアプリケーション生成部416は、Webアプリケーションに用いられるプログラムを生成するルールを記憶する手段の一例である。 That is, the web application generation unit 416 is an example of means for storing rules for generating programs used in web applications.

Webアプリケーション生成部416は、外部メモリ211に記憶されているコード生成ルールと、リポジトリ定義解析部417によって解析された内容とを用いて、Webアプリケーションコード生成部418でソースコード(JSP)を生成する。このソースコードを取り込みソースコードコンパイル部419でコンパイルされたファイルを生成する。そしてソースコードコンパイル部419がコンパイルされたファイルをアプリケーションサーバへデプロイする。なお、ソースコード、コンパイルされたファイル、デプロイされたデータを総称してプログラムデータともいう。 The web application generation unit 416 uses the code generation rules stored in the external memory 211 and the contents analyzed by the repository definition analysis unit 417 to generate the source code (JSP) in the web application code generation unit 418. . This source code is taken in and compiled by the source code compiling unit 419 to generate a file. Then, the source code compiling unit 419 deploys the compiled files to the application server. Source code, compiled files, and deployed data are also collectively called program data.

より詳細には、生成されるソースコードは、大きくサーバ用とクライアント用に分かれている。サーバ用のソースコードをコンパイルしコンパイルされたファイルが生成され、クライアント用のソースコードはコンパイルされずファイルとしてプログラム開発装置101上に置く。このファイルを用いてアプリケーションサーバ105にデプロイする。 More specifically, the generated source code is largely divided into server and client. A compiled file is generated by compiling the source code for the server, and the source code for the client is placed on the program development device 101 as a file without being compiled. This file is used to deploy to the application server 105 .

また、サーバ用はJavaプログラム(javaは登録商標)が生成され、生成された直後にコンパイルされてclassファイルになり、そのclassファイルがデプロイされる。クライアント用はJSP/JavaScript/CSSが生成され、それらはコンパイルされず、そのままデプロイされる。 Also, for the server, a Java program (java is a registered trademark) is generated, compiled into a class file immediately after generation, and the class file is deployed. For the client, JSP/Javascript/CSS are generated, they are not compiled and deployed as is.

デプロイされたモジュールがWebアプリケーション443である。具体的には、デプロイすると「.war」の拡張子を有するファイルがアプリケーションサーバに配置される。すなわち、Webアプリケーション生成部416は、Webアプリケーションに用いられるプログラムを生成するルールを記憶している。例えば、予め決められたルールに従って、ソースコードが生成される。 A deployed module is the web application 443 . Specifically, when deployed, a file with a ".war" extension is placed on the application server. That is, the web application generation unit 416 stores rules for generating programs used for web applications. For example, source code is generated according to predetermined rules.

次に、画面仕様ドキュメント生成部420について説明する。画面仕様ドキュメント生成部420で生成された情報は、外部メモリ211に記憶される。 Next, the screen specification document generation unit 420 will be described. Information generated by the screen specification document generation unit 420 is stored in the external memory 211 .

画面仕様ドキュメント生成部420は、リポジトリ定義解析部421によってリポジトリ定義部401を解析する。画面仕様ドキュメント生成部420は、画面一覧生成部422、画面仕様生成部423、画面HTML生成部424、画面項目仕様生成部425、検索機能生成部426、関連文書生成部428、表紙生成部429、ヘッダ/フッタ生成部430、画面遷移図生成部439を介してHTML/CSS/JavaScript449と画像ファイル450からなる画面仕様ドキュメント448を生成する(javaは登録商標)。 The screen specification document generation unit 420 analyzes the repository definition unit 401 by the repository definition analysis unit 421 . The screen specification document generation unit 420 includes a screen list generation unit 422, a screen specification generation unit 423, a screen HTML generation unit 424, a screen item specification generation unit 425, a search function generation unit 426, a related document generation unit 428, a cover generation unit 429, A screen specification document 448 composed of HTML/CSS/Javascript 449 and an image file 450 is generated via a header/footer generation unit 430 and a screen transition diagram generation unit 439 (java is a registered trademark).

画面遷移図生成部439は、画面遷移図に必要なデータを抽出する画面遷移データ抽出部440と、画面ブロック生成部441と、画面遷移図レイアウト構成部442を有している。 The screen transition diagram generation unit 439 has a screen transition data extraction unit 440 for extracting data necessary for the screen transition diagram, a screen block generation unit 441 , and a screen transition diagram layout configuration unit 442 .

その際、画面遷移図レイアウト構成部442は、出力フィルタ管理部431を介してドキュメントエリア設定管理部433のエリア出力設定434とエリアサイズ設定435によって画面一覧生成部422、画面仕様生成部423、画面HTML生成部424、画面項目仕様生成部425、検索機能生成部426へレイアウトを反映し、さらにドキュメントテーマ管理部を介して、組み込みデザイン情報437やユーザ作成デザイン情報438を用いて、ドキュメント全体の装飾を画面仕様ドキュメント448へ反映する。 At this time, the screen transition diagram layout configuration unit 442 uses the area output setting 434 and the area size setting 435 of the document area setting management unit 433 via the output filter management unit 431 to generate the screen list generation unit 422, the screen specification generation unit 423, and the screen The layout is reflected in the HTML generation unit 424, the screen item specification generation unit 425, and the search function generation unit 426, and the entire document is decorated using the built-in design information 437 and the user-created design information 438 via the document theme management unit. is reflected in the screen specification document 448 .

また、言語別ドキュメント置換処理部432は表紙生成部429、ヘッダ/フッタ生成部430へ言語別のファイルを設定する。 Also, the language-specific document replacement processing unit 432 sets language-specific files to the cover generation unit 429 and the header/footer generation unit 430 .

すなわち、画面仕様ドキュメント生成部420は、入出力定義403を用いて、Webアプリケーションの定義(画面)を説明するドキュメントを生成する。 That is, the screen specification document generation unit 420 uses the input/output definition 403 to generate a document describing the definition (screen) of the web application.

図4は、アプリケーションサーバ105とWebサーバ107とアプリケーションクライアント104の処理概要を示す構成図である。 FIG. 4 is a configuration diagram showing an outline of processing of the application server 105, Web server 107, and application client 104. As shown in FIG.

アプリケーションサーバ105は、Webアプリケーション生成部416で生成されたファイルをデプロイし、Webアプリケーション443を実行するサーバである。Webアプリケーション443は、コンパイル済Javaコード444と、HTML/JSP/JavaScript445のファイルを含むものである(javaは登録商標)。また、データベース446と連携している。 The application server 105 is a server that deploys the files generated by the web application generation unit 416 and executes the web application 443 . The web application 443 includes compiled Java code 444 and HTML/JSP/JavaScript 445 files (java is a registered trademark). Also, it cooperates with the database 446 .

Webサーバ107は、画面仕様ドキュメント生成部420で生成された画面仕様ドキュメント448を記憶し、アプリケーションクライアント104からの要求に応じて、画面仕様ドキュメントをアプリケーションクライアント104送信する。 The Web server 107 stores the screen specification document 448 generated by the screen specification document generation unit 420 and transmits the screen specification document to the application client 104 in response to a request from the application client 104 .

画面仕様ドキュメントのアプリケーションクライアント104の表示例が図19の1900である。 A display example of the screen specification document on the application client 104 is 1900 in FIG.

なお、本実施形態では、アプリケーションサーバ105とWebサーバ107とを別筐体としたが、同一筐体で実行させる構成であってもよい。 In this embodiment, the application server 105 and the web server 107 are provided in separate housings, but they may be executed in the same housing.

図5は、Webアプリケーションおよび画面仕様ドキュメント生成処理全体のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のCPU201が実行する。 FIG. 5 is a diagram showing an example of a flowchart of the entire Web application and screen specification document generation processing. Each step of the following flowchart is executed by the CPU 201 of each device.

ステップS500において、プログラム開発装置101は、Webアプリケーションの自動生成のための定義の入力を受ける。具体的には、開発するWebアプリケーション(プロジェクト)として、図13のアプリケーション設定1300でアプリケーションのコードや名前、アプリケーションタイプなどを設定する。 At step S500, the program development apparatus 101 receives an input of a definition for automatically generating a web application. Specifically, as a Web application (project) to be developed, the application code, name, application type, etc. are set in the application settings 1300 in FIG.

このWebアプリケーション(プロジェクト)に対して、データモデル定義、入出力定義、ビジネスプロセス定義を設定する。これらの定義は、Webアプリケーション自動生成する設定画面でユーザが任意に設定するものとするが、予め生成された定義を読み込む構成であってもよい。 A data model definition, an input/output definition, and a business process definition are set for this Web application (project). These definitions are arbitrarily set by the user on a setting screen automatically generated by the Web application, but pre-generated definitions may be read.

また、所属入出力一覧1301で、どの入出力定義を所属(利用)するかを設定する。 Also, in the belonging input/output list 1301, which input/output definition belongs (uses) is set.

入出力定義は、図14と図15で設定したデータを用いて定義されるものである。また、画面仕様ドキュメントで表示する画面遷移図階層レベルについても、事前に設定しておくものとし、図16の1600の設定情報を記憶する。本実施形態では、1601で示すように階層は1階層の設定となっている。 The input/output definition is defined using the data set in FIGS. 14 and 15. FIG. The screen transition diagram hierarchy level to be displayed in the screen specification document is also set in advance, and the setting information 1600 in FIG. 16 is stored. In this embodiment, as indicated by 1601, one layer is set.

ステップS501において、プログラム開発装置101は、ユーザによるWebアプリケーション生成指示を受け付けると、外部メモリ211に記憶されているリポジトリ定義部401のアプリケーション定義402をRAM202に読み込む。 In step S<b>501 , the program development apparatus 101 reads the application definition 402 of the repository definition section 401 stored in the external memory 211 into the RAM 202 upon receiving a Web application generation instruction from the user.

ステップS502において、プログラム開発装置101は、データモデル定義404を読み込む。データモデル定義404は、リポジトリ定義部401として登録されている。データモデル定義404は、データモデル設定画面(不図示)でデータベース上の項目をマッピングして登録されるものである。一般的には、1テーブル1データモデルが作成される。データモデル定義の作成はWebアプリケーションの開発において既知の技術であるため説明を省略する。 In step S<b>502 , the program development device 101 reads the data model definition 404 . A data model definition 404 is registered as a repository definition part 401 . The data model definition 404 is registered by mapping items on the database on a data model setting screen (not shown). Generally, one table one data model is created. The creation of the data model definition is a known technique in the development of web applications, so the explanation is omitted.

ステップS503において、プログラム開発装置101は、入出力定義403を読み込む。入出力定義403は、リポジトリ定義部401として登録されている。 In step S<b>503 , the program development device 101 reads the input/output definition 403 . The input/output definition 403 is registered as the repository definition section 401 .

入出力定義403の生成について説明する。上述したように入出力定義403の設定自体はステップS500など事前に行われる。まず、図15の入出力レイアウト定義画面1500上で、画面エディタ上にオブジェクト(フィールドやアクションボタン)をドラッグアンドドロップ操作等により配置する。 Generation of the input/output definition 403 will be described. As described above, the setting itself of the input/output definition 403 is performed in advance such as step S500. First, on the input/output layout definition screen 1500 in FIG. 15, objects (fields and action buttons) are arranged on the screen editor by a drag-and-drop operation or the like.

また、アクションボタンに対して、図15の1501で条件を設定する。1502でアクションボタンを押下した際の遷移先の画面(次入出力の定義)を設定する。 Also, a condition is set in 1501 in FIG. 15 for the action button. In 1502, a transition destination screen (definition of the next input/output) when the action button is pressed is set.

図15に対応する入出力定義の例が、図14の1403である。図14の1403では、アクションボタンに対応する定義のほか、入出力レイアウト定義画面1500上で設定したテキストフィールドの定義が別のレコードに表示されている。 An example of input/output definition corresponding to FIG. 15 is 1403 in FIG. In 1403 of FIG. 14, in addition to the definition corresponding to the action button, the definition of the text field set on the input/output layout definition screen 1500 is displayed in another record.

画面ごとの入出力定義が1400~1403を示している。なお、次入出力への設定は画面の定義以外に、インポートやエクスポートの処理にかかる定義を設定することも可能である。 The input/output definitions for each screen indicate 1400-1403. In addition to the definition of the screen, it is also possible to set definitions related to import and export processing for the settings for the next input/output.

1404で、入出力定義に対して、「(アット)NODOC」の識別情報を設定することで、個別に画面仕様ドキュメントが生成されないように制御することが可能となっている。画面仕様ドキュメントは生成されないが、画面遷移図のオブジェクトとしては表示されるものとする。「(アット)NODOC」については、以下「NODOC」として説明する。 In 1404, by setting the identification information of "(at)NODOC" for the input/output definition, it is possible to control so that the screen specification document is not generated individually. A screen specification document is not generated, but is displayed as an object of a screen transition diagram. "(at)NODOC" will be hereinafter referred to as "NODOC".

本実施形態における設定された定義の構造を示す図が図6の600であり、1400~1403に対応する構造が、601である。 600 in FIG. 6 shows the structure of the definitions set in this embodiment, and 601 shows the structure corresponding to 1400-1403.

アクションボタンに対応する定義については、項目タイプ、項目コード、名前、次入出力などの値を有している。次入出力については、アクションにより次に移る画面(定義)が設定されている。本実施形態では、特に項目タイプによって画面遷移図が色分けされ、次入出力によって遷移先が決定され画面遷移図が生成される。 A definition corresponding to an action button has values such as item type, item code, name, and next input/output. For the next input/output, the next screen (definition) is set according to the action. In this embodiment, the screen transition diagram is color-coded according to the item type, the transition destination is determined by the next input/output, and the screen transition diagram is generated.

ステップS504において、プログラム開発装置101は、ビジネスプロセス定義405を読み込む。ビジネスプロセス定義405は、リポジトリ定義部401として登録されている。ビジネスプロセス定義405についてステップS500で事前に設定されているものである。また、ビジネスプロセス定義405は、受け付けたデータの処理の流れを定義したものである。例えば、入力したデータの重複をチェックして、登録するといったロジックを定義したものである。ビジネスプロセル定義についても、Webアプリケーションの開発において既知の技術であるため説明を省略する。 In step S<b>504 , the program development device 101 reads the business process definition 405 . A business process definition 405 is registered as a repository definition part 401 . The business process definition 405 is preset in step S500. A business process definition 405 defines the flow of processing of received data. For example, it defines logic to check duplication of input data and register it. The description of the business process definition is also omitted because it is a known technology in the development of web applications.

ステップS505において、プログラム開発装置101は、外部メモリ211に記憶されているリポジトリ定義部401のデータベース定義406をRAM202に読み込む。データベース定義406は予め生成されているものとする。 In step S<b>505 , the program development apparatus 101 reads the database definition 406 of the repository definition part 401 stored in the external memory 211 into the RAM 202 . It is assumed that the database definition 406 has been generated in advance.

ステップS506で、プログラム開発装置101のWebアプリケーション生成部416が、読み込みしたリポジトリ定義部401の各定義・各ファイルから情報を取得し、Webアプリケーションのソースコードを生成する(例えば、Webアプリケーション443)。具体的には、「入出力定義」「データモデル定義」「ビジネスプロセス定義」に基づき生成する。なお、生成されたソースコードにはプログラミング言語が記載されたファイルHTML、JSP、JavaScript(登録商標)等のWebアプリケーションの提供に利用されるファイルも含まれる。 In step S506, the web application generation unit 416 of the program development apparatus 101 acquires information from each definition/file of the read repository definition unit 401, and generates the source code of the web application (for example, the web application 443). Specifically, it is generated based on "input/output definition", "data model definition" and "business process definition". The generated source code also includes files used for providing web applications such as HTML, JSP, and JavaScript (registered trademark) files in which programming languages are described.

ステップS507で、プログラム開発装置101の画面仕様ドキュメント生成部420が、画面仕様ドキュメント448を生成する。リポジトリ定義解析部421は、読み込んだ定義を解析したうえでメモリに記憶しておき、各生成部から適宜参照される。また、レイアウト構成部427は、各生成部の作成したドキュメントの各構成要素をレイアウトして、画面仕様ドキュメントを構成する。 In step S<b>507 , the screen specification document generation unit 420 of the program development device 101 generates the screen specification document 448 . The repository definition analysis unit 421 analyzes the read definition and stores it in memory, and is referred to by each generation unit as appropriate. Also, the layout configuration unit 427 lays out each component of the document created by each generation unit to configure a screen specification document.

画面仕様ドキュメントの生成処理については、図7で詳述するが、生成した画面仕様ドキュメントのイメージ図は図19の1900である。生成された画面仕様ドキュメントは、対応する入出力定義のコード(例えば、PRODUCT_REGIST_IOなど)に対応付いて保存される。 The process of generating the screen specification document will be described in detail in FIG. 7, and the image diagram of the generated screen specification document is 1900 in FIG. The generated screen specification document is stored in association with the corresponding input/output definition code (eg, PRODUCT_REGIST_IO).

ここで、図19の画面仕様ドキュメントの説明を行う。 Here, the screen specification document of FIG. 19 will be described.

1901は、検索機能を示している。画面仕様ドキュメントから、指定された文字列を含む入出力を検索して表示することが可能である。 1901 indicates a search function. It is possible to search and display inputs and outputs that contain the specified character string from the screen specification document.

1902は、画面仕様ドキュメントを表示可能な一覧である。1301で指定した入出力の一覧に対応して表示する。ユーザの操作(クリック等)で、その入出力の画面仕様ドキュメントを右ペインに表示する。 1902 is a list of screen specification documents that can be displayed. The input/output list specified in 1301 is displayed. By user's operation (click, etc.), the input/output screen specification document is displayed in the right pane.

1903は、画面仕様エリアである。入出力定義で設定した属性を表示する。 1903 is a screen specification area. Display the attributes set in the input/output definition.

1904は、画面HTMLエリアである。入出力定義の画面イメージをHTMLで表示する。 1904 is a screen HTML area. Display the input/output definition screen image in HTML.

1905は、画面項目仕様エリアである。画面に対応する入出力項目の属性を一覧表示する。1904の「1」~「6」に対応して属性が表示されている。 1905 is a screen item specification area. Lists the attributes of the input and output fields corresponding to the screen. Attributes corresponding to "1" to "6" of 1904 are displayed.

1906は、画面遷移図エリアである。ドキュメント表示している入出力の遷移元、遷移先を画面遷移図で表示する。この画面遷移図の生成は図12で詳述する。 1906 is a screen transition diagram area. Displays the transition source and transition destination of the input/output that is displaying the document in the screen transition diagram. The generation of this screen transition diagram will be described in detail with reference to FIG.

1907は、関連文書エリアである。関連文書へのリンクを表示する。 1907 is a related document area. Display links to related documents.

図7は、画面仕様ドキュメント生成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 7 is a diagram showing an example of a flowchart for screen specification document generation. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

ステップS701は、出力フィルタ管理部431が、ドキュメントフィルタ定義409を読み込む。出力フィルタ管理部431はドキュメントフィルタ情報をメモリに記憶し、その情報は各種生成部から適宜参照される。 In step S<b>701 , the output filter management unit 431 reads the document filter definition 409 . The output filter management unit 431 stores document filter information in a memory, and the information is appropriately referred to by various generation units.

ドキュメントフィルタとは、例えば、図19の1900に表示する属性(項目)や、入出力タイプ(IO,MENU,DIALOG)を決定するものであり、開発者が任意に設定できるものである。これによって、図19の1900に表示される情報がフィルタされる。 A document filter determines, for example, attributes (items) to be displayed in 1900 in FIG. 19 and input/output types (IO, MENU, DIALOG), and can be arbitrarily set by the developer. This filters the information displayed at 1900 in FIG.

ステップS702は、ヘッダ/フッタ生成部430が、ヘッダ/フッタファイル413の有無を確認する。ヘッダ/フッタファイル413があった場合、ステップS703で、ヘッダ/フッタ生成部430が、ヘッダ/フッタを作成する。ここでいうヘッダ/フッタとは、図19の1900で不図示となっており、例えば、1900に加えてヘッダ部とフッタ部をJSPで記述できるものである。ヘッダ部は例えば企業ロゴなどを表示するような部分である。また、フッタ部は例えば、コピーライトを表示するような部分である。 In step S702, the header/footer generation unit 430 checks whether the header/footer file 413 exists. If the header/footer file 413 exists, the header/footer generation unit 430 creates a header/footer in step S703. The header/footer referred to here is not shown in 1900 in FIG. The header portion is a portion that displays, for example, a corporate logo. Also, the footer portion is a portion for displaying copyright, for example.

ステップS704は、検索機能生成部426が、検索情報の作成を行う。詳細については、図8のフローチャートで説明する。 In step S704, the search function generation unit 426 creates search information. Details will be described with reference to the flow chart of FIG.

ステップS705は、画面一覧生成部422が、画面一覧の作成を行う。詳細については、図9のフローチャートで説明する。 In step S705, the screen list generation unit 422 creates a screen list. Details will be described with reference to the flow chart of FIG.

入出力の定義分、ステップS706からS719までの処理を繰り返す。なお、本実施形態では、図14に示すように入出力定義が3つ(メインメニュー、商品一覧、商品登録)あるため、3回繰り返すものとする。 The processing from steps S706 to S719 is repeated for the number of input/output definitions. Note that in this embodiment, as shown in FIG. 14, there are three input/output definitions (main menu, product list, product registration), so it is assumed to be repeated three times.

ステップS707は、画面仕様ドキュメント生成部420が、入出力定義に「NODOC」指定があるかどうか確認する。指定があった場合、その入出力定義に対する画面仕様ドキュメントは出力せず、次の入出力定義の処理に移る。 In step S707, the screen specification document generation unit 420 confirms whether or not the input/output definition includes "NODOC" designation. If specified, the screen specification document corresponding to that input/output definition is not output, and the next input/output definition is processed.

「NODOC」の指定は、1404で指定されているもので、各入出力定義情報に対してメモリで管理している。1404は、入出力定義に「NODOC」を指定した画面イメージ図である。 The designation of "NODOC" is designated by 1404, and each input/output definition information is managed by memory. Reference numeral 1404 denotes a screen image diagram in which "NODOC" is designated as the input/output definition.

ステップS708は、画面仕様ドキュメント生成部420が、出力フィルタ管理部に問い合わせ、入出力定義の入出力タイプ(MENUやIOなど)が出力対象と設定されているかどうか確認する。出力対象とするかは事前に開発者が設定しているものとする。 In step S708, the screen specification document generation unit 420 inquires of the output filter management unit and confirms whether or not the input/output type (MENU, IO, etc.) of the input/output definition is set to be output. It is assumed that the developer has set in advance whether or not the data is to be output.

出力対象とされていなかった場合、その入出力定義の画面仕様ドキュメントは出力対象とせず、次の入出力の処理に移る。 If it is not set as an output target, the screen specification document of that input/output definition is not set as an output target, and the next input/output processing is performed.

ステップS709は、画面一覧生成部422が、ステップS705で作成した情報を元に、画面一覧を出力する。具体的には、1902に表示されるHTML情報を出力するものである。 In step S709, the screen list generation unit 422 outputs a screen list based on the information created in step S705. Specifically, the HTML information displayed in 1902 is output.

ステップS710は、画面仕様生成部423が、画面仕様を作成・出力する。画面仕様作成・出力処理については、図10のフローチャートで説明する。 In step S710, the screen specification generation unit 423 creates and outputs screen specifications. The screen specification creation/output process will be described with reference to the flowchart of FIG.

ステップS711は、画面HTML生成部424が、画面HTMLを作成・出力する。画面HTMLの各表示部品には、画面HTMLデータ408のデータを組み込む。この画面HTMLは、入出力レイアウト定義画面1500でレイアウトした画面に相当するデータであり、各項目に対して番号を付与したものである。 In step S711, the screen HTML generation unit 424 creates and outputs the screen HTML. The data of the screen HTML data 408 is incorporated into each display component of the screen HTML. This screen HTML is data corresponding to the screen laid out on the input/output layout definition screen 1500, and each item is given a number.

ステップS712は、画面項目仕様生成部425が、画面項目仕様を作成・出力する。画面項目仕様作成・出力処理については、図11のフローチャートで説明する。 In step S712, the screen item specification generation unit 425 creates and outputs screen item specifications. The screen item specification creation/output process will be described with reference to the flowchart of FIG.

ステップS713は、関連文書生成部428が、関連文書414が設定されているかかどうか確認する。設定されている場合には、ステップS714へ処理を移し、設定されていなかった場合は、ステップS715へ処理を移す。 In step S713, the related document generation unit 428 checks whether the related document 414 is set. If it has been set, the process proceeds to step S714, and if it has not been set, the process proceeds to step S715.

ステップS714は、関連文書生成部428が、関連文書のリンク情報を作成してHTMLファイルへ出力する。 In step S714, the related document generation unit 428 creates link information of the related document and outputs it to the HTML file.

ステップS715は、画面遷移図生成部439が、画面遷移図を作成・出力する。画面遷移図作成・出力処理については、図12のフローチャートで説明する。 In step S715, the screen transition diagram generation unit 439 creates and outputs a screen transition diagram. The screen transition diagram creation/output process will be described with reference to the flowchart of FIG.

ステップS716は、ヘッダ/フッタ生成部430が、ステップS702にてヘッダ/フッタが作成されているか否かを判定する。作成されていた場合、ステップS717へ処理を移し、作成されていない場合にはステップS718へ処理を移す。 A step S716 decides whether or not the header/footer generation unit 430 has created a header/footer in step S702. If it has been created, the process moves to step S717, and if it has not been created, the process moves to step S718.

ステップS717は、ヘッダ/フッタ生成部430が、作成したヘッダ/フッタをHTMLファイルへ出力する。 In step S717, the header/footer generator 430 outputs the created header/footer to the HTML file.

ステップS718は、検索機能生成部426が、ステップS704で作成した情報を元に、HTMLファイルへ出力する。 In step S718, the search function generation unit 426 outputs the information to the HTML file based on the information created in step S704.

ステップS720は、表紙生成部429が、表紙ファイル410が設定されているかを判定する。表紙ファイル410が設定されている場合には、ステップS721へ処理を移す。表紙ファイル410が設定されていない場合には、処理を終了する。 In step S720, the cover generation unit 429 determines whether the cover file 410 is set. If the cover file 410 is set, the process proceeds to step S721. If the cover file 410 is not set, the process ends.

表紙ファイル410は、1908のエリアに表示するトップ画面を示すファイルである。このトップ画面がない場合には、画面一覧における最初の画面(定義)に対応する画面仕様ドキュメントが表示される。例えば、メインメニュー。 The cover file 410 is a file indicating the top screen displayed in the area 1908 . If there is no top screen, the screen specification document corresponding to the first screen (definition) in the screen list is displayed. For example the main menu.

図8は、検索情報作成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 8 is a diagram showing an example of a flow chart for creating search information. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

入出力定義の数分、検索機能生成部426が、ステップS801からステップS805までの処理を繰り返す。 The search function generation unit 426 repeats the processing from step S801 to step S805 for the number of input/output definitions.

ステップS802は、入出力定義に「NODOC」指定があるか否かを判定する。「NODOC」指定がある場合には、ステップS804へ処理を移し、「NODOC」指定がない場合には、ステップS803へ処理を移す。「NODOC」指定がある場合には、その入出力の検索情報は作成せず、次の入出力定義の処理に移る。 A step S802 decides whether or not there is a "NODOC" designation in the input/output definition. If "NODOC" is specified, the process proceeds to step S804, and if "NODOC" is not specified, the process proceeds to step S803. If "NODOC" is specified, the search information for that input/output is not created, and the next input/output definition is processed.

ステップS803で、出力フィルタ管理部431に問い合わせ、入出力定義の入出力タイプ(1400参照)が出力対象と設定されているか否かを判定する。出力対象とされていない場合、その入出力の検索情報は作成せず、次の入出力の処理に移る。 In step S803, an inquiry is made to the output filter management unit 431 to determine whether or not the input/output type (see 1400) of the input/output definition is set to be output. If the input/output is not targeted for output, search information for that input/output is not created, and the processing for the next input/output proceeds.

ステップS804で、検索情報を作成する。検索情報とは、画面仕様ドキュメント内を検索するための文字列を含む情報である。例えば、入出力定義の設定値であって、1901で入力されたキーワードを検索するためのテキストベースのデータである。作成された検索情報は外部メモリに記憶する。 In step S804, search information is created. The search information is information including a character string for searching the screen specification document. For example, it is the set value of the input/output definition, which is text-based data for searching for the keyword input in 1901 . The created search information is stored in the external memory.

図9は、画面一覧情報作成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 9 is a diagram showing an example of a flowchart for creating screen list information. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

入出力定義の数分、画面一覧生成部422が、ステップS901からステップS905までの処理を繰り返す。 The screen list generation unit 422 repeats the processing from step S901 to step S905 by the number of input/output definitions.

ステップS902は、入出力定義に「NODOC」指定があるか否かを判定する。「NODOC」指定がある場合には、ステップS905へ処理を移し、「NODOC」指定がない場合には、ステップS903へ処理を移す。「NODOC」指定がある場合には、その入出力定義に関する画面一覧情報(1901に相当)は作成せず、次の入出力定義の処理に移る。 A step S902 decides whether or not there is a "NODOC" designation in the input/output definition. If "NODOC" is specified, the process moves to step S905, and if "NODOC" is not specified, the process moves to step S903. If "NODOC" is specified, screen list information (corresponding to 1901) relating to the input/output definition is not created, and the next input/output definition is processed.

ステップS903は、出力フィルタ管理部431に問い合わせ、入出力定義の入出力タイプ(1400参照)が出力対象と設定されているか否かを判定する。出力対象とされていない場合、その入出力の検索情報は作成せず、次の入出力の処理に移る。 A step S903 inquires of the output filter management unit 431 and determines whether or not the input/output type (see 1400) of the input/output definition is set to be output. If the input/output is not targeted for output, search information for that input/output is not created, and the processing for the next input/output proceeds.

ステップS904で、入出力定義に対応する画面一覧情報を作成する。具体的には、入出力定義のコードと名前(1400参照)をもとに、部品を生成する。この部品には、生成される画面仕様ドキュメントのリンクを付与され、部品を押下すると対象の画面仕様ドキュメントを取得して表示することが可能となる。 In step S904, screen list information corresponding to the input/output definition is created. Specifically, a component is generated based on the input/output definition code and name (see 1400). A link to the generated screen specification document is given to this component, and when the component is pressed, the target screen specification document can be acquired and displayed.

図10は、画面仕様情報作成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 10 is a diagram showing an example of a flowchart for creating screen specification information. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

入出力定義の属性の数分、画面仕様生成部423が、ステップS1001からステップS1004までの処理を繰り返す。 The screen specification generation unit 423 repeats the processing from step S1001 to step S1004 for the number of attributes of the input/output definition.

ステップS1002は、出力フィルタ管理部431に問い合わせ、入出力定義の属性が出力対象と設定されているか否かを判定する。出力対象とされていなかった場合、その入出力属性情報は作成せず、次の入出力属性の処理に移る。出力対象とされていた場合、ステップS1003へ処理を移す。 A step S1002 inquires of the output filter management unit 431 and determines whether or not the attribute of the input/output definition is set to be output. If the input/output attribute information is not created, the process proceeds to the next input/output attribute. If it is to be output, the process moves to step S1003.

ステップS1003は、入出力属性情報(1903に相当)を作成する。 A step S1003 creates input/output attribute information (corresponding to 1903).

ステップS1005は、画面仕様生成部423が、入出力属性情報を元に、画面仕様をHTMLファイルへ出力する。 In step S1005, the screen specification generation unit 423 outputs the screen specification to the HTML file based on the input/output attribute information.

図11は、画面項目仕様情報作成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 11 is a diagram showing an example of a flow chart for creating screen item specification information. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

入出力定義の項目の数分、画面項目仕様生成部425が、ステップS1101からステップS1110までの処理を繰り返す。 The screen item specification generation unit 425 repeats the processing from step S1101 to step S1110 for the number of input/output definition items.

ステップS1102は、入出力項目に「NODOC」指定があるか否かを判定する。指定があった場合、その入出力項目の画面項目仕様情報は作成せず、次の入出力項目の処理に移る。指定がなかった場合ステップS1103へ処理を移す。 A step S1102 decides whether or not there is a "NODOC" designation in the input/output item. If specified, screen item specification information for that input/output item is not created, and the next input/output item is processed. If there is no specification, the process moves to step S1103.

ステップS1103は、入出力項目が非表示項目かいなかを判定する。非表示項目であった場合にはステップS1104へ処理を移す。 A step S1103 decides whether or not the input/output item is a non-display item. If it is a non-display item, the process moves to step S1104.

ステップS1104は、出力フィルタ管理部431に問い合わせ、非表示項目が出力対象と設定されているか否かを判定する。出力対象とされていなかった場合、その入出力項目の画面項目仕様情報は作成せず、次の入出力項目の処理に移す。出力対象とされている場合、ステップS1105へ処理を移す。 A step S1104 inquires of the output filter management unit 431 and determines whether or not the non-display item is set as an output target. If the input/output item is not to be output, screen item specification information for that input/output item is not created, and the next input/output item is processed. If it is to be output, the process moves to step S1105.

ステップS1105は、出力フィルタ管理部431に問い合わせ、入出力項目の入出力項目タイプが出力対象と設定されているか否かを判定する。出力対象とされていなかった場合、その入出力項目の画面項目仕様情報は作成せず、次の入出力項目の処理に移る。出力対象とされている場合、ステップS1106へ処理を移す。 A step S1105 inquires of the output filter management unit 431 and determines whether or not the input/output item type of the input/output item is set to be output. If the input/output item is not to be output, screen item specification information for that input/output item is not created, and the next input/output item is processed. If it is to be output, the process moves to step S1106.

入出力項目の入出力項目属性の数分、ステップS1106からステップS1109までの処理を繰り返す。 The processing from step S1106 to step S1109 is repeated for the number of input/output item attributes of the input/output item.

ステップS1107は、出力フィルタ管理部431に問い合わせ、入出力項目の属性が出力対象と設定されているか否かを判定する。出力対象とされていなかった場合、その入出力項目属性情報は作成せず、次の入出力属性の処理に移る。
出力対象とされていた場合、ステップS1108へ処理を移す。
A step S1107 inquires of the output filter management unit 431 and determines whether or not the attribute of the input/output item is set to be output. If the input/output item attribute information is not created, the process proceeds to the next input/output attribute.
If it is to be output, the process moves to step S1108.

ステップS1108は、画面項目仕様情報を作成する。 A step S1108 creates screen item specification information.

ステップS1111は、画面項目仕様生成部425が、画面項目仕様情報を元に、画面項目仕様をHTMLファイルへ出力する(1905に相当)。 In step S1111, the screen item specification generation unit 425 outputs screen item specifications to the HTML file based on the screen item specification information (corresponding to 1905).

図12は、画面遷移図作成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 12 is a diagram showing an example of a flowchart for creating a screen transition diagram. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

入出力定義の定義数分、画面遷移データ抽出部440が、ステップS1201からステップS1207までの処理を繰り返す。本実施形態では、入出力定義が3つあるため、3回繰り返す。 The screen transition data extraction unit 440 repeats the processing from step S1201 to step S1207 for the number of input/output definitions. In this embodiment, since there are three input/output definitions, it is repeated three times.

ステップS1202は、入出力定義から入出力の項目コードと名前(図14参照)と画面データ(図15の1503に相当)を抽出する。 A step S1202 extracts the input/output item code and name (see FIG. 14) and screen data (corresponding to 1503 in FIG. 15) from the input/output definition.

ステップS1203は、入出力定義からアクション定義を全て抽出しメモリに保存する。アクション定義とは、項目タイプで「A アクション」となっている定義である。なお、ユーザの操作等によりイベントが発生したときに自動でアクション(検索、登録、削除、キャンセル)が実行されるものが、アクション定義として設定がされている。 A step S1203 extracts all action definitions from the input/output definitions and stores them in the memory. An action definition is a definition whose item type is "A action". Note that actions (search, registration, deletion, cancellation) that are automatically executed when an event occurs due to a user's operation or the like are set as action definitions.

ステップS1204からステップS1206までの処理をアクション定義の数分繰り返す。 The processing from step S1204 to step S1206 is repeated for the number of action definitions.

ステップS1205は、アクション定義から遷移データを抽出し、メモリに保存する。遷移データとは、図14にある次入出力の設定値である。1413を参照すると、商品登録画面で登録ボタンが押下されると、商品一覧画面に遷移することを特定できる情報が保存される。また、1411と1412を参照すると、商品登録画面は、メインメニューと商品一覧画面から遷移することが特定できる情報が保存される。すなわち、入出力定義に含まれるアクション情報に従って、遷移先の入出力定義を特定する特定処理の一例を示すものである。 A step S1205 extracts the transition data from the action definition and stores it in memory. The transition data are set values for the next input/output shown in FIG. With reference to 1413, when the registration button is pressed on the product registration screen, information is stored that can specify transition to the product list screen. Further, referring to 1411 and 1412, the product registration screen stores information that can specify transition from the main menu and the product list screen. That is, it shows an example of specifying processing for specifying the input/output definition of the transition destination according to the action information included in the input/output definition.

ステップS1208は、階層レベル設定ファイル1600を読み込む。本実施形態では、1601に示す通り階層レベルは「1」となっている。 A step S1208 reads the hierarchical level setting file 1600. FIG. In this embodiment, as indicated by 1601, the hierarchical level is "1".

ステップS1209は、ステップS1202とステップS1205で保存したメモリから今回の処理対象の画面(例えば、商品登録画面の定義)のデータとステップS1208で1600のような設定ファイルから読み込んだ階層レベル設定分の遷移データを読み出す。 In step S1209, the data of the screen to be processed this time (for example, the definition of the product registration screen) from the memory saved in steps S1202 and S1205 and the transition for the hierarchical level setting read from the setting file such as 1600 in step S1208. Read data.

画面遷移データ抽出部440で抽出した対象画面と遷移画面分のデータを、
画面ブロック生成部441が、ステップS1210からステップS1214までの処理を繰り返す。この処理は遷移図で用いる遷移元と遷移先となるデータ部品を生成する処理である。
The data for the target screen and the transition screen extracted by the screen transition data extraction unit 440 are
The screen block generation unit 441 repeats the processing from step S1210 to step S1214. This process is a process of generating data components that are transition sources and transition destinations used in the transition diagram.

ステップS1211は、画面遷移する入出力をデータ部品(ブロック)に変換する。データ部品に変換する際には、1400のコードと名前の値を含めたデータ部品(矩形オブジェクト)を生成する。なお、データ部品を変換する(生成する)場合には、1400の入出力タイプが識別できるように色分けする。色情報はタイプによってあらかじめ定義されているものとするが、開発者が任意に設定してもよい。 A step S1211 converts the input/output for screen transition into a data component (block). When converting to a data component, a data component (rectangular object) including 1400 code and name values is generated. When converting (generating) data components, they are color-coded so that the 1400 input/output types can be identified. The color information is pre-defined according to the type, but may be set arbitrarily by the developer.

また、生成している画面仕様ドキュメントに対応する入出力定義が基準となり、この基準となる入出力定義と、遷移先又は遷移元の入出力定義に対応するオブジェクトを生成すると処理と言い換えることも可能である。 In addition, the input/output definition corresponding to the screen specification document being generated becomes the standard, and it is possible to rephrase processing as generating an object corresponding to the input/output definition that is the standard and the input/output definition of the transition destination or the transition source. is.

ステップS1212は、入出力定義に「NODOC」指定があるか否かを判定する。指定がある場合には、その入出力定義の画面仕様ドキュメントへのリンクの作成は行わず、次の入出力の処理に移る。指定がない場合には、ステップS1213に処理を移す。 A step S1212 decides whether or not there is a "NODOC" designation in the input/output definition. If there is a specification, the process proceeds to the next input/output processing without creating a link to the screen specification document of the input/output definition. If there is no specification, the process moves to step S1213.

ステップS1213は、生成したデータ部品に、入出力定義に対応して生成された画面仕様ドキュメントへのリンクを作成する。画面仕様ドキュメントのファイル名などあらかじめルールに従って生成されるため、このタイミングでリンクを生成することが可能となっている。なお、リンクの作成は、図7の処理が終了したタイミング(画面仕様ドキュメントが完全に生成されたタイミング)で行ってもよい。 A step S1213 creates a link to the screen specification document generated corresponding to the input/output definition in the generated data component. Since the file name of the screen specification document is generated according to the rules in advance, it is possible to generate the link at this timing. Note that the creation of the link may be performed at the timing when the process of FIG. 7 is completed (at the timing when the screen specification document is completely generated).

「NODOC」指定がある場合には、画面仕様ドキュメントは生成されていないが、遷移元や遷移先としてはユーザに認識させることが望ましいため画面遷移図上では確認できるようになっている。 If "NODOC" is specified, the screen specification document is not generated, but it is desirable for the user to recognize it as the transition source or transition destination, so that it can be confirmed on the screen transition diagram.

ステップS1223は、アクション情報を生成する。具体的には、遷移元の画面(入出力定義)で用いられているアクション情報(1501)を収集する。このアクション情報は、1703のアイコンの押下によって表示される情報となる。画面遷移図における遷移元又は遷移先にかかるアクション情報を取得する取得処理の一例を示すものである。 A step S1223 generates action information. Specifically, the action information (1501) used in the transition source screen (input/output definition) is collected. This action information is information displayed by pressing the icon 1703 . FIG. 11 shows an example of acquisition processing for acquiring action information relating to a transition source or a transition destination in a screen transition diagram; FIG.

ここで、アクション情報で同じ画面に遷移する場合(同じ次入出力がある場合)、画面遷移図でアクション情報をまとめて表示できるように管理する。 Here, when the action information causes a transition to the same screen (when there is the same next input/output), the screen transition diagram is managed so that the action information can be collectively displayed.

ステップS1215は、画面遷移図レイアウト構成部442がデータ部品を描画する位置を設定する。具体的には、商品登録画面(商品登録の入出力定義)に対する画面仕様ドキュメントを生成している場合には、商品登録画面のデータ部品を中央になるように位置を決定する(HTML5のCanvas上の位置)。図17を参照すると、1705の位置である。Canvasを示す情報が、1701である。すなわち、基準となる入出力定義に対応するオブジェクトをユーザが認識しやすい形態で配置する処理の一例を示すものである。 A step S1215 sets the position where the screen transition diagram layout configuration unit 442 draws the data component. Specifically, when the screen specification document for the product registration screen (input/output definition of product registration) is generated, the position is determined so that the data part of the product registration screen is in the center (on HTML5 Canvas Position of). Referring to FIG. 17, position 1705 . Information indicating Canvas is 1701 . That is, it shows an example of processing for arranging an object corresponding to a reference input/output definition in a form easily recognized by the user.

ステップS1216は、データ部品を遷移元と遷移先のグループに分類する。
図17を参照すると、1702のように、対象画面とそれ以外の画面データを遷移元、遷移先グループに分類した画面遷移情報を作成する。1706が遷移元の情報で、1707が遷移先の情報となっている。
A step S1216 classifies the data components into transition source and transition destination groups.
Referring to FIG. 17, as in 1702, screen transition information is created by classifying the target screen and other screen data into transition source and transition destination groups. 1706 is transition source information, and 1707 is transition destination information.

ステップS1216で分類したグループ分、ステップS1217からステップS1221までの処理を繰り返す。 The processing from step S1217 to step S1221 is repeated for the groups classified in step S1216.

ステップS1218は、各グループのデータ部品を描画する位置(HTML5のCanvas上の位置)を設定する。描画する位置は、ステップS1215の決定した位置の左の位置に遷移元のデータ部品の位置を、右の位置に遷移先のデータ部品の位置を設定する。同じグループに複数のデータ部品がある場合には、縦に位置するように設定する。描画する位置は所定のルールに従って決定される。 A step S1218 sets the position (the position on the Canvas of HTML5) where the data component of each group is drawn. As for the drawing position, the position of the transition source data component is set to the left position of the position determined in step S1215, and the position of the transition destination data component is set to the right position. If there are multiple data parts in the same group, arrange them vertically. The drawing position is determined according to a predetermined rule.

ステップS1219は、各データ部品間を結ぶ遷移を表す遷移矢印を描画する位置を設定する。 A step S1219 sets a position to draw a transition arrow representing a transition connecting each data component.

ステップS1220は、アクション情報を表示するためのアイコンを描画する位置を設定する。すなわち、アクション情報を表示させるオブジェクトを、画面遷移図における遷移にかかる位置に配置する処理の一例を示すものである。 A step S1220 sets the position to draw the icon for displaying the action information. That is, it shows an example of processing for arranging an object whose action information is to be displayed at a position related to transition in the screen transition diagram.

すなわち、ステップS1210~ステップS1221の処理は、特定処理により特定された遷移先の入出力定義に従って、基準となる入出力定義における遷移構成を決定する決定処理の一例を示すものである。 That is, the processing of steps S1210 to S1221 is an example of determination processing for determining the transition configuration in the reference input/output definition according to the input/output definition of the transition destination identified by the identification processing.

ステップS1222は、ステップS1215からステップS1221で設定した画面遷移図描画のための設定を基に、キャンバス上に画面遷移図を描画する。すなわち、決定処理により決定された遷移構成に従って、生成されるプログラムで用いられる指定された画面それぞれに対応する画面遷移図を生成する画面遷移図生成処理の一例を示すものである。また、アクション情報を任意に表示可能に、画面遷移図を生成する処理である。 A step S1222 draws a screen transition diagram on the canvas based on the screen transition diagram drawing settings set in steps S1215 to S1221. That is, it shows an example of a screen transition diagram generation process for generating a screen transition diagram corresponding to each designated screen used in a generated program according to the transition configuration determined by the determination process. It is also a process of generating a screen transition diagram so that action information can be displayed arbitrarily.

ここで画面遷移図を描画した際のイメージについて説明する。図17は画面遷移図と遷移図のデータを示す図である。 Here, the image when the screen transition diagram is drawn will be described. FIG. 17 shows a screen transition diagram and data of the transition diagram.

1700は、画面仕様ドキュメント出力の対象となる入出力定義(PRODUCT_REGIST_IO)の画面遷移図のイメージ図である。1701は、画面遷移図部分のHTMLである。1702は、画面遷移情報である。
1703は、画面遷移図に表示しているアイコンをクリックしたときに表示するアイコンである。1704は、1413の次入出力の設定値から決定された遷移先のデータ部品である。1705は、画面仕様ドキュメント出力の対象となる入出力定義(PRODUCT_REGIST_IO)のデータ部品を示し、キャンバス上の中央に配置されている。
Reference numeral 1700 denotes an image diagram of a screen transition diagram of an input/output definition (PRODUCT_REGIST_IO) to be output as a screen specification document. 1701 is the HTML of the screen transition diagram portion. 1702 is screen transition information.
An icon 1703 is displayed when an icon displayed in the screen transition diagram is clicked. Reference numeral 1704 denotes a transition destination data component determined from the setting value of the next input/output of 1413 . Reference numeral 1705 denotes a data component of an input/output definition (PRODUCT_REGIST_IO) to be output as a screen specification document, which is placed in the center of the canvas.

また、図17の1703のアクション情報のアイコンが操作された際の画面遷移図を図18に示す。図18は、アイコンが操作された際の画面遷移図のイメージ図である。1800はアクション情報表示例を示す図であり、1801がアイコンを押下した際に表示される商品一覧のアクション情報例である。また1801は、1412のアクションに関する情報となっている。 FIG. 18 shows a screen transition diagram when the action information icon 1703 in FIG. 17 is operated. FIG. 18 is an image diagram of a screen transition diagram when an icon is operated. 1800 is a diagram showing an example of action information display, and 1801 is an example of action information of a product list displayed when an icon is pressed. Also, 1801 is information on the action of 1412 .

この1801に表示するアクションに関する情報は、ステップS1222で遷移図を描画する際に、メモリから取得する。すなわち、画面遷移図における遷移元又は遷移先にかかるアクション情報を取得する取得処理の一例である。 Information about the action displayed in this 1801 is acquired from the memory when the transition diagram is drawn in step S1222. That is, it is an example of acquisition processing for acquiring action information related to a transition source or a transition destination in a screen transition diagram.

また、1801に表示するアクションに関する情報は、同一の遷移先に対するアクション情報が複数ある場合には、当該複数のアクション情報をまとめて表示可能に、画面遷移図に表示する。 Further, when there is a plurality of pieces of action information for the same transition destination, the action information displayed in 1801 is displayed in the screen transition diagram so that the plurality of pieces of action information can be collectively displayed.

このように、指定された画面(入出力定義)を基準として、その画面それぞれに適した画面遷移図を容易に生成することができる。画面仕様ドキュメント単位で適した画面遷移図が生成することができるため、ユーザが確認している画面を基準に、どのようなアクションによってどのような画面遷移がされるのかを容易に把握させることが可能となる。 In this way, it is possible to easily generate a screen transition diagram suitable for each screen based on the specified screen (input/output definition). Since it is possible to generate screen transition diagrams suitable for each screen specification document, it is possible to easily understand what kind of screen transition is caused by what kind of action based on the screen that the user is checking. It becomes possible.

図20は、画面仕様ドキュメントにおける表示制御のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、装置のCPU201が実行する。 FIG. 20 is a diagram showing an example of a flow chart of display control in a screen specification document. Note that each step of the following flowchart is executed by the CPU 201 of the apparatus.

アプリケーションクライアント104から、Webサーバ107へアクセスして、画面仕様ドキュメント(HTML)を取得する。取得した画面仕様ドキュメントを表示部に表示する。上述したように、画面仕様ドキュメントの表示例が図19である。 The application client 104 accesses the Web server 107 and acquires the screen specification document (HTML). Display the acquired screen specification document on the display unit. As described above, a display example of the screen specification document is shown in FIG.

ステップS2001は、画面一覧1902を介してユーザからの操作を受け付ける。具体的には、表示したい入出力定義の画面仕様ドキュメントのクリックを受け付ける。 A step S2001 receives an operation from the user via the screen list 1902. FIG. Specifically, it accepts a click of the screen specification document of the input/output definition to be displayed.

ステップS2002は、選択された入出力定義の画面仕様ドキュメントを、画面一覧1902のリンクに従って、Webサーバ107から取得して表示する(1908)。なお、リンクには、画面に対応するコード(例えば、PRODUCT_REGIST_IO)が含まれており、このコードに対応する画面仕様ドキュメントを取得するものとする。 The step S2002 acquires the selected input/output definition screen specification document from the Web server 107 according to the link of the screen list 1902 and displays it (1908). Note that the link includes a code (eg, PRODUCT_REGIST_IO) corresponding to the screen, and the screen specification document corresponding to this code is acquired.

ステップS2003は、画面仕様ドキュメントの画面遷移図19において、アクション情報のアイコン1703が選択されたか否かを判定する。アイコン1703が選択された場合は、ステップS2004へ処理を移す。アイコン1703が選択されていない場合は、ステップS2005へ処理を移す。 A step S2003 determines whether or not the action information icon 1703 has been selected in the screen transition diagram 19 of the screen specification document. If the icon 1703 is selected, the process moves to step S2004. If the icon 1703 has not been selected, the process moves to step S2005.

ステップS2004は、アクション情報を表示する。アクション情報の表示例が1801である。このアクション情報もWebサーバ107から取得される。 A step S2004 displays the action information. 1801 is a display example of action information. This action information is also acquired from the Web server 107 .

ステップS2005は、データ部品がクリックされたか否かを判定する。具体的には、1704などのデータ部品が選択されたか否かを判定する。データ部品が選択された場合にはステップS2006へ処理を移す。データ部品が選択されていない場合には終了する(操作待ちとなる)。 A step S2005 decides whether or not a data component has been clicked. Specifically, it is determined whether or not a data component such as 1704 has been selected. If a data component is selected, the process moves to step S2006. If no data part is selected, the process ends (waits for an operation).

ステップS2006は、選択されたデータ部品が有している、コードを取得する。例えば、1707の「PRODUCT_LIST_IO」を取得する。 A step S2006 acquires the code of the selected data component. For example, get 1707 “PRODUCT_LIST_IO”.

ステップS2007は、取得したコードをもとに、Webサーバに対象の画面仕様ドキュメントを要求し、コードに対応した画面仕様ドキュメントを取得する。また、この取得した画面仕様ドキュメントを表示する。 A step S2007 requests the Web server for the target screen specification document based on the acquired code, and acquires the screen specification document corresponding to the code. In addition, this acquired screen specification document is displayed.

なお、本実施形態では、Webアプリケーションを生成し構築するシステムとして説明したが、XML形式でやり取りするWebサービスとして動作するシステムであってもよい。 In this embodiment, a system that generates and constructs a web application has been described, but a system that operates as a web service exchanging in XML format may also be used.

次に、図21を用いて、本実施形態における、特徴を示す機能構成の一例について説明する。 Next, with reference to FIG. 21, an example of a functional configuration showing features in this embodiment will be described.

なお、図21の機能構成は、プログラム開発装置101の機能構成であるが、プログラム開発が可能な装置であればサーバであってもよい。すなわち、クラウド環境で開発できるシステムを利用する場合、サーバの機能構成に置き換えることも可能である。すなわち、Webシステムで実行するプログラムを生成する情報処理装置と言い換えることが可能である。また、Webシステムで用いるクライアント装置で表示する画面に対応する入出力定義に従って、Webシステムで実行するプログラムを生成する情報処理装置である。 Note that the functional configuration of FIG. 21 is that of the program development device 101, but any device capable of program development may be a server. That is, when using a system that can be developed in a cloud environment, it is also possible to replace it with the functional configuration of a server. In other words, it can be rephrased as an information processing device that generates a program to be executed by a web system. It is also an information processing device that generates a program to be executed in a web system according to input/output definitions corresponding to screens displayed on a client device used in the web system.

特定部2101は、入出力定義に含まれるアクション情報に従って、遷移先の入出力定義を特定する機能部である。 The identifying unit 2101 is a functional unit that identifies the input/output definition of the transition destination according to the action information included in the input/output definition.

決定部2102は、特定部2101により特定された遷移先の入出力定義に従って、基準となる入出力定義における遷移構成を決定する機能部である。 The determining unit 2102 is a functional unit that determines the transition configuration in the reference input/output definition according to the input/output definition of the transition destination specified by the specifying unit 2101 .

画面遷移図生成部2103は、決定部2102により決定された遷移構成に従って、生成されるプログラムで用いられる指定された画面それぞれに対応する画面遷移図を生成する機能部である。 The screen transition diagram generation unit 2103 is a functional unit that generates a screen transition diagram corresponding to each specified screen used in the generated program according to the transition configuration determined by the determination unit 2102 .

取得部2104は、画面遷移図における遷移元又は遷移先にかかるアクション情報を取得する機能部である。 The acquisition unit 2104 is a functional unit that acquires action information related to a transition source or a transition destination in the screen transition diagram.

また、画面遷移図生成部2103は、取得部2104により取得されたアクション情報を任意に表示可能に、画面遷移図を生成する機能部である。 The screen transition diagram generation unit 2103 is a functional unit that generates a screen transition diagram so that the action information acquired by the acquisition unit 2104 can be arbitrarily displayed.

また、画面遷移図生成部2103は、前記入出力定義の複数のアクション情報を含み、同一の遷移先に対するアクション情報が複数ある場合には、当該複数のアクション情報をまとめて表示可能に、画面遷移図を生成する機能部である。 In addition, the screen transition diagram generation unit 2103 includes a plurality of action information of the input/output definition, and when there is a plurality of action information for the same transition destination, the screen transition diagram generation unit 2103 can collectively display the plurality of action information. This is the functional part that generates the diagram.

また、画面遷移図生成部2103は、前記アクション情報を表示させるオブジェクトを、画面遷移図における遷移にかかる位置に配置する機能部である。 The screen transition diagram generation unit 2103 is a functional unit that arranges an object for displaying the action information at a transition position in the screen transition diagram.

ドキュメント生成部2105は、前記入出力定義に従って、入出力定義の仕様を表示するドキュメントを生成する機能部である。 The document generation unit 2105 is a functional unit that generates a document displaying the specifications of the input/output definition according to the input/output definition.

また、画面遷移図生成部2103は、ドキュメント生成部2105で生成されたドキュメントに対応して画面遷移図を生成する機能部である。 A screen transition diagram generation unit 2103 is a functional unit that generates a screen transition diagram corresponding to the document generated by the document generation unit 2105 .

また、画面遷移図生成部2103は、基準となる入出力定義と、遷移先又は遷移元の入出力定義に対応するオブジェクトを生成する機能部である。 The screen transition diagram generation unit 2103 is a functional unit that generates an object corresponding to a reference input/output definition and a transition destination or transition source input/output definition.

前記オブジェクトは、ドキュメント生成部2105は、により生成されたドキュメントとリンクするように生成されるもので、画面遷移図生成部2103により作成される。当該オブジェクトは前記入出力定義のタイプに従って識別可能に生成される。 The object is generated by the document generation unit 2105 so as to be linked with the document generated by the screen transition diagram generation unit 2103 . The object is identifiably created according to the type of input/output definition.

前記基準となる入出力定義は、ドキュメント生成部2105でドキュメントを生成する際に用いられる入出力定義であって、画面遷移図生成部2103は、前記基準となる入出力定義に対応するオブジェクトをユーザが認識しやすい形態で配置した画面遷移図を生成する。 The reference input/output definition is an input/output definition used when the document generation unit 2105 generates a document. generates a screen transition diagram arranged in an easily recognizable form.

以上、本実施形態の詳細な説明を終了する。 This completes the detailed description of the present embodiment.

本実施形態では、Webアプリケーションの実行環境で表示する画面ごとの画面遷移図を容易に生成することができる。 In this embodiment, it is possible to easily generate a screen transition diagram for each screen displayed in the Web application execution environment.

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

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

プログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、CD-ROM、CD-R、DVD-ROM、磁気テープ、不揮発性のメモリカード、ROM、EEPROM、シリコンディスク等を用いることが出来る。 Examples of recording media for supplying programs include flexible disks, hard disks, optical disks, magneto-optical disks, CD-ROMs, CD-Rs, DVD-ROMs, magnetic tapes, non-volatile memory cards, ROMs, EEPROMs, silicon A disk or the like can be used.

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

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

また、本発明は、複数の機器から構成されるシステムに適用しても、ひとつの機器から成る装置に適用しても良い。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。 Moreover, the present invention may be applied to a system composed of a plurality of devices or to an apparatus composed of a single device. Further, it goes without saying that the present invention can be applied to the case where it is achieved by supplying a program to a system or apparatus. In this case, by loading a recording medium storing a program for achieving the present invention into the system or device, the system or device can enjoy the effects of the present invention.

上記プログラムの形態は、オブジェクトコード、インタプリタにより実行されるプログラムコード、OS(オペレーティングシステム)に供給されるスクリプトデータ等の形態から成ってもよい。 The program may be in the form of object code, program code executed by an interpreter, script data supplied to an OS (operating system), or the like.

さらに、本発明を達成するためのプログラムをネットワーク上のサーバ、データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。 Furthermore, by downloading and reading out the program for achieving the present invention from a server, database, etc. on the network using a communication program, the system or device can enjoy the effects of the present invention. It should be noted that all configurations obtained by combining each of the above-described embodiments and modifications thereof are also included in the present invention.

101 プログラム開発装置
102 プログラム開発サーバ
103 データベースサーバ
104 アプリケーションクライアント
105 アプリケーションサーバ
106 ネットワーク
107 Webサーバ
201 CPU
202 RAM
211 外部メモリ
101 Program Development Device 102 Program Development Server 103 Database Server 104 Application Client 105 Application Server 106 Network 107 Web Server 201 CPU
202 RAMs
211 external memory

Claims (16)

特定のプログラムで表示される画面の遷移関係を特定する特定手段と、
所定の指示を受け付けたことに応じて、前記特定手段で特定した遷移関係に基づき、前記特定のプログラムで表示される複数の画面のうち、前記複数の画面のそれぞれを基準として、遷移回数が所定数を超える遷移元と遷移先の画面の情報を含むことなく、遷移回数が前記所定数までの遷移元と遷移先の少なくとも一方の画面の情報を含む遷移図をそれぞれ生成するように制御する制御手段と、
前記制御手段による制御で生成された前記遷移図を表示するように制御する表示制御手段と
を有することを特徴とする情報処理装置。
identifying means for identifying a transition relationship between screens displayed by a specific program;
In response to receiving a predetermined instruction, based on the transition relationship identified by the identifying means, a predetermined number of transitions is made based on each of the plurality of screens displayed by the specific program. Control to generate a transition diagram containing information of at least one of the screens of the transition source and the transition destination up to the predetermined number of transitions without including information of the screens of the transition source and the transition destination exceeding the number of transitions. means and
and display control means for controlling to display the transition diagram generated by the control by the control means.
前記所定の指示は、ユーザによる指示であることを特徴とする請求項1に記載の情報処理装置。 2. An information processing apparatus according to claim 1, wherein said predetermined instruction is an instruction by a user. 前記所定の指示は、前記特定のプログラムを生成する指示であることを特徴とする請求項1または2に記載の情報処理装置。 3. The information processing apparatus according to claim 1, wherein said predetermined instruction is an instruction to generate said specific program . 前記特定のプログラムを生成する生成手段をさらに有し、
前記制御手段は、前記生成手段により生成される特定のプログラムで表示される複数の画面のそれぞれを基準とする遷移図をそれぞれ生成するように制御することを特徴とする請求項1乃至3のいずれか1項に記載の情報処理装置。
further comprising generating means for generating the specific program;
4. A transition diagram according to any one of claims 1 to 3, wherein said control means controls to generate respective transition diagrams based on each of a plurality of screens displayed by a specific program generated by said generating means. 1. The information processing apparatus according to 1.
前記特定手段は、前記特定のプログラムを生成するための定義情報に基づいて前記遷移関係を特定することを特徴とする請求項1乃至4のいずれか1項に記載の情報処理装置。 5. The information processing apparatus according to claim 1, wherein said identifying means identifies said transition relation based on definition information for generating said specific program. 前記特定手段は、各画面に対応する入出力定義に従って、各画面の遷移関係を特定することを特徴とする請求項1乃至5のいずれか1項に記載の情報処理装置。 6. The information processing apparatus according to any one of claims 1 to 5, wherein said identifying means identifies a transition relation of each screen according to an input/output definition corresponding to each screen. 前記特定手段は、前記入出力定義に含まれるアクション情報に従って、各画面の遷移関係を特定することを特徴とする請求項6に記載の情報処理装置。 7. The information processing apparatus according to claim 6, wherein said identifying means identifies the transition relation of each screen according to action information included in said input/output definition. 前記特定手段は、前記アクション情報に定義される次入出力情報に従って、各画面の遷移関係を特定することを特徴とする請求項7に記載の情報処理装置。 8. The information processing apparatus according to claim 7, wherein said identifying means identifies a transition relationship of each screen according to next input/output information defined in said action information. 前記特定のプログラムは、Webシステムで実行するプログラムであることを特徴とする請求項1乃至8のいずれか1項に記載の情報処理装置。 9. The information processing apparatus according to claim 1, wherein said specific program is a program executed by a web system. 前記複数の画面は、前記Webシステムで用いるクライアント装置で表示される画面であることを特徴とする請求項9に記載の情報処理装置。 10. The information processing apparatus according to claim 9, wherein said plurality of screens are screens displayed on a client device used in said web system. 前記表示制御手段は、前記特定の画面ごとの仕様を表示するドキュメントを生成し、生成された前記ドキュメントと共に、前記遷移図を表示するよう制御することを特徴とする請求項1乃至10のいずれか1項に記載の情報処理装置。 11. The display controller according to claim 1, wherein said display control means generates a document displaying specifications for each of said specific screens, and controls to display said transition diagram together with said generated document. The information processing device according to item 1. 前記ドキュメントには、前記特定の画面の画面イメージ、画面項目一覧の情報を含むことを特徴とする請求項11に記載の情報処理装置。 12. The information processing apparatus according to claim 11, wherein said document includes a screen image of said specific screen and information of a screen item list. 前記所定数は、前記特定のプログラムの開発者によって予め入力された情報に基づく数であることを特徴とする請求項1乃至12のいずれか1項に記載の情報処理装置。 13. The information processing apparatus according to any one of claims 1 to 12, wherein said predetermined number is a number based on information input in advance by a developer of said specific program. 前記所定数が設定された設定ファイルを読み込む読み込み手段を更に有し、
前記表示制御手段は、前記設定ファイルに設定された前記所定数に基づいて前記遷移図を表示するように制御することを特徴とする請求項1乃至13のいずれか1項に記載の情報処理装置。
further comprising reading means for reading the setting file in which the predetermined number is set;
14. The information processing apparatus according to any one of claims 1 to 13, wherein said display control means controls to display said transition diagram based on said predetermined number set in said setting file. .
特定のプログラムで表示される画面の遷移関係を特定する特定ステップと、
所定の指示を受け付けたことに応じて、前記特定ステップで特定した遷移関係に基づき、前記特定のプログラムで表示される複数の画面のうち、前記複数の画面のそれぞれを基準として、遷移回数が所定数を超える遷移元と遷移先の画面の情報を含むことなく、遷移回数が前記所定数までの遷移元と遷移先の少なくとも一方の画面の情報を含む遷移図をそれぞれ生成するように制御する制御ステップと、
前記制御ステップによる制御で生成された前記遷移図を表示するように制御する表示制御ステップと
を情報処理装置に処理させる処理方法。
a specific step of identifying a transition relationship between screens displayed by a specific program;
In response to receiving a predetermined instruction, based on the transition relationship identified in the identifying step, a predetermined number of transitions is made based on each of the plurality of screens displayed by the specific program. Control to generate a transition diagram containing information of at least one of the screens of the transition source and the transition destination up to the predetermined number of transitions without including information of the screens of the transition source and the transition destination exceeding the number of transitions. a step;
and a display control step of controlling to display the transition diagram generated by the control by the control step.
コンピュータを、請求項1乃至14のいずれか1項に記載された情報処理装置の各手段として機能させるためのプログラム。 A program for causing a computer to function as each means of the information processing apparatus according to any one of claims 1 to 14.
JP2020187779A 2020-11-11 2020-11-11 Information processing device and its processing method and program Active JP7121313B2 (en)

Priority Applications (3)

Application Number Priority Date Filing Date Title
JP2020187779A JP7121313B2 (en) 2020-11-11 2020-11-11 Information processing device and its processing method and program
JP2022118556A JP7397368B2 (en) 2020-11-11 2022-07-26 Information processing device and its processing method and program
JP2023199060A JP7667485B2 (en) 2020-11-11 2023-11-24 Information processing system, processing method and program thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2020187779A JP7121313B2 (en) 2020-11-11 2020-11-11 Information processing device and its processing method and program

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2017081667A Division JP6795766B2 (en) 2017-04-17 2017-04-17 Information processing device and its processing method and program

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2022118556A Division JP7397368B2 (en) 2020-11-11 2022-07-26 Information processing device and its processing method and program

Publications (3)

Publication Number Publication Date
JP2021015644A JP2021015644A (en) 2021-02-12
JP2021015644A5 JP2021015644A5 (en) 2021-09-30
JP7121313B2 true JP7121313B2 (en) 2022-08-18

Family

ID=74531544

Family Applications (3)

Application Number Title Priority Date Filing Date
JP2020187779A Active JP7121313B2 (en) 2020-11-11 2020-11-11 Information processing device and its processing method and program
JP2022118556A Active JP7397368B2 (en) 2020-11-11 2022-07-26 Information processing device and its processing method and program
JP2023199060A Active JP7667485B2 (en) 2020-11-11 2023-11-24 Information processing system, processing method and program thereof

Family Applications After (2)

Application Number Title Priority Date Filing Date
JP2022118556A Active JP7397368B2 (en) 2020-11-11 2022-07-26 Information processing device and its processing method and program
JP2023199060A Active JP7667485B2 (en) 2020-11-11 2023-11-24 Information processing system, processing method and program thereof

Country Status (1)

Country Link
JP (3) JP7121313B2 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005165934A (en) 2003-12-05 2005-06-23 Hitachi Ltd HTML file generation method, generation system, and display method thereof
JP2008140408A (en) 2007-12-28 2008-06-19 Fujitsu Ltd SPECIFICATION GENERATION PROGRAM, ITS RECORDING MEDIUM, SPECIFICATION GENERATION DEVICE, AND SPECIFICATION GENERATION METHOD
JP2012221107A (en) 2011-04-06 2012-11-12 Sony Corp Information processing device, information processing method, program, server and information processing system
JP2016173721A (en) 2015-03-17 2016-09-29 キヤノンマーケティングジャパン株式会社 Information processing device, control method of information processing device, and program

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0363878A (en) * 1989-08-02 1991-03-19 Toshiba Corp Lsi design supporting system
JP3554056B2 (en) * 1994-09-19 2004-08-11 株式会社東芝 Software specification reuse support device
JP2005107823A (en) 2003-09-30 2005-04-21 Fujitsu Ltd Software test program, method and apparatus using screen transition diagram model
JP2010271968A (en) 2009-05-22 2010-12-02 Towa System Inc Repository management server

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005165934A (en) 2003-12-05 2005-06-23 Hitachi Ltd HTML file generation method, generation system, and display method thereof
JP2008140408A (en) 2007-12-28 2008-06-19 Fujitsu Ltd SPECIFICATION GENERATION PROGRAM, ITS RECORDING MEDIUM, SPECIFICATION GENERATION DEVICE, AND SPECIFICATION GENERATION METHOD
JP2012221107A (en) 2011-04-06 2012-11-12 Sony Corp Information processing device, information processing method, program, server and information processing system
JP2016173721A (en) 2015-03-17 2016-09-29 キヤノンマーケティングジャパン株式会社 Information processing device, control method of information processing device, and program

Also Published As

Publication number Publication date
JP2024009233A (en) 2024-01-19
JP7397368B2 (en) 2023-12-13
JP2021015644A (en) 2021-02-12
JP2022136189A (en) 2022-09-15
JP7667485B2 (en) 2025-04-23

Similar Documents

Publication Publication Date Title
GB2373085A (en) Method, computer program and system for style sheet generation.
JP2003186673A (en) Method of integrating computer system components and configuration system
US20080104508A1 (en) Method of constructing an editable machine-readable document
US20080104082A1 (en) Method of constructing a remotely editable machine-readable document
JP2013518321A (en) Pattern-based user interface
US20080104497A1 (en) Method of identifying an extractable portion of a source machine-readable document
CN117785170A (en) Low-code component processing method, device, medium and computing equipment
US7203925B1 (en) Graphical compiler
EP1816586A1 (en) Data processing system, data processing method, and management server
US8812964B2 (en) Managing evelopment of an enterprise application
US20090137202A1 (en) Information distribution system
JP2022101746A (en) Information processing apparatus, information processing method, and program
JP7121313B2 (en) Information processing device and its processing method and program
JP7014960B2 (en) Information processing equipment, servers, their processing methods and programs
JP7210093B2 (en) Information processing device, its processing method and program
JP6795766B2 (en) Information processing device and its processing method and program
JP2001125855A (en) Dynamic Web page generation program
JP4386243B2 (en) PROGRAM GENERATION DEVICE, PROGRAM GENERATION METHOD, PROGRAM AND RECORDING MEDIUM
JP6795767B2 (en) Information processing device and its processing method and program
KR102228241B1 (en) Method and system for virtual input on the web
JP2010157165A (en) Information processor, information processing method, and program
EP1826682A1 (en) Document managing device and document managing method
JP2004362343A (en) Source code conversion apparatus, source code conversion method, and program
JP7260150B2 (en) WEBSITE DESIGN SUPPORT DEVICE, WEBSITE DESIGN SUPPORT METHOD, AND PROGRAM
JP7048912B2 (en) Information processing equipment and its processing method and program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20201211

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210816

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20211206

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20211228

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20220225

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20220405

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20220425

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20220718

R151 Written notification of patent or utility model registration

Ref document number: 7121313

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250