JPH07200278A - 図形を用いたプログラミングシステム - Google Patents

Abstract

(57)【要約】 【目的】 図形を用いたプログラミングシステムに関
し、視覚的にプログラミングするシステムの提供を目的
とする。 【構成】 入力装置（１２）と表示装置（１１）とを有
する図形を用いたプログラミングシステム（１）におい
て、演算処理またはデータベース処理等の機能をもつプ
ログラムを１つの図形に対応させた部品の情報を記憶
し、部品の情報を表示装置（１１）の画面上に表示する
視覚化部品記憶手段（３）と、部品に対応する機能のプ
ログラムを記憶し、そのプログラムの実行により得られ
るデータを視覚化部品記憶手段（３）に出力する処理単
位記憶手段（５）と、部品の情報を自動生成して視覚化
部品記憶手段（３）に記憶する視覚化部品発生手段
（６）と、を備えて構成する。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明はプログラミングシステム
に関し、特に１つのまとまったタスクを実行する演算処
理またはデータベース処理等の機能をもつプログラムを
１つの図形に対応させて表示装置の画面上に表示し、エ
ンドユーザが視覚的にその図形を捕らえマウス等で直接
操作してプログラミングする図形を用いたプログラミン
グシステムに関する。

【０００２】また本発明によるプログラミングシステム
は、視覚化された部品の組み合わせが可能であり、エン
ドユーザが容易にアプリケーションプログラムを作成ま
たは編集することができる。また本発明によるコンピュ
ータプログラミングシステムは、複数のコンピュータ間
において、各コンピュータを操作するオペレータの入力
操作によるイベント、または各コンピュータが表示出力
する画面上の図形の変化によるイベントが共有でき、各
コンピュータ間でネットワークを介して各オペレータが
協調作業する環境を構築でき、教育分野またはゲーム分
野に適用できる。

【０００３】

【従来の技術】今日に至るまでのコンピュータのプログ
ラミングは、１つのまとまったタスクを実行する演算処
理またはデータベース処理等の機能をもつプログラムを
複数個登録して集めたライブラリが複数個用意され、こ
れらのライブラリを利用して所望の機能を有するプログ
ラムを所定のプログラミング言語で所定のライブラリか
ら呼び出すプログラムおよび各ライブラリの実行順序と
データ受渡し方法をエディタを用いて記述して所望のア
プリケーションプログラム（ソースファイル）を作成
し、作成したソースファイルをコンパイルしてアドレス
が未定のリロケータブルなオブジェクトファイルを作成
し、ソースファイルに必要な演算処理用ライブラリ、デ
ータベース処理用ライブラリ、図形操作用ライブラリ、
等、をリンカによりそのオブジェクトファイルとリンク
してコンピュータが実行可能なアドレスの確定したマシ
ン言語に変換したプログラムを作成し、コンピュータに
ロードするという一連の操作を必要としていた。または
インタープリタによりソースプログラミングの命令を逐
次解釈して実行していた。

【０００４】また、図形の編集に関してＧＵＩ（Graphi
cal User Interface）を用いてプログラミングを実行す
るときは、例えばＧＵＩを用いて画面上に描いたボタン
の操作に応じて、何を実行させるかを記述するアプリケ
ーションプログラムを作成する必要が生じる。さらに各
ライブラリを操作する関数インターフェースも各ライブ
ラリで異なり、すなわちライブラリ毎にデータの呼び出
し、データの形式、記述順序、等の所定のフォーマット
が用意されており、これらの知識がないと各ライブラリ
を利用するプログラミングが作成できない。

【０００５】

【発明が解決しようとする課題】従って、従来技術によ
るコンピュータのプログラミングは、データ間のリンク
がプログラム言語で記述される等可読性が悪く、専門家
であるプログラマーでないエンドユーザでは容易にプロ
グラミングができないという問題があり、ひいてはエン
ドユーザがコンピュータを十分に活用できないという問
題がある。

【０００６】また、アイコンプログラミングによりアイ
コン等の目的機能を表した図形を線で結合し視覚化して
プログラミングする方法があるが、プログラムが視覚化
されても、作成したプログラムを再利用するのは困難で
あり、完成したプログラムという知的資産を活用できな
いという問題がある。

【０００７】また、従来技術によるプログラミングは、
数値型データまたは文字型データ等のようにデータ構造
を意識してプログラミングする必要があり、複雑なデー
タ構造をプログラミングするときプログラムミスすると
いう問題と、データ構造の可読性が悪いという問題とが
ある。

【０００８】また、従来技術による複数のコンピュータ
間の協調作業は、各コンピュータの固有性ゆえに、複数
のコンピュータ間の協調作業の作業形態が変更される毎
に、使用するコンピュータ全体のシステムを変更しなけ
ればならないという問題がある。

【０００９】また、従来技術によるプログラミングは、
処理単位間の可読性が悪く、ある処理単位間の内部で別
の副処理単位が実行されるときは、プログラム定義文中
にひとまとまりで実行されることを意味するブロックを
作成したり、処理文を一段下げて（段付けして）記述し
て明示する必要があり、またこれらの関係を図形表示装
置上に図示するためには、処理の実行時と同様にコンパ
イル処理や解釈実行処理が必要であるという問題があ
る。

【００１０】本発明は上記問題点に鑑み、専門知識を有
するプログラマのみならず、エンドユーザもまた容易に
プログラミングできるプログラミングシステムを提供す
ることを主目的とする。

【００１１】また本発明は、作成した視覚化されたプロ
グラムを画面上で複写、削除、合成、分解、等の編集を
して再利用することのできるプログラミングシステムを
提供することを他の目的とする。

