JPH021023A

JPH021023A - ユーザインタフェイス設計方式

Info

Publication number: JPH021023A
Application number: JP63142361A
Authority: JP
Inventors: Eriko Tamaru; 恵理子田丸; Takayuki Hoshina; 孝之保科
Original assignee: Fuji Xerox Co Ltd
Current assignee: Fujifilm Business Innovation Corp
Priority date: 1988-06-09
Filing date: 1988-06-09
Publication date: 1990-01-05

Abstract

(57)【要約】本公報は電子出願前の出願データであるた
め要約のデータは記録されません。

Description

【発明の詳細な説明】（産業上の利用分野）この発明は情報処理装置のユーザインタフェイス設計方
式に関し、特にソフトウェア・アプリケーションのユー
ザインタフェイス上にある入出力オブジェクト間の関係
を、対話的に成立させることが出来るようにしたユーザ
インタフェイス設計方式に関する。

（従来の技術）第４図に示されているように、ユーザが、情報処理装置
のアプリケーションプログラム２１を利用する時には、
ユーザは通常ユーザインタフェイス２２を介して行う。

いま、第５図に示されているように、該ユーザインタフ
ェイス２２上に入力オブジェクト１〜ｎと出力オブジェ
クト１〜ｐかあったような場合、ある入力オブジェクト
１とある出力オブジェクトｍとを関係づけたり、ある入
力オブジェクト３とある出力オブジェクト２とを関係づ
けたりすることが注性にして必要になる。例えば、デー
タ入力に使用される入力オブジェクト１を、グラフの出
力オブジェクトｍと関係づけて、該入力オブジェクト１
からのデータをグラフ上に表示する機能をさせることが
必要になることがある。

従来は、このような機能をユーザインタフェイスにもた
せるためには、エディタ等を用いてソースコードによっ
てプログラミングしていた。

（発明が解決しようとする課題）前述のように、ユーザインタフェイス上にある入力オブ
ジェクトと出力オブジェクトとを関係づける、換言すれ
ば連結するためには、ソースコードによってプログラミ
ングしていたので、該プログラムを作成するのに手間が
かかるという問題があった。また、該プログラムにミス
があると、希望した入出力オブジェクト間の連結が行え
ないという問題があった。

本発明の目的は、前記した従来技術の問題点を除去し、
ソースコードによるプログラミングをすることなく、入
出力オブジェクトをデイスプレィ上で目視しながら対話
的に連結できるようにしたユーザインタフェイス設計方
式を提供することにある。また、他の目的は、入出力オ
ブジェクトを連結させる操作が簡単で、かつミスのない
連結を達成できるユーザインタフェイス設計方式を提供
することにある。

（課題を解決するための手段および作用）本発明は、前
記目的を達成するために、入力オブジェクトと出力オブ
ジェクトとをユーザインタフェイス画面上に表示し、連
結したい入出力オブジェクトと連結機能とを選択し、該
連結する出力オブジェクトの連結情報を前記アクション
メソッドに記述するようにした点に特徴がある。

本発明によれば、ユーザはデイスプレィ上に表示された
ユーザインタフェイス画面を見、かつポインティングデ
バイスを操作しながら、入力オブジェクトとこれと連結
したい出力オブジェクトとを選択しかつこれを連結させ
るための指令を行うことができるので、対話形式により
該連結を達成できる。したがって、操作が簡単で、かつ
誤りの少ないユーザインタフェイスを作成することがで
きる。

（実施例）以下に、図面を参照して、本発明の詳細な説明する。第
２図は本発明が適用される情報処理装置のハード構成を
示すブロック図を示す。

図において、１はＣＰＵ、２はメモリ、３はキーボード
、４はマウス、５はデイスプレィである。ここに、前記
メモリ２には、ユーザインタフェイス制御プログラム２
ａ、第１、第２の入力オブジェクト２ｂ、２ｂ２、出力
オブジェクト■ ２０等が格納され、第１、第２のアクションメソッド２
ｄ　１２ｄ２のためのエリアが用意されて■ いる。

