JPH09114621A - Ｇｕｉ画面デザイン支援方法 - Google Patents

Abstract

(57)【要約】 【課題】ＧＵＩ画面を持つソフトウェアの開発効率を向
上させとともに、ＧＵＩデザインの精度を高める。 【解決手段】画面に対応するフォーム、シートなどと呼
ばれるウィンドウ領域と、そのウィンドウ領域上に展開
されるコントロール部品の双方の属性情報の対応を設定
した関連情報格納テーブルと、フォーム上に新たにコン
トロール部品を貼り付ける際、もしくはフォームの属性
情報を変更した際に関連情報格納テーブルを参照し、コ
ントロール部品に最適な属性情報を設定する属性監視プ
ログラムで構成する。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明はソフトウェア開発支
援方法に関する。

【０００２】

【従来技術】従来のＧＵＩ画面の実現方法は、第３世代
言語（３ＧＬ）と呼ばれる言語によって、ＧＵＩの画面
に対応するウィンドウやコントロールと呼ばれるプッシ
ュボタン、テキストボックス、リストボックスなどの表
示処理、使用者の操作に対する処理記述をプログラミン
グしていた。そして、最近になり、ソフトウェア簡易開
発支援ツール（４ＧＬ）と呼ばれる言語が出現し、フォ
ームあるいはシートと呼ばれるウィンドウ領域にコント
ロールをマウス操作で貼り付けるという非常に簡単な操
作でＧＵＩ画面を実現できるツールが普及してきた。し
かし、これらのツールはウィンドウ領域上に、各ソフト
ウェア簡易開発支援ツールの提供する標準コントロール
をマウス操作で貼り付け、ウィンドウ領域上でその貼り
付けた個々のコントロールに対して、属性値（色、大き
さ、フォントなど）を設定する。その属性値は１つ１つ
のコントロール毎に、開発者自身でウィンドウ領域の属
性と照らし合わせながら、適切な値を検討し、設定しな
ければならない。

【０００３】ＧＵＩ作成後に、ウィンドウ領域の属性値
色を変更する場合には、そのウィンドウ領域上に展開す
る全てのコントロールの持つ属性値の変更を、使用者の
判断で行っている。また、複数の開発者による業務シス
テム開発においては、開発者間でのＧＵＩデザインの統
一を図る為に、ＧＵＩデザイン専門家が作成したガイド
を元に基準書を作成し開発者間での同期をとっている。

【０００４】ソフトウェア簡易開発支援ツールによって
は、標準コントロールの他に使用者固有のコントロール
を作成できるものが存在する。しかし、ウィンドウ領域
に対応させ、最適な属性値を設定するにはやはり使用者
の作業が必要となる。

【０００５】

【発明が解決しようする課題】上記技術では、使用者は
ウィンドウ領域の持つ属性値に対応させる形で、コント
ロールの持つ属性値を使用者の判断で、全てのコントロ
ールに対し、試行錯誤しながら設定する必要があり、使
用者の負担となっていた。また使用者にデザインのセン
スを要求する必要があった。また、複数の開発者による
業務システム開発において、開発者全員が同一デザイン
に則る開発が必須で、開発者は常に、他の開発者と同期
をとる必要性があり、それを実現する為に、ＧＵＩデザ
イン専門家が作成したガイドを元に基準書を作成し管理
する必要性があり、基準を作らなければ使用者間でデザ
インとして一貫性のあるものができないという問題があ
った。本発明はユーザに対する作業を軽減し、どのよう
なユーザが使用してもデザインセンスの必要性を要求せ
ず、なおかつ、複数の開発者間でのばらつきを排除し、
一貫性のあるＧＵＩ画面を作成できるようにする手段を
提供することを目的とする。

【０００６】

【課題を解決するための手段】本発明では、上記目的の
達成手段として、マウス操作でＧＵＩ画面を生成できる
ソフトウェア簡易開発支援ツールに、画面に対応するフ
ォームやシートなどと呼ばれるウィンドウ領域属性と、
ウィンドウ領域上に展開するコントロール部品属性の関
連情報テーブル、及び属性監視プログラムを設定する。
関連情報テーブルでは、ウィンドウ領域属性値に対応す
る形で、各コントロールが設定すべき最適な属性値をコ
ントロール種別毎に保持する。使用者がウィンドウ領域
にマウス操作でコントロール部品を貼り付ける際、もし
くは既に作成済みのＧＵＩ画面を変更するにあたりウィ
ンドウ領域属性を変更する際に、それらをトリガとし、
属性監視プログラムを起動し、ウィンドウ領域に設定さ
れている属性値と、ウィンドウ領域上に展開されてい
る、もしくは、展開されようとするコントロール種別を
認識し、認識した情報を元に関連情報テーブルを検索
し、各コントロールに設定すべき属性情報を認知し、各
コントロール部品にその属性情報を設定するものであ
る。

