JPH064279A - ユーザインタフェース画面編集装置 - Google Patents

Abstract

(57)【要約】 【目的】 アプリケーションプログラムの作成を効率的
に行なえるようにする。 【構成】 本発明では、ユーザインタフェース画面編集
装置に画面の設定領域に対する表示形態データと、上記
設定領域に対する入力の結果起動される処理を対応付け
て管理するテーブルを設け、表示形態データと、上記設
定領域に対する入力の結果起動される処理と、上記管理
テーブルをファイルとして出力する処理を設ける。さら
に、上記表示形態データを対話的に作成する際に、対応
する設定領域に対する入力の結果起動される処理を編集
する処理を設ける。 【効果】 本方式のユーザインタフェース画面編集装置
を利用することにより、アプリケーションプログラムの
ユーザインタフェース部の画面の表示形態データの修正
に伴って、対応する設定領域に対する入力の結果起動さ
れる処理を簡単に変更できる。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、画面上で設定した領域
へのポインティングデバイスからの入力と、その他の入
力デバイスからの入力があった時、上記設定領域の表示
を、表示形態データと、上記入力デバイスからの入力デ
ータを利用して再表示する処理を有するグラフィカルユ
ーザインタフェースで、上記設定領域の表示形態データ
を対話的に作成するユーザインタフェース画面編集装置
において、上記設定領域の表示形態データと、そこへの
入力により起動される処理をまとめて管理し、それらの
情報をファイルとして出力する機能を持つユーザインタ
フェース画面編集装置に関する。

【０００２】

【従来の技術】ポインティングデバイスからの入力を受
けとったり、データを表示するために画面上に設定した
領域の位置や、サイズ、表示色を、画面上で対話的に設
計し、その設計した表示形態データをファイルとして保
存する機能を持つユーザインタフェース画面編集方法と
して、特開昭６３−１２８４２２がある。このユーザイ
ンタフェース画面編集装置は、画面の表示形態データを
プログラムと分離して管理することにより、画面のみの
変更や、プログラムの計算部分のみの変更がしやすいと
いう特徴を持つ。

【０００３】

【発明が解決しようとする課題】従来のユーザインタフ
ェース編集方法では、画面の上記設定領域に対する表示
形態データをプログラムと分離して管理することによ
り、画面のみの変更や、プログラムの計算部分のみの変
更がしやすいという特徴を持っていた。しかし、上記設
定領域を変更することにより、上記設定領域に対する入
力により起動される処理プログラムに修正が必要な場合
には、プログラムで修正するべき箇所を探すのが難しい
という問題点があった。

【０００４】本発明の目的は、画面上の上記設定領域の
表示形態データと、その設定領域に対する入力の結果起
動される処理をまとめて管理することにより、アプリケ
ーションプログラムの作成を効率的に行なえるようにす
ることにある。

【０００５】

【課題を解決するための手段】上記目的達成のために本
発明では、ユーザインタフェース画面編集装置に画面の
設定領域に対する表示形態データと、上記設定領域に対
する入力の結果起動される処理を対応付けて管理するテ
ーブルを設け、表示形態データと、上記設定領域に対す
る入力の結果起動される処理と、上記管理テーブルをフ
ァイルとして出力する処理を設ける。さらに、上記表示
形態データを対話的に作成する際に、対応する設定領域
に対する入力の結果起動される処理を編集する処理を設
ける。

【０００６】

【作用】本方式のユーザインタフェース画面編集装置を
利用することにより、アプリケーションプログラムのユ
ーザインタフェース部の画面の表示形態データの修正に
伴って、対応する設定領域に対する入力の結果起動され
る処理を簡単に変更できるようになる。

【０００７】

【実施例】本発明の一実施例を、図１から図６を用いて
説明する。まず、本発明では、画面上で設定した領域の
位置、サイズ、色等を決定する表示形態データと、上記
設定領域へのポインティングデバイスからの入力およ
び、その他の入力デバイスからの入力があった時、上記
設定領域の表示を決定する表示形態データおよび、上記
入力デバイスからの入力データに応じて再表示する処理
をまとめて、ユーザインタフェースにおける「部品」と
呼ぶことにする。部品には、例えば、ポインティングデ
バイスからの入力を受けとったことをアプリケーション
に通知するボタンや、ユーザのキーボードからの入力を
表示するためのテキストや、これらの部品を配置するた
めのボードといったものがある。ユーザインタフェース
画面は、これらの部品を階層的に組み合わせることによ
り実現される。例えば、ボード上のボタンは、ボードの
子どもとして管理される。部品の位置、サイズ、色等の
表示を決定する表示形態データを特に「属性」と呼ぶこ
とにする。

