JP7485894B2 - Information processing device, information processing method, and program - Google Patents
Information processing device, information processing method, and program Download PDFInfo
- Publication number
- JP7485894B2 JP7485894B2 JP2019234416A JP2019234416A JP7485894B2 JP 7485894 B2 JP7485894 B2 JP 7485894B2 JP 2019234416 A JP2019234416 A JP 2019234416A JP 2019234416 A JP2019234416 A JP 2019234416A JP 7485894 B2 JP7485894 B2 JP 7485894B2
- Authority
- JP
- Japan
- Prior art keywords
- prototype
- screen
- application
- content
- definition
- 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
Links
- 230000010365 information processing Effects 0.000 title claims description 29
- 238000003672 processing method Methods 0.000 title claims description 3
- 230000009471 action Effects 0.000 claims description 81
- 238000000034 method Methods 0.000 claims description 79
- 230000008569 process Effects 0.000 claims description 66
- 230000007704 transition Effects 0.000 claims description 33
- 238000012545 processing Methods 0.000 claims description 20
- 230000006870 function Effects 0.000 claims description 15
- 238000004519 manufacturing process Methods 0.000 claims description 14
- 238000010276 construction Methods 0.000 claims description 8
- 230000004044 response Effects 0.000 claims description 8
- 238000003825 pressing Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 35
- 238000007726 management method Methods 0.000 description 32
- 238000004458 analytical method Methods 0.000 description 10
- 230000000694 effects Effects 0.000 description 5
- 239000000284 extract Substances 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 238000013500 data storage Methods 0.000 description 3
- 238000000605 extraction Methods 0.000 description 3
- KNMAVSAGTYIFJF-UHFFFAOYSA-N 1-[2-[(2-hydroxy-3-phenoxypropyl)amino]ethylamino]-3-phenoxypropan-2-ol;dihydrochloride Chemical compound Cl.Cl.C=1C=CC=CC=1OCC(O)CNCCNCC(O)COC1=CC=CC=C1 KNMAVSAGTYIFJF-UHFFFAOYSA-N 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- XUIMIQQOPSSXEZ-UHFFFAOYSA-N Silicon Chemical compound [Si] XUIMIQQOPSSXEZ-UHFFFAOYSA-N 0.000 description 1
- 238000009825 accumulation Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000003278 mimic effect Effects 0.000 description 1
- 230000000877 morphologic effect Effects 0.000 description 1
- 238000011017 operating method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 229910052710 silicon Inorganic materials 0.000 description 1
- 239000010703 silicon Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Landscapes
- Stored Programmes (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Description
本発明は、アプリケーションをせいせいする情報処理装置、情報処理方法およびプログラムに関する。 The present invention relates to an information processing device, an information processing method, and a program for executing an application.
顧客の為にアプリケーションを作成する際に、まず顧客の要望を汲み取ってアプリケーションを作成すると、手戻りを減らして開発効率を上げることができる。 When creating an application for a customer, if you first understand the customer's needs and then create the application, you can reduce rework and increase development efficiency.
特に、画面や操作手順などは内部ロジックと異なり、ユーザの要望通りに動くことが、顧客満足度を高めることに起因する。 In particular, screens and operating procedures differ from internal logic and operate exactly as the user desires, which increases customer satisfaction.
特許文献１は、ユーザの要望を聞きながら、要望に沿った要件を確定すると同時に、その場で実機用となりうるアプリケーションプログラムのソースコードを生成し、完成させることで上記課題を解決している。
しかしながら、上記発明の場合、顧客が所望する「実機となりうるアプリケーションのソースコードを生成」するためには、「モックアップ用ファイルに含まれるルールテーブル」が必要になる。ルールテーブルを作成するためには、顧客に提案などを行う営業担当者やビジネスユーザ（顧客の意思決定者）などにも一定のスキル・知識が必要である。 However, in the case of the above invention, in order to "generate source code for an application that can become an actual device" as desired by the customer, a "rule table included in the mockup file" is necessary. In order to create a rule table, the sales representatives who make proposals to the customer and business users (decision makers for the customer) also need a certain level of skill and knowledge.
そのため、ビジネスユーザが顧客の望むようなモックアップ用アプリケーションを作成したり、顧客とのミーティングの場で営業担当者がモックアップ用アプリケーションを作成することが難しい場合がある。 This can make it difficult for business users to create mockup applications that meet the needs of their customers, or for sales representatives to create mockup applications during customer meetings.
本発明は、上記ユーザでも顧客の所望のアプリケーションのプロトタイプを直感的に作成することができることを目的とする。 The present invention aims to enable such users to intuitively create prototypes of applications that customers desire.
本発明は、プロトタイプアプリケーションにおけるアクションイベントの選択を受け付ける選択受付手段と、
前記プロトタイプアプリケーションの画面に出力する内容の入力を受け付ける内容受付手段と、
前記内容受付手段により受け付けた内容を、前記選択受付手段で選択を受け付けたアクションイベントの発生に応じて前記画面に出力するプロトタイプアプリケーションを構築する構築手段と
を有することを特徴とする。
The present invention includes a selection receiving means for receiving a selection of an action event in a prototype application ;
a content receiving means for receiving an input of content to be output on a screen of the prototype application ;
a construction means for constructing a prototype application for outputting the content received by the content receiving means on the screen in response to the occurrence of an action event selected by the selection receiving means;
The present invention is characterized by having the following.
本発明によれば、顧客に提案などを行う営業担当者やビジネスユーザなどが顧客の所望のアプリケーションのプロトタイプを直感的に作成することができることを可能とする。 The present invention enables sales representatives and business users who make proposals to customers to intuitively create prototypes of applications that customers desire.
以下、図面を参照して本発明の実施形態を詳細に説明する。
＜第一実施形態＞
図１は、本発明に係わるプログラム開発装置（開発者がＷｅｂアプリケーション生成のために操作する情報処理装置）、アプリケーションサーバ、データベースサーバ、アプリケーションクライアントの構成の一例を示すシステム（情報処理システム）構成図である。
Hereinafter, an embodiment of the present invention will be described in detail with reference to the drawings.
First Embodiment
FIG. 1 is a system (information processing system) configuration diagram showing an example of the configuration of a program development device (an information processing device operated by a developer to generate a Web application), an application server, a database server, and an application client according to the present invention.
プログラム開発装置１０１は、開発者の操作に従って画面レイアウト及びデータベース検索指示などを定義する。プログラム開発装置１０１は、プログラム生成、アプリケーション生成を行う。
The
なお、この実施形態においては、プログラム開発装置１０１で生成するアプリケーションはＷｅｂアプリケーションとしたが、これに限定するものではなく、携帯電話・スマートフォン・タブレットなどの情報処理装置で動作するアプリケーションや組込みソフトウェアなど、Ｗｅｂ技術による通信を利用したアプリケーションでなくてもよい。
In this embodiment, the application generated by the
アプリケーションサーバ１０２は、プログラム開発装置１０１で開発されたアプリケーションを実行する。また、データベースサーバ１０３と接続して動作することが可能である。
The
データベースサーバ１０３は、開発されたアプリケーションが使用するデータベースであり、また本発明では開発時にも動作確認などのために利用してもよい。例えば、開発者が利用するためにデータベースサーバ１０３は、プログラム開発装置１０１や、アプリケーションサーバ１０２と同一の装置で構成されていてもよいし、ＬＡＮなどのネットワーク１０５内に配置されてもよい。
The
アプリケーションクライアント１０４（情報処理装置）は、アプリケーションサーバ１０２と協調してプログラム開発装置１０１で開発したアプリケーションプログラムを動作させる、エンドユーザの入力端末である。この、アプリケーションクライアント１０４は、携帯端末などの情報処理装置であってもよいこととする。
The application client 104 (information processing device) is an end user's input terminal that operates the application program developed by the
なお、プログラム開発装置１０１、アプリケーションサーバ１０２、データベースサーバ１０３、および、アプリケーションクライアント１０４の何れかを、クラウドなどのインターネット上に配置してもよいし、いくつかの情報処理装置を一つの筐体としてもよい。
In addition, any of the
図２は、本発明に係わるプログラム開発装置１０１、アプリケーションサーバ１０２、データベースサーバ１０３、アプリケーションクライアント１０４として適用可能な各ハードウェア構成の一例を示すブロック図である。
Figure 2 is a block diagram showing an example of the hardware configuration applicable to the
図２において、ＣＰＵ２０１は、システムバス２０４に接続される各デバイスを統括的に制御する。
In FIG. 2, the
また、ＲＯＭ２０３あるいは外部メモリ２１１には、ＣＰＵ２０１の制御プログラムであるオペレーティングシステム（ＯＳ）や、各サーバ、クライアント、装置など情報処理装置の後述する各種機能を実現するためのプログラムが記憶されている。
The
ＲＡＭ２０２は、ＣＰＵ２０１の主メモリ、ワークエリア、一時待避領域等として機能する。
入力コントローラ２０５は、入力部２０９からの入力を制御する。この入力部２０９としては、情報処理装置では、キーボード、マウス等のポインティングデバイス、タッチパネルが挙げられる。
The
なお、入力部２０９がタッチパネルの場合、ユーザがタッチパネルに表示されたアイコンやカーソルやボタンに合わせて押下（指等でタッチ）することにより、各種の指示を行うことができることとする。
When the
また、タッチパネルは、マルチタッチスクリーン等の、複数の指でタッチされた位置を検出することが可能なタッチパネルであってもよい。 The touch panel may also be a touch panel capable of detecting positions touched by multiple fingers, such as a multi-touch screen.
出力コントローラ２０６は、出力部２１０の表示を制御する。この出力部２１０としては、例えば、ＣＲＴや液晶ディスプレイ等が挙げられる。尚、本体と一体になったノート型パソコンのディスプレイも含まれるものとする。また、プロジェクタであってもよいこととする。
The
外部メモリコントローラ２０７は、ブートプログラム、各種のアプリケーション、フォントデータ、ユーザーファイル、編集ファイル、プリンタドライバ等を記憶する外部メモリ２１１へのアクセスを制御する。外部メモリ２１１には、各サーバ、クライアント、装置等の各種機能を実現するための各種テーブル、パラメータが記憶されている。この外部メモリ２１１としては、ハードディスク（ＨＤ）やフレキシブルディスク（ＦＤ）、ＰＣＭＣＩＡカードスロットにアダプタを介して接続されるコンパクトフラッシュ（登録商標）、スマートメディア等が挙げられる。
The
なお、ＣＰＵ２０１は、例えばＲＡＭ２０２内の表示情報用領域へアウトラインフォント展開（ラスタライズ）処理を実行することにより、出力部２１０上での表示を可能としている。また、ＣＰＵ２０１は、出力部２１０上の不図示のマウスカーソル等でのユーザ指示を可能とする。
The
通信Ｉ／Ｆコントローラ２０８は、ネットワークを介して外部機器との通信制御処理を実行する。例えば、ＴＣＰ／ＩＰを用いた通信等が可能である。
The communication I/
本発明を実現するためのプログラム２１２は外部メモリ２１１に記録されており、必要に応じてＲＡＭ２０２にロードされることによりＣＰＵ２０１によって実行されるものである。
The
図３は、本発明の実施の形態のソフトウェア構成を示すブロック図の一例である。 Figure 3 is an example block diagram showing the software configuration of an embodiment of the present invention.
プログラム開発装置１０１は、以下の機能部を備える。
The
ＩＯ定義受付部３０１は、アプリケーションに表示される画面やアイテム（入出力項目）の配置などのＩＯ定義画面をユーザから受け付ける。
The IO
イベント表示画面定義部３０２は、ＩＯ定義画面のアクションイベントに対応して表示されるイベント表示画面をユーザから受け付ける。
The event display
表示画面データ受付部３０３は、イベント表示画面に表示されるアイテム（入出力項目）にプロトタイプアプリケーションで表示するデータの入力を受け付ける。
The display screen
アプリケーション生成部３０４は、ＩＯ定義画面、イベント表示画面、プロトタイプアプリケーションで表示される入力されたデータをアクションイベントに対応して動作するように制御するプロトタイプアプリケーションを生成する。
The
アクションイベントデータ定義部３０５は、プロトタイプアプリケーションで表示される入力されたデータをアクションイベントに定義することを行う。
The action event
項目属性取得部３０６は、ＩＯ定義画面に定義された項目名や文字列の型情報などを取得する。
The item
プロトタイプデータ記憶部３０７は、プロトタイプデータサンプル（プロトタイプデータのサンプルとなるデータ）を記憶している。
The prototype
プロトタイプデータ取得部３０８は、プロトタイプデータサンプルからデータを抽出する。
The prototype
プロトタイプデータ選択受付部３０９は、複数のプロトタイプデータサンプルからユーザの選択をドロップダウンリストなどから取得する。
The prototype data
項目名対応部３１０は、複数の項目名に対応する類義語のデータを有する名寄せの機能を果たす。
The item
表示件数受付部３１１は、一覧表示をするプロトタイプアプリケーションを生成する際に何件分のリストを表示させるかをユーザから受け付ける。
The display
図４は、プログラム開発装置１０１、アプリケーションサーバ１０２及びアプリケーションクライアント１０４の構成図である。
Figure 4 is a configuration diagram of the
プログラム開発装置１０１は、リポジトリ定義部４００、プロトタイプアプリケーション生成部４１０、リポジトリ定義エディタ部４２０を備える。なお、本発明のプロトタイプアプリケーションとは、本番環境のようにデータベースからデータを検索したり、算出したデータ結果から作図をしたりするアプリケーションとは異なり、予め設定された値や予め作図された図などを表示し、画面遷移や表示変更などを実際のアプリケーションのように模倣するモックアップとしてのアプリケーションとする。
The
アプリケーションサーバ１０２は、図４ではアプリケーションサーバ４３０に該当し、アプリケーションクライアント１０４は、Ｗｅｂブラウザ４５０を備える。
The
プログラム開発装置１０１は、プロトタイプ生成部４１０によりプロトタイプアプリケーション４４０を生成する。本発明での開発者とは、アプリケーションの受託開発者に限らず、ビジネスユーザや営業担当者などの広くプログラム開発装置１０１を使用する者を指す。
The
リポジトリ定義部４００には、アプリケーション定義４０１、画面定義４０２、画面部品定義４０３、画面遷移定義４０４、画面部品定義４０２に紐づくアクション４０５、アクション４０５に紐づくプロトタイプデータ４０６が記憶されている。プロトタイプデータとは、プロトタイプアプリケーションを実行する際にアプリケーション画面に表示されるデータを指し、本番環境のようにデータベースからデータを検索したり、算出したデータ結果から作図をしたりするものではなく、開発者により予め設定されている値や図を指す。これら４０１～４０６の定義は、アプリケーション開発ツールを介して、開発者によって入力設定または配置される。
アプリケーション定義４０１は、開発者が開発するアプリケーション全体の設定を保持する。
画面定義４０２は、アプリケーションに含まれる各画面に配置される各種画面部品定義４０３及び画面遷移定義４０４の情報を保持する。画面定義４０２は、各種部品に設定されるアクション４０５及びアクション４０５に紐づくプロトタイプデータ４０６の情報を含む。
The
プロトタイプアプリケーション生成部４１０は、開発者により設定されたリポジトリ定義部４００を解析し、プロトタイプアプリケーションを生成する。また、プロトタイプアプリケーション生成後にアプリケーションサーバ４３０を起動させる。起動されたプロトタイプアプリケーションは、アプリケーションクライアント１０４のＷｅｂブラウザ４５０からアクセスすると、生成したプロトタイプアプリケーションの画面を表示する。
The prototype
リポジトリ定義解析部４１１は、開発者により設定されたリポジトリ定義部４００を解析する。
The repository
プロトタイプコード生成部４１２は、リポジトリ定義解析部４１１の解析結果に応じたプロトタイプアプリケーションのソースコードを生成する。
The prototype
ソースコードコンパイル部４１３は、プロトタイプコード生成部４１２の生成したソースコードをコンパイルしアプリケーションサーバ４３０にデプロイする。
The source
リポジトリ定義エディタ部４２０は、ユーザがリポジトリ定義４００を設定するための手順の一例である。リポジトリ定義エディタ部４２０は、画面定義エディタ部４２１、画面プロパティエディタ部４２２、部品パレット部４２３、アクション選択部４２４、プロトタイプデータ入力部４２５を含む。
The repository
画面定義エディタ部４２１は、開発者が所望の画面レイアウトを直観的に作成するためのグラフィカルエディタである。
The screen
画面プロパティエディタ部４２２は、開発者が配置した各画面部品に対するプロパティを設定するエディタである。
The screen
部品パレット部４２３は、開発者が所望の画面部品をドラッグ＆ドロップによって画面に配置するための部品（アイテム）一覧である。
The
アクション選択部４２４は、開発者がプロトタイプデータ４０６を設定する対象のアクションを選択するためのアクション（アクションイベント）一覧である。
The
プロトタイプデータ入力部４２５は、特定のアクション４０５に紐づくプロトタイプデータ４０６を直観的に設定するためのグラフィカルエディタである。
The prototype
アプリケーションサーバ４３０は、プロトタイプアプリケーション生成部４１０が生成したプロトタイプアプリケーション４４０を実行するための装置である。
The
プロトタイプアプリケーション４４０は、プロトタイプアプリケーション生成部４１０が生成したアプリケーションである。プロトタイプアプリケーション４４０は、開発者として、プログラム開発装置１０１が生成するアプリケーションの表示内容や動作等を手軽に確認するためのモックアップアプリケーションである。プロトタイプアプリケーション４４０は、画面モジュール４４１、アクション制御モジュール４４２及びプロトタイプデータ４４３を含む。
The
画面モジュール４４１は、プロトタイプアプリケーション４４０のうちユーザインタフェースの機能を持つモジュールである。
The
アクション制御モジュール４４２は、画面モジュール４４１からユーザのアクション実行要求を受付け、該アクションに紐づいた動作を制御するモジュールである。
The
プロトタイプデータ４４３は、アクション制御モジュール４４２によって読込まれ、画面モジュール４４１に表示されるデータである。
The
また、図示はしないが、プロトタイプアプリケーションではなく、実際に動作するアプリケーションコード生成部も有している。アプリケーションコード生成部は、リポジトリ定義解析部４１１により、リポジトリ定義部４００から、アプリケーション定義４０１、画面定義４０２、別に定義されたデータベース定義、データモデル定義、ビジネスプロセス定義、を読み込み解析する。Ｗｅｂアプリケーションコード生成部は、外部メモリ２１１に記憶されているコード生成ルールと、リポジトリ定義解析部４１１によって解析された内容とを用いて、ソースコードコンパイル部４１３を介し、コンパイル済Ｊａｖａ（登録商標）コード及びＨＴＭＬ／ＪＳＰ／ＪａｖａＳｃｒｉｐｔ（登録商標）を含むＷｅｂアプリケーションモジュールを生成する。
Although not shown, the system also has an application code generation unit that actually operates, rather than a prototype application. The application code generation unit reads and analyzes the
図５は、Ｗｅｂアプリケーションのプロトタイプアプリケーション生成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 5 shows an example of a flowchart for generating a prototype application for a web application. Note that each step in the following flowchart is executed by the
図５のフローチャートは、開発者がプロトタイプアプリケーションを生成しようとする際にプログラム開発装置１０１で開始される処理の流れである。
The flowchart in Figure 5 shows the process flow that is initiated by the
まず、ステップＳ５０１において、プログラム開発装置１０１は、画面定義入力を受付ける。ステップＳ５０１の処理の詳細は図６を参照して後述する。
First, in step S501, the
次に、ステップＳ５０２において、プログラム開発装置１０１は、プロトタイプデータ４４３の入力要求があったかを判定する。具体的には、アクション選択部４２４の一例である図１２の１２０１及び１２０２、もしくは１２０３及び図１３の１３０１が押下されたかを判定する。
Next, in step S502, the
ここでプロトタイプデータ４４３とは、開発者がプロトタイプアプリケーション４４０のアプリケーションの表示内容や動作を確認するために、画面に表示するデータを指す。データを表示する画面はＷｅｂブラウザ４５０でも、画面定義エディタ部であってもよい。
Here,
アクション制御モジュール４４２は、開発者によって設定された複数のプロトタイプデータのうち、プロトタイプアプリケーション４４０実行時のどのタイミングでどのデータを表示するかを制御する。また、アクション制御モジュール４４２は、画面に配置された部品が持つ各アクションに紐づいた動作を制御する。すなわち、プロトタイプデータはアクション（アクションイベント）に紐づく。
The
プログラム開発装置１０１は、開発者がこれから入力するプロトタイプデータが、どのアクションに紐づくものかを指定させるために、該押下を受付ける。
The
ステップＳ５０２において、プロトタイプデータ入力要求があったと判定した場合には、ステップＳ５０３に遷移する。 If it is determined in step S502 that a prototype data input request has been made, the process proceeds to step S503.
一方、ステップＳ５０２において、プロトタイプデータ入力要求がなかった場合には、ステップＳ５０４に遷移する。 On the other hand, if there is no request to input prototype data in step S502, the process proceeds to step S504.
なお、１２０１が押下された場合の、アクション選択部の一例を１２０２に示す。また、１２０３が押下された場合の、アクション選択部の一例を１３０１に示す。１３０１の例では、表示中の画面定義に含まれるアクション一覧を表示しているが、アプリケーション定義に含まれるアクション一覧を表示してもよい。 An example of the action selection section when 1201 is pressed is shown in 1202. An example of the action selection section when 1203 is pressed is shown in 1301. In the example of 1301, a list of actions included in the currently displayed screen definition is displayed, but a list of actions included in the application definition may also be displayed.
ステップＳ５０３に遷移すると、プログラム開発装置１０１は、ユーザからのプロトタイプデータの入力を受付ける。ステップＳ５０３の処理の詳細は図７を参照して後述する。その後、ステップＳ５０４へと処理を遷移する。
When the process proceeds to step S503, the
ステップＳ５０４において、プログラム開発装置１０１は、画面定義保存要求があったかを判定する。画面定義保存要求があったと判定した場合には、ステップＳ５０５に遷移し、画面定義保存要求がなかった場合には、ステップＳ５０６へと遷移する。
In step S504, the
ステップＳ５０５に遷移すると、プログラム開発装置１０１は、画面定義をリポジトリ定義部４００に保存する。その後、ステップＳ５０６へと処理を遷移する。
When the process proceeds to step S505, the
ステップＳ５０６に遷移すると、プログラム開発装置１０１は、プロトタイプ生成要求があったかを判定する。プロトタイプ生成要求があったと判定した場合には、ステップＳ５０７に遷移する。一方、プロトタイプ生成要求がなかった場合には、ステップＳ５０１に遷移する。
When the
ステップＳ５０７へと遷移すると、プログラム開発装置１０１は、プロトタイプアプリケーションのソースコードを生成する。ステップＳ５０７の処理の詳細は図７を参照して後述する。
When the process proceeds to step S507, the
次に、ステップＳ５０８において、プログラム開発装置１０１は、ステップＳ５０７において生成したソースコードのコンパイルを行う。
Next, in step S508, the
ステップＳ５０９において、プログラム開発装置１０１は、ステップＳ５０８においてコンパイルしたプロトタイプアプリケーションをアプリケーションサーバ４３０にデプロイする。
In step S509, the
以降は、プログラム開発装置１０１と、アプリケーションサーバ１０２、アプリケーションクライアント１０４が同じ情報処理装置で実施されている例で説明するが、それぞれが別の情報処理装置の場合は、それぞれの情報処理装置が、各アプリケーション（プロトタイプアプリケーションやＷｅｂブラウザなど）を起動して処理を実行する。
In the following, an example will be described in which the
ステップＳ５１０において、プログラム開発装置１０１は、アプリケーションサーバ４３０にデプロイされたプロトタイプアプリケーションを起動する。
In step S510, the
ステップＳ５１１において、プログラム開発装置１０１は、Ｗｅｂブラウザを起動し、プロトタイプアプリケーションのＵＲＬアクセスを開始する。
In step S511, the
以上で、図５の説明を終了する。以降の処理は図９を参照して後述する。 This concludes the explanation of Figure 5. The subsequent processing will be described later with reference to Figure 9.
次に、ステップＳ５０１の処理の詳細を図６を参照して説明する。 Next, the details of the processing in step S501 will be described with reference to FIG. 6.
図６は、Ｗｅｂアプリケーションの画面定義の入力を受け付けるフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 6 shows an example of a flowchart for accepting input of a screen definition for a web application. Note that each step of the following flowchart is executed by the
図６のフローチャートは、図５のフローチャートにおいて、ステップＳ５０１へと処理が遷移した際に開始される処理の流れである。 The flowchart in Figure 6 shows the process flow that begins when processing transitions to step S501 in the flowchart in Figure 5.
まず、ステップＳ６０１において、プログラム開発装置１０１は、開発者による画面部品の配置を受付ける。具体的には、部品パレット部４２３の一例である図１０の１００１から、画面定義エディタ部４２１の一例である１００２へのドラッグ＆ドロップ１００３による部品の配置を受付ける。図１０は、部品パレット部からボタン部品を画面定義エディタ部にドラッグ＆ドロップした例を示している。画面部品の配置方法は、部品パレット部４２３から画面定義エディタ部４２１へのドラッグ＆ドロップに限らず、既に配置した部品を移動する方法や、既に配置した部品をコピー＆ペーストにより複製する方法であってもよい。また、一度配置した部品を削除できてもよい。
First, in step S601, the
図１０の場合は、１００４のように、２つのテキスト入力欄（ＩＤ入力欄と名前入力欄）と、ＩＤと名前を登録する登録ボタンを設けた画面イメージが作成されているイメージである。 In the case of Figure 10, as shown in 1004, a screen image has been created that has two text input fields (an ID input field and a name input field) and a registration button for registering an ID and a name.
次に、ステップＳ６０２において、プログラム開発装置１０１は、アクションイベントを含む部品が配置されたかを判定する。アクションイベントを含む部品が配置されたと判定した場合には、ステップＳ６０３に遷移し、アクションイベントを含む部品が配置されていない場合には、ステップＳ６０４に遷移する。
Next, in step S602, the
ステップＳ６０３に遷移すると、プログラム開発装置１０１は、アクションイベントを含む部品に設定されたアクションを登録する。具体的には、部品のソースコードにｏｎＣｌｉｃｋというアクションを持つ部品の場合にアクションを登録する。画面定義４０２の一例である図２１の２１００には、本番環境に対応した“ａｃｔｉｏｎｓ”の定義２１０２と、プロトタイプアプリケーションに対応した“ｅｘａｍｐｌｅｓ”の定義２１０３を書き出す。なお、図２１の例では、実施手段の一例としてデータ保持の形式をｊｓｏｎファイルとしているが、データ保持の形式は他形式ファイルであってもデータベースであってもよい。その後、ステップＳ６０４へと遷移する。
When the process proceeds to step S603, the
次に、ステップＳ６０４において、プログラム開発装置１０１は、プロパティ入力要求のあったかを判定する。具体的には、選択された部品のプロパティ入力要求ボタンの一例である図１１の１１０１が押下されたかを判定する。
Next, in step S604, the
プロパティ入力要求のあったと判定した場合、ステップＳ６０５に遷移し、プロパティ入力要求のなかった場合、画面定義入力受付処理を終了する。 If it is determined that a property input request has been made, the process proceeds to step S605; if no property input request has been made, the screen definition input reception process ends.
ステップＳ６０５へと遷移すると、プログラム開発装置１０１は、開発者による画面部品に対するプロパティの入力を受付ける。具体的には、画面プロパティエディタ部４２２の一例である図１１の１１０２を表示し、該画面部品が持つプロパティへの設定の入力を受付ける。図１１の例では、開発者による直観的な操作を実現するために画面プロパティエディタ部４２２を該部品付近に表示しているが、画面内の特定の領域を画面プロパティエディタ部４２２として確保してもよい。また、画面プロパティエディタ部４２２をモーダルダイアログで表示してもよい。
When the process proceeds to step S605, the
以上で、図６の説明を終了する。 This concludes the explanation of Figure 6.
次に、ステップＳ５０３の処理の詳細を図７を参照して説明する。 Next, the details of the processing in step S503 will be explained with reference to FIG.
図７は、Ｗｅｂアプリケーションのプロトタイプアプリケーションを生成する際に画面に表示するプロトタイプデータの入力を受け付けるフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 7 shows an example of a flowchart for accepting input of prototype data to be displayed on a screen when generating a prototype application for a web application. Note that each step of the following flowchart is executed by the
図７のフローチャートは、図５のフローチャートにおいて、ステップＳ５０３へと処理が遷移した際に開始される処理の流れである。 The flowchart in Figure 7 shows the process flow that begins when processing transitions to step S503 in the flowchart in Figure 5.
まず、ステップＳ７０１において、プログラム開発装置１０１は、図５ステップＳ５０２において開発者が指定したアクションアイテムの設定を読込む。具体的には、次の二つを実施する。まず、開発者が選択した画面部品の画面部品定義４０３の一例である図１０の１００４の例である図２１の２１０１を読込む。２１０１のデータは、図６のフローチャートのステップＳ６０５で、図１１の１１０２から入力されたものとする。次に、開発者に選択された画面部品の本番環境に対応した“ａｃｔｉｏｎｓ”の定義２１０２と、プロトタイプアプリケーションに対応した“ｅｘａｍｐｌｅｓ”の定義２１０３を読込む。
First, in step S701, the
次に、ステップＳ７０２において、プログラム開発装置１０１は、ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴うかを判定する。具体的には、画面部品定義４０３の一例である２１０１の画面遷移定義４０４の一例である”ｎｅｘｔＵｉ”プロパティ（１１０２内の次画面プロパティ）に値が設定されているかを判定する。本実施例では、プログラム開発装置１０１は、画面遷移定義４０４を画面部品定義４０３に保持しているが、アクション定義４０５に保持してもよい。
Next, in step S702, the
ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴うと判定した場合には、ステップＳ７０３に遷移し、ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴わない場合には、ステップＳ７０４に遷移する。 If it is determined that the settings of the action item loaded in step S701 involve a screen transition, the process proceeds to step S703; if the settings of the action item loaded in step S701 do not involve a screen transition, the process proceeds to step S704.
ステップＳ７０３へと遷移すると、プログラム開発装置１０１は、ステップＳ７０１で読込んだアクションアイテムの設定に伴う画面遷移の遷移先画面を表示する。具体的には、２１０１の”ｎｅｘｔＵｉ”に設定された画面である図１３の１３００を表示する。なお、図１３の遷移先画面１３０２も、ユーザの操作（ステップＳ６０１）により事前に設定されているものとする。なお、１３０２のような画面は、現在表示されている画面定義エディタ部４２１を書き換える表示方法であっても、新たな画面定義エディタ部４２１を起動する表示方法であってもよい。
When the process proceeds to step S703, the
画面定義エディタ部４２１に表示される画面イメージ（遷移先画面）の初期表示アクションを読込み、これを開発者が指定したアクションとする。この処理後、ステップＳ７０４へと処理を遷移する。
The initial display action of the screen image (transition destination screen) displayed in the screen
ステップＳ７０４において、プログラム開発装置１０１は、Ｓ７０１で読込んだアクション、もしくはＳ７０３で読込んだアクションに既に設定されているプロトタイプデータ（たとえば、図２２の２２０１のようなデータが既に設定されている場合はそのデータ）を画面上に表示する。
In step S704, the
次に、ステップＳ７０５において、プログラム開発装置１０１は、開発者による、プロトタイプデータ表示部品の選択を受け付ける。ここでプロトタイプデータ表示部品とは、プロトタイプアプリケーションを動作させる際に予めデータ（プロトタイプデータ）を表示させておく部品のことを示す。具体的には、画面定義エディタ部４２１に表示された図１３の１３０２のような一覧表の中にプロトタイプデータを表示する例である。同じ図である図１４のプロトタイプデータ表示部品１４０２において、たとえば「Ｎａｍｅ」欄で図示しないマウスを右クリックし、１４０３の編集ボタンが押下されることで、プロトタイプデータ表示部品の選択を受け付けることができる。また、図１７の１７０１のように一覧全体を選択後、表入力ボタン１７０２が押下されると、プロトタイプデータ表示部品の選択として、１７０１の一覧全体を選択することができる。
Next, in step S705, the
次のステップＳ７０６において、プログラム開発装置１０１は、開発者によるプロトタイプデータの入力を受付ける。具体的には、プロトタイプデータ入力部４２５の一例である図１５のプロトタイプデータ入力ダイアログ１５０１を表示する。１５０１は、図１４の１４０１において、「Ｎａｍｅ」欄で編集ボタンが押下された際に表示するプロトタイプデータ入力ダイアログである。１５０１の場合、ユーザから「Ｎａｍｅ」欄に「谷川 則之」というプロトタイプデータが入力されている例である。ユーザからの値の入力後、１５０１内の「ＯＫ」ボタンの押下により、ステップＳ７０７の入力確定か否かの判断を行う。
In the next step S706, the
また、ステップＳ７０６の別の例として、プロトタイプデータ入力部４２５の一例を図１８を参照して説明する。
As another example of step S706, an example of the prototype
図１８のプロトタイプデータ入力ダイアログ１８０１は、図１７において表入力ボタン１７０２が押下されると表示される画面イメージである。１８０１のテキスト入力欄には、１７０１に表示する一覧表に表示されるデータ群の入力を受け付ける。１８０１の場合は、１行目に「（空欄）」、「谷川 則之」、「（空欄）」、２行目に「１００１」、「堀 亜衣」、「２０１９／１０／１０」、３行目に「１００２」、山村 るり子」、「２０１９／０９／１８」というデータが入力されている。これらのデータ入力はファイル選択ボタン１８０２の押下により表示される図示しないファイル選択画面からＣＳＶファイルや表計算ファイルが選択されることにより、そのファイルの内容を適応させても良い。
The prototype
ユーザからテキスト入力欄への値の入力、もしくはファイル選択後のデータ反映後、１８０３の「ＯＫ」ボタンの押下により、ステップＳ７０７の入力確定か否かの判断を行う。
After the user inputs a value into the text input field, or after the data is reflected after file selection, the "OK"
ステップＳ７０６では、言語によって表示するプロトタイプデータを切り替えるために、ロケールの指定を受付けてもよい。また、プロトタイプデータ入力受付方法として、モーダルダイアログを表示する方法を示しているが、該入力受付方法は、Ｓ７０５で開発者が選択した表示部品に対して直接入力を受付ける方法であってもよいし、外部ファイルによる一括入力であってもよい。 In step S706, a locale specification may be accepted in order to switch the prototype data to be displayed depending on the language. Also, while a method of displaying a modal dialog is shown as a method of accepting prototype data input, the input acceptance method may be a method of accepting input directly to the display component selected by the developer in S705, or a method of bulk input from an external file.
次のステップＳ７０７において、プログラム開発装置１０１は、開発者によるプロトタイプデータ入力が確定したかを判定する。具体的には、図１５のプロトタイプデータ入力ダイアログ１５０１内の「ＯＫ」ボタンや図１８の「ＯＫ」ボタン１８０３が押下されたかを判定する。なお、ステップＳ７０６の入力受付方法において、部品に対する直接入力を受付けた場合は、該部品からフォーカスが外れたかにより判定する。
In the next step S707, the
プロトタイプデータ入力が確定したと判定された（「ＯＫ」ボタンが押下された）場合は、ステップＳ７０８に遷移し、プロトタイプデータ入力が確定していないと判定した場合は、ステップＳ７０６に遷移する。 If it is determined that the prototype data input has been finalized (the "OK" button has been pressed), the process proceeds to step S708; if it is determined that the prototype data input has not been finalized, the process proceeds to step S706.
ステップＳ７０８において、プログラム開発装置１０１は、開発者によって入力されたプロトタイプデータを画面定義４０２に書き出す。具体的には、画面定義４０２のアクション４０５に紐づくプロトタイプデータ４０６の一例である２２０１に書き出す。
In step S708, the
なお、この方法では、実行するアクションによる遷移後画面で表示するデータの変更ができない。プロトタイプデータを遷移後画面の初期表示アクションに保持しているためであるが、遷移後画面で表示するプロトタイプデータを、実行するアクション側で保持することで、実行するアクションによる遷移後画面で表示するデータの変更を可能としてもよい。具体的には、２２０１の“ｏｎＬｏａｄ”以下のオブジェクトを２１０３の“ｏｎＣｌｉｃｋ”以下に保持することにより、画面を遷移する元のボタン（たとえば、図１０の１０００に配置された「登録」ボタン１００３）に遷移後画面で表示するデータを持たせてもよい。
Note that with this method, it is not possible to change the data displayed on the post-transition screen depending on the action to be executed. This is because the prototype data is stored in the initial display action of the post-transition screen. However, by storing the prototype data to be displayed on the post-transition screen on the side of the action to be executed, it may be possible to change the data displayed on the post-transition screen depending on the action to be executed. Specifically, by storing the objects below "onLoad" in 2201 below "onClick" in 2103, the original button that transitions the screen (for example, the "Register"
このように、プロトタイプデータを表示させた画面イメージをアクションイベントごとに画面を遷移させてプロトタイプアプリケーション上で表示することにより、実際に動作するアプリケーション（たとえばデータベースから検索したり、取り出したデータから作図したりする）を作る前に、モックアップとしてどのような動作をするのかのイメージを掴むことができる
以上で、図７の説明を終了する。
In this way, by displaying the screen image showing the prototype data on the prototype application with screen transitions for each action event, you can get an idea of how the mockup will work before creating an application that actually works (for example, searching a database or drawing from the extracted data).This concludes the explanation of Figure 7.
次に、ステップＳ５０７の処理の詳細を図８を参照して説明する。 Next, the details of the processing of step S507 will be explained with reference to FIG. 8.
図８は、Ｗｅｂアプリケーションのプロトタイプアプリケーションのソースコードを生成する処理の流れを説明するフローチャートの一例である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 8 is an example of a flowchart that explains the process of generating source code for a prototype application of a web application. Note that each step of the following flowchart is executed by the
図８のフローチャートは、図５のフローチャートにおいて、ステップＳ５０７へと処理が遷移した際に開始される処理の流れである。 The flowchart in Figure 8 shows the process flow that begins when processing transitions to step S507 in the flowchart in Figure 5.
まず、ステップＳ８０１において、プログラム開発装置１０１は、リポジトリ定義部４００から開発者が指定したアプリケーション定義４０１を読み込む。リポジトリ定義解析部４１１は、読み込んだ定義を解析したうえでＲＯＭ２０３に記憶しておき、解析された定義は各生成部から適宜参照される。
First, in step S801, the
ステップＳ８０２において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０１で読込んだアプリケーション定義４０１に含まれる画面定義４０２を読み込む。
In step S802, the
ステップＳ８０３において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれる画面部品定義４０３を読込む。
In step S803, the
ステップＳ８０４において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれる画面遷移定義４０４を読込む。
In step S804, the
ステップＳ８０５において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれるプロトタイプデータ４０６を読込む。ここで読み込む画面定義４０２内のデータは、プロトタイプデータに対応した図２１や図２２の「ｅｘａｍｐｌｅｓ」のデータであり、「ａｃｔｉｏｎｓ」すなわち本番環境用のデータは使用しない。この２つのデータを持つことで、プロトタイプデータの画面定義と本番環境の画面定義を共通で作成可能になり、モックアップ用に作成したアプリケーション画面をそのままアプリケーションの画面として定義することができる。
In step S805, the
ステップＳ８０６において、プログラム開発装置１０１は、ステップＳ８０１～ステップＳ８０６で読込んだ情報を元に、プロトタイプコード生成部４１２でプロトタイプアプリケーションのソースコードを生成する。
In step S806, the
以上で、図８の説明を終了する。 This concludes the explanation of Figure 8.
次に、図５のプロトタイプアプリケーション生成の処理後のアプリケーションサーバ１０２でのプロトタイプアプリケーション４４０の動作を説明するフローチャートを図９を参照して説明する。
Next, a flowchart illustrating the operation of the
図９は、図５ステップＳ５０９でデプロイされたプロトタイプアプリケーション４４０の動作の一例を示すフローチャートの一例である。なお、以下のフローチャートの各ステップは、アプリケーションサーバ１０２（４３０）のＣＰＵ２０１が実行する。
Figure 9 is an example of a flowchart showing an example of the operation of the
図９のフローチャートは、プロトタイプアプリケーション４４０がアプリケーションサーバ４３０にデプロイされたあとで起動され、アプリケーションクライアント１０４のＷｅｂブラウザ４５０からユーザのアクセスがあった際に開始される処理の流れである。
The flowchart in Figure 9 shows the process flow that is started after the
ステップＳ９０１において、アプリケーションサーバ４３０は、まずブラウザのロケール情報を読込む。このロケール情報により、プロトタイプデータの表示言語を切り替えることができる。
In step S901, the
ステップＳ９０２において、アプリケーションサーバ４３０は、ユーザによるアクション実行要求を受付ける。
In step S902, the
ステップＳ９０３において、アプリケーションサーバ４３０は、ユーザによるアクション実行要求があったかを判定する。具体的には、生成された画面部品の一例である図１９の１９０１が押下されたかを判定する。このとき、ユーザは、アプリケーションを使用した際のイメージを再現するための動作を確認することが目的であるため、「ＩＤ」入力欄や「Ｎａｍｅ」入力欄１９０２にはユーザによる入力は必ずしも必要ではない。
In step S903, the
ステップＳ９０３において、アクション実行要求があった（１９０１が押下された）と判定した場合は、ステップＳ９０４に遷移し、ユーザによるアクション実行要求がなかった場合は、ステップＳ９０２へと戻る。 If it is determined in step S903 that a request to execute an action has been made (1901 has been pressed), the process proceeds to step S904; if no request to execute an action has been made by the user, the process returns to step S902.
ステップＳ９０４に遷移すると、アプリケーションサーバ４３０は、実行要求のあったアクションの設定を読込む。たとえば、図２２の２２００のアクションの設定の場合、２２０１の“ｅｘａｍｐｌｅｓ”以下の処理を実行する。なお、本番環境では２２０２の“ａｃｔｉｏｎｓ”以下の処理を行うが、この“ａｃｔｉｏｎｓ”以下の処理は、モックアップ用アプリケーションができた後で、開発者により具体的に動作するようにコーディングされていく。
When the process proceeds to step S904, the
ステップＳ９０５において、アプリケーションサーバ４３０は、ステップＳ９０４で読込んだアクションが画面遷移を伴うかを判定する。アクションが画面遷移を伴うと判定した場合は、ステップＳ９０６に遷移し、アクションが画面遷移を伴わない場合は、ステップＳ９０７に遷移する。
In step S905, the
ステップＳ９０６に遷移すると、アプリケーションサーバ４３０は、ステップＳ９０４で読込んだアクションに設定された遷移先画面を表示する。具体的な遷移先画面の一例として、登録者一覧リストである図２０の２０００を示す。
When the process proceeds to step S906, the
ステップＳ９０７において、アプリケーションサーバ４３０は、ステップＳ９０４で読込んだアクションに設定されたプロトタイプデータを表示する。具体的なプロトタイプデータの一例として図２０の２００１を示す。２００１は、図２２の２２０１のプロトタイプデータを反映したデータの例である。
In step S907, the
なお、ステップＳ９０１で読込んだブラウザのロケール情報に従って、ステップＳ９０４で読込んだアクションに設定されたプロトタイプデータの表示言語を設定しても良い。また、該当ロケール情報に対するプロトタイプデータが存在しなかった場合のために、デフォルトのロケールを設定できてもよい。また、画面部品からユーザによる言語指定を受付け、それに従ってプロトタイプデータを表示してもよい。これらプロトタイプデータの表示言語のロケール対応により、多国籍の営業担当者やビジネスユーザでもシステムの動作を把握しやすくなるという効果がある。 The display language of the prototype data set in the action loaded in step S904 may be set according to the browser locale information loaded in step S901. A default locale may also be set in case no prototype data exists for the relevant locale information. A language specification by the user may be accepted from a screen component, and the prototype data may be displayed accordingly. This locale support for the display language of the prototype data has the effect of making it easier for multinational sales representatives and business users to understand the operation of the system.
以上で、図９の説明を終了する。 This concludes the explanation of Figure 9.
以上のような処理により、顧客に提案などを行う営業担当者やビジネスユーザなどが顧客の所望のアプリケーションのプロトタイプを直感的に作成することが可能となる。 The above process enables sales representatives and business users who make proposals to customers to intuitively create prototypes of applications that customers want.
また、本番用アプリケーションを生成する機能を有するプログラム開発装置における発明なので、本願発明で生成されるプロトタイプアプリケーションは、見た目や画面遷移が本番用アプリケーションと同じである。 In addition, since this invention concerns a program development device that has the functionality of generating production applications, the prototype application generated by this invention has the same appearance and screen transitions as the production application.
すなわち、営業担当者が本番用アプリケーションと同じ画面の入出力項目（アイテム）や遷移画面を簡単に手直しでき、手直しされたＩＯ定義画面や遷移画面は本番用アプリケーションへと反映されて、後日開発者が本番用アプリケーションを生成する際にそのまま使う事ができる。これによって、開発者と、営業担当者やビジネスユーザとに齟齬が生じるのを防ぎ、開発の手戻り発生を抑えられるという効果を有する。 In other words, sales staff can easily modify the input/output items (items) and transition screens of the same screens as those in the production application, and the modified IO definition screens and transition screens are reflected in the production application, so that developers can use them as is when generating the production application at a later date. This has the effect of preventing discrepancies between developers and sales staff or business users, and reducing the need for rework in development.
＜第二実施形態＞
第一実施形態では、アプリケーションのプロトタイプデータを入力させてプロトタイプアプリケーションを生成する仕様を説明したが、第二実施形態では、プロトタイプデータのユーザの入力手間を減らすための手順について説明する。
Second Embodiment
In the first embodiment, a specification for generating a prototype application by inputting prototype data of an application is described. In the second embodiment, a procedure for reducing the effort required by the user to input prototype data is described.
図２３は、プログラム開発装置１０１、アプリケーションサーバ１０２及びアプリケーションクライアント１０４の構成図である。
Figure 23 is a configuration diagram of the
プログラム開発装置１０１は、リポジトリ定義部４００及びプロトタイプアプリケーション生成部４１０を備える。
The
プログラム開発装置１０１は、アプリケーションを開発する開発者により設定されたリポジトリ定義部４００の各定義を用いて、プロトタイプアプリケーション生成部４１０によりプロトタイプアプリケーションを生成する。
The
また、第二実施形態にはプロトタイプデータ設定部４６０と、プロトタイプサンプル管理部４７０とが追加される。
The second embodiment also adds a prototype
リポジトリ定義エディタ部４２０には、画面定義送信部４２６が追加される。
A screen
画面定義送信部４２６は、アプリケーション画面に配置される項目情報を含むＵＩ定義情報を保持する。画面定義送信部４２６は、画面定義エディタ部４２２で配置された項目情報を含むＵＩ情報（ＵＩの項目名や文字列の型情報など）をプロトタイプデータ設定部４６０にある画面定義受信部４６１に送信する。
The screen
プロトタイプデータ設定部４６０は、画面定義受信部４６１、項目情報抽出部４６２、項目名４６３、型情報４６４、プロトタイプデータ取得部４６５、システム概要入力部４６６を有する。
The prototype
画面定義受信部４６１は、画面定義送信部４２６から送られた配置された項目情報を含むＵＩ情報を受信、保持する。
The screen
項目情報抽出部４６２は、受け取ったＵＩ情報から項目名４６３と型情報４６４を抽出する。
The item
プロトタイプデータ取得部４６５は、ＵＩ情報から抽出した項目名４６３と型情報４６４を用いて、プロトタイプデータサンプル管理部へアクセスし、項目名４６３と型情報４６４に適合するプロトタイプデータを抽出する。そして、抽出したプロトタイプデータをリポジトリ定義エディタ部４２０のプロトタイプデータ入力部４２４へ渡し、アプリケーション画面の該当項目にプロトタイプデータを出力させる。
The prototype
システム概要入力部４６６は、フリーテキストでの入力を受け付ける。受け付けた内容はシステム概要解析部４７４へ渡す。
The system
プロトタイプデータサンプル管理部４７０には、プロトタイプデータサンプル管理本体部４７１、類義語管理部４７２、システムカテゴリ管理部４７３、システム概要解析部４７４を有する。
The prototype data
プロトタイプデータサンプル管理本体部４７１は、プロトタイプデータ取得部４６５から受け取った項目名と型情報を用いて検索を行う。適合するプロトタイプデータがあれば、抽出し、プロトタイプデータ取得部４６５に渡す。
The prototype data sample management
類義語管理部４７２は、プロトタイプデータ取得部４６５から受け取った項目名を用いて、プロトタイプデータサンプル管理本体部４７１に登録されていない項目名の類義語を検索する。類義語管理部４７２には複数の類義語を定義できるので、類義語を追加すればするほど、プロトタイプデータの検出効率が上がる。
The
システムカテゴリ管理部４７３は、プロトタイプデータサンプル管理本体部４７１でシステムカテゴリごとにプロトタイプデータを管理する。システムカテゴリはデフォルトなどユーザが自由に追加できる。システムカテゴリを追加することで、同じ項目名であっても、システムのカテゴリに合わせて適切なプロトタイプデータの例を抽出することができる。
The system
システム概要解析部４７４は、システム概要入力部４６６から受け取った情報を用いて、形態素解析を行い、単語に分割し、プロトタイプデータサンプル管理本体部４７１で検索を実行する。これにより、システム概要に沿うプロトタイプデータの例を抽出できる可能性が上がる。
The system
以上で、図２３の説明を終了する。 This concludes the explanation of Figure 23.
次に、第二実施形態におけるプロトタイプデータのユーザの入力手間を減らすための処理手順を図２４～図２６を参照して説明する。 Next, the processing procedure for reducing the user's input effort for prototype data in the second embodiment will be explained with reference to Figures 24 to 26.
図２４は、プロトタイプデータサンプル登録処理の流れを説明するフローチャートの一例である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 24 is an example of a flowchart explaining the flow of the prototype data sample registration process. Note that each step of the following flowchart is executed by the
図２４のフローチャートは、図６のフローチャートにおける、ステップＳ６０１の処理の後で実施する。なお、図２４のフローチャートは、ステップＳ６０１の部品配置受付処理の後で、図７のステップＳ７０４の前であれば、いつ行っても良い。 The flowchart in FIG. 24 is performed after the processing of step S601 in the flowchart in FIG. 6. Note that the flowchart in FIG. 24 may be performed at any time after the component placement acceptance processing of step S601 and before step S704 in FIG. 7.
まず、ステップＳ２４０１において、プログラム開発装置１０１は、ステップＳ６０１で配置された部品（入出力項目）の項目名（たとえば、図２７の例では、２７０２のような「申請日」など）と入出力される文字の型情報（たとえば、図２７の例では、２７０３のような日付型である「ｙｙｙｙｍｍｄｄ」など）のＵＩ情報の入力をユーザから受け付ける。なお、部品配置時には、図２７のようなＵＩ定義情報の各入出力項目には具体的な日付やデータは入力されていない。
First, in step S2401, the
ステップＳ２４０２において、プログラム開発装置１０１は、項目名と型情報に適合する実データ（プロトタイプデータサンプル）の登録を受け付ける。受け付けたプロトタイプデータサンプルの例を図２８を参照して説明する。
In step S2402, the
図２８の２８０１はプロトタイプデータサンプル管理本体部４７１が記憶するプロトタイプデータサンプルの例である。たとえば、「日付」データは、「日付型」の型形式で、実データ（プロトタイプデータサンプル）として、「２０１９０９１８」が登録されている。これらの登録されたデータは、後日生成する他のシステムでも流用可能となり、登録できるデータの数に制限がないため、自由にデータ数を増やすことができる。そのため、このプロトタイプデータサンプルの蓄積が有用なデータとなる。
2801 in Figure 28 is an example of a prototype data sample stored by the prototype data sample management
なお、このデータの登録は後述する図２５と別に行う仕様で記載しているが、当初は図７のステップＳ７０６において入力されるプロトタイプデータをプロトタイプデータサンプルとして登録していってもよい。図２４のフローチャートの説明に戻る。 Note that although the registration of this data is described in a separate specification in FIG. 25, which will be described later, initially the prototype data input in step S706 in FIG. 7 may be registered as a prototype data sample. Return to the explanation of the flowchart in FIG. 24.
次に、図２４のステップＳ２４０３において、ステップＳ２４０２で受け付けたプロトタイプデータサンプルをファイルとして記憶する。なお、プロトタイプデータサンプルはデータベースに格納しても良いし、他の記憶手段で記憶しても良い。 Next, in step S2403 of FIG. 24, the prototype data sample received in step S2402 is stored as a file. Note that the prototype data sample may be stored in a database or in other storage means.
以上で、図２４の説明を終了する。 This concludes the explanation of Figure 24.
図２５は、プロトタイプデータ自動生成処理の流れを説明するフローチャートの一例である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 25 is an example of a flowchart explaining the flow of the prototype data automatic generation process. Note that each step of the following flowchart is executed by the
図２５のフローチャートは、図７のフローチャートにおける、ステップＳ７０４の処理の際に実行される処理である。すなわち、遷移先画面を表示し、各入出力項目にプロトタイプデータをユーザが入力する画面に遷移する前に開始されるフローチャートである。 The flowchart in FIG. 25 shows the process executed during the processing of step S704 in the flowchart in FIG. 7. In other words, this is a flowchart that starts before displaying the transition destination screen and transitioning to the screen where the user inputs prototype data into each input/output field.
まず、ステップＳ２５０１において、プログラム開発装置１０１は、画面定義受信部４６１を用いて、配置された項目情報を含むＵＩ定義情報を受け取る。たとえば、図２７のＵＩ定義情報の場合、２７０１の画面の生成データやＵＩ情報（ＵＩの項目名や文字の型情報など）を取得する。
First, in step S2501, the
ステップＳ２５０２において、プログラム開発装置１０１は、項目情報抽出部４６２を用いて、受け取ったＵＩ定義情報から項目名４６３と型情報４６４（ＵＩ情報）を抽出する。たとえば、図２７の場合、「申請日」という項目名２７０２の、型情報２７０３が「ｙｙｙｙｍｍｄｄ」というＵＩ情報を抽出する。
In step S2502, the
ステップＳ２５０３において、プログラム開発装置１０１は、プロトタイプデータ取得部４６５を用いて、プロトタイプデータサンプル管理部４７０にアクセスし、プロトタイプデータを抽出する。ステップＳ２５０３の具体的な処理は図２６で後述する。
In step S2503, the
ステップＳ２５０４において、プログラム開発装置１０１は、ステップＳ２５０３で抽出された項目名と型情報に適合するプロトタイプデータのあるかどうかを判定する。項目名と型情報に適するプロトタイプデータがあったと判定した場合には、ステップＳ２５０５に遷移する。一方、項目名、型情報に適するプロトタイプデータがなかった場合には、プロトタイプデータ自動生成処理を終了し、次の図７のステップＳ７０６でユーザからの入力を受け付ける。
In step S2504, the
ステップＳ２５０５へと遷移すると、プログラム開発装置１０１は、プロトタイプデータ取得部４６５を用いて、プロトタイプデータ入力部４２５に抽出したプロトタイプデータを受け渡す。そして、プログラム開発装置１０１は、プロトタイプデータ入力部４２５を用いて該当項目にプロトタイプデータを登録する。登録されたプロトタイプデータの例を図３０を参照して説明する。
When the process proceeds to step S2505, the
図３０は、図２７のＵＩ定義情報で定義されいるデータのプロトタイプデータの例である。「申請日」や「利用日」などの「日付」と異なる項目名に対しても「２０１９０９１８」というプロトタイプデータが割り当てられている件は図２６で後述する。 Figure 30 shows an example of prototype data for the data defined in the UI definition information in Figure 27. The fact that prototype data "20190918" is assigned to item names other than "Date", such as "Application Date" and "Use Date", will be described later in Figure 26.
以上の処理により、プロトタイプアプリケーションを作成する際に表示するアイテムにプロトタイプデータをユーザが入力する手間を大幅に削減することができ、顧客に提案などを行う営業担当者やビジネスユーザ（顧客の意思決定者）などでも手軽にプロトタイプアプリケーション（予め設定された値や予め作図された図などを表示し、画面遷移や表示変更などを実際のアプリケーションのように模倣するモックアップとしてのアプリケーション）を作成することができる。 The above process significantly reduces the effort required for users to input prototype data into the items displayed when creating a prototype application, allowing sales representatives who make proposals to customers and business users (customer decision makers) to easily create prototype applications (applications that display pre-set values and pre-drawn diagrams, and act as mockups that mimic screen transitions and display changes in the same way as an actual application).
なお、プロトタイプデータとして一覧表示をする場合（たとえば、図２０の２０００）は、ユーザから、プロトタイプデータの抽出件数の入力を受け付け、入力を受け付けた抽出件数分のデータを一覧形式で表示できるようにプロトタイプデータを登録しても良い。図２０の場合は、たとえば、プロトタイプデータの抽出件数を図示しない画面から３件と入力した場合の結果とみることができる。このように、プロトタイプデータを一覧表示するプロトタイプアプリケーションも自動で生成することができる。 When displaying a list of prototype data (for example, 2000 in FIG. 20), the prototype data may be registered so that input of the number of prototype data items extracted can be accepted from the user and the number of extracted items accepted can be displayed in list format. In the case of FIG. 20, for example, the result can be seen as when the number of prototype data items to be extracted is entered as 3 on a screen not shown. In this way, a prototype application that displays a list of prototype data can also be automatically generated.
その他、一覧表示する際に共通する文字列を検索した結果を示すかのようなデータを表示させるために、共通部分とそれ以外の部分を別にデータを登録しておいても良い。たとえば、氏名として「田中」「山本」と「史朗」「彩」「角栄」を別に登録しておく。プロトタイプデータとして複数件登録して表示する場合に、共通部分入力を設定すると、３件一覧表示する際にたとえば「田中史朗」「田中彩」「田中角栄」のように共通したデータを有するデータを登録できる。このように、共通部分を有するプロトタイプデータを生成することにより、一覧表示の結果画面があたかも検索した結果（前例では「田中」）のような表示のプロトタイプアプリケーションを生成することができる。 In addition, you can register the data separately from the common parts so that the data displayed in the list looks as if it were the result of a search for a common string. For example, the names "Tanaka" and "Yamamoto" can be registered separately from "Shiro", "Aya", and "Kakuei". When registering and displaying multiple items as prototype data, if you set the common part input, you can register data that has common data such as "Tanaka Shiro", "Tanaka Aya", and "Tanaka Kakuei" when displaying a list of three items. In this way, by generating prototype data that has common parts, you can generate a prototype application in which the list display result screen looks as if it were the result of a search ("Tanaka" in the previous example).
以上で、図２５の説明を終了する。 This concludes the explanation of Figure 25.
図２６は、プロトタイプデータサンプル管理部４７０からプロトタイプデータを抽出する処理の流れを説明するフローチャートの一例である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
Figure 26 is an example of a flowchart explaining the process flow for extracting prototype data from the prototype data
図２６のフローチャートは、図２５のフローチャートのステップＳ２５０３のサブルーチンとして実行される処理である。 The flowchart in Figure 26 is a process that is executed as a subroutine of step S2503 in the flowchart in Figure 25.
まず、ステップＳ２６０１において、プログラム開発装置１０１は、プロトタイプデータサンプル管理本体部４７１を用いて、プロトタイプデータ取得部４６５から、項目名４６３と型情報４６４を受け取る。具体的には、図７のステップＳ７０３で表示している画面のＵＩ定義情報を取得し、各入出力項目のＵＩ情報（項目名４６３と型情報４６４）を取得する。
First, in step S2601, the
ステップＳ２６０２において、プログラム開発装置１０１は、必要な類義語が記憶されている類義語管理部４７２を用いて、項目名４６３が適合できる類義語があるかを判定する。適合する類義語があったと判定した場合には、ステップＳ２６０３に遷移し、適合する類義語がなかった場合には、ステップＳ２６０４に遷移する。
In step S2602, the
ステップＳ２６０２の具体的な判断を図２７のＵＩ定義情報の一例２７０１、図２９の類義語管理部２９０１を参照しながら説明する。２９０１は、ＵＩ定義情報から受け取った項目名を、類義語管理部２９０１に問い合わせることにより、プロトタイプデータサンプル管理本体部で対応できる項目名に変更するための類義語辞書である。一例として、ＵＩ定義情報から「氏名」という項目名を取得したとする。類義語管理部４７２には、「氏名」「申請者」「承認者」といった項目名を、「名前」と同様の項目としてシステムが認識できるように登録されているため、「名前」以外の項目である「氏名」でもプロトタイプデータサンプル管理本体部で対応できるようになる。
The specific determination of step S2602 will be described with reference to an example of UI definition information 2701 in FIG. 27 and a synonym management unit 2901 in FIG. 29. 2901 is a synonym dictionary for changing the item name received from the UI definition information to an item name that can be handled by the prototype data sample management main body by querying the synonym management unit 2901. As an example, assume that the item name "Name" is obtained from the UI definition information. Since item names such as "Name", "Applicant", and "Approver" are registered in the
たとえば、図２７の入出力項目２７０２の項目名は、「申請日」であり、「申請日」という項目名に対応する類義語があるか、図２９の２９０１を参照して判定する。２９０１には、「日付」２９０２の類義語として「申請日」２９０３が登録されているので、項目名が「申請日」のプロトタイプデータサンプルは「日付」から取得することになる。すなわち「申請日」にはプロトタイプデータサンプルに存在する「日付」という適合する項目名があった例である。図２６のフローチャートの説明に戻る。 For example, the item name of input/output item 2702 in Figure 27 is "Application Date", and 2901 in Figure 29 is referenced to determine whether there is a synonym corresponding to the item name "Application Date". Since "Application Date" 2903 is registered as a synonym of "Date" 2902 in 2901, the prototype data sample with the item name "Application Date" is obtained from "Date". In other words, this is an example where "Application Date" has a matching item name of "Date" that exists in the prototype data sample. Return to the explanation of the flowchart in Figure 26.
ステップＳ２６０３へと処理を遷移すると、プログラム開発装置１０１は、ステップＳ２６０１で取得した項目名（上記の場合「申請日」２７０２）のプロトタイプデータサンプルにおける新たな項目名（上記の場合「日付」２９０２）を取得する。
When the process transitions to step S2603, the
ステップＳ２６０４において、プログラム開発装置１０１は、プロトタイプデータサンプル管理本体部に、ステップＳ２６０１もしくはステップＳ２６０３で取得した項目名や項目の文字列の型情報が適合しているデータがあるかを判断する。適合するデータがあったと判定した場合には、ステップＳ２６０５に遷移し、適合する類義語がなかった場合には、図２６のフローチャートの処理を終え、ステップＳ７０６でユーザからの入力を受け付ける。
In step S2604, the
ステップＳ２６０４の具体的な判断を図２７のＵＩ定義情報の一例２７０１、図２８のプロトタイプデータサンプル管理本体部の記憶データ２８０１、図２９の類義語管理部２９０１を参照しながら説明する。 The specific judgment of step S2604 will be explained with reference to an example of UI definition information 2701 in FIG. 27, stored data 2801 in the prototype data sample management main body section in FIG. 28, and synonym management section 2901 in FIG. 29.
たとえば、図２７の入出力項目２７０２の項目名は、「申請日」であり、「申請日」という項目名に対応する新しい項目名「日付」を図２９の２９０２から取得する。新しい項目名「日付」に適合するプロトタイプデータサンプルとして、図２８のプロトタイプデータサンプル管理本体部の記憶データ２８０１に「日付」が登録されているかを判断する。図２８の場合は、「日付」が２８０２に登録されているので、ステップＳ２６０５へと処理を遷移する。図２６のフローチャートの説明に戻る。 For example, the item name of input/output item 2702 in Figure 27 is "Application Date", and a new item name "Date" corresponding to the item name "Application Date" is obtained from 2902 in Figure 29. It is determined whether "Date" is registered in stored data 2801 of the prototype data sample management main body in Figure 28 as a prototype data sample that matches the new item name "Date". In the case of Figure 28, "Date" is registered in 2802, so the process transitions to step S2605. Return to the explanation of the flowchart in Figure 26.
ステップＳ２６０５へと処理を遷移すると、プログラム開発装置１０１は、ステップＳ２６０４で適合した項目名「日付」２８０２に登録されたプロトタイプデータサンプルとして、「２０１９０９１８」２８０３を抽出し、プロトタイプデータとして記憶する。その後、図７のフローチャートへと戻り、以降の処理を実行して図８のフローチャートでプロトタイプアプリケーションを生成する。
When the process transitions to step S2605, the
以上のようにプログラム開発装置１０１によりプロトタイプデータが入力されたプロトタイプアプリケーションが生成される。生成されたプロトタイプアプリケーションの例を図２７を参照して説明する。
As described above, a prototype application is generated by the
図２７の「申請日」２７０２や「利用日」には、たとえば、図２９の類義語管理部２９０１のデータにより、類義語「日付」２９０２が適合され、図２８のプロトタイプデータサンプルの「日付」２８０２に登録されている「２０１９０９１８」が登録されている。同様に図２７の「申請者」欄や「目的地」、「出発」、「到着」などの項目名も、図２９の類義語管理部２９０１のデータにより、対応するプロトタイプデータサンプル内の項目名に適合され、プロトタイプデータサンプル２８０１のプロトタイプデータが登録されている。なお、「出発」と「到着」など、同じプロトタイプデータサンプルからプロトタイプデータを取得する際にプロトタイプデータサンプルが複数ある場合は、たとえば２つは異なるプロトタイプデータを使うようにしてもよい。また、図２７の項目欄（たとえば、「出発」の入出力項目）にドロップダウンリストを表示して、ユーザに選択（図２８の場合、「東京駅」、「泉岳寺駅」、「有楽町駅」からの選択）させる仕様としてもよい。 For example, the synonym "date" 2902 is matched to the "application date" 2702 and "use date" in FIG. 27 by the data in the synonym management unit 2901 in FIG. 29, and "20190918" registered in the "date" 2802 of the prototype data sample in FIG. 28 is registered. Similarly, the item names such as the "applicant" column, "destination", "departure", and "arrival" in FIG. 27 are matched to the item names in the corresponding prototype data sample by the data in the synonym management unit 2901 in FIG. 29, and the prototype data of the prototype data sample 2801 is registered. Note that, when there are multiple prototype data samples when obtaining prototype data from the same prototype data sample, such as "departure" and "arrival", for example, two different prototype data may be used. Also, a drop-down list may be displayed in the item column in FIG. 27 (for example, the input/output item of "departure") to allow the user to select (in the case of FIG. 28, select from "Tokyo Station", "Sengakuji Station", and "Yurakucho Station").
以上のようにして、生成される図２７のプロトタイプアプリケーションの例のプロトタイプデータの例を図３０に示す。以上で図２６のフローチャートの説明を終了する。 An example of prototype data for the prototype application example in Figure 27 that is generated in the above manner is shown in Figure 30. This concludes the explanation of the flowchart in Figure 26.
以上の処理のように、ＵＩ定義情報のＵＩ情報（ＵＩの項目名や文字列の型情報など）から、プロトタイプデータサンプルを抽出し、プロトタイプデータとして入出力項目（アイテム）に登録する。すなわち、プロトタイプアプリケーションを容易に生成することができる。 As described above, prototype data samples are extracted from the UI information in the UI definition information (such as UI item names and string type information) and registered as prototype data in input/output items. In other words, prototype applications can be easily generated.
また、類義語管理部４７２を有することにより、項目名の名寄せができ、少ないプロトタイプデータサンプルであってもプロトタイプデータを割り当てることができる。
In addition, by having the
また、一覧形式のプロトタイプデータを登録する場合は、登録したい件数の数字を入力するだけで、プロトタイプデータの一覧を登録したプロトタイプアプリケーションを生成することができる。 In addition, if you want to register prototype data in list format, you can generate a prototype application that registers a list of prototype data simply by entering the number of items you want to register.
さらに、一覧形式でのプロトタイプデータを登録する場合に、文字列の一部を共通にすることにより、あたかも検索結果であるかのようなプロトタイプアプリケーションを生成することができる。 Furthermore, when registering prototype data in list format, by making some of the strings common, it is possible to generate a prototype application that looks like a search result.
以上のように、前述した実施形態の機能を実現するプログラムを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ（またはＣＰＵやＭＰＵ）が記録媒体に格納されたプログラムを読み出し、実行することによっても本発明の目的が達成されることは言うまでもない。 As described above, it goes without saying that the object of the present invention can be achieved by supplying a recording medium on which a program that realizes the functions of the above-mentioned embodiments is recorded to a system or device, and having the computer (or CPU or MPU) of that system or device read and execute the program stored on the recording medium.
この場合、記録媒体から読み出されたプログラム自体が本発明の新規な機能を実現することになり、そのプログラムを記録した記録媒体は本発明を構成することになる。 In this case, the program read from the recording medium itself realizes the novel functions of the present invention, and the recording medium on which the program is recorded constitutes the present invention.
プログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ－ＲＯＭ、ＣＤ－Ｒ、ＤＶＤ－ＲＯＭ、磁気テープ、不揮発性のメモリカード、ＲＯＭ、ＥＥＰＲＯＭ、シリコンディスク等を用いることが出来る。 Recording media for supplying the program may include, for example, a flexible disk, a hard disk, an optical disk, a magneto-optical disk, a CD-ROM, a CD-R, a DVD-ROM, a magnetic tape, a non-volatile memory card, a ROM, an EEPROM, a silicon disk, etc.
また、コンピュータが読み出したプログラムを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムの指示に基づき、コンピュータ上で稼働しているＯＳ（オペレーティングシステム）等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。 Furthermore, it goes without saying that not only are the functions of the above-mentioned embodiments realized by the computer executing a program it has read, but also that the functions of the above-mentioned embodiments can be realized by an operating system (OS) or the like running on the computer carrying out some or all of the actual processing based on the instructions of the program.
さらに、記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵ等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。 Furthermore, it goes without saying that this also includes cases where a program read from a recording medium is written into a memory provided on a function expansion board inserted into a computer or a function expansion unit connected to a computer, and then a CPU or the like provided on the function expansion board or function expansion unit performs some or all of the actual processing based on the instructions of the program code, thereby realizing the functions of the above-mentioned embodiments.
また、本発明は、複数の機器から構成されるシステムに適用しても、ひとつの機器から成る装置に適用しても良い。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。 The present invention may be applied to a system made up of multiple devices, or to a device made up of a single device. Needless to say, the present invention can also be applied to cases where the effects of the present invention are achieved by supplying a program to a system or device. In this case, the effects of the present invention can be enjoyed by reading a recording medium that stores a program for achieving the present invention into the system or device.
上記プログラムの形態は、オブジェクトコード、インタプリタにより実行されるプログラムコード、ＯＳ（オペレーティングシステム）に供給されるスクリプトデータ等の形態から成ってもよい。 The program may be in the form of object code, program code executed by an interpreter, script data supplied to an OS (operating system), etc.
さらに、本発明を達成するためのプログラムをネットワーク上のサーバ、データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を享受することが可能となる。なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。 Furthermore, by downloading and reading a program for achieving the present invention from a server, database, etc. on a network using a communication program, the system or device can enjoy the effects of the present invention. Note that the present invention also includes configurations that combine the above-mentioned embodiments and their modified examples.
１０１ プログラム開発装置
１０２ アプリケーションサーバ
１０３ データベースサーバ
１０４ アプリケーションクライアント
１０５ ネットワーク
101
Claims (13)
前記プロトタイプアプリケーションの画面に出力する内容の入力を受け付ける内容受付手段と、
前記内容受付手段により受け付けた内容を、前記選択受付手段で選択を受け付けたアクションイベントの発生に応じて前記画面に出力するプロトタイプアプリケーションを構築する構築手段と
を有することを特徴とする情報処理装置。 A selection receiving means for receiving a selection of an action event in the prototype application ;
a content receiving means for receiving an input of content to be output on a screen of the prototype application ;
a construction means for constructing a prototype application for outputting the content received by the content receiving means on the screen in response to the occurrence of an action event selected by the selection receiving means;
13. An information processing device comprising:
を特徴とする請求項１乃至３のいずれか１項に記載の情報処理装置。 An information processing device according to any one of claims 1 to 3, characterized in that the prototype application constructed by the construction means outputs to the screen of the prototype application based on the content received by the content receiving means without executing processing that is executed in response to the occurrence of the action event.
前記内容受付手段で入力を受け付けた内容は、前記アクションイベントの発生に応じて画面遷移する遷移後画面に出力される内容であることを特徴とする請求項１乃至７のいずれか１項に記載の情報処理装置。 the prototype application constructed by the construction means is composed of a plurality of screens,
8. The information processing apparatus according to claim 1, wherein the content input and accepted by said content accepting means is content to be output on a post-transition screen that transitions in response to the occurrence of said action event.
前記構築手段は、前記定義受付手段により受け付けた本番環境用の定義とプロトタイプアプリケーション用の定義に依存せず、共通の画面定義のアプリケーションを構築することを特徴とする請求項１乃至８のいずれか１項に記載の情報処理装置。 a definition receiving means for receiving a definition for a production environment that defines a process to be executed when the selection receiving means receives a selection of the action event, and a definition for a prototype application that outputs the content input received by the content receiving means;
9. The information processing apparatus according to claim 1, wherein the construction means constructs an application with a common screen definition, without depending on the definition for the production environment and the definition for a prototype application received by the definition receiving means .
前記プロトタイプアプリケーションが動作するブラウザから取得したロケール情報又は前記プロトタイプアプリケーションが有するロケール情報に基づいて、前記内容受付手段で入力を受け付けた内容の表示言語を設定する設定手段を有することを特徴とする請求項１乃至１０のいずれか１項に記載の情報処理装置。 The prototype application has a definition of locale information;
11. The information processing device according to claim 1, further comprising a setting means for setting a display language of the content received by the content receiving means based on locale information obtained from a browser on which the prototype application runs or locale information owned by the prototype application.
前記プロトタイプアプリケーションの画面に出力する内容の入力を受け付ける内容受付工程と、
前記内容受付工程により受け付けた内容を、前記選択受付工程で選択を受け付けたアクションイベントの発生に応じて前記画面に出力するプロトタイプアプリケーションを構築する構築工程と
を有することを特徴とする情報処理装置における情報処理方法。 a selection receiving step of receiving a selection of an action event in the prototype application;
a content receiving step of receiving an input of content to be output on a screen of the prototype application ;
a construction step of constructing a prototype application that outputs the content received in the content receiving step on the screen in response to the occurrence of an action event selected in the selection receiving step;
2. An information processing method in an information processing device comprising :
A program for causing at least one computer to function as each of the means of the information processing system according to any one of claims 1 to 11 .
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2019234416A JP7485894B2 (en) | 2019-12-25 | 2019-12-25 | Information processing device, information processing method, and program |
| JP2024074451A JP2024096306A (en) | 2019-12-25 | 2024-05-01 | Information processing apparatus, information processing method, and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2019234416A JP7485894B2 (en) | 2019-12-25 | 2019-12-25 | Information processing device, information processing method, and program |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2024074451A Division JP2024096306A (en) | 2019-12-25 | 2024-05-01 | Information processing apparatus, information processing method, and program |
Publications (3)
| Publication Number | Publication Date |
|---|---|
| JP2021103431A JP2021103431A (en) | 2021-07-15 |
| JP2021103431A5 JP2021103431A5 (en) | 2023-03-01 |
| JP7485894B2 true JP7485894B2 (en) | 2024-05-17 |
Family
ID=76755186
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2019234416A Active JP7485894B2 (en) | 2019-12-25 | 2019-12-25 | Information processing device, information processing method, and program |
| JP2024074451A Pending JP2024096306A (en) | 2019-12-25 | 2024-05-01 | Information processing apparatus, information processing method, and program |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2024074451A Pending JP2024096306A (en) | 2019-12-25 | 2024-05-01 | Information processing apparatus, information processing method, and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (2) | JP7485894B2 (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2012164001A (en) | 2011-02-03 | 2012-08-30 | Azbil Corp | Engineering device |
| JP2015210639A (en) | 2014-04-25 | 2015-11-24 | 日本電気株式会社 | Application development system, data processing method for development device, and program |
-
2019
- 2019-12-25 JP JP2019234416A patent/JP7485894B2/en active Active
-
2024
- 2024-05-01 JP JP2024074451A patent/JP2024096306A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2012164001A (en) | 2011-02-03 | 2012-08-30 | Azbil Corp | Engineering device |
| JP2015210639A (en) | 2014-04-25 | 2015-11-24 | 日本電気株式会社 | Application development system, data processing method for development device, and program |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2024096306A (en) | 2024-07-12 |
| JP2021103431A (en) | 2021-07-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8713520B2 (en) | Web development environment that enables a developer to interact with run-time output presentation of a page | |
| US20170052937A1 (en) | Previews for Contextual Searches | |
| US8356277B1 (en) | System and method for freezing operation of dynamic code of a run-time web page | |
| US20170052982A1 (en) | Image Searches Using Image Frame Context | |
| CN107832052B (en) | Method and device for displaying preview page, storage medium and electronic equipment | |
| JP6332533B2 (en) | Information processing apparatus, processing method thereof, and program | |
| JP2021103432A (en) | Information processing apparatus, information processing method, and program | |
| KR102277240B1 (en) | Method and system for extracting synonym by using keyword relation structure | |
| KR102309211B1 (en) | Semantic content accessing in a development system | |
| CN115701299A (en) | Combined local and server context menu | |
| JP7485894B2 (en) | Information processing device, information processing method, and program | |
| JP7014960B2 (en) | Information processing equipment, servers, their processing methods and programs | |
| JP5880637B2 (en) | Information processing apparatus, control method and program thereof, and information processing system, control method and program thereof | |
| JP2018181073A (en) | Information processing apparatus, processing method thereof, and program | |
| CN114090002A (en) | Front-end interface construction method and device, electronic equipment and storage medium | |
| KR102195191B1 (en) | Method and system for extracting new keyword by using keyword relation structure | |
| JP7227468B2 (en) | Program, information processing system and its control method device and program processing method | |
| JP7340952B2 (en) | Template search system and template search method | |
| CN103164217B (en) | Independent data entity for back-end system | |
| CN113779469A (en) | Website page modification method and device, electronic equipment and storage medium | |
| JP7477773B2 (en) | Information processing device, control method, and program | |
| JP2009157797A (en) | Data input support system, data input support method and program | |
| JP7421137B2 (en) | Information processing device, information processing method and program | |
| JP2018181076A (en) | Program generation device, control method and computer program | |
| KR102228241B1 (en) | Method and system for virtual input on the web |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20221223 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20230217 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20231222 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20240109 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20240311 |
|
| 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: 20240402 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20240415 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 7485894 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |