JPH06230953A - グラフィカル・ユーザインタフェース設計装置 - Google Patents

グラフィカル・ユーザインタフェース設計装置

Info

Publication number
JPH06230953A
JPH06230953A JP5037316A JP3731693A JPH06230953A JP H06230953 A JPH06230953 A JP H06230953A JP 5037316 A JP5037316 A JP 5037316A JP 3731693 A JP3731693 A JP 3731693A JP H06230953 A JPH06230953 A JP H06230953A
Authority
JP
Japan
Prior art keywords
data
user interface
gui
graphical user
input
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
Application number
JP5037316A
Other languages
English (en)
Inventor
Sakiko Inoue
左紀子 井上
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Mitsubishi Electric Corp
Original Assignee
Mitsubishi Electric Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Mitsubishi Electric Corp filed Critical Mitsubishi Electric Corp
Priority to JP5037316A priority Critical patent/JPH06230953A/ja
Publication of JPH06230953A publication Critical patent/JPH06230953A/ja
Pending legal-status Critical Current

Links

Landscapes

  • Stored Programmes (AREA)

Abstract

(57)【要約】 (修正有) 【目的】 GUI構成要素設計書の生成、GUI機能フ
ロー設計書の生成、及びGUI構成要素のデータチェッ
クを自動化できるGUI設計装置を得る。 【構成】 データフローダイヤグラム上でユーザにGU
I入出力データを指定させることによってデータディク
ショナリデータからGUI構成要素設計書を自動生成
し、GUI機能要素図を表示したコントロール指定エデ
ィタ上でユーザに処理呼び出しを指定させることによっ
てGUI機能フロー設計書を自動生成し、また、データ
フローダイヤグラム上でユーザにデータの源泉を指定さ
せることによってGUI入出力データを自動チェックす
る。 【効果】 データの漏れや誤りを防止することができ、
ドキュメントの作成時間が短縮できる。

Description