【０００７】画面に対応するフォームやシートなどと呼
ばれるウィンドウ領域の属性値と、ウィンドウ領域上に
展開する各コントロール部品の属性値をテーブル形式で
最適な値を保持させておくことで、ウィンドウ領域上の
コントロールに設定すべき属性値を開発者は試行錯誤し
て設定する必要がなくなり、作業効率の向上がはかれる
とともに、デザイン精度を引き上げることが可能とな
る。またＧＵＩ画面作成後のデザイン変更への対応作業
を大幅に削減できる。更にまた、複数開発者による、Ｇ
ＵＩデザインのばらつきの幅を小さくすることが可能と
なる。

【０００８】

【発明の実施の形態】以下本発明の一実施例を図１〜図
１１に従って説明する。図１では本実施例で取り扱うＧ
ＵＩ画面デザイン支援システムのシステム構成を示す。

【０００９】本システムは以下の装置で構成される。１
０３は文字情報などを入力する入力装置である。

【００１０】１０２は入力装置（１０３）の入力を補助
するマウスである。１０１は本発明を実現する実行部で
あり、ＧＵＩ画面を持つソフトウェアを開発する場合
に、シート、フォームと呼ばれる画面に対応するウィン
ドウ領域上に、コントロール部品をマウス（１０２）で
貼りつける際に、ウィンドウ領域の属性情報に応じて、
その上に展開するコントロール部品の属性情報を設定す
る処理装置である。

【００１１】１０４は処理装置（１０１）の処理結果を
表示する、ユーザインタフェースとなるディスプレイ画
面である。１０６は従来からあるＧＵＩ画面を持つソフ
トウェアの開発をマウス操作で簡易に行うためのＧＵＩ
画面作成支援プログラムである。１０５はＧＵＩ画面作
成支援プログラム（１０６）を格納する作成支援プログ
ラム格納ファイルである。

【００１２】１０７はコントロール部品の属性をどのよ
うなモードで設定させるかを指定させる為の、モード選
択画面を表示するためのモード指定実行プログラムであ
る。

【００１３】１１０は画面に対応するウィンドウ領域の
属性情報と、そのウィンドウ領域上に貼り付けられるコ
ントロール部品の属性情報の関連を保持する関連情報格
納テーブルである。１０９は新規に画面を作成する場合
において、画面に対応するウィンドウ領域上に、コント
ロール部品を貼り付ける際に、ウィンドウ領域の属性を
認識して、ウィンドウ領域の属性とコントロールの属性
の関連情報を保持している関連情報格納テーブル（１１
０）を、認識したウィンドウ領域属性情報をキーに検索
し、ウィンドウ領域上に貼り付けようとするコントロー
ル部品の種別に応じてそのコントロール部品に設定すべ
き情報を抽出し、ウィンドウ領域に貼りつけた直後に、
コントロール部品にその抽出した属性を設定する新規属
性監視プログラムである。

【００１４】１０８は画面に対応するウィンドウ領域上
に、いくつかのコントロール部品が貼り付けられ、その
コントロール部品に対して、属性情報が既に設定されて
いる場合において、ウィンドウ領域の属性情報を監視
し、ウィンドウ領域の属性が変更されると、ウィンドウ
領域の属性とコントロールの属性の関連情報を保持して
いる関連情報格納テーブル（１１０）を検索して、ウィ
ンドウ領域に貼り付けられている全てのコントロール部
品の属性情報を再設定する変更属性監視プログラムであ
る。

【００１５】１１２は使用者によって定義されたウィン
ドウ領域の属性情報を保持するフォーム属性情報格納テ
ーブルである。１１１は使用者によってウィンドウ領域
に貼り付けられたコントロール部品の属性情報を保持す
るオブジェクト属性情報格納テーブルである。１１３は
関連情報格納テーブル（１１０）を格納する関連情報格
納ファイルである。１１４はオブジェクト属性情報格納
テーブル（１１１）及び、フォーム属性情報格納テーブ
ル（１１２）を格納するオブジェクト属性格納ファイル
である。

【００１６】図２では本発明の処理フローを示す。利用
者がＧＵＩ画面を持つソフトウェアの作成作業を開始す
ると以下の処理を実施する。尚、以下では画面に対応す
るウィンドウ領域をフォームとして説明する。