【００１２】また本発明は、複雑なデータ構造をプログ
ラムミスなく視覚的に容易にプログラミングできる、デ
ータ構造の可読性のよいプログラミングシステムを提供
することを他の目的とする。

【００１３】また本発明は、複数のコンピュータ間の協
調作業の作業形態が変更されても、使用するコンピュー
タ全体のシステムを変更しないでもよいプログラミング
システムを提供することを他の目的とする。

【００１４】また本発明は、各処理を実行する各機能を
各図形部品に対応させ、複数の機能を組み合わせる場合
でも、図形と図形を貼り合わせるという視覚的操作によ
り、実現できるようにして、可読性のよい、処理の実行
時と同様にコンパイル処理や解釈実行処理に伴うプログ
ラミングの操作が必要でないプログラミングシステムを
提供することを他の目的とする。

【００１５】

【課題を解決するための手段】前記目的を達成する本発
明の図形を用いたプログラミングシステムは、図形とプ
ログラムを対応づける手段と、図形と図形との間で包含
関係づけするよう指示する包含関係指示手段と、その指
示に従って得られた新たな図形に対応するプログラムを
生成する手段と、を備えることを特徴とする。

【００１６】図１は本発明の原理構成図である。前記目
的を達成する本発明の図形を用いたプログラミングシス
テムは、キーボード、マウス等からなる入力装置１２か
らオペレータの操作情報が入力され、ＣＲＴ等からなる
表示装置１１へ画面情報が出力されるＣＰＵとメモリ等
からなる処理装置において、演算処理またはデータベー
ス処理等の機能をもつプログラムを１つの図形に対応さ
せた部品の情報を記憶し、部品の情報を表示装置１１の
画面上に表示する視覚化部品記憶手段３と、部品に対応
する機能のプログラムを記憶し、そのプログラムの実行
により得られるデータを視覚化部品記憶手段３に出力す
る処理単位記憶手段５と、部品の情報を自動的に生成し
て視覚化部品記憶手段３に記憶する視覚化部品発生手段
６と、を備えて構成する。

【００１７】本発明のプログラミングシステムは、入力
装置１２からオペレータの操作情報が入力され、表示装
置１１の画面上に図形が描画される図形を用いたプログ
ラミングシステムにおいて、演算処理またはデータベー
ス処理等の機能をもつプログラムを１つの図形に対応さ
せた部品の情報を記憶し、部品の情報を表示装置１１の
画面上に表示する視覚化部品記憶手段３と、部品に対応
する機能のプログラムを記憶し、そのプログラムの実行
により得られるデータを視覚化部品記憶手段３に出力す
る処理単位記憶手段５と、表示装置１１の画面上におけ
る入力手段１２からのオペレータの操作情報を受け、部
品の複写、削除、合成、分解、等の編集を行い、部品を
表す図形と他の部品を表す図形との間で包含関係をもた
せる包含関係指示手段２と、部品間の包含関係を記憶す
る包含関係管理手段１０と、包含関係管理手段１０に記
憶された部品間の包含関係に基づいて、部品間のデータ
の受け渡しをさせるデータ連携手段８と、を備え、複数
の部品から新規な部品を作成してプログラミングする。

【００１８】本発明のプログラミングシステムは、部品
と他の部品との間でデータが受け渡しされる複数のスロ
ットの内、最も頻繁に使用されるスロットを介してデー
タを受け渡しするデータ構造情報部３ｂ内の値を代表値
とする代表値変更手段７をさらに備え、視覚化部品記憶
手段３は、部品と他の部品との間で複数のスロットを介
してデータを受け渡しするために一時記憶し、処理単位
記憶手段５から出力されるデータを記憶するデータ構造
情報部３ｂを備える。

【００１９】本発明のプログラミングシステムは、部品
間で包含関係をもたせて得られた新規な部品に対応する
前記機能のプログラムを変換する処理構造変換手段４ｂ
をさらに備える。

【００２０】本発明のプログラミングシステムは、部品
のデータ構造を変換するデータ構造変換手段４ａをさら
に備える。

【００２１】本発明のプログラミングシステムにおける
データ連携手段８は、部品間の如何なる形式のデータを
も送受信せしめるインターフェースをさらに備える。

【００２２】本発明の複数の各プログラミングシステム
１間で協調作業を行うとき、各プログラミングシステム
１の各表示装置１１内に共有される各協調作業場領域を
設け、各協調作業場領域内で発生する入力手段１２によ
るかまたは図形の変化によるイベントを共有させるイベ
ント管理手段９をさらに備える。

【００２３】

【作用】本発明の図形を用いたプログラミングシステム
は、各関数のライブラリを図形に対応させて記憶し、記
憶した図形を貼り合わせて新たなプログラムを処理する
図形を作成して記憶し、これらの図形を表示手段の画面
上に視覚的に捕らえて入力手段により操作して画面上に
表示してプログラミングできる。

【００２４】本発明の図形を用いたプログラミングシス
テムは、複数のコンピュータ間の協調作業が、各コンピ
ュータの各画面上の共有領域で実現でき、共有領域以外
の領域では、各コンピュータに固有のタスクを実行でき
る。

【００２５】

