JPH0434662A - Device for supporting development of picture display program - Google Patents
Device for supporting development of picture display programInfo
- Publication number
- JPH0434662A JPH0434662A JP2139868A JP13986890A JPH0434662A JP H0434662 A JPH0434662 A JP H0434662A JP 2139868 A JP2139868 A JP 2139868A JP 13986890 A JP13986890 A JP 13986890A JP H0434662 A JPH0434662 A JP H0434662A
- Authority
- JP
- Japan
- Prior art keywords
- screen
- information
- display
- picture
- information storage
- 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.)
- Pending
Links
Landscapes
- Stored Programmes (AREA)
Abstract
Description
【発明の詳細な説明】
目 次
概 要
産業上の利用分野
従来の技術
発明が解決しようとする課題
課題を解決するための手段
作 用
実施例
発明の効果
概要
プログラムの開発を支援する装置に関し、プログラムの
開発効率の向上を目的とし、目的計算機の画面上に文字
や図形を表示し、遷移要因に応じて該画面の表示の一部
又は全部を変更することにより、操作者との対話を行う
画面表示プログラムの開発支援装置であって、開発計算
機の表示画面を複数の領域に区分し、該区分した領域毎
に該領域に表示するための文字や図形に関する複数の属
性からなる画面情報を格納する画面情報記憶部と、該画
面情報記憶部の各画面情報に基づき画面上の対応する各
領域に文字や図形を表示する表示部と、前記画面情報記
憶部の画面情報を編集する編集手段と、前記画面情報の
うち該編集手段により変更された属性の変更前後の内容
を抽出し、該内容に遷移要因情報を付加して動画情報と
し、これを動画情報記憶部に格納する動画情報抽出部と
、前記画面情報を構成する複数の属性に対応した目的言
語による一連のコマンド群を格納した目的言語翻訳辞書
と、該目的言語翻訳辞書からコマンド群を取り出し、前
記動画情報記憶部に格納された動画情報に基づいて、各
コマンドにパラメータをセットして出力する動画情報翻
訳部とを備えて構成する。[Detailed Description of the Invention] Table of Contents Summary Industrial Field of Application Conventional Technology Problems to be Solved by the Invention Means for Solving the Problems Examples Effects of the Invention Summary Regarding a device for supporting the development of a program, For the purpose of improving program development efficiency, dialogue with the operator is performed by displaying characters and figures on the screen of the target computer and changing part or all of the screen display according to transition factors. A development support device for a screen display program, which divides the display screen of a development computer into a plurality of areas, and stores screen information consisting of a plurality of attributes related to characters and figures to be displayed in the area for each divided area. a display unit that displays characters and figures in corresponding areas on the screen based on each piece of screen information in the screen information storage unit; and editing means that edits the screen information in the screen information storage unit. , a video information extraction unit that extracts content before and after the attribute changed by the editing means from the screen information, adds transition factor information to the content to generate video information, and stores this in a video information storage unit; a target language translation dictionary storing a series of command groups in the target language corresponding to a plurality of attributes constituting the screen information; and a command group extracted from the target language translation dictionary and stored in the video information storage unit. The apparatus includes a video information translation unit that sets and outputs parameters for each command based on the video information.
産業上の利用分野
本発明はコンピュータプログラムの開発を支援する装置
に関し、特に、目的計算機の画面上に文字や図形を表示
し、トリガの発生により該画面の表示の一部又は全部を
変更することにより、操作者との対話を行うための画面
表示プログラムの開発を支援する装置に関する。INDUSTRIAL APPLICATION FIELD The present invention relates to an apparatus for supporting the development of computer programs, and in particular, for displaying characters and figures on the screen of a target computer and changing part or all of the display on the screen when a trigger occurs. The present invention relates to a device that supports the development of a screen display program for interacting with an operator.
近年、ハーソナルコンピュータ、マイクロコンビ二一夕
等の普及に伴い、様々な人によりソフトウェアが利用さ
れるようになり、これに伴いより高度ナマシ・マシン・
インターフェース(MMI)が必要となっている。各種
のソフトウェアの開発においては、その操作性が重要な
ポイントであり、一般に、画面上に文字や図形を表示し
て、利用者にその番号を選択させたり、図形等の上でマ
ウスをクリックする等の手段を講じて、操作性の向上を
図っている。In recent years, with the spread of Hersonal Computers, Microcombiners, etc., software has come to be used by a variety of people, and with this, more sophisticated computers, machines, etc.
An interface (MMI) is required. In the development of various types of software, operability is an important point, and in general, characters or figures are displayed on the screen and the user is asked to select the number or click the mouse on the figure, etc. We are taking measures to improve operability.
このようなソフトウェアの開発には、当然に専門的な知
識、経験が要求されるとともに、たいへん多くの時間を
要する。特に、画面表示に関するプログラムにおいては
、実際に表示されたときのイメージをつかむことは難し
く、作成後、実機においてそのプログラムを実行し、修
正・確認を行っている。そこで、それほどの専門知識が
無い者であっても、このプログラムの開発を容昌且つ短
時間に実施しうるようにすることが要望される。Developing such software naturally requires specialized knowledge and experience, and also takes a great deal of time. Particularly in the case of programs related to screen display, it is difficult to grasp the image of what will actually be displayed, so after creation, the program is executed on an actual device to make corrections and confirmations. Therefore, it is desired that even a person without such specialized knowledge can develop this program easily and in a short time.
従来の技術
従来の画面表示プログラムの開発においては、設計仕様
書に従ってコーディング・コンパイルを実施し、目的計
算機上で実際にこのプログラムを実行してみて、その適
否を判断している。2. Description of the Related Art In the development of conventional screen display programs, coding and compilation are carried out in accordance with design specifications, and the suitability of the program is determined by actually executing the program on a target computer.
そして、設計仕様書上の画面イメージと、目的計算機上
の画面イメージとの間には、その印象等において一般に
相当な差異があり、目的計算機の画面上で、そのレイア
ウト、色バランス等が適当でない場合には、予測に基づ
きソースプログラムを修正し、再びコンパイルを実施し
、目的計算機上で実際にこのプログラムを実行してみて
、さらに、適当でない場合は、これを繰り返し、最終的
に良好な画面を得るようにしている。In general, there is a considerable difference in impression between the screen image on the design specifications and the screen image on the target computer, and the layout, color balance, etc. on the target computer screen is inappropriate. In this case, modify the source program based on the prediction, compile it again, and actually run the program on the target computer.If it is not suitable, repeat this process and finally get a good screen. I'm trying to get it.
発明が解決しようとする課題
しかし、従来は設計仕様書に基づきつ−ディングを行う
ものであるから、開発者(プログラマ)はプログラミン
グ言語に関する高度な知識や経験が要求され、それほど
高度な知識等の無い者はその開発に携わることができな
いという問題があった。Problems to be Solved by the Invention However, since programming has traditionally been based on design specifications, developers (programmers) are required to have advanced knowledge and experience with programming languages, There was a problem that those who did not have one could not be involved in its development.
また、開発者が目的計算機上の画面のレイアウト、色バ
ランスを認識しながらコーディングを行うことができな
いので、その結果はコンパイルの後、目的計算機上で実
行して確認し、この結果が適当でない場合には、結果が
適当なものとなるまで、プログラムの修正・コンパイル
・確認という作業を何回も繰り返して行わなければなら
ず、開発に長時間を要するという問題があった。In addition, since it is not possible for developers to code while being aware of the screen layout and color balance on the target computer, the results should be checked by running them on the target computer after compilation, and if the results are not appropriate. However, there was a problem in that the program had to be modified, compiled, and checked many times until the result was suitable, and development took a long time.
本発明はこのような点に鑑みてなされたものであり、プ
ログラム開発経験が少なくとも容易に短時間で画面表示
プログラムを作成することができるようにすることを目
的としている。The present invention has been made in view of these points, and it is an object of the present invention to enable a person with experience in program development to easily create a screen display program in a short period of time.
課題を解決するた袷の手段
上述した目的を達成するため、目的計算機のデイスプレ
ィ画面上に文字や図形を表示し、遷移要因(トリガの発
生)に応じて該画面の表示の一部又は全部を変更するこ
とにより、操作者との対話を行う画面表示プログラムの
開発支援装置として、第1図のその原理構成を示すよう
な装置を提供する。Means for solving the problem In order to achieve the above-mentioned purpose, the purpose is to display characters and figures on the display screen of the computer, and change part or all of the display on the screen depending on the transition factor (occurrence of a trigger). By modifying the present invention, a device whose principle configuration is shown in FIG. 1 is provided as a development support device for a screen display program that interacts with an operator.
即ち、本装置は、開発計算機のデイスプレィの表示画面
1を複数の領域に区分し、該区分した領域毎に該領域に
表示するための文字や図形に関する複数の属性(表示位
置、色、点滅の有無、普通表示/反転表示、輝度、表示
文又は図形等)からなる画面情報を格納しておく第1及
び第2画面情報記憶部2.3と、該第1画面情報記憶部
2に格納された各画面情報に基づきデイスプレィの画面
1上の対応する各領域に文字や図形を表示する表示部4
と、入力部5による入力に基づいて、前記第1画面情報
記憶部2の画面情報を編集し、及び編集結果を書き込む
前に第1画面情報記憶部2の画面情報を第2画面情報記
憶部3に転送する図形エディタ6を備えている。That is, this device divides the display screen 1 of the display of the development computer into a plurality of areas, and for each divided area, a plurality of attributes (display position, color, blinking, etc.) related to characters and figures to be displayed in the area are set. first and second screen information storage sections 2.3 that store screen information (presence/absence, normal display/inverted display, brightness, displayed text or graphics, etc.); a display unit 4 that displays characters and figures in corresponding areas on the screen 1 of the display based on each screen information;
Based on the input from the input unit 5, the screen information in the first screen information storage unit 2 is edited, and the screen information in the first screen information storage unit 2 is transferred to the second screen information storage unit before writing the editing result. 3.
そして、前記第1画面情報記憶部2と第2画面情報記憶
83とを比較し、画面情報のうち該図形エディタ6によ
り変更された属性の変更前後の内容を抽出し、該内容に
入力部5からの遷移要因情報(トリガ情報)を付加して
動画情報とし、これを動画情報記憶部7に格納する動画
情報抽出部8と、前記画面情報を構成する複数の属性に
対応した目的言語による一連のコマンド群を格納した目
的言語翻訳辞書9と、該目的言語翻訳辞書9からコマン
ド群を取り出し、前言己動画情報Δ己憶部7に格納され
た動画情報に基づいて、各コマンドにパラメータをセッ
トして出力する動画情報翻訳部10とを備えている。Then, the first screen information storage section 2 and the second screen information storage 83 are compared, and the contents of the screen information before and after the change of the attribute changed by the graphic editor 6 are extracted, and the contents are added to the input section 83. a video information extracting unit 8 that adds transition factor information (trigger information) from the above to create video information and stores it in a video information storage unit 7; The target language translation dictionary 9 stores the command group, and the command group is extracted from the target language translation dictionary 9, and parameters are set for each command based on the video information stored in the previous language video information Δ self memory section 7. and a video information translation unit 10 that outputs the video information.
作 用 第2図に示す本発明の処理の流れ図を参照する。For production Reference is made to the flowchart of the process of the present invention shown in FIG.
尚、以下の説明においては便宜上、第1画面情報記憶部
2に格納される各区分に対応した各画面情報の一つをパ
ッケージということがある。In the following description, for convenience, one piece of screen information corresponding to each category stored in the first screen information storage section 2 may be referred to as a package.
開発者はまず、初期画面(基本画面)を入力部5、図形
エディタ6を用いて作成する(ステップ201)。これ
は各パッケージ毎にその属性情報を人力することにより
行われ、−のパッケージの人力が終わった時点で、表示
部4により画面1上の対応する位置(区分)に表示され
る。開発者はこの表示を見ながら、色バランスやレイア
ラトラ考慮して作成作業を行う。The developer first creates an initial screen (basic screen) using the input unit 5 and the graphic editor 6 (step 201). This is done by manually inputting the attribute information for each package, and when the manual input of the - package is finished, the display unit 4 displays it at the corresponding position (section) on the screen 1. The developer looks at this display while creating the product, taking into account color balance and layout.
初期画面の作成が終了したならば、初期画面を見ながら
、同様に色バランスやレイアウトを考慮して変更するパ
ッケージについての属性情報を入力し、遷移画面(目的
計算機上で遷移要因によって変更されることになる画面
)を作成する(ステップ202)。次いで、対応する遷
移要因情報(トリガ情報)を人力してこれらを登録する
(ステップ203)。この時点で、動画情報抽出部8に
より、変更されたパッケージの変更された属性情報がト
リガ情報と供に、動画情報記憶部7に格納される。Once you have finished creating the initial screen, while looking at the initial screen, enter the attribute information about the package that you want to change, taking into account the color balance and layout, and create the transition screen (changed by the transition factor on the purpose calculator). A new screen) is created (step 202). Next, the corresponding transition factor information (trigger information) is manually registered (step 203). At this point, the video information extraction unit 8 stores the changed attribute information of the changed package in the video information storage unit 7 together with the trigger information.
他の画面を作成する場合にはステップ202に戻って同
様の処理を実施し、全ての遷移画面の作成が終了したな
らば、ステップ205に進む(ステップ204)。ステ
ップ205においては、動画情報翻訳部10により、動
画情報記憶部7に格納された全ての動画情報が取り出さ
れ、目的言語翻訳辞書9を参照して目的とする画面表示
のたtのソースプログラムが生成される。When creating another screen, the process returns to step 202 and performs similar processing, and when all transition screens have been created, the process advances to step 205 (step 204). In step 205, the video information translation unit 10 retrieves all the video information stored in the video information storage unit 7, and refers to the target language translation dictionary 9 to determine the source program for the desired screen display. generated.
次いで、この画面表示のためのソースプログラムヲアフ
リケーション・プログラム(ソースプログラム)に埋め
込み(ステップ206) 、これらがコンパイルされて
最終的に実行可能なプログラムが作成される(ステップ
207)。Next, this source program for screen display is embedded in an application program (source program) (step 206), and these are compiled to finally create an executable program (step 207).
このように開発者が人力した画面情報は、リアルタイム
にデイスプレィ画面1に表示され、これを見ながらレイ
アウトや色バランスを調整することができるから、レイ
アウトや色バランスの良い画面を表示するための画面表
示プログラムを効率良く作成することができる。そして
、プログラミング言語を意識すること無く、画面表示プ
ログラムの作成ができるので、プログラミング経験の少
ない人でもその開発に参加することが可能となる。In this way, the screen information manually generated by the developer is displayed on the display screen 1 in real time, and the layout and color balance can be adjusted while looking at it, so the screen can be adjusted to display a screen with a good layout and color balance. Display programs can be created efficiently. Furthermore, since a screen display program can be created without being aware of the programming language, even people with little programming experience can participate in its development.
実施例
以下、本発明の実施例を第1図及び第3図乃至第8図を
参照して開発者による操作の流れを中心に説明すること
にする。Embodiments Hereinafter, embodiments of the present invention will be explained with reference to FIG. 1 and FIGS. 3 to 8, focusing on the flow of operations by a developer.
まず、第1図を参照する。画面表示プログラムの開発を
開始する前においては、画面情報は格納されていないか
ら、開発者は入力部5及び図形エディタ6によって、各
パッケージの各属性についての情報を入力して、例えば
パッケージA及びBからなる初期画面1aを作成する。First, refer to FIG. Before starting the development of the screen display program, the screen information is not stored, so the developer inputs information about each attribute of each package using the input unit 5 and the graphic editor 6, for example, packages A and An initial screen 1a consisting of B is created.
入力された情報は第1面面情報記憶部2に逐次格納され
、表示部4により取り出されてデイスプレィ1の画面上
にリアルタイムに表示される。開発者はこの画面を見な
がらレイアウトや色等を適宜決定し、適当でない場合に
は、ただちに修正を施すことができる。初期画面の作成
が終了した時点で、図形エディタ6により、第1面面情
報記憶部2に格納されていた全ての情報は第1画面情報
記憶#B3に複写される。The input information is sequentially stored in the first side information storage section 2, retrieved by the display section 4, and displayed on the screen of the display 1 in real time. The developer can determine the layout, colors, etc. as appropriate while looking at this screen, and if it is not suitable, he can immediately make corrections. When the creation of the initial screen is completed, the graphic editor 6 copies all the information stored in the first screen information storage section 2 to the first screen information storage #B3.
初期画面の作成が終了したら、この画面から何らかのト
リガ(目的プログラムのオペレータによるキー人力、マ
ウスのクリック、通信回線から送られてくる信号等)に
よって変化させる次の画面を作成する。開発者は入力部
5及び図形エディタ6により、変化させるパッケージ(
例えばパッケージA及びB)を選択し、これについての
各属性について適宜変更を実施してパッケージA“及び
Boとし、修正画面1bを得る。これと前後して対応す
るトリガ情報も入力する。この時点で第1画面情報記憶
部2の変更を実施したパッケージは対応する第2画面情
報記憶部3に複写される。開発者は修正画面の作成及び
トリガ情報の入力を繰り返すことにより、一連の表示画
面を設計する。After creating the initial screen, create the next screen that changes from this screen by some trigger (key input by the operator of the target program, mouse click, signal sent from the communication line, etc.). The developer uses the input section 5 and the graphic editor 6 to select the package (
For example, select packages A and B), change their attributes as appropriate to make them packages A" and Bo, and obtain the modified screen 1b. Before and after this, the corresponding trigger information is also input. At this point The package that has been modified in the first screen information storage section 2 is copied to the corresponding second screen information storage section 3.The developer can create a series of display screens by repeatedly creating modified screens and inputting trigger information. design.
第3図は上記画面設計中における画面表示及びこれに対
応する画面情報の一例を示す図である。FIG. 3 is a diagram showing an example of a screen display during the above-mentioned screen design and screen information corresponding thereto.
11は変更の基礎となる画面である遷移母体画面であり
、所定のトリガによって、これが遷移母画面工2に変化
するものとする。13は前記遷移母体画面11の領域1
1aに対応した遷移母体画面情報、14が遷移後面面1
2の領域12aに対応した遷移後面面情報である。この
画面情報13゜14は、複数の属性、即ち、表示位置、
色、点滅の有無、普通表示/反転表示、輝度、及び表示
テキスト〈図形を含む)からなり、第1図における第1
画面情報記憶部2又は第1画面情報記憶部3に格納され
るものである。尚、この画面情報には、パッケージ番号
及びこの情報によって表示される画面の番号も含まれて
いる。Reference numeral 11 denotes a transition base screen which is the screen that is the basis of the change, and this is assumed to change to transition base screen work 2 by a predetermined trigger. 13 is area 1 of the transition base screen 11
Transition base screen information corresponding to 1a, 14 is transition back surface 1
This is transition back surface information corresponding to the area 12a of No. 2. This screen information 13° 14 includes a plurality of attributes, namely display position,
It consists of color, presence or absence of blinking, normal display/reverse display, brightness, and display text (including graphics), and the first
This is stored in the screen information storage section 2 or the first screen information storage section 3. Note that this screen information also includes the package number and the number of the screen displayed based on this information.
当初、遷移母体画面情報13は第1画面情報記憶部2に
格納されており、この情報に基づいて画面に表示がなさ
れている(遷移母体画面11参照)。この遷移母体画面
情報13は次の画面設計が始められる前に、第2画面情
報記憶部3にパッケージ単位で複写される。開発者は遷
移母体画面情報13の各属性のうち、色(青→赤)、点
滅(普通−点滅)、反転表示(普通→反転)について変
更を実施する。第1画面情報記憶部2の対応するパッケ
ージは遷移後面面情報14となり、これに基づいて画面
に表示がなされる(遷移後面面12参照)。開発者はこ
の画面を見て適当でないと判断した場合には、さらに変
更を実施することができ、適当であるならば、所定のト
リガ情報を入力し、次の画面の設計に移る。尚、次の画
面の設計においては、上記遷移後面面情報14が遷移母
体画面情報となることになり、上記の操作を繰り返して
全ての画面を設計する。Initially, the transition base screen information 13 is stored in the first screen information storage section 2, and the screen is displayed based on this information (see transition base screen 11). This transition base screen information 13 is copied to the second screen information storage section 3 in units of packages before the next screen design is started. The developer changes the color (blue to red), blinking (normal to blinking), and reverse display (normal to reverse) among the attributes of the transition base screen information 13. The corresponding package in the first screen information storage unit 2 becomes the post-transition surface information 14, and the display is performed on the screen based on this (see the post-transition surface 12). If the developer looks at this screen and determines that it is not appropriate, he can make further changes, and if it is appropriate, he inputs predetermined trigger information and moves on to designing the next screen. In the design of the next screen, the above-mentioned post-transition surface information 14 will become the transition base screen information, and the above-mentioned operations are repeated to design all the screens.
第1図に戻って、上記開発者によるトリガ情報の入力の
時点で、動画情報抽出部8は、第1画面情報記憶部2と
第2画面情報記憶部3の内容を比較し、変更があったパ
ッケージの変更があった属性について、変更前後の情報
を抽出する。即ち、第3図に示されるような差分パッケ
ージ情報15を得る。そして、これにトリガ情報を含む
所定の情報を付加して動画情報とし、動画情報記憶部7
に格納する。Returning to FIG. 1, at the time when the developer inputs the trigger information, the video information extraction unit 8 compares the contents of the first screen information storage unit 2 and the second screen information storage unit 3, and determines whether any changes have been made. Extracts information before and after the change for attributes that have been changed in the package. That is, differential package information 15 as shown in FIG. 3 is obtained. Then, predetermined information including trigger information is added to this to create video information, and the video information storage unit 7
Store in.
この動画情報は第4図に示されるように構成されている
。即ち、この画面を他の画面と区別するための画面番号
41、この画面に至る一つ前の画面番号42、この画面
に変化するときの要因となるトリガ情報43、この画面
から変化する次の画面の総数44、この総数に対応した
次画面番号45とこの番号45に対応した差分パッケー
ジ情報番号46である。この差分パッケージ情報番号4
6は、第3図のパッケージ差分情報15に対応するもの
である。一つの動画情報に対して次画面番号45及び差
分パッケージ情報番号46が複数あるのは、第5図に示
されるように、例えば、前表示画面16からは現在表示
画面17にのみ変化するが、現在表示画面17からは−
のトリガによっては次表示画面18に変化し、他の−の
トリガによっては次表示画面19に変化する場合がある
からである。このような動画情報が、目的プログラムに
おける各種トリガの発生によって変化する全ての画fに
ついて生成される。This moving image information is structured as shown in FIG. That is, the screen number 41 for distinguishing this screen from other screens, the previous screen number 42 leading to this screen, the trigger information 43 that is a factor when changing to this screen, and the next screen that changes from this screen. The total number of screens is 44, the next screen number 45 corresponding to this total number, and the differential package information number 46 corresponding to this number 45. This differential package information number 4
6 corresponds to the package difference information 15 in FIG. The reason why there are multiple next screen numbers 45 and differential package information numbers 46 for one piece of video information is that, as shown in FIG. 5, for example, only the previous display screen 16 changes to the current display screen 17; From the current display screen 17 -
This is because depending on the trigger, the screen may change to the next display screen 18, and depending on another trigger, the screen may change to the next display screen 19. Such moving image information is generated for all images f that change due to the occurrence of various triggers in the target program.
全ての画面の作成が終了したならば、動画情報翻訳部1
0は、目的言語翻訳辞書9から画面情報の各属性に対応
する一連のコマンド群を取り出し、動画情報記憶部7に
格納された動画情報に基づき、該コマンドにパラメータ
を設定して逐次出力する。Once all screens have been created, video information translation department 1
0 extracts a series of commands corresponding to each attribute of the screen information from the target language translation dictionary 9, sets parameters to the commands based on the video information stored in the video information storage section 7, and outputs them one after another.
これにより、目的とするソースプログラムが生成される
。As a result, the target source program is generated.
上記目的言語翻訳辞書9は目的プログラムが記述される
言語の仕様に応じて準備されるものであり、例えば、要
素(属性)の一つでも変更されたときには、全ての要素
についての設定が必要であるとする言語が用いられる場
合には、第6図に示されるような辞書となる。同図に示
されるように、この辞書は、パッケージの各属性(位置
、色、点滅、反転、輝度、内容)に対応した一連のコマ
ンド群から構成されている。図中、「&」は設定される
べきパラメータを示し、「@」はカレントデータ、即ち
、以前の設定データをそのまま引き継ぐべきパラメータ
を示す。−例として、LOCATE (&X、&Y)
の、rLOcATEJはテキスト(文字又は図形)の表
示位置を指定するた袷のコマンドであり、()内はこの
コマンドがとるパラメータであり、&X、&Yが設定さ
れるべきX座標値及びY座標値である。The target language translation dictionary 9 is prepared according to the specifications of the language in which the target program is written. For example, when even one element (attribute) is changed, settings for all elements are required. If a certain language is used, the dictionary will be as shown in FIG. As shown in the figure, this dictionary is composed of a series of commands corresponding to each attribute of the package (position, color, blinking, inversion, brightness, content). In the figure, "&" indicates a parameter to be set, and "@" indicates a parameter to which current data, that is, previous setting data should be inherited as is. - For example, LOCATE (&X, &Y)
, rLOcATEJ is a command that specifies the display position of text (characters or figures), and the parameters in parentheses are the parameters that this command takes, and &X and &Y are the X and Y coordinate values to be set. It is.
例えば、前記第3図に示した差分パッケージ情報15に
基づいて、ソースプログラムが生成されるとすると、前
画面の情報から引き継ぐべき情報は、即ち、遷移母体情
報13からとる情報は、位置 : (40,
10)
輝度 : (OFF)
テキスト内容 : (AAAAAA)であり、変更要
素を示す差分パッケージ情報15からとる情報は、
色 : (RED)点滅
: (ON)
反転 : (ON)
であり、この結果、
LOCATE (40,10)
COLOR(RED)
BRINK (ON)
REVER3E (ON)
BRIGHT (OFF)
PRINTじAAAAAA”)
と展開される。For example, if a source program is generated based on the differential package information 15 shown in FIG. 40,
10) Brightness: (OFF) Text content: (AAAAAA), and the information taken from the difference package information 15 indicating the changed elements is: Color: (RED) blinking
: (ON) Inversion : (ON), and as a result, it is expanded as LOCATE (40,10) COLOR (RED) BRINK (ON) REVER3E (ON) BRIGHT (OFF) PRINT AAAAAA”).
第7図は開発すべき画面表示プログラムの仕様の説明図
であり、この画面表示プログラムの仕様は以下の通りと
する。即ち、表示画面全体を3つの領域に区分し、第1
領域20aは異常等が発生した場合にオペレータ(プロ
グラムの利用者)に注意を促すための表示に、第2領域
20bはオペレータによる処理の選択のための表示(例
えば、フロッピーディスクのアクセス開始の指示等のた
めのメニニー表示)に、第3領域20cはフロッピーデ
ィスク装置の使用の可否をオペレータに知らせるための
表示に用いるものとする。FIG. 7 is an explanatory diagram of the specifications of the screen display program to be developed, and the specifications of this screen display program are as follows. That is, the entire display screen is divided into three areas, and the first
The area 20a is a display to alert the operator (program user) when an abnormality occurs, and the second area 20b is a display for the operator to select a process (for example, an instruction to start accessing a floppy disk). The third area 20c is used for a display to inform the operator whether or not the floppy disk device can be used.
画面■における第3領域20Cの表示は、青色のrFL
P : OKJなる表示をするものとし、オペレータに
よりフロッピーディスクのアクセス開始の指示があった
場合に、フロッピーディスクへのアクセス開始をトリガ
として第3領域20cの表示を赤色・反転のrFLP:
NGJなる表示としく画面■)、フロッピーディスクの
アクセスの終了の後、アクセスが正常終了した場合には
、これをトリガとして第311域20Cの表示を青色の
rFLP:OK」としく画面■と同じ)、アクセスが異
常終了した場合には、これをトリガとして第1領域20
aに白色のrSET FLP and RETR
YJを表示し、第3領域20cの表示を青色のrFLP
:OK」に戻す(画面■)。The display in the third area 20C on screen ■ is blue rFL.
P: OKJ is displayed, and when the operator instructs to start accessing the floppy disk, the start of access to the floppy disk is used as a trigger to change the display in the third area 20c to red/inverted rFLP:
After the floppy disk access ends, if the access ends normally, this will be used as a trigger to display the blue rFLP: OK'' in the 311th area 20C, which is the same as the screen ■). ), if the access ends abnormally, this is used as a trigger to access the first area 20.
a white rSET FLP and RETR
YJ is displayed, and the third area 20c is displayed using blue rFLP.
: OK” (screen ■).
最後に画面■の表示から、オペレータによる他の入力を
トリガとして、画面■に戻る。尚、第2領域20bの表
示は画面■〜■において全て同じ、第1領域20Hには
画面■、■においては何も表示されていないものとする
。Finally, from the screen ■, another input by the operator is used as a trigger to return to the screen ■. It is assumed that the display in the second area 20b is the same in all the screens (2) to (2), and that nothing is displayed in the first area 20H in the screens (2) and (2).
開発者は上記仕様に基づき、デイスプレィを見ながら初
期画面■を作成・登録し、画面■の第3領域を変更して
画面■を作成するとともに、「アクセス開始」をトリガ
情報として登録する。画面■からの遷移形態は、アクセ
ス正常終了と、アクセス異常終了の2つの場合があるか
ら、画面■の第3領域20Cを変更して画面■と同じ画
面とするとともに、「アクセス正常終了」をトリガ情報
として登録する。そして、表示画面を画面■に戻した後
、画面■の第1領域20a及び第3領域20Cを変更す
るとともに、「アクセス異常終了」をトリガ情報として
登録する。最後に画面■の第1領域20aに表示されて
いる文字をスペースで消去して画面■とするとともに、
オペレータによる「他の入力」をトリガ情報として登録
して設計操作を終了する。Based on the above specifications, the developer creates and registers the initial screen ■ while looking at the display, changes the third area of the screen ■ to create the screen ■, and registers "start access" as trigger information. There are two types of transitions from screen ■: normal access termination and abnormal access termination, so change the third area 20C of screen ■ to make it the same screen as screen ■, and change "access normal termination". Register as trigger information. Then, after returning the display screen to the screen ■, the first area 20a and the third area 20C of the screen ■ are changed, and "access abnormal end" is registered as trigger information. Finally, erase the characters displayed in the first area 20a of the screen ■ with spaces to create the screen ■,
``Other input'' by the operator is registered as trigger information and the design operation is completed.
この操作を終了した時点で、各画面■〜■についての動
画情報が得られ、この動画情報と第6図に示した目的言
語翻訳辞書とに基づき、第81!Iに示されるようなソ
ースプログラムが生成される。When this operation is completed, video information for each screen ■ to ■ is obtained, and based on this video information and the target language translation dictionary shown in FIG. 6, the 81st! A source program as shown in I is generated.
尚、第8図においては、上記の第2画面領域20bにつ
いては、変更がないので省略している。In addition, in FIG. 8, the second screen area 20b described above is omitted because there is no change.
第8図に右いて、(ア)は初期画面■の表示のための実
行文であり、位置(1,1)にスペースを表示しく文字
が表示されている場合にこれを消去する)、位!f(6
0,25)に青色でrFLP:OK」を表示する。(イ
)は画面■から画面■への遷移のための実行文であり、
位1 (60゜25)に赤色・反転でrFLP:NGJ
を表示する。(つ)は画面■から画面■又は画面■への
遷移のための実行文であり、正常終了の場合(RC=0
)は、ラベル5TARTに戻り、異常終了の場合(RC
=1)は、位W(1,1)に白色でrSET FLP
and RETRYJを表示する。(1)は画面
■から画面■への遷移のための実行文であり、ラベル5
TARTに戻る。このように遷移先の画面条件が同一(
行先画面番号が既に生成済)のものがある場合には、G
OTO文等の記述によりその最適化が図られている。On the right side of Figure 8, (a) is an executable statement for displaying the initial screen ■, which displays a space at position (1, 1) and erases it if a character is displayed). ! f(6
0, 25), "rFLP: OK" is displayed in blue. (b) is an executable statement for transitioning from screen ■ to screen ■,
rFLP: NGJ in red/inverted at position 1 (60°25)
Display. (1) is an executable statement for transitioning from screen ■ to screen ■ or screen ■, and in the case of normal termination (RC = 0
) returns to label 5TART, and in case of abnormal termination (RC
=1) is rSET FLP in white at position W(1,1)
and RETRYJ is displayed. (1) is an executable statement for transitioning from screen ■ to screen ■, and is labeled 5
Return to TART. In this way, the screen conditions of the transition destination are the same (
If there is a destination screen number (already generated), press G
Optimization is achieved by writing OTO statements and the like.
発明の効果
以上詳述したように本発明による画面表示プログラムの
開発支援装置を用いることにより、開発者は画面に表示
させるための情報を入力すると、これがただちにデイス
プレィ上に表示され、これに基づいてレイアウトや色バ
ランス等を考慮して画面の設計が行え、机上での画面設
計と異なり、視覚を通じてイメージを具現化することが
でき、画面設計の効率を大幅に向上することができると
いう効果を奏する。Effects of the Invention As detailed above, by using the screen display program development support device according to the present invention, when a developer inputs information to be displayed on the screen, this information is immediately displayed on the display, and based on this information, the developer can input the information to be displayed on the screen. Screens can be designed taking layout, color balance, etc. into consideration, and unlike screen design on a desk, images can be realized through visual perception, which has the effect of greatly improving the efficiency of screen design. .
そして、改めてコーディングを行うことなく、画面情報
から目的言語のソースプログラムを自動的に生成するよ
うにしているので、開発者にそれほど高度なプログラミ
ング知識・経験がなくともこれの開発を短時間で行える
ようになるとい効果を奏する。In addition, since the source program in the target language is automatically generated from the screen information without having to code again, developers can develop it in a short time even if they do not have advanced programming knowledge or experience. It has a great effect when it becomes like this.
第1図は本発明の原理図、
第2図は本発明の処理流れ図、
第3図は本発明実施例における画面情報等の構成を示す
図、
第4図は本発明実施例における動画情報の構成を示す図
、
第5図は本発明実施例における画面変化の説明図、
第6図は本発明実施例における目的言語翻訳辞書の内容
の一例を示す図、
第7図は本発明実施例における開発すべきプログラムの
仕様の説明図、
第8図は本発明実施例における処理結果を示す図である
。
5・・・入力部、
6・・・図形エディタ、
7・・・動画情報記憶部、
8・・・動画情報抽出部、
9・・・目的言語翻訳辞書、
10・・・動画情報翻訳部。Fig. 1 is a diagram of the principle of the present invention, Fig. 2 is a processing flowchart of the present invention, Fig. 3 is a diagram showing the structure of screen information, etc. in an embodiment of the present invention, and Fig. 4 is a diagram showing video information in an embodiment of the present invention. Figure 5 is an explanatory diagram of screen changes in the embodiment of the present invention; Figure 6 is a diagram illustrating an example of the contents of the target language translation dictionary in the embodiment of the present invention; Figure 7 is the diagram in the embodiment of the present invention. An explanatory diagram of the specifications of the program to be developed. FIG. 8 is a diagram showing processing results in an embodiment of the present invention. 5... Input section, 6... Graphic editor, 7... Video information storage section, 8... Video information extraction section, 9... Target language translation dictionary, 10... Video information translation section.
Claims (1)
応じて該画面の表示の一部又は全部を変更することによ
り、操作者との対話を行う画面表示プログラムの開発支
援装置であって、 開発計算機の表示画面(1)を複数の領域に区分し、該
区分した領域毎に該領域に表示するための文字や図形に
関する複数の属性からなる画面情報を格納する画面情報
記憶部(2)と、 該画面情報記憶部(2)の各画面情報に基づき画面(1
)上の対応する各領域に文字や図形を表示する表示部(
4)と、 前記画面情報記憶部(2)の画面情報を編集する編集手
段(5、6)と、 前記画面情報のうち該編集手段(5、6)により変更さ
れた属性の変更前後の内容を抽出し、該内容に遷移要因
情報を付加して動画情報とし、これを動画情報記憶部(
7)に格納する動画情報抽出部(8)と、 前記画面情報を構成する複数の属性に対応した目的言語
による一連のコマンド群を格納した目的言語翻訳辞書(
9)と、 該目的言語翻訳辞書(9)からコマンド群を取り出し、
前記動画情報記憶部(7)に格納された動画情報に基づ
いて、各コマンドにパラメータをセットして出力する動
画情報翻訳部(10)とを備えてなることを特徴とする
画面表示プログラムの開発支援装置。[Scope of Claims] A screen display program that displays characters and figures on the screen of a target computer and that interacts with an operator by changing part or all of the display on the screen according to transition factors. A development support device that divides a display screen (1) of a development computer into a plurality of areas, and stores screen information consisting of a plurality of attributes regarding characters and figures to be displayed in the area for each divided area. A screen information storage unit (2) and a screen (1) based on each screen information in the screen information storage unit (2).
) The display section that displays characters and figures in the corresponding areas on the top (
4), editing means (5, 6) for editing the screen information in the screen information storage section (2), and contents before and after changes of the attributes of the screen information changed by the editing means (5, 6). is extracted, transition factor information is added to the content to create video information, and this is stored in the video information storage unit (
7); and a target language translation dictionary (8) storing a series of commands in the target language corresponding to the plurality of attributes constituting the screen information.
9) and the command group from the target language translation dictionary (9),
Development of a screen display program characterized by comprising a video information translation unit (10) that sets and outputs parameters for each command based on the video information stored in the video information storage unit (7). Support equipment.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2139868A JPH0434662A (en) | 1990-05-31 | 1990-05-31 | Device for supporting development of picture display program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2139868A JPH0434662A (en) | 1990-05-31 | 1990-05-31 | Device for supporting development of picture display program |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JPH0434662A true JPH0434662A (en) | 1992-02-05 |
Family
ID=15255426
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2139868A Pending JPH0434662A (en) | 1990-05-31 | 1990-05-31 | Device for supporting development of picture display program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JPH0434662A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH05197535A (en) * | 1991-08-19 | 1993-08-06 | Internatl Business Mach Corp <Ibm> | Computer system for dynamically generating display screen panel, which provides conversational interface for application program step |
| JP2018200660A (en) * | 2017-05-30 | 2018-12-20 | オムロン株式会社 | Hmi development support device, hmi development support method and hmi development support program |
-
1990
- 1990-05-31 JP JP2139868A patent/JPH0434662A/en active Pending
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH05197535A (en) * | 1991-08-19 | 1993-08-06 | Internatl Business Mach Corp <Ibm> | Computer system for dynamically generating display screen panel, which provides conversational interface for application program step |
| JP2018200660A (en) * | 2017-05-30 | 2018-12-20 | オムロン株式会社 | Hmi development support device, hmi development support method and hmi development support program |
| US11287940B2 (en) | 2017-05-30 | 2022-03-29 | Omron Corporation | HMI development support device, HMI development support method, and non-transitory computer-readable recording medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US5459832A (en) | Method and apparatus for editing groups of graphic images | |
| US6184879B1 (en) | Multi-media title editing apparatus and a style creation device employed therefor | |
| EP0194442B1 (en) | Method for manipulation of graphic sub-objects in an interactive draw graphic system | |
| JPS61229168A (en) | Generation of graph using computer | |
| JPH07168710A (en) | System and method for constitution of program | |
| JPH01236377A (en) | Interactive generation of moving graphic object | |
| KR20230023804A (en) | Text-video creation methods, devices, facilities and media | |
| JPH0689324A (en) | Tool kit and method for establishing form | |
| JPH0434662A (en) | Device for supporting development of picture display program | |
| Borras et al. | Building user interfaces for database applications: the O2 experience | |
| JP3138430B2 (en) | User interface screen creation support device | |
| JP2000029677A (en) | Automatic generating device for screen constitution | |
| JP3635583B2 (en) | User interface control apparatus and information processing method in information processing apparatus | |
| JPH0588863A (en) | Program development supporting system | |
| JPH0424733A (en) | Structural drawing editing process system for program | |
| JPH096568A (en) | Method and system for creating slide editing template | |
| JPH10222356A (en) | Application creation device and application creation method | |
| JPH052477A (en) | Graphical user interface creation method | |
| JPH06243223A (en) | Interactive processing system | |
| JP3376950B2 (en) | Screen generator | |
| JP2000020294A (en) | Program development support device and computer-readable recording medium | |
| JP2710245B2 (en) | Graph editing processor | |
| JPH044473A (en) | Drawing device | |
| Kurlander | Graphical editing by example in chimera | |
| JPH0227426A (en) | User interface definition method |