【００１７】まずはじめに、従来のＧＵＩ画面を持つソ
フトウェア開発を支援するＧＵＩ画面作成支援プログラ
ム（１０６）を起動する。（ステップ２０１） 次にフォーム上に貼り付けるコントロール部品の属性を
どのようなモードにするかを使用者に選択させるモード
選択ウィンドウ（１０７a)を表示する。そのモードとし
て、フォームの色に対し、コントロールのテキストを強
調させるモードや、フォームとコントロールの色合い
を、目にやさしい色使いにするモードなどが考えられ
る。

【００１８】モード選択ウィンドウ（１０７ａ）は３０
１〜３０４に示すモード説明のテキストと、モード選択
ボタン（３０５〜３０８）から成る。モード説明テキス
ト（３０１〜３０４）はそれぞれ、各モードがどのよう
なものかを説明するものである。使用者にその説明を参
照させ、最適なモードをモード選択ボタン（３０５〜３
０８）から選択させる。選択されたモードはフォーム属
性情報格納テーブル（１１２ａ）に格納する。１１２ａ
はフォーム属性情報格納テーブル（１１２）の詳細説明
図である。フォーム属性格納テーブル（１１２ａ）は、
フォーム名（６０１）をキーとして、モード（６０
２）、フォーム色（６０３）、フォームの位置とサイズ
情報である左位置（６０４）、上位置（６０５）、横幅
（６０６）、縦幅（６０７）の属性情報を持つ。ここで
は色、位置、サイズの属性を持つが、更にフォームの属
性情報をカラムとして追加することが可能である。左位
置（６０４）、上位置（６０５）、横幅（６０６）、縦
幅（６０７）の値は７０１に示す６０４ａ〜６０７ａの
値に対応する。モード設定情報はフォーム名のデフォル
ト値をキーとして、フォーム属性情報格納テーブル（１
１２ａ）に格納する。（ステップ２０２） 次に、フォーム作成画面（１０６ａ）を表示し、フォー
ムの属性情報を属性設定ボックス（４０２）から使用者
に設定させる。設定した属性情報はフォーム属性情報格
納テーブル（１１２ａ）にステップ２０２で設定したモ
ード情報と同一のレコードに格納する。（ステップ２０
３） 次に、フォーム上に貼り付けるコントロール部品を選択
させる部品ボックス（５０１）と、属性設定ボックス
（５０２）を持つフォーム作成画面（１０６ｂ）を表示
し、使用者に部品ボックス（５０１）から必要なコント
ロール部品を選択させ、マウス操作でフォーム（５０
３）上にそのコントロール部品を、最適な位置に貼り付
けさせる。（ステップ２０４） すると新規属性監視プログラム（１０９）が貼り付けら
れたコントロール種別と、フォーム属性情報格納テーブ
ル（１１２ａ）に格納しているフォーム（５０３）に設
定されている属性情報（６０３〜６０７）とモード（６
０２）を元に、関連情報格納テーブル「フォーム色」
（１１０ａ）、関連情報格納テーブル「フォームサイ
ズ」（１１０ｂ）を検索し、貼り付けられたコントロー
ル部品に設定すべき色、サイズを抽出し、抽出した属性
情報はオブジェクト属性情報格納テーブル（１１１ａ）
に格納する。更に、その検索情報をもとに、フォーム上
のコントロール部品に属性を設定する。

【００１９】尚、１１０ａ，１１０ｂは関連情報格納テ
ーブル（１１０）の詳細説明図であり、１１１ａはオブ
ジェクト属性情報格納テーブル（１１１）の詳細説明図
である。

【００２０】オブジェクト属性情報格納テーブル（１１
１ａ）における１１０１はコントロール部品が貼り付け
られているフォーム名であり、１１０２はコントロール
部品の名称つまりオブジェクト名を格納し、フォーム名
（１１０１）＋オブジェクト名（１１０２）がオブジェ
クト属性情報格納テーブル（１１１ａ）のキー項目とな
る。また１１０３はフォーム上に貼り付いているコント
ロール部品の前景色を格納し、１１０４は背景色を格納
する。前景色、背景色はコントロールの種別により、１
００１のようになる。８０４ａはコマンドボタンコント
ロール、８０５ａはテキストコントロール、８０６ａは
エディットボックスコントロール、８０７ａはコンボボ
ックスコントロール、８０８ａは四角形コントロール、
８０９ａは円コントロールのそれぞれの前景色、背景色
を表す。１１０５はコントロール部品がフォーム上のど
の位置に配置されるかを示す左位置を格納し、１１０６
はその上位置を格納する。１１０７はコントロールの大
きさを示す横幅を格納し、１１０８はその縦幅を格納す
る。左位置（１１０５）、上位置（１１０６）、横幅
（１１０７）、縦幅（１１０８）は７０１の６０４ａ，
６０５ａ，６０６ａ，６０７ａにそれぞれ対応する。