【実施例】図１は本発明の原理構成図である。本発明の
図形を用いたプログラミングシステムは、キーボード、
マウス等からなる入力装置１２からオペレータの操作情
報が入力され、ＣＲＴ等からなる表示装置１１へ画面情
報が出力されるＣＰＵとメモリ等からなる処理装置１に
おいて、処理装置１は、包含関係指示手段２、視覚化部
品情報記憶手段３、データ構造変換手段４ａ、処理構造
変換手段４ｂ、処理単位記憶手段５、視覚化部品発生手
段６、代表値変更手段７、データ連携手段８、イベント
管理手段９および包含関係管理手段１０から構成され
る。

【００２６】包含関係指示手段２は、オペレータによる
操作入力を入力装置１２を介して受け、表示装置１１の
画面上に描画された親の図形の上に子の図形を移動して
載せる一連の操作により親の図形と子の図形との間に包
含関係をもたせるように指示する手段である。包含関係
指示手段は、部品を複写、削除、合成、分解、等して編
集する手段である。ここで包含関係とは、表示装置の画
面上に重ね合わせて描画された下側の図形を親、上側の
図形を子として定義される親子関係をいう。

【００２７】図２は本発明による視覚化部品情報記憶手
段と処理単位記憶手段の詳細説明図である。本図におい
て表示装置１１の画面上には台紙Ａの部品の上にメータ
Ｂの部品が表示され、スライダＣの部品のカーソルがメ
ータＢの針と連動して移動する状態を示す。包含関係管
理手段１０に格納されている情報は部品Ｂの親は部品Ａ
であるという情報のみである。

【００２８】視覚化部品情報記憶手段３は、各部品に対
して視覚化部品情報３ａ、データ構造情報３ｂおよび図
形連動処理情報３ｃの３種類の情報から構成される。視
覚化部品情報３ａには、各部品に対し、図形領域サイ
ズ、図形連動処理、対応処理単位、対応データ構造、代
表値データ識別子、およびデータ結合先データ識別子の
各情報が格納され、データ構造情報３ｂには、各部品が
もつ他の部品との入出力結合部であるスロットのデータ
識別子とその値が格納され、図形連動処理情報３ｃに
は、各部品の図形を表示装置１１の画面上に描画するた
めの情報が格納される。

【００２９】次に、図形としての視覚的に操作できるラ
イブラリ（演算処理またはＲＤＢ処理等の個々のプログ
ラム）に対応する部品の作成方法について、以下に説明
する。部品定義ファイルを、数値型と文字型のデータを
貼り合わせてなる部品スロット定義ファイルと、ライブ
ラリに対応する演算処理またはＲＤＢ処理等の個々のプ
ログラムファイルとから自動生成する。自動生成した部
品定義ファイルを言語プロセッサを介してオブジェクト
ファイルを作成し、使用する図形操作ライブラリと演算
処理ライブラリおよびＲＤＢ処理ライブラリとをリンカ
によりリンクして計算機の実行形式のダイナミック・リ
ブ・ライブラリを作成し、これを処理装置にロードすれ
ば、視覚的に捕らえることのできる部品を表示装置の画
面上に呼び出すことができる。このように部品を発生さ
せる命令を部品ジェネレーション命令という。

【００３０】データ構造変換手段４ａは、包含関係指示
手段２と視覚化部品記憶手段３とから入力を受け、デー
タ構造を変換して視覚化部品記憶手段３へ出力する。

【００３１】処理構造変換手段４ｂは、同様に包含関係
指示手段２と視覚化部品記憶手段３とから入力を受け、
処理構造を変換して視覚化部品記憶手段３へ出力する。

【００３２】処理単位記憶手段５は、各部品の処理機能
を記述した命令列からなるプログラム情報と、そのプロ
グラムを実行させて得られるデータ値であって、視覚化
部品情報記憶手段３におけるデータ構造情報３ｂに格納
されるデータ識別子に対応する値を更新するデータ値の
情報とからなる。

【００３３】視覚化部品発生手段６は、予め部品の視覚
化部品情報記憶手段３における視覚化部品情報３ａ、デ
ータ構造情報３ｂ、図形連動処理情報３ｃの各情報を自
動生成する手段である。なお、この手段に代えて部品の
視覚化部品情報記憶手段３における前記各情報は、コー
ディングで入力してもよい。

【００３４】代表値変更手段７は、視覚化部品情報３ａ
の代表値データ識別子に対応するデータ構造情報３ｂの
データ識別子の値を、部品のメインスロットから出力さ
れる値とする。代表値の変更は視覚化部品情報３ａが更
新されるときになされる。

【００３５】データ連携手段８は、包含関係管理手段１
０に格納された表示装置１１の画面上に表示される部品
間の親子関係の情報に基づいて、親子間のデータの受け
渡しを処理する手段である。このデータ連携手段８によ
り親子関係をもった部品間でデータを受け渡す際、統一
されたインターフェースを設けているので、全ての部品
間で受け渡しができる。

【００３６】イベント管理手段９は、複数の表示装置間
で共通の作業場としての部品をマスタ表示装置からスレ
ーブ表示装置へ複写し、かつ各表示装置で発生したマウ
スの操作によるイベントまたは図形の変化によるイベン
トの情報をサーバ・アンド・クライアント形通信方式に
より共有させる。

【００３７】包含関係管理手段１０は、表示装置１１の
画面上に表示される部品間の親子関係の情報を格納し、
データ連携手段８により親子関係を有する部品間のメイ
ンスロットを介してデータを伝搬する。