【発明の詳細な説明】
【0001】
【産業上の利用分野】この発明は、ソフトウェア開発に
際してグラフィカル・ユーザインタフェース(以下GU
Iという)設計を支援するGUI設計装置に関するもの
である。
【0002】
【従来の技術】従来、GUIによって入出力されるデー
タの設計、GUIの階層構造の設計、また、設計図のド
キュメント化は、構造化分析によって得られるデータデ
ィクショナリ(以下DDという)等を参考にして、人手
によって紙上でなされていた。
【0003】
【発明が解決しようとする課題】従来のGUI入出力デ
ータの設計は、以上のように人手によって紙上でなされ
ていたため、構造化分析の成果をそのまま利用すること
ができず、また、設計したデータをチェックすることも
困難で、漏れの発生する可能性があるばかりか、GUI
入出力データを記述したGUI構成要素設計書、GUI
の階層構造を示したGUI機能フロー設計書を人手でド
キュメント化するために多大な労力を必要とするなどの
問題点があった。
【0004】請求項1の発明は上記のような問題点を解
消するためになされたもので、GUI構成要素設計書を
自動生成可能なGUI設計装置を得ることを目的とす
る。
【0005】また、請求項2の発明は、GUI機能フロ
ー設計書を自動生成可能なGUI設計装置を得ることを
目的とする。
【0006】また、請求項3の発明は、GUI構成要素
のデータチェックを自動化可能なGUI設計装置を得る
ことを目的とする。
【0007】
【課題を解決するための手段】請求項1の発明に係るG
UI設計装置は、データフローダイヤグラム(以下DF
Dという)上でGUI入出力データを指定することによ
り、DDデータよりGUI構成要素設計書を自動生成す
るものである。
【0008】また、請求項2の発明に係るGUI設計装
置は、GUI機能要素図を表示したコントロール指定エ
ディタ上で個々のGUI入出力データに処理呼び出しを
指定することにより、GUI機能フロー設計書を自動生
成するものである。
【0009】また、請求項3の発明に係るGUI設計装
置は、DFD上でデータの源泉を指定することにより、
GUI入出力データのチェックを自動的に行うものであ
る。
【0010】
【作用】請求項1の発明におけるGUI設計装置は、D
FD上でユーザにGUI入出力データを指定させること
により、DDデータからGUI構成要素設計書を自動生
成する。
【0011】また、請求項2の発明におけるGUI設計
装置は、GUI機能要素図を表示したコントロール指定
エディタ上でユーザに処理呼び出しを指定させることに
より、GUI機能フロー設計書を自動生成する。
【0012】また、請求項3の発明におけるGUI設計
装置は、DFD上でユーザにデータの源泉を指定させる
ことにより、GUI入出力データを自動的にチェックす
る。
【0013】
【実施例】
実施例1.以下、この発明の一実施例を図について説明
する。図1は請求項1の発明の一実施例を示すブロック
図である。図において、1はDFDデータを生成するD
FD生成部、2はDDデータを生成するDD生成部であ
り、3は生成されたDFDデータ、4はDDデータであ
る。また、5はこれらDFDデータ3およびDDデータ
4に基づいてGUI構成要素設計書を生成して出力する
GUI構成要素生成機能ブロックである。
【0014】また、6はDFDを表示し、ユーザから入
力されるGUI入出力DD指定を受けて、GUIの入出
力となるデータフローの指定を行うGUI入出力データ
指定エディタであり、7はそのDFD表示、8はGUI
入出力DD指定である。9はユーザ入力より指定された
DDを抽出し、GUI入出力DDデータを生成するGU
I入出力データ抽出部であり、10は生成されたGUI
入出力DDデータである。11は前記DDデータ4を用
いて、このGUI入出力DDデータ10を階層展開する
GUI入出力データ階層展開部である。12はさらにそ
の論理表現をデータ記述に変換してGUI入出力データ
14へ生成するGUI入出力データ論理変換部であり、
13は生成されたGUI入出力データである。14は前
記GUI入出力DDデータ10とこのGUI入出力デー
タ13に基づいてGUI構成要素図を表示し、GUI構
成要素設計書を出力するGUI構成要素図出力部であ
り、15はそのGUI構成要素図表示、16はGUI構
成要素設計書である。前記GUI構成要素生成機能ブロ
ック5は、これらGUI入出力データ指定エディタ6、
GUI入出力データ抽出部9、GUI入出力データ階層
展開部11、GUI入出力データ論理変換部12、およ
びGUI構成要素図出力部14を備えている。
【0015】また、図2は出力されるGUI構成要素設
計書16の一例を示す説明図であり、図中、17はGU
I入出力データ13の内容表示、18はGUI入出力D
Dデータ10の内容表示である。
【0016】次に動作について説明する。GUI入出力
データ指定エディタ6は、DFD生成部1及びDD生成
部2にて作成されたDFDデータ3とDDデータ4を読
み込み、DFD表示7をディスプレイ上に行う。さら
に、ユーザがそのDFD表示7上でGUI入出力となる
データフローを指定するGUI入出力DD指定8を取り
込み、GUI入出力データ抽出部9にてGUI入出力に
関するDDとしてまとめ、GUI入出力DDデータ10
を出力する。次にGUI入出力データ階層展開部11で
は、GUI入出力DDデータ10を読み込み、DDデー
タ4を参照して、階層のあるものを階層展開することで
最下層のデータ構造を抽出し、さらにこれを、GUI入
出力データ論理変換部12にて、GUI仕様に基づいた
データ記述フォーマットに変換し、GUI入出力データ
13として出力する。GUI構成要素図出力部14で
は、GUI入出力DDデータ10とGUI入出力データ
13を読み込み、例えば図2に示すようなGUI入出力
DDデータ参照付のGUI構成要素図をディスプレイ上
にGUI構成要素図表示15として出力し、また、それ
をGUI構成要素設計書16としてプリントアウトす
る。
【0017】実施例2.なお、上記実施例1では、GU
I構成要素設計書16としてテキストを用いたが、プロ
グラムの仕様書の形式に合わせ、図形や記号等を用いて
もよく、上記実施例1と同様の効果を奏する。
【0018】実施例3.次に、この発明の実施例3を図
について説明する。図3は請求項2の発明の一実施例を
示すブロック図である。図において、13は上記実施例
1で作成されたGUI入出力データである。また、19
はGUI機能要素図を表示し、さらにユーザの指定す
る、GUIより処理を呼び出すための処理呼び出し指定
と、処理呼び出しに伴い呼び出される下位のGUIを指
定するGUI呼び出し指定を取り込むコントロール指定
エディタであり、20はそのGUI機能要素図表示、2
1は処理呼び出し指定、22はGUI呼び出し指定であ
る。23は処理呼び出し指定21で入力されたデータと
GUI呼び出し指定22の内容をGUI入出力データ1
3に付加して機能付加GUI入出力データを生成する処
理呼び出しデータ付加部であり、24は生成された機能
付加GUI入出力データである。25は機能付加GUI
入出力データ24よりGUIの階層関係を表したGUI
階層データを生成するGUI階層構造生成部であり、2
6は生成されたGUI階層データである。27はこのG
UI階層データ26よりGUI機能フロー図データを出
力するGUI機能フロー図生成部であり、28は出力さ
れたGUI機能フロー図データである。29はこのGU
I機能フロー図データに基づいてGUI機能フロー図の
表示、および、GUI機能フロー設計書の出力を行うG
UI機能フロー図出力部であり、30はそのGUI機能
フロー図表示、31はGUI機能フロー設計書である。
【0019】また、図4はGUI機能フロー図を示した
GUI機能フロー設計書31の一例を示す説明図であ
り、図中、32は処理呼び出しのタイトルとなる処理呼
び出しデータ表示、23は下位GUIの呼び出し関係を
示したGUI呼び出しデータ表示であり、17は実施例
1で説明したGUI入出力データ13の内容表示であ
る。
【0020】次に動作について説明する。コントロール
指定エディタ19は、対象となるプログラムに関する全
てのGUI入出力データ13を読み込み、GUI機能要
素図表示20をディスプレイ上に行う。さらに、ユーザ
がそのGUI機能要素図表示20上で指定する処理呼び
出し指定21、およびGUI呼び出し指定22を取り込
み、それらを処理呼び出しデータ付加部23に送って、
GUI入出力データ13のデータ毎に付加した機能付加
GUI入出力データ24を生成する。次に、GUI階層
構造生成部25にてその機能付加GUI入出力データ2
4を読み込み、GUIの呼び出し関係からGUIの階層
を示すGUI階層データ26を生成する。GUI機能フ
ロー図生成部27はそのGUI階層データ26に基づい
て、GUIの機能と入出力データを示したGUI機能フ
ロー図データ28を生成して出力する。GUI機能フロ
ー図出力部29ではそのGUI機能フロー図データ28
を読み込み、図4に示すようなGUI機能フロー図をデ
ィスプレイ上にGUI機能フロー図表示30として出力
し、また、それをGUI機能フロー設計書31としてプ
リントアウトする。
【0021】実施例4.次に、この発明の実施例4を図
について説明する。図5は請求項3の発明の一実施例を
示すブロック図であり、相当部分には図1または図3と
同一符号を付してその説明を省略する。図において、3
4はDFDデータ3とDDデータ4を読み込み、DFD
表示7上でユーザにGUI入出力に関する最上位データ
フローであるデータ源泉指定を入力させるデータ源泉指
定エディタであり、35はそのデータ源泉指定である。
36はこのユーザ入力よりデータ源泉を取り出してGU
I入出力データ源泉を生成するデータ源泉抽出部であ
り、37はそのGUI入出力データ源泉である。38は
DDデータ4を参照することによって、GUI入出力デ
ータ源泉37を最下位まで展開し、GUI全入出力デー
タとして出力するデータ源泉階層展開部であり、39は
出力されたGUI全入出力データである。40はそのG
UI全入出力データ39と実施例3において得られたG
UI機能フロー図データ28とを比較して、重複データ
と不足データを出力するGUI入出力比較部であり、4
1は出力された重複データ、42は不足データである。
43はこれら重複データ41および不足データ42を参
照し、検出されたエラーデータを出力してエラー出力表
示するエラー出力部であり、44はそのエラー出力表示
である。
【0022】次に動作について説明する。データ源泉指
定エディタ34は、DFDデータ3およびDDデータ4
を読み込み、DFD表示7をディスプレイ上に行う。さ
らに、ユーザが入力したGUI入出力の最上位データを
データ源泉指定35として受け取り、それをデータ源泉
抽出部36に送ってGUI入出力データ源泉37を生成
する。次に、データ源泉階層展開部38にてDDデータ
4を参照し、GUI入出力データ源泉37を最下層まで
展開したGUI全入出力データ39を生成して出力す
る。GUI入出力データ比較部40では、このGUI全
入出力データ39とGUI機能フロー図データ28とを
比較し、重複、不足の誤りがあった場合には、重複デー
タ41あるいは不足データ42を出力する。エラー出力
部43ではこの重複データ41および不足データ42を
読み込み、エラー内容とデータを説明したエラー出力表
示44をディスプレイ上に出力する。
【0023】実施例5.なお、上記実施例4では、重複
データ41の内容をディスプレイ上にメッセージ表示す
る場合について述べたが、実施例3で生成されるGUI
機能フロー図表示30を用い、そのGUI機能フロー図
表示30上で、重複データ41に色をつけたり、マーキ
ング等を施すことによりエラー表示を行ってもよく、上
記実施例4と同様の効果を奏する。
【0024】
【発明の効果】以上のように、請求項1の発明によれ
ば、DFD上でGUI入出力データを指定することによ
って、GUI構成要素設計書を自動生成するように構成
したので、GUI構成要素設計においてデータ漏れを防
止することができ、ドキュメント作成時間が短縮できる
という優れた効果がある。
【0025】また、請求項2の発明によれば、GUI機
能要素図を表示したコントロール指定エディタ上で処理
呼び出しを指定させることによって、GUI機能フロー
設計書を自動生成するように構成したので、GUI構造
設計作業やドキュメント作成の時間を短縮できるという
優れた効果がある。
【0026】また、請求項3の発明によれば、DFD上
でデータの源泉を指定することによってGUI構成要素
を自動的にチェックするように構成したので、GUI構
成要素設計においてデータ誤りを防止でき、作業時間が
短縮できるという優れた効果がある。
【図面の簡単な説明】
【図1】この発明の実施例1によるGUI設計装置を示
すブロック図である。
【図2】上記実施例におけるGUI構成要素設計書の一
例を示す説明図である。
【図3】この発明の実施例2によるGUI設計装置を示
すブロック図である。
【図4】上記実施例におけるGUI機能フロー設計書の
一例を示す説明図である。
【図5】この発明の実施例3によるGUI設計装置を示
すブロック図である。
【符号の説明】 6 GUI入出力データ指定エディタ 9 GUI入出力データ抽出部 11 GUI入出力データ階層展開部 12 GUI入出力データ論理変換部 13 GUI入出力データ 14 GUI構成要素図出力部 16 GUI構成要素設計書 19 コントロール指定エディタ 23 処理呼び出しデータ付加部 24 機能付加GUI入出力データ 25 GUI階層構造生成部 26 GUI階層データ 27 GUI機能フロー図生成部 28 GUI機能フロー図データ 29 GUI機能フロー図出力部 31 GUI機能フロー設計書 34 データ源泉指定エディタ 36 データ源泉抽出部 38 データ源泉階層展開部 39 GUI全入出力データ 40 GUI入出力データ比較部 43 エラー出力部