該第１、第２の入力オブジェクト２ｂ１．２ｂ２は、そ
れぞれ出力オブジェクトとの関係を記述するためのアク
ションメソッドへのポインタを有している。図示の例で
は、第１の入力オブジェクト２　ｂ　ｔは第１のアクシ
ョンメソッド２ｄ１へのポインタを有し、■で示されて
いるように両者は関係づけられている。また、第２の入
力オブジェクト２ｂ２は第２のアクションメソッド２ｄ
２へのポインタを有し、■で示されているように両者は
関係づけられている。

なお、この例では、メモリ２に、２個の入力オブジェク
トと、１個の出力オブジェクトが格納され、２個のアク
ションメソッドのためのエリアが用意されているが、こ
れに限定されるものでないことは明らかである。

第３図（ａ）は前記デイスプレィ５上に表示されたユー
ザインタフェイス画面の一例を示す。図中の６はユーザ
インタフェイス画面を示し、６ａは該ユーザインタフェ
イス画面上に表示されたアプリケーション表示部を示す
。また、６ｂ、、６ｂ２はそれぞれデータを入力するた
めの第１、第２の入力オブジェクト、Ｇｃｓ６ｃ２はデ
ー■ 夕を表示するための第１、第２の出力オブジェクトであ
る。

ここで、入力オブジェクトの具体例としては、第３図（
２１）に第２の入力オブジェクト６ｂ２として示されて
いるような、レバーと呼ばれるデータを入力するための
ツールを上げることができる。

このレバー７の操作部７ａをマウスを用いて左右に移動
させると、θ〜１００の任意のデータを入力することが
できる。また、出力オブジェクトの具体例としては、同
図に第１の出力オブジェクト６ｃｌとして示されている
ような、グラフ８を上げることができる。

さて、該第３図（ａ）のユーザインタフェイス画面が表
示されたステップを起点として、該第２の入力オブジェ
クト６ｂ２と第１の出力オブジェクト６ｃ１とを連結す
るユーザインタフェイスを作成する本実施例の動作を、
第１図を参照して説明する。該第１図は、前記第２図の
ユーザインタフェイス制御プログラム２ａに格納される
、本実施例の要部の連結機能を表すフローチャートを示
す。

まず、ユーザインタフェイス画面上に表示されている入
力オブジェクト上で、マウスがクリックされたかどうか
の判断がなされる（ステップＳｌ）。該判断かイエスに
なると、メニューの表示がなされる（ステップＳ２）。

例えば、第３図（ａ）のユーザインタフェイス画面上に
おいて、ユーザがマウスによって第２の入力オブジェク
ト６ｂ２を選択し、これをクリックすると、同図（ｂ）
に示されているようなメニュー９が表示される。

次に、該メニュー中の“Ｃ０ＮＮＥＣＴ”　（連結）が
選択されたかどうかの判断がなされ（ステップＳ３）、
該選択がなされたと判断されると（ステップＳ３がイエ
ス）、カーソルが十字に変えられる（ステップＳ４）。

次いで、マウスで出力オブジェクトが指示されたかどう
かの判断が行われ（ステップＳ５）、該判断かイエスに
なると、前記ステップＳ１で指定された入力オブジェク
トと前記ステップＳ５で指示された出力オブジェクトと
の関係を保持するために、該入力オブジェクトと関係づ
けられているアクションメソッドに該出力オブジェクト
との関係の記述が行われる（ステップＳ６）。以上の処
理により、入力オブジェクトと出力オブジェクトとが連
結される。

例えば、第３図（ｂ）において、メニュー９中の“Ｃ０
ＮＮＥＣＴ”が選択されると、カーソルが符号１０で示
されているように十字に変わり、ユーザによってマウス
で第１の出力オブジェクト６Ｃ１が指示されると、前記
第２の入力オブジェクト６　ｂ　２と該第１の出力オブ
ジェクト６　ｃ　ｌとの連結が成立する。該連結が成立
したことは、該第２の入力オブジェクト６ｂ２と関係の
あるアクションメソッド２ｄ２　（第２図参照）に記述
され、保持される。

