JPH05324290A

JPH05324290A - グラフィカルユーザインタフェース作成システム

Info

Publication number: JPH05324290A
Application number: JP14899392A
Authority: JP
Inventors: Misayo Kitamura; 操代北村; Akira Sugimoto; 明杉本
Original assignee: Mitsubishi Electric Corp
Current assignee: Mitsubishi Electric Corp
Priority date: 1992-05-18
Filing date: 1992-05-18
Publication date: 1993-12-07
Anticipated expiration: 2015-12-25
Also published as: JP3119939B2

Abstract

(57)【要約】【目的】グラフィカルユーザインターフェースをより
短期間で作成しうるシステムを得る。【構成】入力処理部１は、イベントが生じたＧＵＩ部
品３を特定し、そのＧＵＩ部品３を起動する。ＧＵＩ部
品３において、その入力イベントが編集のための入力で
なければ、ユーザ処理部５が対話動作を実行しその対話
動作に付随するアプリケーション関数を実行する。入力
イベントが編集入力であれば、対話編集処理部４がユー
ザ処理部５の修正動作を行う。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】この発明は、計算機で実行される
プログラムに対してユーザが容易に情報入力が行えるグ
ラフィカルユーザインタフェースを作成するためのグラ
フィカルユーザインターフェース作成システムに関する
ものである。

【０００２】

【従来の技術】従来、グラフィカルユーザインタフェー
ス（以下、ＧＵＩという。）を作成するには、ＧＵＩビ
ルダと呼ばれる方式が用いられていた。ＧＵＩビルダに
ついては、例えば日経コンピュータ（日経ＢＰ社発行）
１９９１年１２月３０日号ｐ．９３〜ｐ．１０５に記載
されているが、多数のウィジェットを含むライブラリを
有し、ＧＵＩ作成者が容易にＧＵＩを作成しうる環境を
提供する。図７は、そのようなＧＵＩビルダを用いてＧ
ＵＩを作成するための構成を示すブロック図である。

【０００３】図において、２はマウスやキーボードなど
のイベント発生部、４はＧＵＩ編集処理を行うＧＵＩ編
集処理部、６は作成されたＧＵＩの格納などを行う記憶
部、８は初期化処理を行う初期化処理部、１０はＣＲＴ
などの表示部、３１はイベント発生部２に入力されたイ
ベントに応じた入力処理を行う入力処理部、３３は対話
処理用のルーチン（ウィジェット）であるＧＵＩ部品で
ある。各ウィジェットは、各ウィンドウに関する表示属
性と処理ルーチンを含む。なお、ＧＵＩ編集処理部４、
初期化処理部８および入力処理部３１は、プログラムで
実現され、それらを併せてビルダプログラムとする。

【０００４】次にＧＵＩ作成処理について図８のフロー
チャートを参照して説明する。図８において、ステップ
ＳＴ２１〜２３およびＳＴ４の処理は入力処理部３１の
処理であり、ステップＳＴ１０の処理はＧＵＩ部品３３
におけるユーザ処理ルーチンの処理であり、ステップＳ
Ｔ６〜９の処理はＧＵＩ編集処理部４の処理である。

【０００５】ビルダプログラムが起動されると、初期化
処理部８による初期化が行われる（ステップＳＴ２
０）。すなわち、表示部１０の画面の初期化、ＧＵＩ部
品の生成、ビルダの内部処理で使用される各種変数の初
期化などが行われる。初期化処理が終了すると、入力処
理部３１が起動される。

【０００６】入力処理部３１は、イベント発生部２から
入力されるイベントを待ち、イベント入力があれば、そ
の入力がモード変更を行うためのものかどうか調べる
（ステップＳＴ２１）。モード変更を行うためのもので
あれば、モード変更処理を行い（ステップＳＴ２２）、
再びイベント入力を待つ。

【０００７】イベント入力がモード変更を行うためのも
のでなければ、入力処理部３１は、現在編集モードであ
るかどうか確かめ、編集モードであれば、ＧＵＩ編集処
理部４を起動する。ＧＵＩ編集処理部４は、そのイベン
ト入力がどのような処理を指定しているのか調べ、各指
定に応じた処理を行う（ステップＳＴ６）。