Claims (3)

    【特許請求の範囲】
  1. 【請求項1】 データフローダイアグラムを表示し、グ
    ラフィカル・ユーザインタフェースの入出力となるデー
    タフローの指定を行うグラフィカル・ユーザインタフェ
    ース入出力データ指定エディタと、前記グラフィカル・
    ユーザインタフェース入出力データ指定エディタへのユ
    ーザ入力から、指定されたデータディクショナリを抽出
    するグラフィカル・ユーザインタフェース入出力データ
    抽出部と、抽出された前記データディクショナリを階層
    展開するグラフィカル・ユーザインタフェース入出力デ
    ータ階層展開部と、階層展開された前記データディクシ
    ョナリ中の論理表現をデータ記述に変換してグラフィカ
    ル・ユーザインタフェース入出力データを生成するグラ
    フィカル・ユーザインタフェース入出力データ論理変換
    部と、前記グラフィカル・ユーザインタフェース入出力
    データよりグラフィカル・ユーザインタフェース構成要
    素設計書を生成して出力するグラフィカル・ユーザイン
    タフェース構成要素図出力部とを備えたグラフィカル・
    ユーザインタフェース設計装置。
  2. 【請求項2】 グラフィカル・ユーザインタフェース機
    能要素図に機能を指定するコントロール指定エディタ
    と、前記コントロール指定エディタへのユーザ入力か
    ら、処理呼び出しデータを抽出して機能付加グラフィカ
    ル・ユーザインタフェース入出力データを生成する処理
    呼び出しデータ付加部と、前記機能付加グラフィカル・
    ユーザインタフェース入出力データより、グラフィカル
    ・ユーザインタフェースの階層関係を示すグラフィカル
    ・ユーザインタフェース階層データを生成するグラフィ
    カル・ユーザインタフェース階層構造生成部と、前記グ
    ラフィカル・ユーザインタフェース階層データよりグラ
    フィカル・ユーザインタフェース機能フロー図データを
    生成するグラフィカル・ユーザインタフェース機能フロ
    ー図生成部と、前記グラフィカル・ユーザインタフェー
    ス機能フロー図データよりグラフィカル・ユーザインタ
    フェース機能フロー設計書を生成して出力するグラフィ
    カル・ユーザインタフェース機能フロー図出力部とを備
    えたグラフィカル・ユーザインタフェース設計装置。
  3. 【請求項3】 グラフィカル・ユーザインタフェース入
    出力データの最上位データを指定するデータ源泉指定エ
    ディタと、前記データ源泉指定エディタへのユーザ入力
    から、データ源泉を取り出すデータ源泉抽出部と、取り
    出された前記データ源泉を階層展開してグラフィカル・
    ユーザインタフェース全入出力データを生成するデータ
    源泉階層展開部と、前記グラフィカル・ユーザインタフ
    ェース全入出力データをグラフィカル・ユーザインタフ
    ェース機能フロー図データと比較してチェックするグラ
    フィカル・ユーザインタフェース入出力データ比較部
    と、前記グラフィカル・ユーザインタフェース入出力デ
    ータ比較部にて検出されたエラーを出力するエラー出力
    部とを備えたグラフィカル・ユーザインタフェース設計
    装置。