【０００８】また、上記設定領域の表示形態データと、
上記入力デバイスからの入力データに応じて再表示する
処理をユーザが決定した部品を、「ユーザ部品」と呼ぶ
ことにする。

【０００９】図１は、本方式のユーザインタフェース画
面編集装置の全体を示した図である。１１はディスプレ
イ、１２はＣＰＵおよびメモリ、１３は、外部記憶装
置、１４はキーボード、１５はマウスである。本方式の
ユーザインタフェース画面編集装置の使用者は、キーボ
ード１４およびマウス１５を利用してユーザインタフェ
ース画面を作成する。

【００１０】１２のメモリ中には、ユーザインタフェー
ス画面編集プログラム１２１と、作成中のアプリケーシ
ョンでユーザが定義する部品を管理するユーザ部品管理
テーブル１２２がある。１３の外部記憶装置中には、ア
プリケーションで使用する画面の部品の階層構造と部品
の属性を記述した画面データファイル１３１、いくつか
の部品を組み合わせた部品の定義を記述したユーザ部品
定義ファイル１３２、部品への入出力に対応して、起動
される処理プログラムを記述したユーザ部品アクション
ファイル１３３、および、アプリケーションのユーザプ
ログラム本体１３４が格納されている。

【００１１】図２は、本方式のユーザインタフェース画
面編集装置を利用したプログラムの作成を示した図であ
る。アプリケーションプログラム２４を作成するために
ユーザは、テキスト編集部２１を利用してユーザプログ
ラム本体１３４を作成し、本発明のユーザインタフェー
ス画面編集部２２を利用して、画面データファイル１３
１を作成する。この時、ユーザインタフェース画面編集
部２２はテキスト編集部２１を起動してユーザ部品定義
ファイル１３２と、ユーザ部品アクションファイル１３
３を作成する。ユーザプログラム本体１３２と、画面デ
ータファイル１３１と、ユーザ部品定義ファイル１３２
をコンパイラ２３でコンパイルすることにより、アプリ
ケーションプログラム２４を得る。アプリケーションプ
ログラム２４は、その実行時に画面データファイル１３
１を読み込むことによりユーザインタフェース部分を作
成する。

【００１２】図３は、ユーザインタフェース画面編集部
２２を示した図である。３１は、ユーザインタフェース
画面編集部全体を制御する制御部、３２は、作成した画
面データを画面に表示する画面表示部、３３は、ユーザ
からの入力を解釈し、ユーザインタフェース画面データ
を作成するマンマシン入力部、３４は、画面データファ
イル１３１の入力を制御するファイル入出力部、３５
は、作成したユーザインタフェース画面を記憶する記憶
装置である。

【００１３】図４は、本方式のユーザインタフェース画
面編集装置による画面編集の例を示した図である。４１
は、本ユーザインタフェース画面編集装置が提供する部
品のサンプルを載せた部品ボード、４２は、アプリケー
ションプログラムで実際に利用する画面となるアプリケ
ーションボード、４３は、４２のアプリケーションボー
ド上には位置した部品の色や、文字列等を設定するため
の属性設定ボードである。

【００１４】部品ボード４１には、本ユーザインタフェ
ース画面編集装置で使用するコマンドを選択するための
プルダウンメニュー４１１と、アプリケーションボード
４２には位置するためのサンプルとして、文字列を表示
するための部品であるラベル４１２、ユーザからのマウ
スを利用した入力を受け付ける部品であるボタン４１
３、ユーザからのキーボードを利用した入力を受け付
け、それを表示する機能を持つ部品であるテキスト４１
４、複数の選択項目を階層的に配置したプルダウンメニ
ュー４１５、複数個の選択肢の中から一つだけ項目を選
択する際に使用するラジオボックス４１６、上記の部品
を配置する際の土台となるボード４１７が配置されてい
る。