【０００８】指定された処理が「終了」ならば、ビルダ
プログラムを終了する。また、指定された処理が「移
動」ならば、表示部品の移動処理を行う（ステップＳＴ
７）。そして、指定された処理が「コピー」であれば、
表示部品のコピー処理を行う（ステップＳＴ８）。ま
た、指定された処理が「ファイル保存」ならば、ＧＵＩ
ソースファイルを記憶部６に保存する（ステップＳＴ
９）。その他、サイズ変更、属性設定、部品登録、ファ
イルのオープンなどの各種処理が、同様に行われる。

【０００９】なお、指定された処理が各ＧＵＩ編集処理
のどれにも当てはまらないときは、編集処理は行われな
い。また、編集処理終了後は、再び入力処理部３１がイ
ベント入力を待つ状態となる。

【００１０】ステップＳＴ２３において、入力処理部３
１が現在編集モードでないことを確認したら、現在、テ
ストモードにあることになるので、そのときに作成され
ているＧＵＩの動作テストを行う。すなわち、そのイベ
ントがどのウィジェットで生じたのかを特定し、該当す
るウィジェットのユーザ処理ルーチンを起動する（ステ
ップＳＴ４）。ユーザ処理ルーチンは、入力されたイベ
ントに対応した対話動作処理を行う（ステップＳＴ１
０）。

【００１１】対話動作処理とは、例えば、特定されたウ
ィジェットがプッシュボタンウィジェットで入力イベン
トがマウスボタンプッシュであったとすると、ウィンド
ウの文字表示色と背景色とを交替して表示する処理であ
る。この処理が終了すると、再び入力処理部３１がイベ
ント入力を待つ状態となる。

【００１２】以上の処理が実行された結果作成されたＧ
ＵＩソースファイルをアプリケーション（ＡＰ）プログ
ラムと結合できるように、ＧＵＩソースファイルのウィ
ジェットの定義部分にＡＰ関数の登録を行うという作業
を人手を介して行う。そして、ＡＰ関数が登録されたＧ
ＵＩソースファイルのコンパイルがなされる。また、別
途作成されたＡＰプログラムのコンパイルも実行され、
双方のオブジェクトプログラムがリンクされてＧＵＩを
備えたＡＰプログラムが作成される。

【００１３】図９は、作成されたＧＵＩを備えたＡＰプ
ログラムの処理を示すフローチャートである。そのＡＰ
プログラムは、起動すると、まず、ＡＰの初期化、画面
の初期化、ＧＵＩの初期化などの初期化処理を行う（ス
テップＳＴ１）。その後、イベント入力があると、その
イベントがどのウィジェットで生じたのか特定する（ス
テップＳＴ４）。そして、特定されたウィジェットに対
応した対話処理を実行し（ステップＳＴ１０）、入力イ
ベントについてそのウィジェットにＡＰ関数が登録され
ているか確認し（ステップＳＴ１１）、登録されていれ
ば、そのＡＰ関数にもとづく処理を行う（ステップＳＴ
１２）。このようにして、ユーザのイベント入力に対し
て所定のアプリケーションが実行される。その後、ＡＰ
プログラムは、再びイベント入力を待つ状態となる。

【００１４】

【発明が解決しようとする課題】従来のＧＵＩ作成シス
テムは以上のように構成されているので、作成されたＡ
ＰプログラムはＧＵＩ編集機能を有さず、ＡＰ実行時に
ＧＵＩを修正することはできない。すなわち、ＧＵＩを
修正する必要が生ずるたびに、ソースプログラムをコン
パイルしＡＰプログラムとリンクしなければならない。
従って、ＧＵＩを設計する際には、ＡＰ実行時のＧＵＩ
の振舞を繰り返し評価し、修正する必要があるが、その
たびに、時間のかかるコンパイルおよびリンクが要求さ
れ、ＧＵＩ開発に長期間を要するという問題点があっ
た。