【００３８】図３は視覚化部品発生手段の処理のフロー
チャートである。本図以降において図中Ｓに続く数字は
各処理におけるステップ番号を示す。以下に視覚化部品
発生手段の処理をステップ順に説明する。最初に、部品
の視覚化部品情報を作成し、対応する処理単位のアドレ
スを設定し（ステップＳ１）、処理単位へ入出力される
データ値の個数を後述するジェネレータの定義文から読
み出し（ステップＳ２）、その個数分の視覚化部品情報
に対応するデータ構造を作成し（ステップＳ３）、処理
単位に書かれた全てのデータのデータ構造内のデータ識
別子に順次データを書き込み（ステップＳ４）、データ
結合先のデータ識別子をＮｉｌに設定し（ステップＳ
５）、対応する図形連動処理のアドレスを設定して図形
連動処理を生成し、すなわちジェネレータで書かれた図
形を描かせるプログラミングが読み込まれ（ステップＳ
６）、図形領域サイズを標準値または指定値に設定し
（ステップＳ７）、図形連動処理を実行し、すなわち図
形を表示させるプログラムを実行し、表示手段により図
形を表示し（ステップＳ８）、終了する。

【００３９】図４はデータ連携手段の処理の前半フロー
チャートであり、図５はデータ連携手段の処理の後半フ
ローチャートである。以下にデータ連携手段の処理をス
テップ順に説明する。最初に、指定された部品を更新対
称部品に設定し（ステップＳ１）、指定されたデータ識
別子を更新データに設定し（ステップＳ２）、指定され
た値を更新値に設定し（ステップＳ３）、部品更新処理
を実行し（ステップＳ４）、値の変化したデータ識別子
リストは代表値のデータ識別子を含むか否か判別し、そ
の判別結果がＹＥＳのときはステップＳ６へ進み、その
判別結果がＮＯのときはステップＳ１３へ移行し（ステ
ップＳ５）、データ結合先のデータ識別子の値はＮｉｌ
でないか否か判別し、その判別結果がＮｉｌでないとき
はステップＳ７へ進み、その判別結果がＮｉｌのときは
ステップＳ１３へ移行し（ステップＳ６）、包含関係管
理情報から親部品を検索し（ステップＳ７）、親部品は
包含関係管理情報内に有りか判別し、その判別結果が有
りのときステップＳ９へ進み、その判別結果が無しのと
きステップＳ１３へ移行し（ステップＳ８）、現部品の
データ結合先のデータ識別子を更新データに設定し（ス
テップＳ９）、親部品の代表値のデータを更新値に設定
し（ステップＳ１０）、親部品を更新代表部品に設定し
（ステップＳ１１）、親部品を現部品に設定し、ステッ
プＳ４へ戻る（ステップＳ１２）。

【００４０】ステップＳ５、Ｓ６またはＳ８終了後、包
含関係管理情報から子部品を検索し、伝搬先部品リスト
に書き込み（ステップＳ１３）、伝搬先部品リストが空
か否かを判別し、その判別結果がＹＥＳのときは終了
し、その判別結果がＮＯのときは、ステップＳ１５へ進
み（ステップＳ１４）、伝搬先部品リストから１つの部
品を取り出し、更新対象部品と設定し（ステップＳ１
５）、代表値のデータ識別子を更新データに設定し（ス
テップＳ１６）、更新対象部品のデータ結合先のデータ
識別子で示されるデータの値を更新値と設定し（ステッ
プＳ１７）、部品更新処理を実行し（ステップＳ１
８）、更新対象部品を現部品と設定し、ステップＳ１３
へ戻る（ステップＳ１９）。

【００４１】図６はデータ連携手段における部品更新処
理の詳細フローチャートである。以下に部品更新処理を
ステップ順に説明する。最初に、更新対象部品のデータ
識別子に対応する値を更新し（ステップＳ１）、対応す
る処理単位のデータ値を対応するデータ識別子の値に設
定し、命令列を実行し（ステップＳ２）、命令列の実行
後にデータ値の変化が有ったか否かを判別し、その判別
結果がＹＥＳのときステップＳ４へ進み、その判別結果
がＮＯのときは終了し（ステップＳ３）、データ識別子
のデータを更新し（ステップＳ４）、図形連動処理を実
行して表示し（ステップＳ５）、値の変化したデータ識
別子を記憶し（ステップＳ６）、終了する。

【００４２】図７は描画時の図形連動処理のフローチャ
ートである。以下にデータ構造内のデータ値が変化した
ときにデータ連携手段からイベント管理手段が呼び出さ
れ、図形を描画する図形連動処理をステップ順に説明す
る。最初に、図形の位置、大きさ、形状、色、等の属性
をデータ値に基づき計算し（ステップＳ１）、図形の表
示内容を変更する必要があるか否かを判別し、その判別
結果がＹＥＳのときはステップＳ３へ進み、その判別結
果がＮＯのときは終了し（ステップＳ２）、図形領域サ
イズを計算して視覚化部品情報に設定し（ステップＳ
３）、図形を表示装置の画面上に描画し（ステップＳ
４）、イベント管理手段を呼び出して図形の状態が変化
したことを伝達し（ステップＳ５）、終了する。この図
形連動処理により、例えばメータの針を動かす図形の編
集プログラムが実行される。

【００４３】図８はイベント発生時の図形連動処理のフ
ローチャートである。以下にイベントが発生したとき
に、イベント管理手段から呼び出され、表示が変化した
ときにデータを書き換える図形連動処理をステップ順に
説明する。最初に、図形の表示を変更する必要のあるイ
ベントか否か判別し、その判別結果がＹＥＳのときはス
テップＳ２へ進み、その判別結果がＮＯのときはステッ
プＳ５へ移行し（ステップＳ１）、イベントによる図形
の位置、大きさ、形状、等の属性を計算し（ステップＳ
２）、図形領域サイズを計算して視覚化部品情報に設定
し（ステップＳ３）、図形を表示装置の画面上に描画し
（ステップＳ４）、データ構造内のデータ値を変更する
必要のあるイベントか否かを判別し、その判別結果がＹ
ＥＳのときはステップＳ６へ進み、その判別結果がＮＯ
のときは終了し（ステップＳ５）、変更すべきデータの
データ識別子を決定して変更後の値を計算し（ステップ
Ｓ６）、データ連携手段を呼び出してその部品のデータ
構造内のデータを指定した値に変更し（ステップＳ
７）、終了する。