JP5037316A 1993-02-03 1993-02-03 グラフィカル・ユーザインタフェース設計装置 Pending JPH06230953A (ja)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP5037316A JPH06230953A (ja) 1993-02-03 1993-02-03 グラフィカル・ユーザインタフェース設計装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP5037316A JPH06230953A (ja) 1993-02-03 1993-02-03 グラフィカル・ユーザインタフェース設計装置

Publications (1)

Publication Number Publication Date
JPH06230953A true JPH06230953A (ja) 1994-08-19

Family

ID=12494278

Family Applications (1)

Application Number Title Priority Date Filing Date
JP5037316A Pending JPH06230953A (ja) 1993-02-03 1993-02-03 グラフィカル・ユーザインタフェース設計装置

Country Status (1)

Country Link
JP (1) JPH06230953A (ja)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008146391A (ja) * 2006-12-11 2008-06-26 Internatl Business Mach Corp <Ibm> コンピュータ・プログラムのメニュー設計を検証する方法及びプログラム
JP2012175888A (ja) * 2011-02-24 2012-09-10 Hitachi Ltd Hiソフトウェア用データ作成装置およびhiソフトウェア用データ作成方法
JP2013513864A (ja) * 2009-12-14 2013-04-22 アビニシオ テクノロジー エルエルシー ユーザ・インターフェース要素の指定
US8677272B2 (en) 2005-12-13 2014-03-18 International Business Machines Corporation Graphical user interface design utility
US9644396B2 (en) 2013-01-14 2017-05-09 Kiosk Information Systems, Inc. Systems and methods for modular locking
US11423083B2 (en) 2017-10-27 2022-08-23 Ab Initio Technology Llc Transforming a specification into a persistent computer program

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8677272B2 (en) 2005-12-13 2014-03-18 International Business Machines Corporation Graphical user interface design utility
JP2008146391A (ja) * 2006-12-11 2008-06-26 Internatl Business Mach Corp <Ibm> コンピュータ・プログラムのメニュー設計を検証する方法及びプログラム
JP2013513864A (ja) * 2009-12-14 2013-04-22 アビニシオ テクノロジー エルエルシー ユーザ・インターフェース要素の指定
JP2012175888A (ja) * 2011-02-24 2012-09-10 Hitachi Ltd Hiソフトウェア用データ作成装置およびhiソフトウェア用データ作成方法
US9644396B2 (en) 2013-01-14 2017-05-09 Kiosk Information Systems, Inc. Systems and methods for modular locking
US11423083B2 (en) 2017-10-27 2022-08-23 Ab Initio Technology Llc Transforming a specification into a persistent computer program