【００１５】また、生成されたＧＵＩプログラムとＡＰ
プログラムとを結合するために生成されたＧＵＩプログ
ラムを人手を介して修正する必要があるが、いったん修
正されたプログラムを再びビルダプログラムに読み込ま
せることができず、ＧＵＩ修正のたびにＧＵＩプログラ
ムのＡＰプログラムとの接続部分を書き直す必要があっ
た。この点も、ＧＵＩ開発にとってネックとなってい
た。

【００１６】この発明は上記のような問題点を解消する
ためになされたもので、ＡＰ実行時に直接ＧＵＩの編集
を行うことができるＧＵＩ作成システムを得ることを目
的とする。

【００１７】

【課題を解決するための手段】請求項１記載の発明に係
るＧＵＩ作成システムは、入力されたイベントに応じて
ユーザとアプリケーション処理との間の対話入出力処理
を実行するとともにその部品に登録されたアプリケーシ
ョン処理を実行するユーザ処理部、および、入力された
イベントが編集を指定するものであった場合にユーザ処
理部の編集を行う対話編集処理部とを有するＧＵＩ部品
と、入力されたイベントをＧＵＩ部品に伝える入力処理
部とを備えたものである。

【００１８】また、請求項２記載の発明に係るＧＵＩ作
成システムは、データオブジェクトとＧＵＩ部品との対
応関係にもとづいて、入力されたイベントに応じた対話
処理を行うとともにその部品に登録されたアプリケーシ
ョン処理を実行するユーザ処理部、および、入力された
イベントが編集を指定するものであった場合に前記ユー
ザ処理部の編集を行う対話編集処理部を含むＧＵＩ部品
を生成する自動生成処理部と、入力されたイベントをＧ
ＵＩ部品に伝える入力処理部とを備えたものである。

【００１９】

【作用】請求項１記載の発明における対話編集処理部
は、アプリケーションシステムの実行時に、ユーザの要
求に応じてユーザ処理部の修正を行う。

【００２０】また、請求項２記載の発明における自動生
成処理部は、アプリケーションシステムの実行時にユー
ザ処理部および対話編集処理部を含むＧＵＩ部品を生成
する。

【００２１】

【実施例】実施例１．図１はこの発明の一実施例による
ＧＵＩ作成システムを示す構成図である。図において、
１はイベントの生じたウィジェットを特定する入力処理
部、３はＧＵＩ部品である。この場合に、各ＧＵＩ部品
３は、従来のＧＵＩ部品３３に相当するユーザ処理部５
の他に、従来のＧＵＩ編集処理部に相当する対話編集処
理部４を含んでいる。この対話編集処理部４は、ウィジ
ェットとＡＰプログラムとの結合処理およびウィジェッ
トとＡＰ関数との結合処理も含んでいる。その他のもの
は同一符号を付して図７に示したものと同一のものであ
る。

【００２２】なお、このシステムのうち、入力処理部
１、ＧＵＩ部品３および初期化処理部８はプログラムで
実現され、このプログラムはＧＵＩを備えたＡＰプログ
ラムともなっている。

【００２３】次に動作について図２のフローチャートを
参照して説明する。図２において、ステップＳＴ４は入
力処理部１の処理であり、ステップＳＴ５〜ＳＴ１２は
各ＧＵＩ部品３の処理である。具体的には、ステップＳ
Ｔ６〜ＳＴ９の処理は対話編集処理部４の処理であり、
ステップＳＴ１０〜ＳＴ１２の処理はユーザ処理部５の
処理である。

【００２４】この場合、ＧＵＩの作成は、ＡＰプログラ
ムの実行に伴って行われる。ＡＰプログラムが起動され
ると、初期化処理部８は、まず、初期化処理を行う（ス
テップＳＴ１）。続いて、記憶部６に記録ファイルがあ
るかどうか確認し（ステップＳＴ２）、あれば、その記
録ファイルをオープンし、その記録ファイルにもとづい
てＧＵＩを作成する。