【００２１】その他、新規属性設定監視プログラムで設
定できない属性情報については、フォーム作成画面（１
０６ｂ）の属性設定ボックス（５０２）より、使用者に
最適値を設定させる。

【００２２】本実施例では関連情報格納テーブル（１１
０ａ）（１１０ｂ）として色、サイズ属性のみを記載す
るが、同じように、属性毎に関連情報を保持すること
で、開発の簡易性を更に向上させる事ができる。

【００２３】コントロール部品に設定すべき色の抽出方
法の例として、フォーム属性情報格納テーブル（１１２
ａ）からフォーム名（６０１）をキーにそのフォームに
設定しているモード（６０２）と、フォーム色（６０
３）を抽出する。そして、抽出したモード（８０１）と
フォーム色（８０２）をキーとして、関連情報格納テー
ブル「フォーム色」（１１０ａ）を検索し、レコードの
抽出を行う。抽出したレコードの中から更に、貼り付け
たコントロール部品の種別に対応するカラム（８０４〜
８０９）から、コントロール部品に設定すべきオブジェ
クト属性（８０３）の前景色、背景色を抽出する。背景
色、前景色はコントロール部品の種別により、１００１
のようになる。８０４ａはコマンドボタンコントロー
ル、８０５ａはテキストコントロール、８０６ａはエデ
ィットボックスコントロール、８０７ａはコンボボック
スコントロール、８０８ａは四角形コントロール、８０
９ａは円コントロールのそれぞれの前景色、背景色を表
す。

【００２４】コントロール部品に設定すべき大きさの抽
出方法の例として、フォーム属性情報格納テーブル（１
１２ａ）からフォーム名（６０１）をキーにそのフォー
ムに設定しているモード（６０２）を抽出する。そし
て、抽出したモード（９０１）と貼り付けたコントロー
ル部品の種別であるオブジェクト種別（９０３）をキー
として、関連情報格納テーブル「フォームサイズ」（１
１０ｂ）を検索し、レコードの抽出を行う。更に、抽出
したレコードの中からオブジェクト横幅比率（９０
４）、オブジェクト縦幅比率（９０５）の値を元に、コ
ントロールに設定すべき大きさを算出する。

【００２５】例えば演算式は コントロール部品縦サイズ＝フォーム横幅（６０７）×
オブジェクト横幅比率（９０４）／１００ コントロール部品横サイズ＝フォーム横幅（６０７）×
オブジェクト縦幅比率（９０５）／１００ として、コントロール部品のサイズを求める。（ステッ
プ２０５） フォーム属性監視プログラム（１０８）は一度定義した
フォームを監視し、フォーム作成画面（１０６ｂ）のモ
ード設定メニュー（５０４）からモード変更がされる
か、またはフォームの属性の変更がされるかを監視す
る。モード変更または、フォーム属性の変更が使用者か
らなされた場合に、その変更をトリガとして、全てのフ
ォーム上のコントロール部品に対してそのフォームの変
更情報をキーに、関連情報格納テーブル「フォーム色」
（１１０ａ）、関連情報格納テーブル「フォームサイ
ズ」（１１０ｂ）を検索し、変更属性に対応する属性値
を抽出し、抽出した属性情報はオブジェクト属性情報格
納テーブル（１１１ａ）に格納する。そして全てのフォ
ーム上のコントロール部品にオブジェクト属性情報格納
テーブル（１１１ａ）に格納した属性値を設定する。
（ステップ２０６）

【００２６】

【発明の効果】本発明は、ＧＵＩ画面を持つソフトウェ
アを開発するにおいて、ＧＵＩデザインを試行錯誤して
設定する必要がなくなり、複数開発者による開発におい
ても、デザインの統一をはかることが可能となる。ま
た、開発者にデザインのセンスを要求する事なく、デザ
イン的に精度の高いＧＵＩ画面を簡単に作成することが
可能となる。更に、属性設定作業を簡略化できるため作
業効率向上をはかることが可能となる。

【図面の簡単な説明】

【図１】本発明の実施例が適用されるＧＵＩ画面デザイ
ンシステムのシステム構成である。

【図２】ＧＵＩ画面デザインシステムのフローチャート
である。

【図３】使用者にモードを選択させるモード選択ウィン
ドウのサンプルである。