Similar Documents

Publication Publication Date Title
US5956029A (en) User interface conversion method and apparatus
JP2006164258A (ja) 特定のプラットフォームによって使用するためのグラフィカル・ユーザ・インターフェース(gui)モデルを生成するための方法、システム、およびプログラム
JPH07311677A (ja) 操作処理装置
JPH06230953A (ja) グラフィカル・ユーザインタフェース設計装置
CN110471659A (zh) 多语言实现方法和系统、人机界面组态软件端和设备端
CA2144878A1 (en) Dynamic browser system
CN111597081A (zh) 一种测试用例设计方法及装置
JPH0744343A (ja) 操作支援情報自動生成装置
JP2001134423A (ja) 対話型既存システムを利用する新システムの画面情報出力方法
KR0154572B1 (ko) 일관성있는 사용자 인터페이스를 이용한 에스디엘 관련 도구들의 외적 통합 방법
JP3461052B2 (ja) 情報処理システム
JP2005242751A (ja) テスト支援装置
JP2004334420A (ja) 帳票生成方法および帳票出力装置
JP2004287695A (ja) プログラム開発支援装置及びプログラム開発支援方法及びプログラム及びプログラムを記録したコンピュータ読み取り可能な記録媒体
JPH04248650A (ja) 簡易構成定義情報生成装置
JP2003316574A (ja) プログラム自動生成装置
JPH07129655A (ja) データフロー図作成装置
JPH06110731A (ja) ソフトウェアテスト支援装置
JP2000076056A (ja) 入力仕様が拡張可能であるコード自動生成システム
JPS6051950A (ja) プログラム出力方式
JPH0566938A (ja) パツチデータ生成方式
JPH0916218A (ja) プログラマブルコントローラのプログラミング装置およびそのシーケンスプログラム作成方法
JPH0210430A (ja) オンラインプログラム生成方式
Romero et al. VITPE-Visual Tool for the Program Edition
JPH0769917B2 (ja) 対話型文処理装置