【００２５】このとき、記録ファイルが存在しなけれ
ば、ウィジェットがＡＰプログラム上で指定されている
ことになり、初期化処理において、その指定にもとづい
てＧＵＩの作成が行われている。あるいは、ステップＳ
Ｔ２４において道具箱表示が行われる。すなわち、利用
可能なＧＵＩ部品を画面上に一覧表示し、それにもとづ
いてＧＵＩが作成されることになる。

【００２６】その後、イベント入力があると、入力処理
部１が、イベントの生じたウィジェットを特定し（ステ
ップＳＴ４）、特定されたウィジェットに対応したＧＵ
Ｉ部品３を起動する。

【００２７】そのＧＵＩ部品３において、入力イベント
が編集のための入力でなければ、ユーザ処理部５が起動
される。ユーザ処理部５は、図９に示された処理と同様
の処理を行う（ステップＳＴ１０〜ＳＴ１２）。すなわ
ち、特定されたウィジェットに対応した対話処理を実行
し（ステップＳＴ１０）、入力イベントについてそのウ
ィジェットにＡＰ関数が登録されているか確認し（ステ
ップＳＴ１１）、登録されていれば、そのＡＰ関数にも
とづく処理を行う（ステップＳＴ１２）。このようにし
て、ユーザのイベント入力に対して所定のアプリケーシ
ョンが実行される。その後、ＡＰプログラムは、再びイ
ベント入力を待つ状態となる。なお、このＡＰプログラ
ムは、ユーザ処理部５に含まれるＡＰ終了関数起動時に
終了する。

【００２８】ＧＵＩ部品３において、入力イベントが編
集のための入力であれば、ＧＵＩを修正するために対話
編集処理部４が起動される（ステップＳＴ５）。対話編
集処理部４は、まず、そのイベント入力がどのような処
理を指定しているのか調べ、各指定に応じた処理を行う
（ステップＳＴ６）。

【００２９】指定された処理が「移動」ならば、表示部
品の移動処理を行う（ステップＳＴ７）。また、指定さ
れた処理が「コピー」であれば、表示部品のコピー処理
を行う（ステップＳＴ８）。そして、指定された処理が
「ファイル保存」ならば、編集内容を記録ファイルとし
て記憶部６に保存する（ステップＳＴ９）。その他、サ
イズ変更、属性設定などの各種処理が、同様に行われ
る。

【００３０】なお、指定された処理が各ＧＵＩ編集処理
のどれにも当てはまらないときは、編集処理は行われな
い。また、編集処理終了後は、再び入力処理部１がイベ
ント入力を待つ状態となる。このようにして、ＡＰプロ
グラム実行中に、対話編集処理部４によってＧＵＩの修
正がなされる。

【００３１】なお、対話編集処理部４に、道具箱表示す
なわち作成されているウィジェットの一覧表表示の機能
を付加してもよく、さらに、他の用意されているウィジ
ェットを直接操作によって追加したり、ウィジェットを
他の種類のウィジェットに置き換える機能を付加しても
よく、その場合には、ＧＵＩ作成時間がさらに短縮され
る。

【００３２】また、ＧＵＩ部品３として、従来のＧＵＩ
部品３３すなわちウィジェットに関する対話処理を行う
ユーザ処理部５に、対話編集処理部４が組み込まれたも
のを示したが、他の既存のＧＵＩ部品、例えばＭａｃＡ
ｐｐやＩｎｔｅｒＶｉｅｗｓなどのＧＵＩ部品に対話編
集処理部４を付加してもよい。

【００３３】なお、初期化処理（ステップＳＴ１）とフ
ァイルのオープン処理（ステップＳＴ３）の処理順序は
逆でもよく、ステップＳＴ７〜ＳＴ９その他のサイズ変
更などの処理の順序も不同である。また、ステップＳＴ
１０とステップＳＴ１１およびＳＴ１２との処理順序も
不同である。