【図４】使用者に画面に対応するフォームの属性情報を
設定させるフォーム属性定義ウィンドウのサンプルであ
る。

【図５】使用者にコントロール部品をフォーム上に貼り
付け、コントロール部品に属性情報を設定するフォーム
定義ウィンドウのサンプルである。

【図６】フォーム属性情報格納テーブル（１１２）の詳
細図である。

【図７】フォーム属性情報格納テーブル詳細図（１１２
ａ）のテーブル項目の詳細説明図である。

【図８】関連情報格納テーブル（１１０）のフォーム色
属性用のテーブルの詳細図である。

【図９】関連情報格納テーブル（１１０）のフォームサ
イズ属性用のテーブルの詳細図である。

【図１０】フォーム色属性用のテーブルの詳細図（１１
０ａ）の前景色、背景色属性の詳細説明図である。

【図１１】オブジェクト属性情報格納テーブル（１１
１）の詳細図である。

【符号の説明】

１０１…処理装置、 １０２…マウス、 １０３…入力
装置、１０４…表示装置、 １０５…作成支援プログラ
ム格納ファイル、１０６…ＧＵＩ画面作成支援プログラ
ム、１０７…モード指定実行プログラム、１０８…変更
属性監視プログラム、 １０９…新規属性監視プロ
グラム、１１０…関連情報格納テーブル、 １１１…オ
ブジェクト属性情報格納テーブル、１１２…フォーム属
性情報格納テーブル、１１３…関連情報格納ファイル、
１１４…オブジェクト属性格納ファイル。

Claims (6)

【特許請求の範囲】
1. 【請求項１】グラフィカルユーザインタフェース（ＧＵ
   Ｉ）を持つソフトウェア開発において、アプリケーショ
   ン画面に対応するシート、フォームなどと呼ばれるウィ
   ンドウ領域に、ＧＵＩの部品となるプッシュボタン、テ
   キストボックス、リストボックスなどのコントロール部
   品を、使用者がマウス操作で貼り付けＧＵＩ画面を作成
   するソフトウェア簡易開発支援ツールによるＧＵＩ画面
   作成を支援する為に、ウィンドウ領域の色、大きさなど
   の属性情報に対応させて、そのウィンドウ領域上に貼り
   付けるコントロール部品種別毎に、コントロール部品の
   色、大きさ等の属性情報との最適関連情報を持つ関連情
   報テーブルを保持すること及び、ＧＵＩ画面の新規作成
   時、即ちウィンドウ領域にコントロール部品を貼り付け
   る際に、コントロール部品を展開するウィンドウ領域の
   属性情報を認知し、そのウィンドウ領域の属性情報を関
   連テーブルと照合し、コントロール部品に設定すべき情
   報を抽出し、コントロール部品の属性を設定する新規属
   性監視プログラムを保持することを特徴とするＧＵＩ画
   面デザイン作成支援方法。
2. 【請求項２】請求項１の関連情報テーブルを保持するこ
   と及び、ＧＵＩ画面の変更時、即ちウィンドウ領域に既
   にコントロール部品を貼り付けてある場合において、コ
   ントロール部品の貼り付いているウィンドウ領域の属性
   変更の際に、ウィンドウ領域の持つ属性情報と、ウイン
   ドウ領域上にあるコントロールの属性情報を監視し、関
   連情報テーブルの情報との整合性を保持することを目的
   とした変更属性監視プログラムを保持することを特徴と
   するＧＵＩ画面デザイン作成支援方法。
3. 【請求項３】請求項１の関連情報テーブルを保持するこ
   と及び、請求項１の新規属性監視プログラムを保持する
   こと及び、請求項２の変更属性監視プログラムを保持す
   ることを特徴とするＧＵＩ画面デザイン作成支援方法。
4. 【請求項４】請求項１の関連情報テーブルに、ユーザが
   選択できるいくつかのモードを設定し、そのモード毎に
   ウィンドウ領域属性とコントロール部品属性の関連情報
   を持つモード関連情報テーブルを保持すること及び、請
   求項１の新規属性監視プログラムを保持することを特徴
   とするＧＵＩ画面デザイン作成支援方法。
5. 【請求項５】請求項４のモード関連情報テーブルを保持
   すること及び、請求項２の変更属性監視プログラムを保
   持することを特徴とするＧＵＩ画面デザイン作成支援方
   法。
6. 【請求項６】請求項４のモード関連情報テーブルを保持
   すること及び、請求項１の新規属性監視プログラムを保
   持すること及び、請求項２の変更属性監視プログラムを
   保持することを特徴とするＧＵＩ画面デザイン作成支援
   方法。