JPH0612250A - 視覚的プログラミング方法 - Google Patents

Abstract

(57)【要約】 【目的】 １シートの視覚的表現で、オブジェクト部品
内のデータとその操作の関係、およびオブジェクト部品
間の関係が明確に解る視覚的プログラミング方法を得
る。 【構成】 各オブジェクトのデータと当該データの操作
をそれぞれ１つのオブジェクト部品に統合してアイコン
で表すとともに、各オブジェクト部品のアイコンをデー
タフローによってメッセージ通信を表現する結合線で接
続することによってプログラミングを行う。 【効果】 オブジェクト部品内のデータとその操作の関
係やオブジェクト部品間の関係が明確に解り、仕様変更
にも容易に対応でき、オブジェクト部品の内部構造の知
識がなくともプログラミング可能で、プログラム作成効
率も向上する。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】この発明は、さまざまな分野のソ
フトウェア生産の向上のために、視覚的な表現を用いた
オブジェクト指向プログラミングを実現するための視覚
的プログラミング方法に関するものである。

【０００２】

【従来の技術】図５は例えば、「プロシーディングス
インターナショナル コンピュータサイエンス カンフ
ァレンス '８８． アーティフィシャル インテリジ
ェンス：セオリー アンド アプリケーションズ」（Pr
oceedings. International Computer Science Conferen
ce '88. Artificial Intelligence: Theory and Applic
ations）の第６９５〜７０４頁に掲載された論文「ユー
ジング ア ピクトリアル レプレゼンテーション ツ
ー コンバイン データフロー アンド オブジェクト
・オリエンテーション イン ア ランゲージ インデ
ィペンデントプログラミング メカニズム」（ Using a
pictorial representation to combine dataflow and
object-orientation in a language independent progr
ammingmechanism）に示された従来の視覚的プログラミ
ング方法を示すデータ構成図であり、図６は同じく操作
構成図である。これら図５および図６においては、オブ
ジェクト指向を基本とする視覚的プログラミング言語
「ＰＲＯＧＲＡＰＨ」の適用例を示しており、図５はオ
ブジェクトノードのデータの一覧を示したデータ構成
図、図６はオブジェクトノードのデータに対する操作の
一覧および操作方法を示している。

【０００３】次に動作について説明する。プログラムの
作成に際して、各オブジェクトのデータ、およびそれら
に対する操作を設定し、オブジェクトのデータの一覧を
図５に示したデータ構成図に、また、オブジェクトノー
ドのデータに対する操作の一覧および操作方法を図６に
示した操作構成図に作成する。その際オブジェクトの操
作は、データへの入出力、算術演算、条件判断などのプ
リミティブな機能を持ったアイコンを視覚的に組み合わ
せて作成してゆく。

【０００４】

【発明が解決しようとする課題】従来の視覚的プログラ
ミング方法は以上のように構成されているので、オブジ
ェクト指向の考え方に基づいてはいるが、データと操作
が別々のアイコンで表されており、操作の中でデータへ
の入出力を表すアイコンを使用することによって、デー
タと操作の関係が作られるものであり、あるオブジェク
トのデータと操作の関係を調べるには、そのオブジェク
トのデータ構成図と操作構成図を見る必要があって、対
応が解りにくく、また、図６に示すオブジェクトの操作
構成図で操作方法を定義するときに、他のオブジェクト
の操作を呼び出す機能を持つアイコンを配置することに
よってオブジェクト間の関係を決定するものであるた
め、オブジェクト間の関係を調べるには、各オブジェク
トの操作構成図を詳しく検索する必要があり、関係の理
解に時間がかかってしまうなどの問題点があった。

【０００５】この発明は上記のような問題点を解消する
ためになされたもので、データとその操作の関係、ま
た、オブジェクト間の関係を明解にし、解りやすく効率
の良い視覚的プログラミング方法を得ることを目的とす
る。

【０００６】

【課題を解決するための手段】この発明に係る視覚的プ
ログラミング方法は、まずデータとその操作を１つのオ
ブジェクト部品に統合してアイコンで表し、データフロ
ーによってメッセージ通信を表現する結合線によって、
それらオブジェクト部品のアイコンを接続することでプ
ログラミングするものである。

【０００７】

【作用】この発明における視覚的プログラミング方法
は、データとその操作を１つのオブジェクト部品に統合
して表した各アイコンを、データフローにてメッセージ
通信を表現する結合線で接続してプログラミングするこ
とにより、１シートの視覚的表現で、オブジェクト部品
内のデータと操作の関係、およびオブジェクト部品間の
関係が明確に解るようにする。

【０００８】

【実施例】

実施例１．以下、この発明の実施例１を図について説明
する。図１はこの発明に基づく視覚的プログラミング言
語を示す概念図である。図において、１および２はそれ
ぞれオブジェクトのデータとその操作を統合したオブジ
ェクト部品を表すアイコンであり、他のオブジェクト部
品へ影響を及ぼす属性である外部属性１１，２１、当該
オブジェクト部品の仕様を表す定数属性である内部属性
１２，２２、および当該オブジェクト部品への操作を表
す操作方法１３，２３から成る３層構造にて構成されて
いる。３はデータフローによってメッセージ通信を表現
している結合線であり、アイコン１と２を接続してそれ
ぞれが表すオブジェクト部品の結合を示している。