【００３４】本実施例において、各対話編集処理部４
は、各ＧＵＩ部品３に設けられたもの、すなわち各ウィ
ジェットに対応したそれぞれのものとしたが、すべての
ウィジェットに共通する部分について処理を行う共通の
対話編集処理部を設けてもよい。その場合には、共通部
分を例えば抽象クラスに実現し、共通でない部分に関す
る各対話編集処理を、各同一種のウィジェットに共有さ
れる構成、すなわち各ウィジェットのクラスに実現す
る。そのようにすれば、新しいウィジェットを追加する
場合に、共通部分の対話編集処理部が継承でき、共通で
ない部分に関する対話処理のみを付加することによって
容易に新規ウィジェットを追加できる。また、共通部分
が１つに集約されているので、ウィジェットの集合の維
持や変更が容易である。

【００３５】実施例２．図３はこの発明の他の実施例に
よるＧＵＩ作成システムを示す構成図である。図におい
て、７はＧＵＩを自動生成する自動生成処理部である。
また、この場合には、ＡＰプログラムを作成する際に、
後述するデータ記述手段が使用されている。

【００３６】次に動作について図４のフローチャートを
参照して説明する。図４において、ステップＳＴ１３
は、自動生成処理部７による処理である。ＡＰプログラ
ムが起動されると、初期化処理部８は、まず、初期化処
理を行う（ステップＳＴ１）。続いて、記憶部６に記録
ファイルがあるかどうか確認し（ステップＳＴ２）、あ
れば、その記録ファイルをオープンし、その記録ファイ
ルにもとづいてＧＵＩを作成する。

【００３７】記録ファイルが存在しない場合に、この場
合には、自動生成処理部７が起動される。ＧＵＩ自動生
成処理は、図５のフローチャートに示すように行われ
る。ここで、ＡＰで用いられるオブジェクトクラスを、
図６に示すように、部品の型が対応づけられたものとし
て定義する。定義されたオブジェクトを以下データオブ
ジェクトと呼ぶ。

【００３８】データオブジェクトはＡＰで用いられる変
数に対応しているものであり、例えば、ＡＰがＣ言語で
作成されるものなら、ＧＩｎｔを、Ｃ言語におけるｉｎ
ｔ型に対応させる。よって、データ記述手段は、ここで
は、ＡＰにおいて記述されるデータオブジェクトおよび
図６の対応表で実現される。例えば、ＡＰ中にＧＩｎｔ
の記述があると、ＧＵＩ自動生成処理において、スケー
ルタイプのＧＵＩ部品３が生成される。

【００３９】自動生成処理部７は、まず、例えばＭｏｔ
ｉｆ（ＯＳＦ：オープンソフトウェアファウンデー
ションの商標）のロー・カラムウィジェットに対応する
部品を生成する。すなわち、Ｂｏｘを１つ生成する（ス
テップＳＴ１４）。Ｂｏｘとは、以下生成される部品の
箱となる部品である。

【００４０】自動生成処理部７は、ＡＰプログラム中に
記載されているデータオブジェクトを拾い集め、それら
の集合を集合Ｄとする（ステップＳＴ１５）。次に集合
Ｄの要素を確認し、集合Ｄが空集合であれば、ＧＵＩ自
動生成処理を終了する（ステップＳＴ１６）。集合Ｄが
空集合でなければ、その中から１つのデータオブジェク
トを取り出しそれをデータオブジェクトｄとし、集合Ｄ
からそのデータオブジェクトｄを除いたものを新たな集
合Ｄとする（ステップＳＴ１７）。

【００４１】自動生成処理部７は、データオブジェクト
ｄに対応する部品を、図６に示されたデータ記述手段か
ら採り出してそれをＢｏｘ内に設定する。そして、設定
されたものを部品ｇとする（ステップＳＴ１８）。例え
ば、ＧＩｎｔと記述されたデータは、スケールタイプの
部品の生成を意味するので、その場合には部品ｇは、ス
ケールタイプの部品がＢｏｘ内に設定されたものであ
る。そして、データオブジェクトｄと部品ｇを接続し
（ステップＳＴ１９）、ステップＳＴ１５に戻る。以上
の処理が実行されて、ＧＵＩが生成される。

【００４２】その後の処理は、第１の実施例における処
理と同様である。