【００４４】図９は貼り合わせ構造から新規の処理構造
を生成する処理のフローチャートである。以下に貼り合
わせ構造から新規の処理構造を生成する処理をステップ
順に説明する。最初に、空の処理単位をもつ部品Ａを生
成し（ステップＳ１）、最も上位の親を一時記憶部に登
録し（ステップＳ２）、一時記憶部は空か否かを判別
し、空と判別されたときは終了し、空でないと判別され
たときはステップＳ４へ進み（ステップＳ３）、一時記
憶部から部品Ｐを一つ選択し（ステップＳ４）、部品Ｐ
の対応する処理単位を部品Ａの対応する処理単位に追加
し（ステップＳ５）、部品Ｐを一時記憶部から削除し
（ステップＳ６）、部品Ｐは子をもつか否かを判別し、
子をもつと判別されたときはステップＳ８へ進み、子を
もたないと判別されたときはステップＳ３へ戻り（ステ
ップＳ７）、部品Ｐの子を全て一時記憶部に登録する
（ステップＳ８）。

【００４５】図１０は貼り合わせ構造から新規のデータ
構造を生成する処理のフローチャートである。以下に貼
り合わせ構造から新規のデータ構造を生成する処理をス
テップ順に説明する。最初に、空のデータ構造をもつ部
品Ａを生成し（ステップＳ１）、最も上位の親を一時記
憶部に登録し（ステップＳ２）、一時記憶部は空か否か
を判別し、空と判別されたときは終了し、空でないと判
別されたときはステップＳ４へ進み（ステップＳ３）、
一時記憶部から部品Ｐを一つ選択し（ステップＳ４）、
部品Ｐの対応するデータ構造を部品Ａの対応するデータ
構造に追加し（ステップＳ５）、部品Ｐを一時記憶部か
ら削除し（ステップＳ６）、部品Ｐは子をもつか否かを
判別し、子をもつと判別されたときはステップＳ８へ進
み、子をもたないと判別されたときはステップＳ３へ戻
り（ステップＳ７）、部品Ｐの子を全て一時記憶部に登
録する（ステップＳ８）。

【００４６】図１１はイベント配送処理のフローチャー
トである。以下にイベント配送処理をステップ順に説明
する。最初に、状態変化は領域内部で発生したか否かを
判別し、その判別結果がＹＥＳのときはステップＳ２へ
進み、その判別結果がＮＯのときは終了し（ステップＳ
１）、領域を共有する相手が有るか否かを判別し、その
判別結果がＹＥＳのときはステップＳ３へ進み、その判
別結果がＮＯのときは終了し（ステップＳ２）、領域を
共有する全ての相手にイベントを配送し（ステップＳ
３）、終了する。

【００４７】図１２は本発明の第一実施例を示す図であ
る。表示手段３０の画面上には、画面上部に、四則演算
機能を有する部品３１と入力機能を有する部品３２と帯
グラフで出力表示機能を有する部品３３とイメージで出
力表示する機能を有する部品３４が表示される。これら
の部品は前述のように本システム内に予め記憶した部品
であり、画面上にメニューで示され、入力手段であるマ
ウスの操作により画面上に表示できる。画面下部は、四
則演算機能部品３１が最初に移動され、その上に入力機
能部品３２と出力表示機能部品３３とイメージ出力表示
機能部品３４とが移動により四則演算機能部品３１上に
貼られた状態を示す。入力機能部品３２の上に書き込む
数値データが四則演算機能部品３１に入力され、四則演
算機能部品の加算が代表値として選択されていたとき
は、加算が実行され、加算結果のデータが出力表示機能
部品３３とイメージ出力表示機能部品３４に入力され、
出力表示機能部品３３の帯の状態が変化し、イメージ出
力表示機能部品３４は表示する画像の状態、例えば走っ
ている状態または寝ている状態というように変化する。
なお、入力機能部品３２と出力表示機能部品３３は、Ｇ
ＵＩ部品であり、ＧＵＩで標準化した図形も部品として
活用できる点は注目すべきことである。何故ならば知的
資産としてエンドユーザでも複雑なプログラミングを必
要とせずに、視覚的に図形を操作するだけで、上述のよ
うな例えば演算処理が可能となるからである。また、こ
のように作成された新たな図形を保存して新たな知的資
産とすることもできる。

【００４８】図１３は本発明の第二実施例を示す図であ
り、（Ａ）はＲＤＢ連携部品を示す図であり、（Ｂ）は
グラフ表示部品とテーブル表示部品の貼り合わせを示す
図である。本図は、ＲＤＢ（関係データベース）のデー
タを読み取り、テーブルの行と列にデータを書き込み、
グラフを描かせる例を示す。ＲＤＢ連携部品はそのため
の機能を有する部品であり、ＲＤＢ連携部品の上にグラ
フ表示部品とテーブル表示部品を貼り合わせると、自動
的にＲＤＢからデータが読み取られ、テーブル表示部品
上のテーブルの行と列にデータが書き込まれ、グラフ表
示部品上にグラフが描かれる。なおＲＤＢ連携部品の上
にグラフ表示部品とテーブル表示部品を貼り合わせる時
に、ＲＤＢ連携部品の複数のスロット（貼り合わされた
部品と結合するポート）の内、各表示部品に対応するス
ロットを決定する。またＲＤＢ連携部品はＲＤＢからグ
ラフ表示部品とテーブル表示部品に必要なデータを検索
するためのスロットでＲＤＢと結合されている。

