JP2022112054A - Information processing apparatus, information processing method, and program - Google Patents
Information processing apparatus, information processing method, and program Download PDFInfo
- Publication number
- JP2022112054A JP2022112054A JP2021007665A JP2021007665A JP2022112054A JP 2022112054 A JP2022112054 A JP 2022112054A JP 2021007665 A JP2021007665 A JP 2021007665A JP 2021007665 A JP2021007665 A JP 2021007665A JP 2022112054 A JP2022112054 A JP 2022112054A
- Authority
- JP
- Japan
- Prior art keywords
- screen
- prototype
- application
- display
- 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.)
- Granted
Links
- 230000010365 information processing Effects 0.000 title claims abstract description 30
- 238000003672 processing method Methods 0.000 title claims description 4
- 230000007704 transition Effects 0.000 claims abstract description 79
- 238000000034 method Methods 0.000 claims abstract description 77
- 238000003860 storage Methods 0.000 claims abstract description 12
- 230000009471 action Effects 0.000 claims description 50
- 230000008859 change Effects 0.000 abstract description 5
- 238000012545 processing Methods 0.000 description 79
- 238000010586 diagram Methods 0.000 description 73
- 230000008569 process Effects 0.000 description 45
- 238000004891 communication Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 13
- 238000004519 manufacturing process Methods 0.000 description 8
- 238000003825 pressing Methods 0.000 description 8
- 230000003213 activating effect Effects 0.000 description 6
- 238000004458 analytical method Methods 0.000 description 6
- 238000012790 confirmation Methods 0.000 description 6
- 230000004913 activation Effects 0.000 description 5
- 238000011161 development Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 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
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- XUIMIQQOPSSXEZ-UHFFFAOYSA-N Silicon Chemical compound [Si] XUIMIQQOPSSXEZ-UHFFFAOYSA-N 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 235000014510 cooky Nutrition 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 229910052710 silicon Inorganic materials 0.000 description 1
- 239000010703 silicon Substances 0.000 description 1
Images
Landscapes
- Stored Programmes (AREA)
Abstract
Description
本発明は、アプリケーションを生成する情報処理装置、情報処理方法およびプログラムに関する。 The present invention relates to an information processing device, an information processing method, and a program for generating an application.
顧客の為にアプリケーションを作成する際に、まず顧客の要望を汲み取ってアプリケーションを作成すると、手戻りを減らして開発効率を上げることができる。 When you create an application for a customer, you can reduce rework and improve development efficiency by creating an application based on the customer's needs.
特に、画面や操作手順などは内部ロジックと異なり、ユーザの要望通りに動くことが、顧客満足度を高めることに起因する。 In particular, screens and operation procedures differ from internal logic and work as desired by the user, resulting in increased customer satisfaction.
特許文献１は、ユーザの要望を聞きながら、要望に沿った要件を確定すると同時に、その場で実機用となりうるアプリケーションプログラムのソースコードを生成し、完成させることで上記課題を解決している。 Japanese Patent Application Laid-Open No. 2004-200000 solves the above problem by determining the requirements according to the user's request, and at the same time, generating and completing the source code of the application program that can be used on the actual machine on the spot.
特許文献１は、アプリケーションのモックアップ用ファイルの生成とモックアップ用画面遷移を実現するモックアップ用アプリケーションのソースコードを生成することが記載されているが、モックアップ用アプリケーションを表示する様々なデバイスに対する考慮がされていない。デバイス毎に画面部品のレイアウトを変えるレスポンシブデザインを採用しているアプリケーションであっても、単一の画面でしか表示できず、たとえば、ユーザである顧客のもとにＰＣ（パーソナルコンピュータ）やタブレットを持参してユーザからの仕様を確認する場合、スマホ画面で表示される画面イメージや画面遷移を再現できず、ユーザ（開発者を含む）の要望を満たすことができない。
本発明の目的は、デバイス毎に表示形態を変えたプロトタイプ（試作）のアプリケーションを作成することである。 An object of the present invention is to create a prototype (prototype) application in which the display form is changed for each device.
上記課題を解決するために、本発明は、表示形態に対応する表示サイズを記憶する記憶手段を有する情報処理装置であって、生成するアプリケーションの画面に表示されるアイテムを定義する画面定義と、次の画面へ遷移する手順を定義する画面遷移定義とを定義する定義手段と、前記定義手段により定義された画面と、画面を遷移する手順を再現する動作制御ファイルを生成する動作制御ファイル生成手段と、を備え、前記動作制御ファイル生成手段は、生成された動作制御ファイルを用いて再現する画面の表示形態の設定を受け付け、当該受け付ける表示形態に対応する表示サイズで前記手順による画面の遷移を実行させる動作制御ファイルを生成することを特徴とする。 In order to solve the above problems, the present invention provides an information processing apparatus having storage means for storing a display size corresponding to a display form, wherein a screen definition defines items to be displayed on a screen of an application to be generated; definition means for defining a screen transition definition defining a procedure for transitioning to the next screen; and operation control file generating means for generating an operation control file for reproducing the screen defined by the definition means and the procedure for transitioning between screens. and the operation control file generating means receives a setting of a display form of a screen to be reproduced using the generated operation control file, and performs screen transition according to the procedure with a display size corresponding to the received display form. It is characterized by generating an operation control file to be executed.
本発明によれば、デバイス毎に表示形態を変えたプロトタイプのアプリケーションを作成することができる効果を有する。 According to the present invention, it is possible to create a prototype application in which the display form is changed for each device.
以下、図面を参照して本発明の実施形態を詳細に説明する。
＜第一実施形態＞
図１は、本発明に係わるプログラム開発装置（開発者がＷｅｂアプリケーション生成のために操作する情報処理装置）、アプリケーションサーバ、データベースサーバ、アプリケーションクライアントの構成の一例を示すシステム（情報処理システム）構成図である。
Hereinafter, embodiments 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 (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. is.
プログラム開発装置１０１は、開発者の操作に従って画面レイアウト及びデータベース検索指示などを定義する。プログラム開発装置１０１は、プログラム生成、アプリケーション生成を行う。
The
なお、この実施形態においては、プログラム開発装置１０１で生成するアプリケーションはＷｅｂアプリケーションとしたが、これに限定するものではなく、携帯電話・スマートフォン・タブレットなどの情報処理装置で動作するアプリケーションや組込みソフトウェアなど、Ｗｅｂ技術による通信を利用したアプリケーションでなくてもよい。
Note that in this embodiment, the application generated by the
アプリケーションサーバ１０２は、プログラム開発装置１０１で開発されたアプリケーションを実行する。また、データベースサーバ１０３と接続して動作することが可能である。
The
データベースサーバ１０３は、開発されたアプリケーションが使用するデータベースであり、また本発明では開発時にも動作確認などのために利用してもよい。例えば、開発者が利用するためにデータベースサーバ１０３は、プログラム開発装置１０１や、アプリケーションサーバ１０２と同一の装置で構成されていてもよいし、ＬＡＮなどのネットワーク１０５内に配置されてもよい。
The
アプリケーションクライアント１０４（情報処理装置）は、アプリケーションサーバ１０２と協調してプログラム開発装置１０１で開発したアプリケーションプログラムを動作させる、エンドユーザの入力端末である。この、アプリケーションクライアント１０４は、携帯端末などの情報処理装置であってもよいこととする。
The application client 104 (information processing device) is an end-user input terminal that operates an application program developed by the
なお、プログラム開発装置１０１、アプリケーションサーバ１０２、データベースサーバ１０３、および、アプリケーションクライアント１０４の何れかを、クラウドなどのインターネット上に配置してもよいし、いくつかの情報処理装置を一つの筐体としてもよい。
Any one of the
図２は、本発明に係わるプログラム開発装置１０１、アプリケーションサーバ１０２、データベースサーバ１０３、アプリケーションクライアント１０４として適用可能な各ハードウェア構成の一例を示すブロック図である。
FIG. 2 is a block diagram showing an example of hardware configurations applicable to the
図２において、ＣＰＵ２０１は、システムバス２０４に接続される各デバイスを統括的に制御する。
In FIG. 2, a
また、ＲＯＭ２０３あるいは外部メモリ２１１には、ＣＰＵ２０１の制御プログラムであるオペレーティングシステム（ＯＳ）や、各サーバ、クライアント、装置など情報処理装置の後述する各種機能を実現するためのプログラムが記憶されている。
The
ＲＡＭ２０２は、ＣＰＵ２０１の主メモリ、ワークエリア、一時待避領域等として機能する。
A
入力コントローラ２０５は、入力部２０９からの入力を制御する。この入力部２０９としては、情報処理装置では、キーボード、マウス等のポインティングデバイス、タッチパネルが挙げられる。
The
なお、入力部２０９がタッチパネルの場合、ユーザがタッチパネルに表示されたアイコンやカーソルやボタンに合わせて押下（指等でタッチ）することにより、各種の指示を行うことができることとする。
If the
また、タッチパネルは、マルチタッチスクリーン等の、複数の指でタッチされた位置を検出することが可能なタッチパネルであってもよい。 Also, the touch panel may be a touch panel, such as a multi-touch screen, capable of detecting positions touched by a plurality of fingers.
出力コントローラ２０６は、出力部２１０の表示を制御する。この出力部２１０としては、例えば、ＣＲＴや液晶ディスプレイ等が挙げられる。尚、本体と一体になったノート型パソコンのディスプレイも含まれるものとする。また、プロジェクタであってもよいこととする。
The
外部メモリコントローラ２０７は、ブートプログラム、各種のアプリケーション、フォントデータ、ユーザーファイル、編集ファイル、プリンタドライバ等を記憶する外部メモリ２１１へのアクセスを制御する。外部メモリ２１１には、各サーバ、クライアント、装置等の各種機能を実現するための各種テーブル、パラメータが記憶されている。この外部メモリ２１１としては、ハードディスク（ＨＤ）やフレキシブルディスク（ＦＤ）、ＰＣＭＣＩＡカードスロットにアダプタを介して接続されるコンパクトフラッシュ（登録商標）、スマートメディア等が挙げられる。
An
なお、ＣＰＵ２０１は、例えばＲＡＭ２０２内の表示情報用領域へアウトラインフォント展開（ラスタライズ）処理を実行することにより、出力部２１０上での表示を可能としている。また、ＣＰＵ２０１は、出力部２１０上の不図示のマウスカーソル等での開発者指示を可能とする。
It should be noted that the
通信Ｉ／Ｆコントローラ２０８は、ネットワークを介して外部機器との通信制御処理を実行する。例えば、ＴＣＰ／ＩＰを用いた通信等が可能である。
A communication I/
本発明を実現するためのプログラム２１２は外部メモリ２１１に記録されており、必要に応じてＲＡＭ２０２にロードされることによりＣＰＵ２０１によって実行されるものである。
A
図３は、本発明の実施の形態のソフトウェア構成を示すブロック図の一例である。 FIG. 3 is an example of a block diagram showing the software configuration of the embodiment of the present invention.
プログラム開発装置１０１は、以下の機能部を備える。
The
定義部３０１は、アプリケーションに表示される画面やアイテム（入出力項目）の配置などの画面定義情報と、アプリケーションの画面が次の画面に遷移する手順を定義する画面遷移定義情報と、を開発者から受け付ける機能部であり、具体的には図６のフローチャートや図１０～図１４の説明図が該当する。
The
動作制御ファイル生成部３０２は、定義部３０１で定義された画面と、画面を遷移する手順を再現するためのプロトタイプアプリケーション(動作制御ファイル)を生成する機能部であり、具体的には図８のフローチャートの処理が該当する。
The operation control
記憶部３０３は、アプリケーションクライアント１０４にプロトタイプアプリケーションを表示する際の画面サイズを記憶した機能部であり、具体的には図２３の２３１０などが該当する。
The
データ取得部３０４は、ユーザからプロトタイプアプリケーション上のアイテム（入出力項目）に表示するデータを取得する機能部であり、具体的には図７のステップＳ７０６や図１５、図１８の説明図が該当する。
The
操作パネル生成部３０５は、プロトタイプアプリケーションの画面環境や遷移方法などを制御するプロトタイプ操作パネルを生成する機能部であり、具体的には図８の８１０、生成されるプロトタイプ操作パネルは図３１の３１０２などである。
The operation
図４は、プログラム開発装置１０１、アプリケーションサーバ１０２及びアプリケーションクライアント１０４の構成図である。
FIG. 4 is a configuration diagram of the
プログラム開発装置１０１は、リポジトリ定義部４００、プロトタイプアプリケーション生成部４１０、リポジトリ定義エディタ部４２０を備える。なお、本発明のプロトタイプアプリケーションとは、本番環境のようにデータベースからデータを検索したり、算出したデータ結果から作図をしたりするアプリケーションとは異なり、予め設定された値や予め作図された図などを表示し、画面遷移や表示変更などを実際のアプリケーションのように模倣するモックアップとしてのアプリケーションである。
The
アプリケーションサーバ１０２は、図４ではアプリケーションサーバ部４３０に該当し、アプリケーションクライアント１０４は、アプリケーションクライアント部４３５を備える。
The
プログラム開発装置１０１は、プロトタイプ生成部４１０によりプロトタイプ表示画面（親画面）４４０を生成する。本発明での開発者とは、アプリケーションの受託開発者に限らず、ビジネスユーザや営業担当者などの広くプログラム開発装置１０１を使用する者を指す。
リポジトリ定義部４００には、アプリケーション定義４０１、画面定義４０２、画面部品定義４０３、画面遷移定義４０４、画面部品定義４０２に紐づくアクション４０５、アクション４０５に紐づくプロトタイプデータ４０６が記憶されている。プロトタイプデータとは、プロトタイプアプリケーションを実行する際にアプリケーション画面に表示されるデータを指し、本番環境のようにデータベースからデータを検索したり、算出したデータ結果から作図をしたりするものではなく、開発者により予め設定されている値や図を指す。これら４０１～４０６の定義は、アプリケーション開発ツールを介して、開発者によって入力設定または配置される。
The
アプリケーション定義４０１は、開発者が開発するアプリケーション全体の設定を保持する。
The
画面定義４０２は、アプリケーションに含まれる各画面に配置される各種画面部品定義４０３及び画面遷移定義４０４の情報を保持する。画面定義４０２は、各種部品に設定されるアクション４０５及びアクション４０５に紐づくプロトタイプデータ４０６の情報を含む。
The
プロトタイプアプリケーション生成部４１０は、開発者により設定されたリポジトリ定義部４００を解析し、プロトタイプ表示画面（親画面）４４０を生成する。また、プロトタイプアプリケーション生成後にプロトタイプ表示画面（親画面）４４０をアプリケーションサーバ部４３０にデプロイする。
The prototype
リポジトリ定義解析部４１１は、開発者により設定されたリポジトリ定義部４００を解析する。
The repository
プロトタイプコード生成部４１２は、リポジトリ定義解析部４１１の解析結果に応じたプロトタイプアプリケーションのソースコードを生成する。
The prototype
ソースコードコンパイル部４１３は、プロトタイプコード生成部４１２の生成したソースコードをコンパイルし、コンパイル済Ｊａｖａ（登録商標）コード及びＨＴＭＬ／ＪＳＰ／ＪａｖａＳｃｒｉｐｔ（登録商標）を含むプロトタイプ表示画面（親画面）４４０をアプリケーションサーバ部４３０にデプロイする。
The source
リポジトリ定義エディタ部４２０は、ユーザがリポジトリ定義４００を設定するための手順の一例である。リポジトリ定義エディタ部４２０は、画面定義エディタ部４２１、画面遷移定義エディタ部４２２、部品パレット部４２３、アクション選択部４２４、プロトタイプデータ入力部４２５を含む。
The repository
画面定義エディタ部４２１は、開発者が所望の画面レイアウトを直観的に作成するためのグラフィカルエディタである。
The screen
画面遷移定義エディタ部４２２は、開発者が配置した各画面部品に対するプロパティを設定するエディタである。
The screen transition
レスポンシブ部品制御部４２３は、開発者がクライアントの画面幅毎に画面部品の表示形式（画面の配置や部品幅）を制御させる機能部である。
The responsive
レスポンシブ部品制御部４２３の例を図２３、図２４を参照して説明する。
An example of the responsive
図２３は、本願発明におけるプロトタイプアプリケーション４４２の画面サイズ（表示サイズ）の制御を説明する模式図である。
FIG. 23 is a schematic diagram illustrating control of the screen size (display size) of the
たとえば、図２３の２３００のように、アプリケーション生成画面にパーソナルコンピュータ画面ボタン２３０１、タブレット画面ボタン２３０２，スマートフォン画面ボタン２３０３のように複数の種類のクライアントの表示画面を切り替えるボタンを表示する。
For example, as indicated by 2300 in FIG. 23, buttons such as a personal
２３００の切り替えるボタンを押下した際に、アプリケーションクライアント１０４に表示される画面サイズを記憶したデータが２３１０である（記憶部）。たとえば、パーソナルコンピュータ画面ボタン２３０１が押下されると、表示される画面サイズは１９２０×１０８０（２３１１）であり、タブレット画面ボタン２３０２が押下されると、表示される画面サイズは１０２３×１３６６（２３１２）、スマートフォン画面ボタン２３０３が押下されると、表示される画面サイズは４１４×８９６となる。それぞれのボタンを押下した画面の例を図２４を参照して説明する。
図２４は、本願発明におけるプロトタイプアプリケーション４４２の画面表示の一例を示す模式図である。
FIG. 24 is a schematic diagram showing an example of screen display of the
たとえば図２４の２４０２は、パーソナルコンピュータ画面の表示イメージ、２４０３はタブレット画面の表示イメージ、２４０４はスマートフォン画面の表示イメージである。それぞれの部品サイズ、たとえば、パーソナルコンピュータ画面２４０２の部品２４２２は、タブレット画面２４０３では２４２３であり、スマートフォン画面２４０４では２４２４である。レスポンシブ部品制御部４２３は、同じ部品である２４２２、２４２３、２４２４を、図２４のようにそれぞれ画面全体（２４０２、２４０３、２４０４）の横幅の所定の割合で表示されるように制御する。すなわち、パーソナルコンピュータ画面では２４２２は２４０２（画面全体）の２／１２、タブレット画面では２４２３は２４０３（画面全体）の３／１２、スマートフォン画面画面では２４２４は２４０４（画面全体）の６／１２の割合で２４０２の部品は表示されるように制御されている。図４の構成図の説明に戻る。
For example, 2402 in FIG. 24 is a display image of a personal computer screen, 2403 is a display image of a tablet screen, and 2404 is a display image of a smartphone screen. Each component size, for example,
アクション選択部４２４は、開発者がプロトタイプデータ４０６を設定する対象のアクションを選択するためのアクション（アクションイベント）を選択する機能部である。
The
プロトタイプデータ入力部４２５は、特定のアクション４０５に紐づくプロトタイプデータ４０６を直観的に設定するためのグラフィカルエディタである。
A prototype
アプリケーションサーバ部４３０（１０２）は、プロトタイプアプリケーション生成部４１０が生成したプロトタイプ表示画面（親画面）４４０を記憶し、アプリケーションクライアント１０４に送信する機能部である。
The application server unit 430 ( 102 ) is a functional unit that stores the prototype display screen (parent screen) 440 generated by the prototype
プロトタイプ表示画面（親画面）４４０は、プロトタイプアプリケーション生成部４１０が生成したアプリケーションである。プロトタイプ表示画面（親画面）４４０は、ビジネスユーザ（顧客の意思決定者）や顧客に提案を行う営業担当者などがアプリケーション開発時に、プログラム開発装置１０１が生成するアプリケーションの表示内容や動作等を制御して表示させるためのアプリケーションである。プロトタイプ表示画面（親画面）４４０は、プロトタイプ操作パネル４４１、プロトタイプアプリケーション４４２を含む。
A prototype display screen (parent screen) 440 is an application generated by the prototype
プロトタイプ操作パネル４４１は、プロトタイプ表示画面（親画面）４４０のうちユーザインタフェースの機能を持つモジュールであり、アプリケーションクライアント１０４の画面サイズでの再現やユーザ権限毎の表示イメージの再現、サーバでの処理待ち時間の再現、サーバでのエラー時の表示画面再現などの設定を開発者から受け付けるパネル（画面）である。
A
プロトタイプアプリケーション４４２は、ビジネスユーザ（顧客の意思決定者）や顧客に提案を行う営業担当者などがアプリケーション開発時に、プログラム開発装置１０１の生成するアプリケーションの表示内容や動作等を再現するためのモックアップアプリケーションである。
The
アプリケーションクライアント部４３５は、アプリケーションサーバ部４３０からプロトタイプ表示画面（親画面）４４０をダウンロードし、Ｗｅｂブラウザ４５０において、プロトタイプ表示画面（親画面）４４０はＳＰＡ（シングルページアプリケーション）で構成されるプロトタイプ表示画面（親画面）４４０を起動する。
The
また、図示はしないが、プロトタイプアプリケーションではなく、実際に動作するアプリケーションコード生成部も有している。アプリケーションコード生成部は、リポジトリ定義解析部４１１により、リポジトリ定義部４００から、アプリケーション定義４０１、画面定義４０２、別に定義されたデータベース定義、データモデル定義、ビジネスプロセス定義、を読み込み解析する。Ｗｅｂアプリケーションコード生成部は、外部メモリ２１１に記憶されているコード生成ルールと、リポジトリ定義解析部４１１によって解析された内容とを用いて、ソースコードコンパイル部４１３を介し、コンパイル済Ｊａｖａ（登録商標）コード及びＨＴＭＬ／ＪＳＰ／ＪａｖａＳｃｒｉｐｔ（登録商標）を含むＷｅｂアプリケーションモジュールを生成する。
Also, although not shown, it also has an application code generator that actually operates instead of a prototype application. The application code generation unit reads and analyzes the
図５は、Ｗｅｂアプリケーションのプロトタイプアプリケーション生成のフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
FIG. 5 is a diagram showing an example of a flow chart for generating a prototype application for a Web application. Each step of the following flowchart is executed by the
図５のフローチャートは、開発者がプロトタイプアプリケーションを生成しようとする際にプログラム開発装置１０１で開始される処理の流れである。なお、ステップＳ５０１～Ｓ５０６の処理は、プロトタイプアプリケーション４４２を生成するための情報取得処理である。ステップＳ５０７の処理は、プロトタイプ操作パネル４４１のための情報取得ならびにプロトタイプ表示画面４４０を含むプロトタイプアプリケーションのソースコードの生成を行う処理である。具体的に各ステップの処理を以下で説明する。
The flowchart in FIG. 5 is the flow of processing started by the
まず、ステップＳ５０１において、プログラム開発装置１０１は、画面定義入力を受付ける。ステップＳ５０１の処理の詳細は図６を参照して後述する。
First, in step S501, the
次に、ステップＳ５０２において、プログラム開発装置１０１は、プロトタイプデータ４４３の入力要求があったかを判定する。具体的には、アクション選択部４２４の一例である図１２の１２０１及び１２０２、もしくは１２０３及び図１３の１３０１が押下されたかを判定する。
Next, in step S502, the
アクション制御モジュール４４２は、開発者によって設定された複数のプロトタイプデータのうち、プロトタイプ表示画面（親画面）４４０実行時のどのタイミングでどのデータを表示するかを制御する。また、アクション制御モジュール４４２は、画面に配置された部品が持つ各アクションに紐づいた動作を制御する。すなわち、プロトタイプデータはアクション（アクションイベント）に紐づく。
The
プログラム開発装置１０１は、開発者がこれから入力するプロトタイプデータが、どのアクションに紐づくものかを指定させるために、該押下を受付ける。
The
ステップＳ５０２において、プロトタイプデータ入力要求があったと判定した場合には、ステップＳ５０３に遷移する。 If it is determined in step S502 that there is a prototype data input request, the process proceeds to step S503.
一方、ステップＳ５０２において、プロトタイプデータ入力要求がなかった場合には、ステップＳ５０４に遷移する。 On the other hand, if there is no prototype data input request in step S502, the process proceeds to step S504.
なお、１２０１が押下された場合の、アクション選択部の一例を１２０２に示す。また、１２０３が押下された場合の、アクション選択部の一例を１３０１に示す。１３０１の例では、表示中の画面定義に含まれるアクション一覧を表示しているが、アプリケーション定義に含まれるアクション一覧を表示してもよい。 Note that 1202 indicates an example of an action selection portion when 1201 is pressed. Also, 1301 shows an example of an action selection portion when 1203 is pressed. In the example of 1301, an action list included in the screen definition being displayed is displayed, but an action list included in the application definition may be displayed.
ステップＳ５０３に遷移すると、プログラム開発装置１０１は、開発者からのプロトタイプデータの入力を受付ける。ステップＳ５０３の処理の詳細は図７を参照して後述する。その後、ステップＳ５０４へと処理を遷移する。
After transitioning to step S503,
ステップＳ５０４において、プログラム開発装置１０１は、画面定義保存要求があったかを判定する。画面定義保存要求があったと判定した場合には、ステップＳ５０５に遷移し、画面定義保存要求がなかった場合には、ステップＳ５０６へと遷移する。
In step S504, the
ステップＳ５０５に遷移すると、プログラム開発装置１０１は、画面定義をリポジトリ定義部４００に保存する。その後、ステップＳ５０６へと処理を遷移する。
After transitioning to step S<b>505 , the
ステップＳ５０６に遷移すると、プログラム開発装置１０１は、プロトタイプ生成要求があったかを判定する。プロトタイプ生成要求があったと判定した場合には、ステップＳ５０７に遷移する。一方、プロトタイプ生成要求がなかった場合には、ステップＳ５０１に遷移する。
After transitioning to step S506, the
ステップＳ５０７へと遷移すると、プログラム開発装置１０１は、プロトタイプアプリケーションのソースコードを生成する。ステップＳ５０７の処理の詳細は図７を参照して後述する。
After transitioning to step S507, the
次に、ステップＳ５０８において、プログラム開発装置１０１は、ステップＳ５０７において生成したソースコードのコンパイルを行う。
Next, in step S508, the
ステップＳ５０９において、プログラム開発装置１０１は、ステップＳ５０８においてコンパイルしたプロトタイプアプリケーションをアプリケーションサーバ１０２（４３０）にデプロイする。
At step S509, the
以降は、プログラム開発装置１０１と、アプリケーションサーバ１０２、アプリケーションクライアント１０４が同じ情報処理装置で実施されている例で説明するが、それぞれが別の情報処理装置の場合は、それぞれの情報処理装置が、各アプリケーション（プロトタイプアプリケーションやＷｅｂブラウザなど）を起動して処理を実行する。
Hereinafter, an example in which the
ステップＳ５１０において、プログラム開発装置１０１は、アプリケーションサーバ１０２（４３０）にデプロイされたプロトタイプアプリケーションを起動する。
In step S510, the
ステップＳ５１１において、プログラム開発装置１０１は、Ｗｅｂブラウザを起動し、プロトタイプアプリケーションのＵＲＬアクセスを開始する。なお。ステップＳ５１０やＳ５１１の処理は、プログラム開発装置１０１が、アプリケーションサーバ１０２とアプリケーションクライアント１０４とを併用している場合の例であり、それぞれ別の筐体の場合は、ステップＳ５１０の処理はアプリケーションサーバ１０２が実行し、ステップＳ５１１の処理はアプリケーションクライアント１０４が実行する処理となる。
In step S511, the
以上で、図５の説明を終了する。以降の処理は図９を参照して後述する。なお、図９以降の説明では、プロトタイプアプリケーションは、プログラム開発装置１０１ではなく、Ｗｅｂブラウザを起動したアプリケーションクライアント１０４で実行されるとして説明するが、アプリケーションクライアント１０４と同様にＷｅｂブラウザを起動したプログラム開発装置１０１で実行されても良い。
This completes the description of FIG. Subsequent processing will be described later with reference to FIG. 9 and subsequent figures, it is assumed that the prototype application is executed not by the
次に、ステップＳ５０１の処理の詳細を図６を参照して説明する。 Next, details of the processing in step S501 will be described with reference to FIG.
図６は、Ｗｅｂアプリケーションの画面定義の入力を受け付けるフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
FIG. 6 is a diagram showing an example of a flowchart for accepting input of a screen definition of a Web application. Each step of the following flowchart is executed by the
図６のフローチャートは、図５のフローチャートにおいて、ステップＳ５０１へと処理が遷移した際に開始される処理の流れである。 The flowchart of FIG. 6 is a flow of processing that is started when the processing transitions to step S501 in the flowchart of FIG.
まず、ステップＳ６０１において、プログラム開発装置１０１は、開発者による画面部品の配置を受付ける。具体的には、部品パレット部４２３の一例である図１０の１００１から、画面定義エディタ部４２１の一例である１００２へのドラッグ＆ドロップ１００３による部品の配置を受付ける。図１０は、部品パレット部からボタン部品を画面定義エディタ部にドラッグ＆ドロップした例を示している。画面部品の配置方法は、部品パレット部４２３から画面定義エディタ部４２１へのドラッグ＆ドロップに限らず、既に配置した部品を移動する方法や、既に配置した部品をコピー＆ペーストにより複製する方法であってもよい。また、一度配置した部品を削除できてもよい。
First, in step S601, the
図１０の場合は、１００４のように、２つのテキスト入力欄（ＩＤ入力欄と名前入力欄）と、ＩＤと名前を登録する登録ボタンを設けた画面イメージが作成されているイメージである。 In the case of FIG. 10, as shown in 1004, a screen image having two text input fields (an ID input field and a name input field) and a registration button for registering an ID and a name is created.
次に、ステップＳ６０２において、プログラム開発装置１０１は、アクションイベントを含む部品が配置されたかを判定する。アクションイベントを含む部品が配置されたと判定した場合には、ステップＳ６０３に遷移し、アクションイベントを含む部品が配置されていない場合には、ステップＳ６０４に遷移する。
Next, in step S602, the
ステップＳ６０３に遷移すると、プログラム開発装置１０１は、アクションイベントを含む部品に設定されたアクションを登録する。具体的には、部品のソースコードにｏｎＣｌｉｃｋというアクションを持つ部品の場合にアクションを登録する。画面定義４０２の一例である図２１の２１００には、本番環境に対応した“ａｃｔｉｏｎｓ”の定義２１０２と、プロトタイプアプリケーションに対応した“ｅｘａｍｐｌｅｓ”の定義２１０３を書き出す。なお、図２１の例では、実施手段の一例としてデータ保持の形式をｊｓｏｎファイルとしているが、データ保持の形式は他形式ファイルであってもデータベースであってもよい。その後、ステップＳ６０４へと遷移する。
After transitioning to step S603, the
次に、ステップＳ６０４において、プログラム開発装置１０１は、プロパティ入力要求のあったかを判定する。具体的には、選択された部品のプロパティ入力要求ボタンの一例である図１１の１１０１が押下されたかを判定する。
Next, in step S604, the
プロパティ入力要求のあったと判定した場合、ステップＳ６０５に遷移し、プロパティ入力要求のなかった場合、画面定義入力受付処理を終了する。 If it is determined that there is a property input request, the process proceeds to step S605, and if there is no property input request, the screen definition input reception processing ends.
ステップＳ６０５へと遷移すると、プログラム開発装置１０１は、開発者による画面部品に対するプロパティの入力を受付ける。具体的には、画面プロパティエディタの一例である図１１の１１０２を表示し、該画面部品が持つプロパティへの設定の入力を受付ける。図１１の例では、開発者による直観的な操作を実現するために画面プロパティエディタを該部品付近に表示しているが、画面内の特定の領域を画面プロパティエディタとして確保してもよい。また、画面プロパティエディタをモーダルダイアログで表示してもよい。
After transitioning to step S605, the
以上で、図６の説明を終了する。 This completes the description of FIG.
次に、ステップＳ５０３の処理の詳細を図７を参照して説明する。 Next, details of the processing in step S503 will be described with reference to FIG.
図７は、Ｗｅｂアプリケーションのプロトタイプアプリケーションを生成する際に画面に表示するプロトタイプデータの入力を受け付けるフローチャートの一例を示す図である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
FIG. 7 is a diagram showing an example of a flowchart for accepting input of prototype data to be displayed on the screen when generating a prototype application for a Web application. Each step of the following flowchart is executed by the
図７のフローチャートは、図５のフローチャートにおいて、ステップＳ５０３へと処理が遷移した際に開始される処理の流れである。 The flowchart in FIG. 7 is the flow of processing that is started when the process transitions to step S503 in the flowchart in FIG.
まず、ステップＳ７０１において、プログラム開発装置１０１は、図５ステップＳ５０２において開発者が指定したアクションアイテムの設定を読込む。具体的には、次の二つを実施する。まず、開発者が選択した画面部品の画面部品定義４０３の一例である図１０の１００４の例である図２１の２１０１を読込む。２１０１のデータは、図６のフローチャートのステップＳ６０５で、図１１の１１０２から入力されたものとする。次に、開発者に選択された画面部品の本番環境に対応した“ａｃｔｉｏｎｓ”の定義２１０２と、プロトタイプアプリケーションに対応した“ｅｘａｍｐｌｅｓ”の定義２１０３を読込む。
First, in step S701, the
次に、ステップＳ７０２において、プログラム開発装置１０１は、ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴うかを判定する。具体的には、画面部品定義４０３の一例である２１０１の画面遷移定義４０４の一例である”ｎｅｘｔＵｉ”プロパティ（１１０２内の次画面プロパティ）に値が設定されているかを判定する。本実施例では、プログラム開発装置１０１は、画面遷移定義４０４を画面部品定義４０３に保持しているが、アクション定義４０５に保持してもよい。
Next, in step S702, the
ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴うと判定した場合には、ステップＳ７０３に遷移し、ステップＳ７０１で読込んだアクションアイテムの設定が画面遷移を伴わない場合には、ステップＳ７０４に遷移する。 If it is determined that the action item settings read in step S701 involve screen transitions, the process proceeds to step S703. If the action item settings read in step S701 do not involve screen transitions, step S704. transition to
ステップＳ７０３へと遷移すると、プログラム開発装置１０１は、ステップＳ７０１で読込んだアクションアイテムの設定に伴う画面遷移の遷移先画面を表示する。具体的には、２１０１の”ｎｅｘｔＵｉ”に設定された画面である図１３の１３００を表示する。なお、図１３の遷移先画面１３０２も、開発者の操作（ステップＳ６０１）により事前に設定されているものとする。なお、１３０２のような画面は、現在表示されている画面定義エディタ部４２１を書き換える表示方法であっても、新たな画面定義エディタ部４２１を起動する表示方法であってもよい。
After transitioning 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,
次のステップＳ７０６において、プログラム開発装置１０１は、開発者によるプロトタイプデータの入力を受付ける。具体的には、プロトタイプデータ入力部４２５の一例である図１５のプロトタイプデータ入力ダイアログ１５０１を表示する。１５０１は、図１４の１４０１において、「Ｎａｍｅ」欄で編集ボタンが押下された際に表示するプロトタイプデータ入力ダイアログである。１５０１の場合、開発者から「Ｎａｍｅ」欄に「谷川 則之」というプロトタイプデータが入力されている例である。開発者からの値の入力後、１５０１内の「ＯＫ」ボタンの押下により、ステップＳ７０７の入力確定か否かの判断を行う。
In the next step S706,
また、ステップＳ７０６の別の例として、プロトタイプデータ入力部４２５の一例を図１８を参照して説明する。
As another example of step S706, an example of the prototype
図１８のプロトタイプデータ入力ダイアログ１８０１は、図１７において表入力ボタン１７０２が押下されると表示される画面イメージである。１８０１のテキスト入力欄には、１７０１に表示する一覧表に表示されるデータ群の入力を受け付ける。１８０１の場合は、１行目に「（空欄）」、「谷川 則之」、「（空欄）」、２行目に「１００１」、「堀 亜衣」、「２０１９／１０／１０」、３行目に「１００２」、山村 るり子」、「２０１９／０９／１８」というデータが入力されている。これらのデータ入力はファイル選択ボタン１８０２の押下により表示される図示しないファイル選択画面からＣＳＶファイルや表計算ファイルが選択されることにより、そのファイルの内容を適応させても良い。
A prototype
開発者からテキスト入力欄への値の入力、もしくはファイル選択後のデータ反映後、１８０３の「ＯＫ」ボタンの押下により、ステップＳ７０７の入力確定か否かの判断を行う。
After the developer inputs a value in the text input field or reflects the data after file selection, the "OK"
ステップＳ７０６では、言語によって表示するプロトタイプデータを切り替えるために、ロケールの指定を受付けてもよい。また、プロトタイプデータ入力受付方法として、モーダルダイアログを表示する方法を示しているが、該入力受付方法は、Ｓ７０５で開発者が選択した表示部品に対して直接入力を受付ける方法であってもよいし、外部ファイルによる一括入力であってもよい。 In step S706, locale designation may be accepted in order to switch the prototype data to be displayed depending on the language. Moreover, although a method of displaying a modal dialog is shown as a prototype data input acceptance method, the input acceptance method may be a method of accepting direct input to the display component selected by the developer in S705. , may be batch input by 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, and if it is determined that the prototype data input has not been finalized, the process proceeds to step S706.
ステップＳ７０８において、プログラム開発装置１０１は、開発者によって入力されたプロトタイプデータを画面定義４０２に書き出す。具体的には、画面定義４０２のアクション４０５に紐づくプロトタイプデータ４０６の一例である２２０１に書き出す。
In step S<b>708 , the
なお、この方法では、実行するアクションによる遷移後画面で表示するデータの変更ができない。プロトタイプデータを遷移後画面の初期表示アクションに保持しているためであるが、遷移後画面で表示するプロトタイプデータを、実行するアクション側で保持することで、実行するアクションによる遷移後画面で表示するデータの変更を可能としてもよい。具体的には、２２０１の“ｏｎＬｏａｄ”以下のオブジェクトを２１０３の“ｏｎＣｌｉｃｋ”以下に保持することにより、画面を遷移する元のボタン（たとえば、図１０の１０００に配置された「登録」ボタン１００３）に遷移後画面で表示するデータを持たせてもよい。
In this method, it is not possible to change the data displayed on the post-transition screen by the action to be executed. This is because the prototype data is held in the initial display action of the screen after transition, but by holding the prototype data to be displayed on the screen after transition on the action side to be executed, it is displayed on the screen after transition by the action to be executed. It may be possible to change the data. Specifically, by holding the objects below "onLoad" 2201 below "onClick" 2103, the original button for screen transition (for example, the "register"
このように、プロトタイプデータを表示させた画面イメージをアクションイベントごとに画面を遷移させてプロトタイプアプリケーション上で表示することにより、実際に動作するアプリケーション（たとえばデータベースから検索したり、取り出したデータから作図したりする）を作る前に、モックアップとしてどのような動作をするのかのイメージを掴むことができる
以上で、図７の説明を終了する。
In this way, the screen image displaying the prototype data is displayed on the prototype application by transitioning the screen for each action event. You can get an idea of how it works as a mockup before creating it. This completes the explanation of FIG.
次に、ステップＳ５０７の処理の詳細を図８を参照して説明する。 Next, details of the processing in step S507 will be described with reference to FIG.
図８は、Ｗｅｂアプリケーションのプロトタイプアプリケーションのソースコードを生成する処理の流れを説明するフローチャートの一例である。なお、以下のフローチャートの各ステップは、各装置のＣＰＵ２０１が実行する。
FIG. 8 is an example of a flowchart for explaining the flow of processing for generating the source code of the prototype application of the Web application. Each step of the following flowchart is executed by the
図８のフローチャートは、図５のフローチャートにおいて、ステップＳ５０７へと処理が遷移した際に開始される処理の流れである。 The flowchart in FIG. 8 is a flow of processing that is started when the process transitions to step S507 in the flowchart in FIG.
まず、ステップＳ８０１において、プログラム開発装置１０１は、リポジトリ定義部４００から開発者が指定したアプリケーション定義４０１を読み込む。リポジトリ定義解析部４１１は、読み込んだ定義を解析したうえでＲＯＭ２０３に記憶しておき、解析された定義は各生成部から適宜参照される。
First, in step S801, the
ステップＳ８０２において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０１で読込んだアプリケーション定義４０１に含まれる画面定義４０２を読み込む。
At step S802, the
ステップＳ８０２において、画面定義を読み込む際に、画面表示項目（アイテム）のそれぞれ定義されている表示権限の情報も取得する。図３５の例を参照して説明する。図３５において、ユーザの権限により表示項目（アイテム）を変える行を２行目（３５０１）と定義している場合、ユーザの権限名８２１と、それに対する入出力表示許可項目８２２とを紐付ける情報などを取得する。図８の８２０の場合、図３５に描かれているユーザ権限として「Ｕｓｅｒ（ユーザ）」、「Ａｄｍｉｎ（管理者）」、「Ｇｕｅｓｔ（ゲスト）」の権限名を持ち、入出力表示許可項目として、図３５の「出欠確認」項目が定義されている。なお、この表示項目定義情報は、入出力表示許可を定義したものでも良いし、入出力表示禁止項目を定義していても良く、また、表示項目はまとめて表示権限を定義されていても良いし、８２０のように個別に定義されていても良い。
In step S802, when reading the screen definition, the information of the display authority defined for each screen display item (item) is also acquired. Description will be made with reference to the example of FIG. In FIG. 35, when the second line (3501) is defined as the line that changes display items (items) according to the user's authority, information that associates the user's
ステップＳ８０３において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれる画面部品定義４０３を読込む。
In step S803, the
ステップＳ８０４において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれる画面遷移定義４０４を読込む。
In step S804, the
ステップＳ８０５において、プログラム開発装置１０１は、ステップＳ８０２で取得した表示項目に紐付けられた権限（役割・ロール）を収集する。
In step S805, the
ステップＳ８０６において、プログラム開発装置１０１は、リポジトリ定義部４００からステップＳ８０２で読込んだ画面定義４０２に含まれるプロトタイプデータ４０６を読込む。ここで読み込む画面定義４０２内のデータは、プロトタイプデータに対応した図２１や図２２の「ｅｘａｍｐｌｅｓ」のデータであり、「ａｃｔｉｏｎｓ」すなわち本番環境用のデータは使用しない。この２つのデータを持つことで、プロトタイプデータの画面定義と本番環境の画面定義を共通で作成可能になり、モックアップ用に作成したアプリケーション画面をそのままアプリケーションの画面として定義することができる。
In step S806,
ステップＳ８０７において、プログラム開発装置１０１は、ステップＳ８０１～ステップＳ８０６で読込んだ情報を元に、プロトタイプコード生成部４１２でプロトタイプアプリケーションのソースコードを生成する。生成するソースコードには、プロトタイプアプリケーションを起動時に表示するプロトタイプ操作パネル（図３１の３１０２など）のソースコードも含む。
In step S807,
図３１は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 31 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３１を参照して、プロトタイプ操作パネルについて説明する。プロトタイプ操作パネルとは、プロトタイプ（試作）画面を表示する際、あるいはプロトタイプ（試作）画面を遷移させて表示する際の、表示設定や遷移時の設定の指示を開発者から受け付けるパネル画面である。プロトタイプ操作パネルは、表示デバイス（パーソナルコンピュータやタブレット、スマートフォンなど）や表示デバイスの画面の向きを再現させたり、ユーザのアクセス権（Ａｄｍｉｎ権限（管理者権限）やＵｓｅｒ権限（一般ユーザ権限）など）別の画面表示の再現、サーバでの処理時間の表示の再現、エラーが生じた場合の表示の再現などを設定することができる。表示デバイスの設定は３１０２の３１１１、ユーザ権限の設定は３１０２の３１２１、処理待ち時間の設定は、３１０２の３１３１，エラー表示の設定は３１０２の３１４１でそれぞれ設定することができる。 A prototype operation panel will be described with reference to FIG. The prototype operation panel is a panel screen that accepts display settings and transition settings from the developer when displaying a prototype screen or transitioning and displaying prototype screens. The prototype operation panel reproduces the display device (personal computer, tablet, smartphone, etc.) and the screen orientation of the display device, and the user's access rights (Admin authority (administrator authority), User authority (general user authority), etc.) It is possible to set the reproduction of another screen display, the reproduction of the processing time display on the server, the reproduction of the display when an error occurs, and the like. The display device setting can be set at 3111 of 3102, the user authority setting can be set at 3121 of 3102, the processing waiting time setting can be set at 3131 of 3102, and the error display setting can be set at 3141 of 3102.
プロトタイプ操作パネル３１０２を開いている場合のプロトタイプアプリケーション画面とプロトタイプ操作パネル３１０２との関係を図２５と図３１を参照して説明する。
The relationship between the prototype application screen and the
図２５は、プロトタイプアプリケーション画面とプロトタイプ操作パネルとの関係を説明する図である。 FIG. 25 is a diagram for explaining the relationship between the prototype application screen and the prototype operation panel.
親画面としてベースとなるプロトタイプ表示画面２５０１がブラウザ上に表示される親画面であり、親画面の中にｉＦｒａｍｅでプロトタイプアプリケーション画面２５０２を表示している。更にプロトタイプアプリケーション画面２５０２の上に、プロトタイプ操作パネル２５０３を表示し、プロトタイプアプリケーション２５０２の一部とプロトタイプ操作パネル２５０３が同時に確認できるように親画面２５０１に表示している。
A
図３１のようなプロトタイプ操作パネル３１０２に開発者から設定を受け付け、開発者からたとえば３１０３のようなプロトタイプ操作パネル３１０２（２５０３）を縮小するような操作を受け付けると、図３２のようなプロトタイプアプリケーション画面３２０１（２５２２）を表示する（２５２１の表示イメージ）。プロトタイプアプリケーション画面３２０１（２５２２）から、プロトタイプ操作パネル３１０２（２５０３）を表示している画面に戻る場合は、プロトタイプ操作パネル表示ボタンである３２０２（２５２３）を押下して、プロトタイプ操作パネル３１０２が表示されている図３１の画面イメージ３１０１に遷移する。図８のフローチャートの説明に戻る。
When settings are received from the developer on the
ステップＳ８０７において、生成されるソースコードの例を図４４に示す。図４４は、プロトタイプ操作パネルが操作され、操作が記憶されたブラウザの記憶領域（Ｗｅｂ ＳｔｏｒａｇｅやＣｏｏｋｉｅの情報）が変更されると開始されるＴｙｐｅＳｃｒｉｐｔのソースコードの例である。 FIG. 44 shows an example of the source code generated in step S807. FIG. 44 is an example of TypeScript source code that is started when the prototype operation panel is operated and the storage area (Web Storage or Cookie information) of the browser storing the operation is changed.
次に、ステップＳ８０８において、プログラム開発装置１０１は、ユーザの権限毎に画面表示を変更させるためのソースコードを生成する。生成されるソースコードの例を図４５に示す。図４５は、たとえば、図３５のプロトタイプ操作パネル３５２１や図３７のプロトタイプ操作パネル３７２１のようにユーザ権限を変更された際に実行されるソースコードの例である。図４５のソースコードは、ユーザ権限が変更された際に図４５の前半のソースコードでユーザ権限の判定を行い、後半のソースコードでユーザ権限が適用された画面部品の表示・非表示を制御している。すなわち、ステップＳ８０８は、ユーザ権限を設定した場合のプロトタイプ（試作）画面を表示するためのプログラムを生成するしょりである。
Next, in step S808, the
ステップＳ８０９において、プログラム開発装置１０１は、サーバと接続する際に生じる画面表示を再現するためのソースコードを生成する。生成されるソースコードの例を図４６に示す。図４６は、たとえば、プロトタイプ操作パネル３１０２のオプション設定欄３１３１や３１４１に図３９の３９３１のように、処理時間（処理待ち時間）の値が入力された場合、もしくは図４２の４２４１のようにエラー設定がオンに変更された場合に実行されるソースコードの例であり、ブラウザの記憶領域から取得する疑似サーバの処理設定を反映したプロトタイプ（試作）画面を表示している。すなわち、ステップＳ８０９は、サーバと通信する際の疑似的な通信やサーバの状況を再現するためのプログラムを生成する処理である。
In step S809, the
ステップＳ８１０において、プログラム開発装置１０１は、プロトタイプ操作パネル画面２５０３の描画後、配下のプロトタイプアプリケーション（ｉＦｒａｍｅ）画面２５０２の画面の設定をプロトタイプ操作パネル２５０３（３１０２）の設定に反映させるためのプログラムを生成する。生成されるソースコードの例を図４７に示す。図４７は、たとえば、プロトタイプ操作パネル３１０２のデバイス設定欄３１１１をＰＣ（パーソナルコンピュータ設定）のイメージで設定するボタン３１１２に設定するか、図３３の３３１１のイメージのようにスマートフォンの設定にするかなどにより、プロトタイプ（試作）画面の表示を再現するＴｙｐｅＳｃｒｉｐｔのソースコードである。
In step S810, after rendering the prototype
以上のソースコードを生成して、図８のフローチャートの処理を終える。なお、プロトタイプ操作パネル画面３１０２やプロトタイプ操作パネル画面操作後の処理を実行するソースコード（図４４～図４７）はＴｙｐｅＳｃｒｉｐｔを例としているが、他の言語のソースコードでもよく、ＪａｖａＳｃｒｉｐｔなどで書かれたソースコードであっても良い。
After generating the above source code, the process of the flow chart of FIG. 8 ends. The source code (FIGS. 44 to 47) for executing the processing after the operation of the prototype
以上で、図８の説明を終了する。 This completes the description of FIG.
次に、図５のステップＳ５０９でデプロイされたプロトタイプアプリケーションを実行し、アプリケーションクライアント１０４のＷｅｂブラウザ（４５０）と通信を開始する際の処理の流れを図９を参照して説明する。なお、図５のようにプログラム開発装置１０１のステップＳ５１１で起動されたＷｅｂブラウザがデプロイされたプロトタイプ表示画面アプリケーションと通信を開始しても良いし、図９のようにアプリケーションクライアント１０４において起動されたＷｅｂブラウザが、デプロイされたアプリケーションサーバ１０２と通信を開始するとしても良い。
Next, the flow of processing when executing the prototype application deployed in step S509 of FIG. 5 and starting communication with the web browser (450) of the
図９は、図５ステップＳ５０９でデプロイされたプロトタイプ表示画面（親画面）４４０がアプリケーションクライアント１０４にダウンロードされて実行される動作の一例を示すフローチャートである。なお、以下のフローチャートの各ステップは、アプリケーションクライアント１０４のＣＰＵ２０１が実行する。
FIG. 9 is a flow chart showing an example of an operation in which the prototype display screen (parent screen) 440 deployed in step S509 of FIG. 5 is downloaded to the
図９のフローチャートは、プロトタイプ表示画面（親画面）４４０がアプリケーションサーバ１０２（４３０）にデプロイされ、アプリケーションクライアント１０４のＷｅｂブラウザ４５０から開発者のアクセスがあった際に開始される処理の流れである。
The flowchart of FIG. 9 is the flow of processing that is started when the prototype display screen (parent screen) 440 is deployed to the application server 102 (430) and accessed by the developer from the
ステップＳ９０１において、アプリケーションクライアント１０４は、まずブラウザのロケール情報を読込む。このロケール情報により、プロトタイプデータの表示言語を切り替えることができる。
In step S901, the
ステップＳ９０２において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から、プロトタイプ表示画面（図８のステップＳ８０７～Ｓ８１０で生成したアプリケーション）が動作するＳＰＡ（シングルページアプリケーション）をダウンロードする。なお、本発明の実施形態では、プロトタイプ表示画面（親画面）４４０はＳＰＡとして説明するが、必ずしもＳＰＡである必要はなく、画面遷移命令によりアプリケーションサーバ１０２と通信をする仕様でも良く、その場合はプロトタイプアプリケーションの初期画面情報をダウンロードする。
In step S902, the
また、ステップＳ９０２において、アプリケーションクライアント１０４は、プロトタイプアプリケーションでのユーザ権限情報を取得する。
Also, in step S902, the
更に、ステップＳ９０２において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から取得したプログラムからプロトタイプ表示画面２５０１（プロトタイプアプリケーションの親画面）を起動する。すなわち、ステップＳ９０２は、図３１の３１０１のような画面イメージのプロトタイプアプリケーションを表示するためのプログラムをダウンロードし、起動する処理を行うステップである。
Furthermore, in step S902, the
次のステップＳ９０３において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプアプリケーション（ｉＦｒａｍｅ）２５０２を起動する。起動している画面イメージは図３２の３２０１であるが、次のステップＳ９０４以降で表示されるプロトタイプ操作パネル３１０２が上層に表示（図２５の２５０２と２５０３のような関係）されているため、起動当初は、図３１の３１０１のような表示画面となる。
In the next step S903, the
次のステップＳ９０４において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプ操作パネル（ｉＦｒａｍｅ）２５０３を起動する。起動している画面イメージは図３１の３１０２のイメージである。このプロトタイプ操作パネルに表示されている設定を変更することにより、プロトタイプ（試作）アプリケーションの表示設定や画面の遷移設定を制御することができる。
In the next step S904, the
次のステップＳ９０５において、アプリケーションクライアント１０４は、プロトタイプ操作パネル３１０２に入力されたそれぞれの設定によって、プロトタイプアプリケーション３２０１（４４２）の表示画面を変更もしくは遷移画面を変更する表示を行う。それぞれの設定によるプロトタイプアプリケーション４４０の画面表示もしくは遷移画面表示の処理はそれぞれ図２６～図２９において後述する。
In the next step S905, the
次にステップＳ９０６において、アプリケーションクライアント１０４は、プロトタイプアプリケーションによるアプリケーションの再現を終了するか開発者の指示を待ち、アプリケーションの再現を終了する場合は、このフローチャートを終了し、もう一度再現する指示を受け付けた場合は、ステップＳ９０２へと処理を戻す。
Next, in step S906, the
次に、ステップＳ９０５において、プロトタイプ操作パネル３１０２に入力されたそれぞれの設定によって、プロトタイプアプリケーション３２０１（４４２）の表示画面を変更もしくは遷移画面を変更する表示する処理の流れを図２６～図２９を参照して説明する。なお、それぞれの設定とは、表示デバイスの切り替え、ユーザ権限の変更、サーバとの処理時間の再現、ならびにエラー発生時の再現である。
Next, in step S905, the display screen of the prototype application 3201 (442) is changed or the transition screen is changed according to each setting input to the
図２６は、表示デバイスを切り替える際の処理の流れを示すフローチャートである。なお、以下のフローチャートの各ステップは、アプリケーションクライアント１０４のＣＰＵ２０１が実行する。
FIG. 26 is a flowchart showing the flow of processing when switching display devices. Note that each step of the following flowchart is executed by the
図２６のフローチャートは、アプリケーションクライアント１０４のＷｅｂブラウザ４５０から開発者のアクセスがあり、プロトタイプ表示画面（親画面）４４０のＳＰＡがＷｅｂブラウザ４５０にダウンロードされた際に開始されるフローチャートである。なお、図２６～図２９の一部の説明は図９の説明と一部重なっている。
The flowchart of FIG. 26 is a flowchart that is started when the developer accesses from the
まず、ステップＳ２６０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から、プロトタイプ表示画面（図８のステップＳ８０７～Ｓ８１０で生成したアプリケーション）が動作するＳＰＡをダウンロードする。
First, in step S2601, the
また、ステップＳ２６０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から取得したプログラムからプロトタイプ表示画面２５０１を起動する。すなわち、ステップＳ２６０１は、図３１の３１０１のような画面イメージのプロトタイプアプリケーションを表示するためのプログラムをダウンロードし、起動する処理を行うステップである。
Also, in step S2601, the
次のステップＳ２６０２において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプアプリケーション（ｉＦｒａｍｅ）２５０２を起動する。起動している画面イメージは図３２の３２０１であるが、次のステップＳ２６０３以降で表示されるプロトタイプ操作パネル３１０２が上層に表示（図２５の２５０２と２５０３のような関係）されているため、起動当初は、図３１の３１０１のような表示画面となる。
In the next step S2602, the
次のステップＳ２６０３において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプ操作パネル（ｉＦｒａｍｅ）２５０３を起動する。起動している画面イメージは図３１の３１０２のイメージである。このプロトタイプ操作パネルに表示されている設定を変更することにより、プロトタイプ（試作）アプリケーションの表示設定や画面の遷移設定を制御することができる。
In the next step S2603, the
プロトタイプ操作パネル３１０２が表示されている状態で、開発者からデバイス入力欄３１１１が変更された場合に、次のステップＳ２６０４の処理へと遷移する。開発者によりデバイス入力欄３１１１が変更された場合の画面イメージを図３３を参照して説明する。なお、デバイス入力欄３１１１は、各端末（パーソナルコンピュータ、タブレット、スマートフォン）の画面サイズが予め設定されているものであり、タブレットやスマートフォンに関しては、縦向きと横向きで表示形態を変えることができる入力欄である。縦向きと横向きの表示形態を表示するのは、タブレットやスマートフォンが縦向きでも横向きでも表示制御可能であるためである。
When the
図３３は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 33 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３３のプロトタイプ操作パネル３３０２のデバイス選択欄３３１１は、図３１のプロトタイプ操作パネル３１０２と異なり、スマートフォン画面ボタン３３１２が押下されている例である。
A
図２６のフローチャートの説明に戻って、次のステップＳ２６０４へと処理を遷移すると、アプリケーションクライアント１０４は、プロトタイプ操作パネル３３０２において変更されたデバイスの画面サイズに変更する指示を受け付ける。図３１の３１０１を表示後にのステップＳ２６０３とＳ２６０４の処理を実行するソースコードの例を図４７に示す。
Returning to the description of the flowchart in FIG. 26, when the process transitions to the next step S2604, the
次のステップＳ２６０５において、アプリケーションクライアント１０４は、プロトタイプアプリケーション２５０２をステップＳ２６０４で受け付けたデバイスのサイズにｉＦｒａｍｅ部を合わせて表示する。図３３のプロトタイプ操作パネル３３０２のような設定を受け付けた場合のプロトタイプアプリケーション画面のイメージを図３４を参照して説明する。
In the next step S2605, the
図３４は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 34 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３４のプロトタイプアプリケーション画面３４０１はスマートフォンサイズである３４０２のサイズとして表示される。スマートフォンサイズで表示された画面であっても、試作としてのプロトタイプアプリケーションの処理は実行され、たとえば、所定のボタンが押下されると、そのアクションに応じたプロトタイプデータを反映した遷移先の画面を表示することができる。
A
なお、図３３のプロトタイプ操作パネル３３０２が前面に表示されているプロトタイプ表示画面３３０１（図２５の２５０１）から、図３４のようなプロトタイプアプリケーション画面３４０１が前面に出ている画面（図２５の２５２１）への遷移は、たとえば、図３１の下矢印ボタン３１０３の押下などでも良いし、他のボタンによる遷移でもよい。また、図３４のようなプロトタイプアプリケーション画面３４０１が前面に出ている画面（図２５の２５２１）から、図３３のプロトタイプ操作パネル３３０２が前面に表示されているプロトタイプ表示画面３３０１（図２５の２５０１）への遷移（すなわち、プロトタイプ操作パネル３３０２の画面に戻る）は、たとえば、図３２の右下にある半透明なボタン３２０２の押下などで実行されても良い。
Note that the prototype display screen 3301 (2501 in FIG. 25) on which the
以上の処理により、デバイス毎に表示形態を変えたプロトタイプのアプリケーションを容易に作成することができる。また、プロトタイプ操作パネルを有することにより、プロトタイプアプリケーションを実行中でも表示形態を変えることができる。 Through the above processing, it is possible to easily create a prototype application in which the display mode is changed for each device. Also, by having the prototype operation panel, the display form can be changed even while the prototype application is being executed.
次に、図２７を参照して、ユーザ権限を変更した際に画面表示を変更する処理の流れを説明する。 Next, with reference to FIG. 27, the flow of processing for changing screen display when user authority is changed will be described.
図２７は、ユーザ権限を切り替えた際の処理の流れを示すフローチャートである。なお、以下のフローチャートの各ステップは、アプリケーションクライアント１０４のＣＰＵ２０１が実行する。
FIG. 27 is a flow chart showing the flow of processing when user authority is switched. Note that each step of the following flowchart is executed by the
図２７のフローチャートは、アプリケーションクライアント１０４のＷｅｂブラウザ４５０から開発者のアクセスがあり、プロトタイプ表示画面（親画面）４４０のＳＰＡがＷｅｂブラウザ４５０にダウンロードされた際に開始されるフローチャートである。
The flowchart of FIG. 27 is a flowchart that is started when the developer accesses from the
まず、ステップＳ２７０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から、プロトタイプ表示画面（図８のステップＳ８０７～Ｓ８１０で生成したアプリケーション）が動作するＳＰＡをダウンロードする。
First, in step S2701, the
また、ステップＳ２７０１において、アプリケーションクライアント１０４は、プロトタイプアプリケーションでのユーザ権限情報を取得する。取得するデータの例が、たとえば２７１０のようなデータである。このデータはプロトタイプ表示画面アプリケーション生成時のステップＳ８０５において取得したデータ８３０と一緒である。
Also, in step S2701, the
更に、ステップＳ２７０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から取得したプログラムからプロトタイプ表示画面２５０１を起動する。すなわち、ステップＳ２７０１は、図３１の３１０１のような画面イメージのプロトタイプアプリケーションを表示するためのプログラムをダウンロードし、起動する処理を行うステップである。
Furthermore, in step S2701, the
次のステップＳ２７０２において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプアプリケーション（ｉＦｒａｍｅ）２５０２を起動する。起動している画面イメージは当初は図３２の３２０１であるが、次のステップＳ２７０３以降で表示されるプロトタイプ操作パネル３１０２が上層に表示（図２５の２５０２と２５０３のような関係）されているため、起動当初は、図３１の３１０１のような表示画面となる。
In the next step S2702, the
次のステップＳ２７０３において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプ操作パネル（ｉＦｒａｍｅ）２５０３を起動する。起動している画面イメージは図３１の３１０２のイメージである。このプロトタイプ操作パネルに表示されている設定を変更することにより、プロトタイプ（試作）アプリケーションの表示設定や画面の遷移設定を制御することができる。図３１のユーザ権限設定欄３１２１のように、ユーザ権限設定のチェックボックスは、ステップＳ８０５で取得したユーザ権限のデータ８３０から生成されている。
In the next step S2703, the
プロトタイプ操作パネル３１０２が表示されている状態で、ユーザ権限設定欄３１２１が開発者から変更された場合に、次のステップＳ２７０４の処理へと遷移する。開発者によりユーザ権限設定欄３１２１が変更された場合の画面イメージを図３５を参照して説明する。
When the user
図３５は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 35 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３５のプロトタイプ操作パネル３５０２のユーザ権限設定欄３５２１は、図３１のプロトタイプ操作パネル３１０２と異なり、ユーザ権限設定欄３５２１の「ｇｕｅｓｔ」ではなく、「ｕｓｅｒ」にチェックが入っている例である。
Unlike the
図２７のフローチャートの説明に戻って、次のステップＳ２７０４へと処理を遷移すると、アプリケーションクライアント１０４は、プロトタイプ操作パネル３５０２において変更されたユーザ権限設定欄３５２１の値をブラウザのローカルストレージに記憶する。図３１の３１０１を表示後にユーザ権限設定欄が変更された場合のステップＳ２７０４とＳ２７０５の処理を実行するソースコードの例を図４４と図４５に示す。
Returning to the description of the flowchart in FIG. 27, when the process proceeds to the next step S2704, the
次のステップＳ２７０５において、アプリケーションクライアント１０４は、プロトタイプアプリケーション２５０２をステップＳ２７０４で記憶したユーザ権限設定で表示する。図３５のプロトタイプ操作パネル３５０２のユーザ権限設定欄３５２１を受け付けた場合のプロトタイプアプリケーション画面のイメージを図３６を参照して説明する。
At a next step S2705, the
図３６は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 36 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３６のプロトタイプアプリケーション画面３６０１は、図３２のプロトタイプアプリケーション画面３２０１とは異なり、下線部分３６０２の部分に新たに出欠確認（Ｕｓｅｒ）が追加表示されている。これは、プロトタイプ表示画面生成時に、ステップＳ８０２で取得したユーザ権限毎の入出力許可項目のデータ８２０を反映したイメージ図である。すなわち、ユーザ権限設定欄３５２１が「ｕｓｅｒ」に設定変更されているため、８３０の「ｕｓｅｒ」に対応する権限名（Ｎａｍｅ）が「Ｕｓｅｒ」であり、「Ｕｓｅｒ」権限で入出力許可項目は、「出欠確認（Ｕｓｅｒ）」と「備考」である。そのため、図３６のプロトタイプアプリケーション画面３６０１は、下線部分３６０２のように、出欠確認（Ｕｓｅｒ）欄と備考欄とが表示されている。
Unlike the
別の例も説明する。 Another example is also described.
図３７は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 37 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３７のプロトタイプ操作パネル３７０２のユーザ権限設定欄３７２１は、図３１のプロトタイプ操作パネル３１０２と異なり、ユーザ権限設定欄３７２２のように「ｇｕｅｓｔ」も「ｕｓｅｒ」も「ａｄｍｉｎ」にもチェックが入っている例である。この場合、図８のユーザ権限毎の入出力許可項目のデータ８２０とユーザ権限データ８３０によると、「備考」欄、出欠確認（Ｕｓｅｒ）欄、出欠確認（Ａｄｍｉｎ）欄、更新ボタンが入出力許可項目である。
Unlike the
図３８は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図であり、図３７のプロトタイプ操作パネル３７０２のユーザ権限設定を受けて表示される画面イメージである。
FIG. 38 is a schematic diagram for explaining an example of the prototype display screen in this embodiment, and is a screen image displayed in response to user authority setting on the
図３８のプロトタイプアプリケーション画面３８０１は、図３２のプロトタイプアプリケーション画面３２０１とは異なり、下線部分３８０２の部分に新たに出欠確認（Ａｄｍｉｎ）と出欠確認（Ｕｓｅｒ）３８０３が追加表示されており、更に画面右の更新ボタン３８０４も追加で表示されている。
Unlike the
以上の処理により、ユーザの役割に依存して画面遷移を行うプロトタイプのアプリケーションを作成することができる効果を有する。すなわち、通常の画面遷移だけをさせる試作型プアプリケーションを生成すると、ユーザ権限など関係なく、所定の画面表示や所定の画面遷移しかできないパターンとなるが、本願発明では、ユーザ権限を切り替えるプロトタイプ操作パネルの設定を有しており、ユーザ権限の切り替えにより、表示される画面イメージがユーザ権限毎に切り替わることを再現するができる。 The above processing has the effect of creating a prototype application that performs screen transitions depending on the role of the user. In other words, if a prototype application that allows only normal screen transitions is generated, it will be a pattern in which only predetermined screen displays and predetermined screen transitions can be performed regardless of user authority. By switching the user authority, it is possible to reproduce the switching of the displayed screen image for each user authority.
次に、図２８を参照して、サーバでの処理時間の再現を表示する処理の流れを説明する。 Next, with reference to FIG. 28, the flow of processing for displaying the reproduction of the processing time on the server will be described.
図２８は、仮想のサーバでの処理時間を変更した際の処理の流れを示すフローチャートである。なお、以下のフローチャートの各ステップは、アプリケーションクライアント１０４のＣＰＵ２０１が実行する。
FIG. 28 is a flow chart showing the flow of processing when the processing time in the virtual server is changed. Note that each step of the following flowchart is executed by the
図２８のフローチャートは、アプリケーションクライアント１０４のＷｅｂブラウザ４５０から開発者のアクセスがあり、プロトタイプ表示画面（親画面）４４０のＳＰＡがＷｅｂブラウザ４５０にダウンロードされた際に開始されるフローチャートである。
The flowchart of FIG. 28 is a flowchart that is started when the developer accesses from the
まず、ステップＳ２８０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から、プロトタイプ表示画面（図８のステップＳ８０７～Ｓ８１０で生成したアプリケーション）が動作するＳＰＡをダウンロードする。
First, in step S2801, the
また、ステップＳ２８０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から取得したプログラムからプロトタイプ表示画面２５０１を起動する。すなわち、ステップＳ２８０１は、図３９の３９０１のような画面イメージのプロトタイプアプリケーションを表示するためのプログラムをダウンロードし、起動する処理を行うステップである。サーバの処理時間の再現を表示する画面例として、図３９～図４１、図３２を参照して説明する。
Also, in step S2801, the
図３９は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 39 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図３９は、プロトタイプ表示画面起動後の画面イメージであり、ステップＳ２８０３に遷移した際に表示される画面例である。ステップＳ２８０１では、この画面のプロトタイプ表示画面の親画面（２５０１）を起動する。 FIG. 39 shows a screen image after activation of the prototype display screen, which is an example of the screen displayed when the process proceeds to step S2803. In step S2801, the parent screen (2501) of the prototype display screen of this screen is activated.
次のステップＳ２８０２において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプアプリケーション（ｉＦｒａｍｅ）２５０２を起動する。図４０を参照して説明する。
In the next step S2802, the
図４０は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 40 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
ステップＳ２８０２では、ステップＳ２８０１で起動された親画面の上に、プロトタイプアプリケーション画面４００１が起動されるが、次のステップＳ２８０３以降で表示されるプロトタイプ操作パネル３９０２が上層に表示（図２５の２５０２と２５０３のような関係）されるため、起動当初は、図３９の３９０１のような表示画面となる。
In step S2802, the
次のステップＳ２８０３において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプ操作パネル（ｉＦｒａｍｅ）２５０３を起動する。起動している画面イメージは図３９の３９０２のイメージである。このプロトタイプ操作パネルに表示されている設定を変更することにより、プロトタイプ（試作）アプリケーションの表示設定や画面の遷移設定を制御することができる。図３９のプロトタイプ操作パネル３９０２には、処理時間設定欄３９３１のように、サーバでの処理時間を考慮してプロトタイプアプリケーション２５０２の画面遷移の表示を再現する設定欄を有する。
In the next step S2803, the
プロトタイプ操作パネル３９０２が表示されている状態で、処理時間設定欄３９３１が開発者から変更された場合に、次のステップＳ２８０４の処理へと遷移する。
When the processing
処理時間設定欄３９３１は、起動時当初は、図３１の処理時間設定欄３１３１のように「０．２秒」であるが、処理時間設定欄３９３１では「２秒」に変更されている例である。
The processing
次のステップＳ２８０４へと処理を遷移すると、アプリケーションクライアント１０４は、プロトタイプ操作パネル３９０２において変更されたサーバの処理時間設定欄３９３１の値をブラウザのローカルストレージに記憶する。図３９の３９０１を表示後に処理時間設定欄が変更された場合のステップＳ２８０４の処理で実行するソースコードの例を図４４に示す。
When the process proceeds to the next step S2804, the
次のステップＳ２８０５において、アプリケーションクライアント１０４は、プロトタイプアプリケーション２５０２をステップＳ２８０４で記憶した処理時間分待つ設定に変えて、次の画面に遷移するように再現するプロトタイプアプリケーションに変更する。図４６は、ステップＳ２８０５で実行されるソースコードの一部である。変更した後のプロトタイプアプリケーションの動きを図４１を参照して説明する。
In the next step S2805, the
図４１は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 41 is a schematic diagram illustrating an example of the prototype display screen in this embodiment.
たとえば、図３９のプロトタイプ表示画面３９０１のように、プロトタイプ操作パネル３９０２において、処理時間設定欄３９３１が「２秒」と設定されている場合、たとえば３９０３のプロトタイプアプリケーション画面への遷移ボタンを押下すると、図４０の４００１のような画面を表示する。次にユーザが動作を再現するため、検索ボタン４００２を押下すると、図４１の画面イメージのように中央にさもサーバで処理中であるかのような表示画面４１０２を表示する。この処理中であるかを表示している時間が処理時間設定欄３９３１で設定された時間である。設定時間だけ表示画面４１０２を表示した後、次の画面遷移である図３２などを表示する。
For example, as in the
以上の処理により、画面遷移時の待ち時間を再現するプロトタイプのアプリケーションを作成することができる効果を有する。すなわち、本番環境のプアプリケーション（プロダクトアプリケーション）を生成時にサーバ側で生じる処理時間を再現することができる。たとえば、ビジネスユーザや営業担当者が一般ユーザにプロトタイプアプリケーションをデモンストレーションする際に、実際に処理時間がかかるであろうサーバとの処理の時間を再現し、サーバとの処理時間にはどういう画面が表示されるのかを再現することができる。このプロトタイプ表示画面アプリケーションはＳＰＡで構成されているため、実際のサーバとの通信は必要ない。そのため、プロトタイプアプリケーションを実行（画面遷移）するだけであれば、処理時間はかからず、次々とプロトタイプアプリケーションは画面遷移する。本番環境のアプリケーション（プロダクトアプリケーション）の動作でサーバでの処理時間が考慮されていないため、サーバでの処理時間が考慮されていないデモンストレーションのみを見て納得している一般ユーザは、開発納品物の性能に関する食い違いが感じる可能性がある。本願発明のデモンストレーションであれば、サーバの処理時間を自由に設定できるので、開発納品物の性能に関する齟齬などが発生するリスクも少なくなる。 The above processing has the effect of creating a prototype application that reproduces the waiting time at the time of screen transition. That is, it is possible to reproduce the processing time that occurs on the server side when generating a production environment application (product application). For example, when business users and sales representatives demonstrate a prototype application to general users, the processing time with the server that would actually take a long time is reproduced, and what kind of screen is displayed during the processing time with the server. It is possible to reproduce what is done. Since this prototype display screen application is built in SPA, no communication with a real server is required. Therefore, if it is only to execute the prototype application (screen transition), it does not take much processing time, and the screens of the prototype application are transitioned one after another. Since the operation of the application in the production environment (product application) does not take into consideration the processing time on the server, general users who are satisfied only by seeing a demonstration that does not take into account the processing time on the server will Performance discrepancies can be felt. In the demonstration of the present invention, the processing time of the server can be freely set, so the risk of discrepancies in the performance of development deliverables is reduced.
次に、図２９を参照して、サーバでのエラーや通信エラーなどの発生時の再現を表示する処理の流れを説明する。 Next, with reference to FIG. 29, the flow of processing for displaying a reproduction of an error in the server, communication error, or the like will be described.
図２９は、仮想のサーバでエラーが生じた場合の処理の流れを示すフローチャートである。なお、以下のフローチャートの各ステップは、アプリケーションクライアント１０４のＣＰＵ２０１が実行する。
FIG. 29 is a flow chart showing the flow of processing when an error occurs in a virtual server. Note that each step of the following flowchart is executed by the
図２９のフローチャートは、アプリケーションクライアント１０４のＷｅｂブラウザ４５０から開発者のアクセスがあり、プロトタイプ表示画面（親画面）４４０のＳＰＡがＷｅｂブラウザ４５０にダウンロードされた際に開始されるフローチャートである。
The flowchart of FIG. 29 is a flowchart that is started when the developer accesses from the
まず、ステップＳ２９０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から、プロトタイプ表示画面（図８のステップＳ８０７～Ｓ８１０で生成したアプリケーション）が動作するＳＰＡをダウンロードする。
First, in step S2901, the
また、ステップＳ２９０１において、アプリケーションクライアント１０４は、アプリケーションサーバ１０２（４３０）から取得したプログラムからプロトタイプ表示画面２５０１を起動する。すなわち、ステップＳ２９０１は、図４２の４２０１のような画面イメージのプロトタイプアプリケーションを表示するためのプログラムをダウンロードし、起動する処理を行うステップである。サーバでエラーが生じた場合の再現を表示する画面例として、図４０、図４２、図４３を参照して説明する。
Also, in step S2901, the
図４２は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 42 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図４２は、プロトタイプ表示画面起動後の画面イメージであり、ステップＳ２９０３に遷移した際に表示される画面例である。ステップＳ２９０１では、この画面のプロトタイプ表示画面の親画面（２５０１）を起動する。 FIG. 42 shows a screen image after activation of the prototype display screen, which is an example of the screen displayed when transitioning to step S2903. In step S2901, the parent screen (2501) of the prototype display screen of this screen is activated.
次のステップＳ２９０２において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプアプリケーション（ｉＦｒａｍｅ）２５０２を起動する。起動されるプロトタイプアプリケーション画面の例が図４０である。
In the next step S2902, the
ステップＳ２９０２では、ステップＳ２９０１で起動された親画面の上に、プロトタイプアプリケーション画面４００１が起動されるが、次のステップＳ２９０３以降で表示されるプロトタイプ操作パネル４２０２が上層に表示（図２５の２５０２と２５０３のような関係）されるため、起動当初は、図４２の４２０１のような表示画面となる。
In step S2902, the
次のステップＳ２９０３において、アプリケーションクライアント１０４は、プロトタイプ表示画面２５０１のｉＦｒａｍｅ部のプロトタイプ操作パネル（ｉＦｒａｍｅ）２５０３を起動する。起動している画面イメージは図４２の４２０２のイメージである。このプロトタイプ操作パネルに表示されている設定を変更することにより、プロトタイプ（試作）アプリケーションの表示設定や画面の遷移設定を制御することができる。図４２のプロトタイプ操作パネル３９０２には、サーバとの通信時に仮想のエラーを生じさせるかのエラー発生トグルボタン４２４１を有しており、サーバにおけるエラー発生時を考慮してプロトタイプアプリケーション２５０２の画面遷移の表示を再現する設定欄を有する。
In the next step S2903, the
プロトタイプ操作パネル４２０２が表示されている状態で、エラー発生トグルボタン４２４１が開発者により「オン」にされた場合に、次のステップＳ２９０４の処理へと遷移する。
When the error
エラー発生トグルボタン４２４１は、起動時当初は、図３１のエラー発生トグルボタン３１４１のように「オフ」であるが、エラー発生トグルボタン４２４１では「オン」に変更されている例である。
The error
次のステップＳ２９０４へと処理を遷移すると、アプリケーションクライアント１０４は、プロトタイプ操作パネル４２０２において変更されたサーバのエラー発生トグルボタン４２４１の「オン」値をエラー設定状態として、ブラウザのローカルストレージに記憶する。図４２の４２０１を表示後にエラー設定状態が変更された場合のステップＳ２９０４の処理で実行するソースコードの例を図４４に示す。
When the process proceeds to the next step S2904, the
次のステップＳ２９０５以降は、ユーザによって図４２のプロトタイプアプリケーションへの遷移ボタン４２０３などが押下された後の処理である。遷移ボタン４２０３が押下された後の画面イメージは図４０の４００１である。
After the next step S2905, the processing is performed after the user presses the
ステップＳ２９０５において、アプリケーションクライアント１０４は、プロトタイプアプリケーション２５０２をステップＳ２９０４で記憶したエラー設定状態を取得する。図４６は、ステップＳ２９０５以降で実行されるソースコードの一部である。
In step S2905,
次に、ユーザからたとえば、図４０からの画面遷移指示を受け付ける。図４０の場合、画面遷移指示である検索ボタン４００２などが押下される。画面遷移指示を受け付けると、次のステップＳ２８０６へと処理を遷移する。
Next, for example, a screen transition instruction from FIG. 40 is accepted from the user. In the case of FIG. 40, a
次のステップＳ２９０６において、アプリケーションクライアント１０４は、取得したエラー設定状態がオン（有効）かオフ（無効）かによって処理を分ける。エラー設定状態がオンであった場合は、ステップＳ２９０７へと処理を遷移し、エラー設定状態がオフであった場合は、ステップＳ２９０８へと処理を遷移する。ステップＳ２９０８へと処理を遷移すると、エラー設定状態はオフであったため、アプリケーションクライアント１０４は、プロトタイプアプリケーションの通常の遷移画面である図３２に遷移する。
In the next step S2906, the
一方、ステップＳ２９０７へと処理を遷移すると、アプリケーションクライアント１０４は、プロトタイプアプリケーションでエラーが生じたと仮定して処理をすすめる。具体的には、たとえば図４３の画面のようなイメージの画面を表示させても良い。
On the other hand, when the process proceeds to step S2907, the
図４３は、本実施形態におけるプロトタイプ表示画面の一例を説明する模式図である。 FIG. 43 is a schematic diagram illustrating an example of a prototype display screen in this embodiment.
図４３では、具体的に、検索ボタン４００２による処理でエラーが発生した場合のエラー表示として４３０２のようなエラー表示項目が表示されている。
Specifically, in FIG. 43, an error display item such as 4302 is displayed as an error display when an error occurs in the processing by the
以上の処理により、画面遷移に失敗した場合のエラー画面を再現することができるプロトタイプのアプリケーションを作成することができる。すなわち、本番環境のプアプリケーション（プロダクトアプリケーション）を生成時にサーバ側や通信時に生じるエラーを再現することができる。このプロトタイプ表示画面アプリケーションはＳＰＡで構成されているため、実際のサーバとの通信は必要ない。そのため、プロトタイプアプリケーションを実行（画面遷移）するだけであれば、サーバでのエラーや通信エラーは発生しない。エラーが生じた際の、表示画面を再現したい開発者や一般ユーザの需要をＳＰＡで実施することができる。また、エラー表示をより現実的に再現させる方法として、図２８でサーバでの仮想的な処理時間の再現と組み合わせても良い。 By the above processing, it is possible to create a prototype application that can reproduce an error screen when screen transition fails. In other words, it is possible to reproduce errors that occur on the server side or during communication when generating a production environment application (product application). Since this prototype display screen application is built in SPA, no communication with a real server is required. Therefore, if you just execute the prototype application (screen transition), no server error or communication error occurs. SPA can meet the demands of developers and general users who want to reproduce the display screen when an error occurs. Moreover, as a method of reproducing the error display more realistically, it may be combined with the reproduction of the virtual processing time in the server in FIG.
以上のようなプロトタイプ表示画面は、各種端末のブラウザ内で起動可能なＳＰＡで構成されているため、図３０の２５０１のように生成されたプロトタイプ表示画面アプリケーションをパーソナルコンピュータ（ＰＣ）やタブレットにダウンロードさせれば、それぞれの端末でプロトタイプアプリケーション２５０２を再現することができる。たとえば、タブレット３００１にプロトタイプ表示画面アプリケーションをダウンロードさせると、タブレット上でプロトタイプ操作パネル２５０３やプロトタイプアプリケーション２５０２を操作することができる。営業担当者がパーソナルコンピュータ（ＰＣ）を持っていかなくても、タブレットでプロトタイプ表示画面アプリケーションを動作させることができる。タブレット上でもサーバでの処理時間を再現するプロトタイプアプリケーションを動作させたり、タブレットでの表示（３００２）で、スマートフォンサイズの表示（３００３）を再現させることができるため、顧客へのデモンストレーション時も１台の端末を持参すればあらゆる端末で表示させる画面や、画面遷移のパターンを再現することができる。
Since the prototype display screen as described above is composed of SPA that can be activated within the browser of various terminals, the prototype display screen application generated as shown in 2501 in FIG. 30 is downloaded to a personal computer (PC) or tablet. , the
以上のように、前述した実施形態の機能を実現するプログラムを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ（またはＣＰＵやＭＰＵ）が記録媒体に格納されたプログラムを読み出し、実行することによっても本発明の目的が達成されることは言うまでもない。 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.
プログラムを供給するための記録媒体としては、例えば、フレキシブルディスク、ハードディスク、光ディスク、光磁気ディスク、ＣＤ－ＲＯＭ、ＣＤ－Ｒ、ＤＶＤ－ＲＯＭ、磁気テープ、不揮発性のメモリカード、ＲＯＭ、ＥＥＰＲＯＭ、シリコンディスク等を用いることが出来る。 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.
また、コンピュータが読み出したプログラムを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムの指示に基づき、コンピュータ上で稼働しているＯＳ（オペレーティングシステム）等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。 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.
さらに、記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵ等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。 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 the recording medium storing the program for achieving the present invention into the system or device, the system or device can enjoy the effects of the present invention.
上記プログラムの形態は、オブジェクトコード、インタプリタにより実行されるプログラムコード、ＯＳ（オペレーティングシステム）に供給されるスクリプトデータ等の形態から成ってもよい。 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 the above-described embodiments and modifications thereof are also included in the present invention.
１０１ プログラム開発装置
１０２ アプリケーションサーバ
１０３ データベースサーバ
１０４ アプリケーションクライアント
１０５ ネットワーク
101
Claims (9)
生成するアプリケーションの画面に表示されるアイテムを定義する画面定義と、次の画面へ遷移する手順を定義する画面遷移定義とを定義する定義手段と、
前記定義手段により定義された画面と、画面を遷移する手順を再現する動作制御ファイルを生成する動作制御ファイル生成手段と、を備え、
前記動作制御ファイル生成手段は、生成された動作制御ファイルを用いて再現する画面の表示形態の設定を受け付け、当該受け付ける表示形態に対応する表示サイズで前記手順による画面の遷移を実行させる動作制御ファイルを生成することを特徴とする情報処理装置。 An information processing device having storage means for storing a display size corresponding to a display form,
definition means for defining a screen definition that defines items to be displayed on the screen of the application to be generated, and a screen transition definition that defines the procedure for transitioning to the next screen;
a screen defined by the definition means, and an operation control file generation means for generating an operation control file for reproducing a procedure for transitioning between screens,
The operation control file generating means receives a setting of a display form of a screen to be reproduced using the generated operation control file, and executes a screen transition according to the procedure in a display size corresponding to the received display form. An information processing apparatus characterized by generating
前記動作制御ファイル生成手段により生成される動作制御ファイルは、前記データ取得手段で取得したデータを前記アイテムに反映して画面の表示を再現するよう実行することを特徴とする請求項１又は２に記載の情報処理装置。 further comprising data acquisition means for acquiring data reflected in the items of the screen defined by the definition means and displayed when the screen is reproduced using the operation control file generated by the operation control file generation means; death,
3. The operation control file generated by the operation control file generating means is executed so as to reproduce the screen display by reflecting the data acquired by the data acquisition means in the item. The information processing device described.
を更に有することを特徴とする請求項１乃至３に記載の情報処理装置。 4. An information processing apparatus according to claim 1, further comprising operation panel generating means capable of changing a display form of a screen executed by said operation control file during execution of said operation control file.
情報処理装置を
生成するアプリケーションの画面に表示されるアイテムを定義する画面定義と、次の画面へ遷移する手順を定義する画面遷移定義とを定義する定義ステップと、
前記定義ステップにより定義された画面と、画面を遷移する手順を再現する動作制御ファイルを生成する動作制御ファイル生成ステップとして制御し、
前記動作制御ファイル生成ステップは、生成された動作制御ファイルを用いて再現する画面の表示形態の設定を受け付け、当該受け付ける表示形態に対応する表示サイズで前記手順による画面の遷移を実行させる動作制御ファイルを生成することを特徴とする情報処理方法。 An information processing method in an information processing apparatus having storage means for storing a display size corresponding to a display form,
a definition step of defining a screen definition that defines items displayed on a screen of an application that generates an information processing device, and a screen transition definition that defines a procedure for transitioning to the next screen;
Control as an operation control file generation step for generating an operation control file that reproduces the screen defined by the definition step and the procedure for transitioning the screen,
The action control file generating step receives a setting of a display form of a screen to be reproduced using the generated action control file, and executes a screen transition according to the procedure in a display size corresponding to the received display form. An information processing method characterized by generating
生成するアプリケーションの画面に表示されるアイテムを定義する画面定義と、次の画面へ遷移する手順を定義する画面遷移定義とを定義する定義手段と、
前記定義手段により定義された画面と、画面を遷移する手順を再現する動作制御ファイルを生成する動作制御ファイル生成手段として機能させ、
前記動作制御ファイル生成手段は、生成された動作制御ファイルを用いて再現する画面の表示形態の設定を受け付け、当該受け付ける表示形態に対応する表示サイズで前記手順による画面の遷移を実行させる動作制御ファイルを生成することを特徴とするプログラム。 A program in an information processing device having storage means for storing a display size corresponding to a display form,
definition means for defining a screen definition that defines items to be displayed on the screen of the application to be generated, and a screen transition definition that defines the procedure for transitioning to the next screen;
Functioning as an operation control file generation means for generating an operation control file for reproducing the screen defined by the definition means and the procedure for transitioning the screen,
The operation control file generating means receives a setting of a display form of a screen to be reproduced using the generated operation control file, and executes a screen transition according to the procedure in a display size corresponding to the received display form. A program characterized by generating
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2021007665A JP7376806B2 (en) | 2021-01-21 | 2021-01-21 | Information processing system, its control method and program |
| JP2023183018A JP2023184589A (en) | 2021-01-21 | 2023-10-25 | Information processing apparatus, information processing method, and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2021007665A JP7376806B2 (en) | 2021-01-21 | 2021-01-21 | Information processing system, its control method and program |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2023183018A Division JP2023184589A (en) | 2021-01-21 | 2023-10-25 | Information processing apparatus, information processing method, and program |
Publications (3)
| Publication Number | Publication Date |
|---|---|
| JP2022112054A true JP2022112054A (en) | 2022-08-02 |
| JP2022112054A5 JP2022112054A5 (en) | 2022-08-12 |
| JP7376806B2 JP7376806B2 (en) | 2023-11-09 |
Family
ID=82656248
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2021007665A Active JP7376806B2 (en) | 2021-01-21 | 2021-01-21 | Information processing system, its control method and program |
| JP2023183018A Pending JP2023184589A (en) | 2021-01-21 | 2023-10-25 | Information processing apparatus, information processing method, and program |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2023183018A Pending JP2023184589A (en) | 2021-01-21 | 2023-10-25 | Information processing apparatus, information processing method, and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (2) | JP7376806B2 (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2011107748A (en) * | 2009-11-12 | 2011-06-02 | Ntt Docomo Inc | Program generation device and program |
| JP2015115037A (en) * | 2013-12-16 | 2015-06-22 | 株式会社日立システムズ | Screen layout generation system, and generating method for the same |
| CN112068831A (en) * | 2020-08-13 | 2020-12-11 | 中国航空无线电电子研究所 | Display system prototype configuration development tool |
-
2021
- 2021-01-21 JP JP2021007665A patent/JP7376806B2/en active Active
-
2023
- 2023-10-25 JP JP2023183018A patent/JP2023184589A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2011107748A (en) * | 2009-11-12 | 2011-06-02 | Ntt Docomo Inc | Program generation device and program |
| JP2015115037A (en) * | 2013-12-16 | 2015-06-22 | 株式会社日立システムズ | Screen layout generation system, and generating method for the same |
| CN112068831A (en) * | 2020-08-13 | 2020-12-11 | 中国航空无线电电子研究所 | Display system prototype configuration development tool |
Also Published As
| Publication number | Publication date |
|---|---|
| JP7376806B2 (en) | 2023-11-09 |
| JP2023184589A (en) | 2023-12-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10990367B2 (en) | Application development method, tool, and device, and storage medium | |
| US11902377B2 (en) | Methods, systems, and computer program products for implementing cross-platform mixed-reality applications with a scripting framework | |
| Wargo | PhoneGap essentials: Building cross-platform mobile apps | |
| Oehlman et al. | Pro Android Web Apps | |
| JP5187007B2 (en) | Image forming apparatus, display control method, and display control program | |
| KR20140147095A (en) | Instantiable gesture objects | |
| Allen et al. | Beginning Android 4 | |
| US20080155406A1 (en) | Gui generation apparatus and method for generating gui | |
| Murphy et al. | Beginning Android 3 | |
| CN107111497A (en) | Development support system | |
| JP5032842B2 (en) | Display processing apparatus and display processing method | |
| Billah et al. | Sinter: Low-bandwidth remote access for the visually-impaired | |
| JP7406110B2 (en) | Information processing system, its control method and program | |
| JP7376806B2 (en) | Information processing system, its control method and program | |
| JP7368756B2 (en) | Information processing device, control method for information processing device, program, and recording medium | |
| JP2022112058A (en) | Information processing apparatus, information processing method, and program | |
| JP2023171574A (en) | Information processing device, control method for information processing device, program, and storage medium | |
| CN113868565A (en) | Skin style file editing method and device | |
| JP2023034112A (en) | Information processing device, information processing method, and program | |
| Powers | The essential guide to Dreamweaver CS4 With CSS, Ajax, and PHP | |
| Dawes | Windows 8 and Windows Phone 8 Game Development | |
| JP2022101746A (en) | Information processing apparatus, information processing method, and program | |
| JP2022101740A (en) | Information processing apparatus, information processing method, and program | |
| Ong | Design and implementation of an interactive 3D printed MIT tangible map | |
| Miles | Windows Phone Programming in C |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20220801 |
|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20220801 |
|
| 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: 20230926 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20231009 |
|
| R151 | Written notification of patent or utility model registration |
Ref document number: 7376806 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R151 |