【００１５】部品ボード４１上でマウスでピックした部
品を、アプリケーションボード４２に運ぶことにより、
アプリケーションで使用する画面を作成する。例えば、
部品ボード４１上のテキスト４１４をマウスピックし、
そのままドラッグしてアプリケーションボード４２に運
ぶことにより、実際のアプリケーションで使用するテキ
スト４２１をボード上に作成できる。

【００１６】属性設定ボード４３は、対象となる部品の
持つ属性を対話的に設定するためのボードである。ここ
で、設定できる属性は、部品の種別によって異なる。図
３中の属性設定ボード４３は、部品として、特にテキス
トの属性を設定するものである。４３１は、テキストの
文字色を選択するためのボタン、４３２は、テキストの
背景色を選択するためのボタン、４３３はテキストの縁
の線の色を選択するためのボタンであり、これらを選択
することにより、色を設定することができる。４３４
は、テキストに前もって入力されている文字列を設定す
るための表示文字列入力領域、４３５は、編集中の部品
に名称を設定するための部品名入力領域、４３６は、対
象となるテキストの属性設定が完了し、属性設定ボード
４３を消去するための了解ボタン、４３７は、対象とな
るテキストの属性設定結果をアプリケーションボード４
２上で反映させるための設定ボタン、４３８は、属性設
定を取り消すための取消ボタンである。

【００１７】本方式のユーザインタフェース画面編集装
置は、画面データファイル１３１を読み込む時に、その
中に存在するユーザ部品名をユーザ部品管理テーブル１
２２に登録する。

【００１８】図５は、部品への入出力に対応して、起動
される処理プログラムを作成する時の処理を示したフロ
ーチャートである。ステップ５１は、部品ボード４１上
の部品を選択するステップ、ステップ５２は、ステップ
５１で選択した部品をアプリケーションボード４２に配
置するステップ、ステップ５３は、選択した部品の属性
を属性設定ボード４３を利用して入力するステップ、ス
テップ５４は、入力された部品名が、ユーザ部品管理テ
ーブル１２２に存在するか判定するステップ、ステップ
５５は、部品名がすでに存在した場合、その部品への入
出力に対応して、起動される処理プログラムを変更して
も良いかユーザに問い合わせるステップ、ステップ５６
は、選択された部品への入出力に対応して、起動される
処理プログラムのひな型を作成するステップである。

【００１９】ステップ５７は、指定された部品名に対応
するユーザ定義アクションファイル１３３を外部記憶装
置から読み込むステップ、ステップ５８は部品への入出
力に対応して、起動される処理プログラムをテキスト編
集部２１に表示するステップ、ステップ５９は、ステッ
プ５８で表示した部品への入出力に対応して、起動され
る処理プログラムを編集するステップ、ステップ５１０
は、ステップ５３で部品名入力領域４３５に入力された
部品名を、ユーザ部品管理テーブル１２２に登録するス
テップ、ステップ５１１は、ステップ５９で編集した部
品への入出力に対応して、起動される処理プログラムを
ユーザ定義アクションファイル１３３として出力するス
テップである。

【００２０】図６は、いくつかの部品を組み合わせたも
のを新たに部品として定義する処理を示したフローチャ
ートである。ステップ６１は、アプリケーションボード
４２上で新たに定義する部品に含まれる部品を選択する
ステップ、ステップ６２は選択した部品のグループに対
する部品名を入力するステップ、ステップ６３は、入力
された部品名が、ユーザ部品管理テーブル１２２に存在
するか判定するステップ、ステップ６４は、部品名がす
でに存在した場合、その部品への入出力に対応して、起
動される処理プログラムを変更しても良いかユーザに問
い合わせるステップ、ステップ６５は、選択された複数
の部品への入出力に対応して、それぞれ起動される処理
プログラムのひな型を作成するステップである。

【００２１】ステップ６６は、指定された部品名に対応
するユーザ定義アクションファイル１３３を外部記憶装
置から読み込むステップ、ステップ６７は部品への入出
力に対応して、起動される処理プログラムをテキスト編
集部２１に表示するステップ、ステップ６８は、ステッ
プ６７で表示した部品への入出力に対応して、起動され
る処理プログラムを編集するステップ、ステップ６９
は、ステップ６２で部品名入力領域４３５に入力された
部品名を、ユーザ部品管理テーブル１２２に登録するス
テップ、ステップ６１０は、ステップ６８で編集したそ
れぞれの部品への入出力に対応して、起動される処理プ
ログラムをユーザ定義アクションファイル１３３として
出力するステップ、ステップ６１１は、選択した複数の
部品の階層関係をユーザ部品定義ファイル１３２として
出力するステップである。