【０００９】次に動作について説明する。まず、図１に
は図示されていない他のオブジェクト部品によって、ア
イコン１で表されているオブジェクト部品の操作方法１
３で操作（ｍｅｔｈｏｄ １）が起動されたものとす
る。この起動された操作（ｍｅｔｈｏｄ １）が外部属
性１１の属性（ｐｕｂｌｉｃ １）を変更すると、この
属性（ｐｕｂｌｉｃ １）の値が結合線３を介して、ア
イコン２の表しているオブジェクト部品の操作方法３３
の操作（ｍｅｔｈｏｄ ３）に渡されて、その操作（ｍ
ｅｔｈｏｄ ３）が起動される。当該操作（ｍｅｔｈｏ
ｄ ３）は起動されると、外部属性２１の属性（ｐｕｂ
ｌｉｃ ３）を変更し、それによって、図１には示され
ていない他のオブジェクト部品の操作が起動される。

【００１０】図２はそのようなプログラミングの手順を
説明するためのブロック構成図である。図において、４
１は例えばプログラミング言語「Ｃ＋＋」を用いてオブ
ジェクト部品の作成を行う部品構成エディタであり、４
２はこの部品構成エディタ４１によって生成される部品
ファイルである。４３は視覚的プログラミング言語「Ｐ
ＲＯＧＲＡＰＨ」等を用いて部品ファイル４２の各オブ
ジェクト部品を視覚的に結合する視覚的言語エディタで
あり、４４はこの視覚的言語エディタ４３によって生成
される視覚的情報ファイルである。４５は部品ファイル
４２と視覚的情報ファイル４４の内容を結合してトラン
スレートするトランスレータであり、４６はこのトラン
スレータ４５によって生成されるソースファイルであ
る。４７はこのソースファイル４６をコンパイルするコ
ンパイラであり、４８はこのコンパイラ４７によって生
成される目的ファイルである。

【００１１】次にこの目的ファイル４８の作成手順につ
いて説明する。プログラム作成者はまず、部品構成エデ
ィタ４１を使って「Ｃ＋＋」言語によるオブジェクト部
品の作成を行う。この時、オブジェクト部品は、第１図
の概念図に示したオブジェクト部品の構造に準じて作成
される。作成結果は部品ファイル４２となる。次に、視
覚的言語エディタ４３により、視覚的プログラミング言
語「ＰＲＯＧＲＡＰＨ」などを使って視覚的に部品ファ
イル４２の各オブジェクト部品間を結合する。この時、
視覚的言語エディタ４３上では、部品構成エディタ４１
で作成されたオブジェクト部品は、アイコン１，２とし
て表示され、そのオブジェクト部品のアイコン１，２を
データフローを表す結合線３で接続することによって、
オブジェクト部品の結合を行う。結合した結果は視覚的
情報ファイル４４となる。トランスレータ４５はこの視
覚的情報ファイル４４に基づいて部品ファイル４２の結
合を実行し、結果を「Ｃ＋＋」言語にトランスレートし
てソースファイル４６を自動的に生成する。最後に、コ
ンパイラ４７が前記ソースファイル４６を目的ファイル
４８にコンパイルして一連の処理を終了する。なお、コ
ンパイラ４７は既存の「Ｃ＋＋」言語のコンパイラをそ
のまま使用可能であり、目的ファイル４８は既存の「Ｃ
＋＋」言語のコンパイラ４７が生成する実行形式のファ
イルである。

【００１２】次に、この視覚的プログラミングの具体的
な例として、図３の簡単な表計算への適用例について説
明する。ここで、図４は、図３に示した表計算をこの発
明による視覚的プログラミング言語で示した説明図であ
る。なお、図３における表計算は、Ａ，Ｂ，Ｃの各部分
に数字を入力すると、合計が計算されて表示されるもの
である。また、Ａ，Ｂ，Ｃの各部分は４桁までの数字が
入力でき、５桁以上の数字を入力すると、エラーの表示
がポップアップされる。