このようにして、連結が成立した後は、該第２の入力オ
ブジェクト６　ｂ　２によってデータが入力されると、
そのデータか第１の出力オブジェクト６Ｃ１に表示され
る。

例えば、第３図（ａ）に示されているレバー７からデー
タが入力されると、グラフ８の横軸の目盛り１００の所
に該データがプロットされる。なお、このグラフ８にお
いては、新しいデータが表示される毎に前のデータは該
溝軸の目盛りの小さい方に移動し、履歴される。

以上のように、本実施例によれば、ユーザまたは操作者
はデイスプレィに表示されたユーザインタフェイス画面
を見ながら、マウスで対話的に操作することにより、任
意の入力オブジェクトと出力オブジェクトとの関係を連
結するユーザインタフェイスを作ることができるので、
従来装置のように該連結のためのプログラムをソースコ
ードで書く必要かなく、操作が大幅に簡単になる。

上記のようにして入力オブジェクトと出力オブジェクト
との連結が成立し、該関係が入力オブジェクトに対応す
るアクションメソッドに記述されると、それ以後は該ア
クションメソッドから該出力オブジェク！・の記述が削
除されるまで、該入力オブジェクトからデータが入力さ
れると、該データが該出力オブジェクトに表示されるこ
とになる。

前記アクションメソッドに複数の出力オブジェクトが記
述されているときには、該入力オブジェクトから入力さ
れたデータは、該複数の出力オブジェクトに同時に表示
されることになる。

なお、前記入力オブジェクトとしては、前記レバーの他
に、オン、オフのデータを入力するスイッチ、トリガが
あったというデータを入力するボタン等が考えられる。

また、出力オブジェクトとしては、データをメータ表示
するサークル（円形）メータ、データをバー形式で表示
するパーチャート等が考えられる。

（発明の効果）以上の説明から明らかなように、本発明は、ユーザイン
タフェイス画面上の入力オブジェクトと出力オブジェク
トとを、マウス等のポインティングデバイスによって指
し示すことにより、該入力オブジェクトと出力オブジェ
クトとの連結が作られるので、従来のように、ソースコ
ードによるプログラミングの必要がなく、操作が大幅に
簡単化されるという大きな効果がある。

また、入力ミスがないので、確実に所望の入力オブジェ
クトと出力オブジェクトとの連結を成立させることがで
きるという効果もある。

【図面の簡単な説明】

第１図は本発明の詳細な説明するためのフローチャート
、第２図は本発明が適用される情報処理装置の概略ブロ
ック図、第３図はデイスプレィ上に表示されたユーザイ
ンタフェイス画面の具体例を示す図、第４図はユーザイ
ンタフェイスの概念図、第５図は該ユーザインタフェイ
ス上にある人出力オブジェクトの連結を示す説明図であ
る。１・・・ＣＰＵ、２・・・メモリ、２ａ・・・ユーザイ
ンタフェイス制御プログラム、２ｂ　１２ｂ２・・・入
力オブジェクト、２Ｃ・・・出力オブジェクト、２ｄ、
２ｄ２・・・アクションメソッド、５・・・デイスプレ
ィ

Claims

【特許請求の範囲】

（１）入力オブジェクトと、該入力オブジェクトのそれ
ぞれと関連づけられたアクションメソッドと、該入力オ
ブジェクトからの入力データを表示する出力オブジェク
トとを有するユーザインタフェイスの設計方式であって
、該入力オブジェクトと該出力オブジェクトとをユーザ
インタフェイス画面上に表示し、連結したい入出力オブ
ジェクトと連結機能とをポインティングデバイスで選択
することにより、該連結する出力オブジェクトの連結情
報を前記アクションメソッドに記述するようにしたこと
を特徴とするユーザインタフェイス設計方式。