【００４９】図１４は本発明の第三実施例を示す図であ
る。本図は計算機Ａ、Ｂ、Ｃ間で協調作業を行うときに
各計算機間の協調作業場でイベントが共有される例を示
す。各計算機Ａ、Ｂ、Ｃの各表示手段の画面４１、４
２、４３上には、イベント共有される部品４４の領域が
表示される。各画面４１、４２、４３上においてイベン
ト共有される部品４４が占める領域以外の領域は、各計
算機Ａ、Ｂ、Ｃが他の計算機から独立して固有の処理に
使用できる。それゆえ、計算機Ａを先生が操作し、計算
機Ｂと計算機Ｃをそれぞれ生徒が操作すると仮定する
と、生徒がイベント共有される部品４４の領域以外の画
面上の領域を使用して先生に知られないで自由に計算機
の操作ができる。もちろん、イベント共有される部品４
４の領域で生徒がマウスの操作または画面上の図形の変
化によるイベントを発生させたときは先生は即座にその
イベントによるイベント共有される部品４４の変化を知
ることができる。

【００５０】図１５は本発明の第四実施例を示す図であ
る。本図中、図形の表示手段５１はその画面に表示され
る部品、部品の位置と表示形態、および他の部品間との
包含関係を管理する。包含関係指示手段５２は表示手段
５１の画面上に表示された部品間に包含関係をもたせる
手段であり、視覚化部品情報記憶手段５３は表示手段５
１の画面上に表示される部品に対応する機能に関する情
報を主に記憶する手段である。構造変換手段５４は部品
のデータ構造または処理構造を変換して新規な構造を有
する部品を作成する手段である。包含関係管理手段５
１’は、表示手段５１の画面上に表示される部品間の包
含関係（親子関係）を管理する。図示する包含関係管理
手段５１’は、表示手段５１の画面上に表示される部品
Ａ、Ｂ、Ｃの包含関係は、ＡはＢの親、ＢはＣの親であ
ることを示す。本図の視覚化部品情報記憶手段５３に示
す表は部品Ａ、Ｂ、Ｃの関係を示し、部品Ａは入力デバ
イスからの入力処理に、部品Ｂは入力されたデータを処
理しその結果を出力するある種のフィルタ処理に、部品
Ｃは出力デバイスへの出力処理に対応づけられているこ
とを示す。構造変換手段５４は部品を含む側（親）を入
力とし、部品に含まれる側（子）を出力とするように処
理を変換する。また対応づけの処理は、マウスの操作入
力を受けた包含関係指示手段５２により、部品Ａの上に
部品Ｂを載せ、部品Ｂの上に部品Ｃを載せるよう図形を
移動する処理を実行すると共に、実行される。これによ
り入力デバイスからのデータをフィルタリングし、出力
デバイスに出力する一連の処理が定義されたこととな
る。

【００５１】図１６は本発明による図形の操作例を示す
図であり、（Ａ）は図形の複写を示す図であり、（Ｂ）
は図形の剥離を示す図である。図１６の（Ａ）は、部品
Ａ、Ｂ、Ｃを対応する図形Ａ、Ｂ、Ｃで示し、部品Ａ、
Ｂ、Ｃからなり、ＡはＢの親、ＢはＣの親である部品６
１をマウスで右ボタンクリップし画面上に示されるメニ
ューのＣＯＰＹを左ボタンクリップし、部品６１に表示
されるハンドルラバー６０をマウスでポイントしドラッ
グして移動し、所望の位置で左ボタンクリップすること
により部品６２が複写されることを示す。複写の結果、
部品６１と同一部品６２が新たに作成され、以後部品６
１と部品６２は独立して使用できる。図示する部品６２
は、部品６１の複写直後の部品Ａ、Ｂ、Ｃが独立の処理
により部品Ａ’、Ｂ’、Ｃ’に変化した状態を示す。図
１６の（Ｂ）の上部は部品Ａと部品Ｂと部品Ｃからなる
部品６３から、部品Ｃをクリップしドラッグして移動し
所望の位置でドロップすることにより部品Ｃを剥がして
移動した状態を示す。部品６３は入力のみ与えて処理の
み行う部品となる。図１６の（Ｂ）の下部は部品Ａ’と
部品Ｂ’と部品Ｃ’からなる部品６５から部品Ｂ’をク
リップしドラッグして移動し所望の位置でドロップする
ことにより部品Ｂ’と部品Ｃ’をまとめて剥がして移動
した状態を示す。部品６６は処理をして出力のみ行う部
品となる。

【００５２】図１７は本発明による図形の貼り合わせを
示す図であり、（Ａ）は貼り合わせる前の図であり、
（Ｂ）は貼り合わせた後の図である。図１７の（Ａ）は
部品Ｂ’と部品Ｃ’からなる部品６７を部品Ａと部品Ｂ
からなる部品６８に貼り合わせる前の図であり、図１７
の（Ｂ）は部品６７を部品６８に貼り合わせて部品６９
を作成した後の図である。部品６９は部品Ａへの入力デ
ータが部品Ｂと部品Ｂ’により二度繰り返して同一処理
され、部品Ｃ’へ出力する部品となる。