【００４３】なお、本実施例では、最初にロー・カラム
ウィジェットに対応した部品を作成するようにしたが、
他の型の部品を用いてもよく、また、最初にそのような
部品を用意せずに直接各データオブジェクトに対応した
部品を画面上に生成するようにしてもよい。また、ロー
・カラムウィジェットに対応した部品を生成した後に集
合Ｄを設定したが、その順序は不同である。そして、デ
ータ記述手段のオブジェクトクラスとして図６に示す記
法を用いたが、他の記法、例えば、Ｃ言語のｉｎｔに対
応するデータ記述手段としてｖｉｓｕａｌｉｎｔと記
述するものがあるように、ｖｉｓｕａｌという形容詞を
つけて表現するものであってもよい。

【００４４】

【発明の効果】以上のように、請求項１記載の発明によ
れば、ＧＵＩ作成システムを、ユーザ処理部とともに入
力されたイベントが編集を指定するものであった場合に
ユーザ処理部の編集を行う対話編集処理部とを有するＧ
ＵＩ部品とを含む構成としたので、アプリケーションシ
ステムの実行時にＧＵＩ部品の修正が可能になり、ＧＵ
Ｉ開発期間を短縮するものが得られる効果がある。

【００４５】また、請求項２記載の発明によれば、ＧＵ
Ｉ作成システムを、自動生成処理部がアプリケーション
システムの実行時にユーザ処理部および対話編集処理部
を含むＧＵＩ部品を生成する構成としたので、アプリケ
ーションシステムの作成者がＧＵＩについての知識を必
要とせずにアプリケーションシステムの作成を行えるこ
とになり、ＧＵＩ開発期間をさらに短縮するものが得ら
れる効果がある。

【図面の簡単な説明】

【図１】この発明の一実施例によるＧＵＩ作成システム
の構成を示すブロック図である。

【図２】図１に示したものの動作を示すフローチャート
である。

【図３】この発明の他の実施例によるＧＵＩ作成システ
ムの構成を示すブロック図である。

【図４】図３に示したものの動作を示すフローチャート
である。

【図５】自動生成処理部の動作を示すフローチャートで
ある。

【図６】データ記述手段の一例を示す説明図である。

【図７】従来のＧＵＩ作成システムを示すブロック図で
ある。

【図８】図７に示したものの動作を示すフローチャート
である。

【図９】従来のＧＵＩを備えたＡＰシステムの動作を示
すフローチャートである。

【符号の説明】

１入力処理部３グラフィカルユーザインタフェース部品（ＧＵＩ部
品）４対話編集処理部（ＧＵＩ編集処理部）５ユーザ処理部７自動生成処理部

Claims

【特許請求の範囲】

【請求項１】入力されたイベントに従ってユーザとア
プリケーション処理との間の対話処理を司る各グラフィ
カルユーザインタフェース部品と、前記入力されたイベ
ントを前記グラフィカルユーザインターフェース部品に
伝える入力処理部とを有し、前記グラフィカルユーザイ
ンターフェース部品の修正を行うグラフィカルユーザイ
ンタフェース作成システムにおいて、前記各グラフィカ
ルユーザインタフェース部品は、入力されたイベントに
応じた対話処理を行うとともに、その部品に登録された
アプリケーション処理を実行するユーザ処理部と、入力
されたイベントが編集を指定するものであった場合に、
前記ユーザ処理部の編集を行う対話編集処理部とを有す
ることを特徴とするグラフィカルユーザインタフェース
作成システム。
【請求項２】入力されたイベントをグラフィカルユー
ザインターフェース部品に伝える入力処理部と、データ
オブジェクトとグラフィカルユーザユーザインターフェ
ース部品との対応関係にもとづいて、入力されたイベン
トに応じた対話処理を行うとともにその部品に登録され
たアプリケーション処理を実行するユーザ処理部、およ
び、入力されたイベントが編集を指定するものであった
場合に前記ユーザ処理部の編集を行う対話編集処理部を
含むグラフィカルユーザインタフェース部品を生成する
自動生成処理部とを有するグラフィカルユーザインタフ
ェース作成システム。