【００１３】Ａ，Ｂ，Ｃの各部分のうちの１つをマウス
ボタンクリックすると、それに対応するオブジェクト部
品“ｆｉｅｌｄ １”〜“ｆｉｅｌｄ ３”内におい
て、その操作入力１３の操作（ｉｎｐｕｔ）が起動され
て数字の入力待ち状態となる。入力が完了すると入力文
字を数値に変換し、それが内部属性１２内の定数属性
（ｍａｘ），（ｍｉｎ）の範囲内ならば外部属性１１の
属性（ｎｕｍｂｅｒ）に代入する。範囲外ならば外部属
性１１の属性（ｅｒｒｏｒ）にエラーメッセージを設定
する。外部属性１１の属性（ｎｕｍｂｅｒ）が変更され
ると、総合計がオブジェクト部品“ｆｉｅｌｄ ｔｏｔ
ａｌ”の操作入力３３内の操作（ｄｉｓｐｌａｙ）に渡
され、操作（ｄｉｓｐｌａｙ）は渡された値を画面表示
する。一方、外部属性１１の属性（ｅｒｒｏｒ）が設定
されると、オブジェクト部品“ｅｒｒｏｒ ｐｏｐｕ
ｐ”の操作入力３３内の操作（ｕｐ）が起動されて、エ
ラーがポップアップ表示される。このポップアップ表示
をマウスボタンクリックすると、オブジェクト部品“ｅ
ｒｒｏｒ ｐｏｐｕｐ”の操作入力３３内の操作（ｄｏ
ｗｎ）が起動されて表示は消去される。また、オブジェ
クト部品“ｆｉｅｌｄ １”〜“ｆｉｅｌｄ ３”の操
作入力１３内の操作（ｒｅｓｅｔ）が起動され、外部属
性１１の属性（ｎｕｍｂｅｒ）に０を代入するととも
に、属性（ｅｒｒｏｒ）をクリアする。

【００１４】上記の動作の内、各オブジェクト部品の操
作に関する部分を、プログラム作成者が部品構成エディ
タ４１を使用して「Ｃ＋＋」言語で記述すると、部品構
成エディタ４１は部品ファイル４２を生成する。また、
各オブジェクト間の関係を表す部分を、プログラム作成
者が視覚的言語エディタ４３を使って、図４に示す視覚
的プログラミング言語で記述すると、視覚的言語エディ
タ４３は視覚的情報ファイル４４を生成する。トランス
レータ４５は、この部品ファイル４２と視覚的情報ファ
イル４４から、上記動作のすべてを記述したソースファ
イル４６を自動的に生成する。

【００１５】このように、この発明による視覚的プログ
ラミングでは、「Ｃ＋＋」言語でオブジェクト部品を記
述し、そのプリミティブなオブジェクト部品をデータフ
ローを表す結合線で接続するだけでプログラミングが可
能となる。

【００１６】実施例２．なお、上記実施例１ではオブジ
ェクト部品を記述するプログラミング言語、およびトラ
ンスレータの出力ファイルのプログラミング言語として
「Ｃ＋＋」言語を用いたが、「Ｓｍａｌｌｔａｌｋ」，
「ＡＤＡ」などの他のプログラミング言語を用いてもよ
く、また、オブジェクト部品自身をそれら既存のテキス
ト型のプログラム言語ではなく、この発明による視覚的
プログラミング言語で記述する方法でも実現可能であ
る。

【００１７】実施例３．また、上記実施例１では、視覚
的プログラミング言語を実行するためにトランスレータ
を使用しているが、インタプリタを用いて視覚的プログ
ラミング言語を逐次的に実行してもよく、上記実施例と
同様の効果を奏する。

【００１８】

【発明の効果】以上のように、この発明によれば、オブ
ジェクトのデータとその操作を統合して１つの部品を作
成し、そのオブジェクト部品のアイコンをデータフロー
によってメッセージ通信を表す結合線で接続することで
プログラミングするように構成したので、１シートの視
覚的表現で、オブジェクト部品内のデータと操作の関
係、およびオブジェクト部品間の関係が明確となり、わ
かりやすく仕様変更に容易に対応でき、さらに、オブジ
ェクト部品の作成者と、そのオブジェクト部品を視覚的
に結合してプログラムを行なう視覚的プログラムの作成
者を分けることが可能となって、部品作成者がオブジェ
クト部品の作成を行えば、視覚的プログラム作成者は、
オブジェクト部品のアイコンについて、その内部構造の
知識がなくてもプログラミングが可能となるばかりか、
オブジェクト部品のライブラリを構築することも可能
で、プログラム作成効率の良い視覚的プログラミング方
法が得られる効果がある。

【図面の簡単な説明】

【図１】この発明の実施例１の視覚的プログラミング言
語を示す概念図である。

【図２】上記実施例におけるプログラミングの手順を説
明するためのブロック構成図である。

【図３】この発明を適用する表計算の例を示す説明図で
ある。

【図４】この発明の視覚的プログラミング言語の上記表
計算への適用例を示す説明図である。

【図５】従来の視覚的プログラミング方法を示すデータ
構成図である。

【図６】従来の視覚的プログラミング方法を示す操作構
成図である。

【符号の説明】

１ アイコン ２ アイコン ３ 結合線

Claims (1)

【特許請求の範囲】
1. 【請求項１】 各オブジェクトのデータおよび操作をオ
   ブジェクト部品のアイコンで表し、視覚的な表現を用い
   たオブジェクト指向プログラミングを実現する視覚的プ
   ログラミング方法において、前記各オブジェクトのデー
   タと当該データの操作をそれぞれ１つのオブジェクト部
   品に統合してアイコンで表すとともに、前記各オブジェ
   クト部品のアイコンをデータフローによってメッセージ
   通信を表現する結合線で接続することによってプログラ
   ミングすることを特徴とする視覚的プログラミング方
   法。