【００２２】

【発明の効果】本発明では、部品への入出力に対して、
起動される処理プログラムをユーザ部品アクションファ
イルとして、個別に管理し、画面作成時に連動して作成
および変更することにより、プログラムの開発効率をあ
げることができる。

【図面の簡単な説明】

【図１】ユーザインタフェース画面編集装置全体図であ
る。

【図２】本方式のユーザインタフェース画面編集装置を
利用したプログラムの作成例である。

【図３】ユーザインタフェース画面編集部である。

【図４】ユーザインタフェース画面編集装置による画面
編集の例である。

【図５】ユーザ定義部品を定義する場合のフローチャー
トである。

【図６】組合せ部品を定義する場合のフローチャートで
ある。

【符号の説明】

１１…ディスプレイ、１２…ＣＰＵおよびメモリ、１３
…外部記憶装置、１４…キーボード、１５…マウス、２
１…テキスト編集部、２２…ユーザインタフェース画面
編集部、３１…全体制御部、３２…画面表示部、３３…
マンマシン入出力部、３４…ファイル入出力部

Claims (4)

【特許請求の範囲】
1. 【請求項１】画面上で設定した領域の位置、サイズ、色
   等を決定する表示形態データと、上記設定領域へのポイ
   ンティングデバイスからの入力および、その他の入力デ
   バイスからの入力があった時、上記設定領域の表示を表
   示形態データおよび、入力デバイスからの入力データを
   利用して再表示する処理を有するグラフィカルなユーザ
   インタフェースで、上記設定領域の表示形態データを対
   話的に作成することを特徴とするユーザインタフェース
   編集装置において、上記設定領域の表示形態データと、
   そこへの入力により起動される処理をまとめて管理する
   ことを特徴とする、ユーザインタフェース編集装置。
2. 【請求項２】画面上で設定した領域の位置、サイズ、色
   等を決定する表示形態データと、上記設定領域へのポイ
   ンティングデバイスからの入力および、その他の入力デ
   バイスからの入力があった時、上記設定領域の表示を表
   示形態データおよび、入力デバイスからの入力データに
   応じて再表示する処理を有するグラフィカルなユーザイ
   ンタフェースで、上記設定領域の表示形態データを対話
   的に作成することを特徴とするユーザインタフェース編
   集装置において、複数個の上記設定領域に対する表示形
   態データと、それらの設定領域への入力により起動され
   る処理をまとめて管理することを特徴とする、ユーザイ
   ンタフェース編集装置。
3. 【請求項３】画面上で設定した領域の位置、サイズ、色
   等を決定する表示形態データと、上記設定領域へのポイ
   ンティングデバイスからの入力および、その他の入力デ
   バイスからの入力があった時、上記設定領域の表示を、
   上記設定領域の表示を表示形態データおよび、上記入力
   デバイスからの入力データに応じて再表示する処理を有
   するグラフィカルなユーザインタフェースで、上記設定
   領域の表示形態データを対話的に作成することを特徴と
   するユーザインタフェース編集装置において、上記設定
   領域の表示形態データと、そこへの入力により起動され
   る処理をまとめて管理した情報をファイルとして出力す
   ることを特徴とする、請求項１記載のユーザインタフェ
   ース編集装置。
4. 【請求項４】画面上で設定した領域の位置、サイズ色等
   を決定する表示形態データと、上記設定領域へのポイン
   ティングデバイスからの入力および、その他の入力デバ
   イスからの入力があった時、上記設定領域の表示を、上
   記設定領域の表示形態データおよび、上記入力デバイス
   からの入力データに応じて再表示する処理を有するグラ
   フィカルなユーザインタフェースで、上記設定領域の表
   示形態データを対話的に作成することを特徴とするユー
   ザインタフェース編集装置において、複数個の上記設定
   領域に対する表示形態データと、その設定領域への入力
   により起動される処理をまとめて管理したものをファイ
   ルとして出力することを特徴とする、請求項２記載のユ
   ーザインタフェース編集装置。