【００５３】図１８は本発明による分岐処理を実行する
図形を作成する例を示す図であり、（Ａ）は作成前の図
であり、（Ｂ）は作成後の図である。分岐処理部品７３
は入力されたデータを判定し、その判定結果に応じて処
理の実行を決定する。入力処理部品７４は入力デバイス
からの入力処理を実行し、出力処理部品７５は出力デバ
イスへの出力処理を実行する。部品７４をクリップしド
ラッグし部品７３上のＩＦの右側の位置にドロップし、
同様に部品７５をクリップしドラッグし部品７３上のＴ
ＨＥＮの右側の位置にドロップして部品７４と部品７５
を部品７３上に移動することにより、条件に応じて実行
する部品を作成できる。

【００５４】図１９は本発明によるデータ構造の異なる
２つの図形を移動して異なるデータ構造をもつ１つの図
形を作成する例を示す図であり、（Ａ）は作成前の図で
あり、（Ｂ）は作成後の図である。図１９の（Ａ）は数
値型データからなる部品７７と文字型データからなる部
品７８を移動して空の部品７９に貼り合わせる状態を示
す。図１９の（Ｂ）は部品７７と部品７８が部品７９の
上に貼り合わされて新たな部品７９が作成された状態を
示す。なお部品７９はデータ構造を作成するための部品
である。

【００５５】図２０は異なるデータ構造をもつ１つの図
形の複写を示す図である。数値型データからなる部品７
７と文字型データからなる部品７８をディクショナリ部
品の上に移動して作成した部品７９を複写して同一部品
８３を作成した状態を示す。複写後は２つの同一部品７
９と部品８３は独立して操作でき、部品８３をなす部品
８１と部品８２のデータは部品７９と独立して変化でき
る。部品７９、８３はＲＤＢのレコードに適用できる。

【００５６】図２１は異なるデータ構造をもつ２つの同
一図形をディクショナリ図形の上に貼り合わせた図形を
示す図である。本図は部品７９と部品８３をディクショ
ナリ部品８４上に複写し、数値型データからなる部品７
７と文字型データからなる部品７８および数値型データ
からなる部品８１と文字型データからなる部品８２を含
む数値型データと文字型データが混在した部品８４を作
成できることを示す。同様に複雑なデータ構造を含む部
品が作成されることが判る。なお部品８４はＲＤＢの復
表に適用できる。

【００５７】

【発明の効果】以上説明したように、本発明の図形を用
いたプログラミングシステムによれば、プログラマーに
限定されていたコンピュータのアプリケーションプログ
ラムの作成または編集がエンドユーザにより容易に実現
できる。

【００５８】本発明による部品を組み合わせて新たに作
成した部品を保存して再利用でき、エンドユーザのアプ
リケーションプログラムに活用できる。かつ作成された
部品は視覚的に機能を捕らえることができ機能理解が容
易である。

【００５９】データ間のリンクがプログラム言語で記述
されず、視覚的に図形で捕らえることができ可読性がよ
い。データ構造を視覚化により簡単に操作できるように
したので、複雑なデータ構造でもプログラムミスがなく
なり、データ構造の可読性、編集容易性が向上し、利用
または再利用ができるようになる。

【００６０】本発明によれば、図形と処理を対応づけて
編集できるので、図形を編集するような操作感覚で容易
にプログラミングできる。新たに作成された図形で表現
された部品も視覚的にその機能を捕らえることができ、
処理内容の可読性がよい。また、処理手順の利用または
再利用も容易にできる。

【図面の簡単な説明】

【図１】本発明の原理構成図である。

【図２】本発明による視覚化部品情報記憶手段と処理単
位記憶手段の詳細説明図である。

【図３】視覚化部品発生手段の処理のフローチャートで
ある。

【図４】データ連携手段の処理の前半フローチャートで
ある。

【図５】データ連携手段の処理の後半フローチャートで
ある。

【図６】データ連携手段における部品更新処理の詳細フ
ローチャートである。

【図７】描画時の図形連動処理のフローチャートであ
る。

【図８】イベント発生時の図形連動処理のフローチャー
トである。

【図９】貼り合わせ構造から新規の処理構造を生成する
処理のフローチャートである。

【図１０】貼り合わせ構造から新規のデータ構造を生成
する処理のフローチャートである。

【図１１】イベント配送処理のフローチャートである。

【図１２】本発明の第一実施例を示す図である。

【図１３】本発明の第二実施例を示す図であり、（Ａ）
はＲＤＢ連携部品を示す図であり、（Ｂ）はグラフ表示
部品とテーブル表示部品の貼り合わせを示す図である。

【図１４】本発明の第三実施例を示す図である。

【図１５】本発明の第四実施例を示す図である。

【図１６】本発明による図形の操作例を示す図であり、
（Ａ）は図形の複写を示す図であり、（Ｂ）は図形の剥
離を示す図である。

【図１７】本発明による図形の貼り合わせを示す図であ
り、（Ａ）は貼り合わせる前の図であり、（Ｂ）は貼り
合わせた後の図である。

【図１８】本発明による分岐処理を実行する図形を作成
する例を示す図であり、（Ａ）は作成前の図であり、
（Ｂ）は作成後の図である。

【図１９】本発明によるデータ構造の異なる２つの図形
を移動して異なるデータ構造をもつ１つの図形を作成す
る例を示す図であり、（Ａ）は作成前の図であり、
（Ｂ）は作成後の図である。

【図２０】異なるデータ構造をもつ１つの図形の複写を
示す図である。

【図２１】異なるデータ構造をもつ２つの同一図形をデ
ィクショナリ図形の上に貼り合わせた図形を示す図であ
る。

【符号の説明】

１…処理装置 ２…包含関係指示手段 ３…視覚化部品情報記憶手段 ４ａ…データ構造変換手段 ４ｂ…処理構造変換手段 ５…処理単位記憶手段 ６…視覚化部品発生手段 ７…代表値変更手段 ８…データ連携手段 ９…イベント管理手段 １０…包含関係管理手段 １１…表示装置 １２…入力装置

───────────────────────────────────────────────────── フロントページの続き (72)発明者 菊地 智 神奈川県川崎市中原区上小田中1015番地 富士通株式会社内 (72)発明者 今滝 隆元 神奈川県川崎市中原区上小田中1015番地 富士通株式会社内 (72)発明者 坂本 浩一 神奈川県横浜市中区尾上町６丁目81番地 日立ソフトウェアエンジニアリング株式会 社内 (72)発明者 西田 宗史 神奈川県横浜市中区尾上町６丁目81番地 日立ソフトウェアエンジニアリング株式会 社内

Claims (8)

【特許請求の範囲】
1. 【請求項１】 図形とプログラムを対応づける手段と、 図形と図形との間で包含関係づけするよう指示する包含
   関係指示手段と、 前記指示に従って得られた新たな図形に対応するプログ
   ラムを生成する手段と、を備えることを特徴とする図形
   を用いたプログラミングシステム。
2. 【請求項２】 入力装置（１２）からオペレータの操作
   情報が入力され、表示装置（１１）の画面上に図形が描
   画される図形を用いたプログラミングシステムにおい
   て、 演算処理またはデータベース処理等の機能をもつプログ
   ラムを１つの図形に対応させた部品の情報を記憶し、前
   記部品の情報を前記表示装置（１１）の画面上に表示す
   る視覚化部品記憶手段（３）と、 前記部品に対応する前記機能のプログラムを記憶し、そ
   のプログラムの実行により得られるデータを前記視覚化
   部品記憶手段（３）に出力する処理単位記憶手段（５）
   と、 前記部品の情報を自動的に生成し前記視覚化部品記憶手
   段（３）に記憶する視覚化部品発生手段（６）と、 を備え、視覚的に前記図形を捕らえて操作してプログラ
   ミングすることを特徴とする図形を用いたプログラミン
   グシステム。
3. 【請求項３】 入力装置（１２）からオペレータの操作
   情報が入力され、表示装置（１１）の画面上に図形が描
   画される図形を用いたプログラミングシステムにおい
   て、 演算処理またはデータベース処理等の機能をもつプログ
   ラムを１つの図形に対応させた部品の情報を記憶し、前
   記部品の情報を前記表示装置（１１）の画面上に表示す
   る視覚化部品記憶手段（３）と、 前記部品に対応する前記機能のプログラムを記憶し、そ
   のプログラムの実行により得られるデータを前記視覚化
   部品記憶手段（３）に出力する処理単位記憶手段（５）
   と、 表示装置（１１）の画面上における前記入力手段（１
   ２）からのオペレータの操作情報を受け、前記部品を表
   す前記図形と他の部品を表す図形との間で包含関係をも
   たせる包含関係指示手段（２）と、 前記部品間の前記包含関係を記憶する包含関係管理手段
   （１０）と、 前記包含関係管理手段（１０）に記憶された前記部品間
   の前記包含関係に基づいて、前記部品間のデータの受け
   渡しをさせるデータ連携手段（８）と、 を備え、複数の部品から新規な部品を作成してプログラ
   ミングすることを特徴とする図形を用いたプログラミン
   グシステム。
4. 【請求項４】 前記プログラミングシステムは、 前記部品と他の部品との間でデータが受け渡しされる複
   数のスロットの内、最も頻繁に使用されるスロットを介
   してデータを受け渡しするデータ構造情報部（３ｂ）内
   の値を代表値とする代表値変更手段（７）をさらに備
   え、 前記視覚化部品記憶手段（３）は、前記部品と他の部品
   との間で複数のスロットを介してデータを受け渡しする
   ために一時記憶し、前記処理単位記憶手段（５）から出
   力されるデータを記憶するデータ構造情報部（３ｂ）を
   備える請求項３に記載の図形を用いたプログラミングシ
   ステム。
5. 【請求項５】 前記プログラミングシステムは、 前記部品間で包含関係をもたせて得られた新規な部品に
   対応する前記機能のプログラムを変換する処理構造変換
   手段（４ｂ）をさらに備える請求項３または４に記載の
   図形を用いたプログラミングシステム。
6. 【請求項６】 前記プログラミングシステムは、 前記部品のデータ構造を変換するデータ構造変換手段
   （４ａ）をさらに備える請求項５に記載の図形を用いた
   プログラミングシステム。
7. 【請求項７】 前記データ連携手段（８）は、前記部品
   間の如何なる形式のデータをも送受信せしめるインター
   フェースをさらに備える請求項６に記載の図形を用いた
   プログラミングシステム。
8. 【請求項８】 複数の各前記プログラミングシステム
   （１）間で協調作業を行うとき、各前記プログラミング
   システム（１）の各前記表示装置（１１）内に共有され
   る各協調作業場領域を設け、各前記協調作業場領域内で
   発生する入力手段によるかまたは図形の変化によるイベ
   ントを共有させるイベント管理手段（９）をさらに備え
   る請求項６または７に記載の図形を用いたプログラミン
   グシステム。