JP2022012394A - ソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラム - Google Patents

Abstract

【課題】ソフトウェア開発環境のユーザインタフェースの利便性を改善することが可能なソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラムを提供する。【解決手段】表示部３５と、制御部３１とを備える情報処理装置３０を含み、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供システムであって、表示部３５は、複数の開発コンポーネント及び複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェース２００を表示し、制御部３１は、複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネント３０５に接続されたリンク４０１～４０３、４０５を強調した表示態様で表示部３５に表示させる。【選択図】図７

Description

本開示は、ソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラムに関する。

ＩｏＴに係る技術の進歩に伴い、プラント、工場、ビル、住居等における、あらゆる機器、センサ等がネットワークに接続され、これらを自動制御するシステムが提案されている。例えばプラント、工場等においては、分散制御システム、製造実行システム（ＭＥＳ：Manufacturing Execution System）、プラント情報管理システム（ＰＩＭＳ：Plant Information Management System）、基幹業務システム（ＥＲＰ：Enterprise Resource Planning）等の種々のシステム（以下、エンジニアリングシステムともいう）が構築されている。

従来、これらのエンジニアリングシステムにおいて実装されるアプリケーション、ワークフロー、プログラム等のソフトウェアの開発は、例えばＰＬＣ（Programmable Logic Controller）等のプラントに設置された装置を用いて実現されている。また例えば特許文献１では、ソフトウェアの開発においてビジュアルプログラミングツールを用いて支援する技術が提案されている。具体的には特許文献１では機能等の各種処理のまとまりをオブジェクトとして表現し、処理間の関係をワイヤで接続することで、ソフトウェア開発を行うことが開示されている。

特開２０２０－４２６７９号公報

しかしながら特許文献１の技術において、オブジェクトを多数組み合わせてソフトウェア開発をしようとした場合、組み合わせるオブジェクトの数が増大するに従い、オブジェクト同士の関係性を把握することが困難になり得る。すなわちソフトウェア開発環境のユーザインタフェースの利便性には改善の余地があった。

そこで本開示は、ソフトウェア開発環境のユーザインタフェースの利便性を改善することが可能なソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラムを提供することを目的とする。

幾つかの実施形態に係るソフトウェア開発環境提供システムは、
表示部と、制御部とを備える情報処理装置を含み、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供システムであって、
前記表示部は、前記複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示し、
前記制御部は、前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で前記表示部に表示させる。

このように、幾つかの実施形態に係るソフトウェア開発環境提供システムによれば、前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で前記表示部に表示させる。そのため、開発コンポーネント間の関係性をユーザは容易に把握することできる。すなわち幾つかの実施形態に係るソフトウェア開発環境提供システムによれば、ソフトウェア開発環境のユーザインタフェースの利便性を改善することができる。

一実施形態において、前記制御部は、前記選択された開発コンポーネントを強調して前記表示部に表示させてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクに加えて、開発コンポーネントも強調して表示される。そのため開発コンポーネント間の関係性をユーザはさらに容易に把握することできる。

一実施形態において、前記制御部は、前記選択された前記開発コンポーネントの入力ポートに接続されたリンクと、出力ポートに接続されたリンクを、異なる色で強調して前記表示部に表示させてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、選択された前記開発コンポーネントの入力ポートに接続されたリンクと、出力ポートに接続されたリンクとが異なる色で強調して表示される。そのため、入力側と出力側とのそれぞれについて区別された態様で、開発コンポーネント間の関係性をユーザは容易に把握することできる。

一実施形態において、前記制御部は前記表示部に、前記選択された開発コンポーネントに接続されたリンクを、前記選択された開発コンポーネントに接続されていないリンクよりも上位レイヤーに表示させてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、選択された開発コンポーネントに接続されたリンクを上位レイヤーに表示させることにより、当該リンクを選択する操作をする際の操作性を向上させることができる。

一実施形態において、前記制御部は、前記選択された開発コンポーネントに間接的に接続されたリンクを強調して前記表示部に表示させてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、間接的に接続されたリンクを強調表示することにより、ある開発コンポーネントの入力及び出力がどの開発コンポーネントに影響するかをユーザは容易に把握することができる。

一実施形態において、前記制御部は、前記選択された前記開発コンポーネントに直接接続されたリンクと、前記選択された前記開発コンポーネントに間接的に接続されたリンクとを、異なる色で強調して前記表示部に表示させてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、選択された前記開発コンポーネントに直接接続されたリンクと、前記選択された前記開発コンポーネントに間接的に接続されたリンクとが異なる色で強調して表示される。そのため、直接接続されたリンクと間接的に接続されたリンクとのそれぞれについて区別された態様で、開発コンポーネント間の関係性をユーザは容易に把握することできる。

一実施形態において、前記複数の開発コンポーネントは、同一種類で、かつ同一の接続先開発コンポーネントに接続された少なくとも２つの開発コンポーネントを含み、
前記少なくとも２つの開発コンポーネントは、当該少なくとも２つの開発コンポーネントに対応する統合オブジェクトにより表示されてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、表示されるオブジェクトの数及びリンクの数を減らし、開発コンポーネント間の関係性をユーザは容易に把握することできる。

一実施形態において、前記制御部は、前記統合オブジェクトは、統合された開発コンポーネントの数を含む表示態様により表示されてもよい。

このように、一実施形態に係るソフトウェア開発環境提供システムによれば、ユーザは統合されている開発コンポーネントの数を容易に把握することができる。

幾つかの実施形態に係るソフトウェア開発環境提供方法は、
複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供方法であって、
前記複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示するステップと、
前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示するステップと
を含む。

このように、幾つかの実施形態に係るソフトウェア開発環境提供方法によれば、前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示する。そのため、開発コンポーネント間の関係性をユーザは容易に把握することできる。すなわち幾つかの実施形態に係るソフトウェア開発環境提供方法によれば、ソフトウェア開発環境のユーザインタフェースの利便性を改善することができる。

幾つかの実施形態に係るソフトウェア開発環境提供プログラムは、前記ソフトウェア開発環境提供プログラムが実行された場合に、プロセッサに、
前記複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示するステップと、
前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示するステップと
を含む動作を実行させる。

このように、幾つかの実施形態に係るソフトウェア開発環境提供プログラムによれば、複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示する。そのため、開発コンポーネント間の関係性をユーザは容易に把握することできる。すなわち幾つかの実施形態に係るソフトウェア開発環境提供プログラムによれば、ソフトウェア開発環境のユーザインタフェースの利便性を改善することができる。

本開示によれば、ソフトウェア開発環境のユーザインタフェースに係る技術を改善することが可能なソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラムを提供することができる。

本開示の一実施形態に係るソフトウェア開発環境提供システムの機能ブロック図である。 本開示の一実施形態に係るソフトウェア開発環境提供システムにおけるユーザインタフェースを示す図である。 本開示の一実施形態に係るソフトウェア開発環境提供システムにおけるトリガー選択ダイアログを示す図である。 トリガー選択ダイアログにおいて選択された開発コンポーネントが配置されたユーザインタフェースを示す図である。 複数の開発コンポーネントが配置されたユーザインタフェースを示す図である。 本開示の一実施形態に係るソフトウェア開発環境提供方法を示すフローチャートである。 本開示の一実施形態に係るソフトウェア開発環境提供方法の動作の概要を示す図である。 本開示の一実施形態に係るソフトウェア開発環境提供方法の動作の概要を示す図である。 本開示の一実施形態に係るソフトウェア開発環境提供方法の動作の概要を示す図である。 強調表示されたリンクの接続先の変更に係る動作の概要を示す図である。 強調表示されたリンクの接続先の変更に係る動作の概要を示す図である。 強調表示されたリンクの接続先の変更に係る動作の概要を示す図である。 強調表示されたリンクの接続先の変更に係る動作の概要を示す図である。 リンクの線種を変更した場合の一例を示す図である。 選択された開発コンポーネントに間接的に接続されたリンクを強調した場合の表示例を示す図である。 本開示の一実施形態に係るソフトウェア開発環境提供システムにおいて統合オブジェクトが表示されている一例を示す図である。

以下、本開示の実施形態に係るソフトウェア開発環境提供システム１０について、図面を参照して説明する。

各図中、同一又は相当する部分には、同一符号を付している。本実施形態の説明において、同一又は相当する部分については、説明を適宜省略又は簡略化する。

図１乃至図３を参照して、本実施形態に係るソフトウェア開発環境提供システム１０の概要及び構成を説明する。

本実施形態に係るソフトウェア開発環境提供システム１０は、複数のサーバ２０と、情報処理装置３０とを備える。各サーバ２０と情報処理装置３０とは、例えば移動体通信網及びインターネット等を含むネットワーク４０と通信可能に接続されている。各サーバ２０は、例えばデータセンタ等に設置される。例えば各サーバ２０は、クラウドコンピューティングシステム又はその他のコンピューティングシステムに属するサーバである。概略として、ソフトウェア開発環境提供システム１０は、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を、例えばクラウド上でユーザに提供する。ユーザは情報処理装置３０を操作し、例えば情報処理装置３０上のウェブブラウザにより複数のサーバ２０により構成されるクラウドにアクセスし、ウェブブラウザにより表示されるインタフェース上で複数の開発コンポーネントを組み合わせて、ソフトウェア開発を行うことができる。なお図１においてソフトウェア開発環境提供システム１０が備えるサーバ２０は３台である例が示されているが、これに限られない。ソフトウェア開発環境提供システム１０は、３台未満のサーバ２０を備えてもよく、４台以上のサーバ２０を備えていてもよい。またサーバ２０の台数は１台であってもよい。

以下、本実施形態に係るサーバ２０及び情報処理装置３０の各構成を説明する。

図１に示されるように、サーバ２０は、制御部２１と、記憶部２２と、通信部２３とを備える。

制御部２１には、少なくとも１つのプロセッサ、少なくとも１つの専用回路、又はこれらの組み合わせが含まれる。プロセッサは、ＣＰＵ（central processing unit）若しくはＧＰＵ（graphics processing unit）などの汎用プロセッサ、又は特定の処理に特化した専用プロセッサである。専用回路は、例えば、ＦＰＧＡ（field-programmable gate array）又はＡＳＩＣ（application specific integrated circuit）である。制御部２１は、サーバ２０の各部を制御しながら、サーバ２０の動作に関わる処理を実行する。

記憶部２２には、少なくとも１つの半導体メモリ、少なくとも１つの磁気メモリ、少なくとも１つの光メモリ、又はこれらのうち少なくとも２種類の組み合わせが含まれる。半導体メモリは、例えば、ＲＡＭ（random access memory）又はＲＯＭ（read only memory）である。ＲＡＭは、例えば、ＳＲＡＭ（static random access memory）又はＤＲＡＭ（dynamic random access memory）である。ＲＯＭは、例えば、ＥＥＰＲＯＭ（electrically erasable programmable read only memory）である。記憶部２２は、例えば、主記憶装置、補助記憶装置、又はキャッシュメモリとして機能する。記憶部２２には、サーバ２０の動作に用いられるデータと、サーバ２０の動作によって得られたデータとが記憶される。

通信部２３には、少なくとも１つの外部通信用インタフェースが含まれる。通信用インタフェースは、有線通信又は無線通信のいずれのインタフェースであってよい。有線通信の場合、通信用インタフェースは例えばＬＡＮ（Local Area Network）インタフェース、ＵＳＢ（Universal Serial Bus）である。無線通信の場合、通信用インタフェースは例えば、ＬＴＥ（Long Term Evolution）、４Ｇ（4th generation）、若しくは５Ｇ（5th generation）などの移動通信規格に対応したインタフェース、Bluetooth（登録商標）などの近距離無線通信に対応したインタフェースである。通信部２３はサーバ２０の動作に用いられるデータを受信し、またサーバ２０の動作によって得られるデータを送信する。

サーバ２０の機能は、本実施形態に係るプログラムを、制御部２１に相当するプロセッサで実行することにより実現される。すなわち、サーバ２０の機能は、ソフトウェアにより実現される。プログラムは、サーバ２０の動作をコンピュータに実行させることで、コンピュータをサーバ２０として機能させる。すなわち、コンピュータは、プログラムに従ってサーバ２０の動作を実行することによりサーバ２０として機能する。

本実施形態においてプログラムは、コンピュータで読取り可能な記録媒体に記録しておくことができる。コンピュータで読取り可能な記録媒体は、非一時的なコンピュータ読取可能な媒体を含み、例えば、磁気記録装置、光ディスク、光磁気記録媒体、又は半導体メモリである。プログラムの流通は、例えば、プログラムを記録したＤＶＤ（digital versatile disc）又はＣＤ－ＲＯＭ（compact disc read only memory）などの可搬型記録媒体を販売、譲渡、又は貸与することによって行う。またプログラムの流通は、プログラムを外部サーバのストレージに格納しておき、外部サーバから他のコンピュータにプログラムを送信することにより行ってもよい。またプログラムはプログラムプロダクトとして提供されてもよい。

サーバ２０の一部又は全ての機能が、制御部２１に相当する専用回路により実現されてもよい。すなわち、サーバ２０の一部又は全ての機能が、ハードウェアにより実現されてもよい。

情報処理装置３０は、制御部３１と、記憶部３２と、通信部３３と、入力部３４と、表示部３５とを備える。

制御部３１には、少なくとも１つのプロセッサ、少なくとも１つの専用回路、又はこれらの組み合わせが含まれる。プロセッサは、ＣＰＵ若しくはＧＰＵなどの汎用プロセッサ、又は特定の処理に特化した専用プロセッサである。専用回路は、例えば、ＦＰＧＡ又はＡＳＩＣである。制御部３１は、情報処理装置３０の各部を制御しながら、情報処理装置３０の動作に関わる処理を実行する。

記憶部３２には、少なくとも１つの半導体メモリ、少なくとも１つの磁気メモリ、少なくとも１つの光メモリ、又はこれらのうち少なくとも２種類の組み合わせが含まれる。半導体メモリは、例えば、ＲＡＭ又はＲＯＭである。ＲＡＭは、例えば、ＳＲＡＭ又はＤＲＡＭである。ＲＯＭは、例えば、ＥＥＰＲＯＭである。記憶部３２は、例えば、主記憶装置、補助記憶装置、又はキャッシュメモリとして機能する。記憶部３２には、情報処理装置３０の動作に用いられるデータと、情報処理装置３０の動作によって得られたデータとが記憶される。

通信部３３には、少なくとも１つの外部通信用インタフェースが含まれる。通信用インタフェースは、有線通信又は無線通信のいずれのインタフェースであってよい。有線通信の場合、通信用インタフェースは例えばＬＡＮインタフェース、ＵＳＢである。無線通信の場合、通信用インタフェースは例えば、ＬＴＥ、４Ｇ、若しくは５Ｇなどの移動通信規格に対応したインタフェース、Bluetooth（登録商標）などの近距離無線通信に対応したインタフェースである。通信部３３は、情報処理装置３０の動作に用いられるデータを受信し、また情報処理装置３０の動作によって得られるデータを送信する。

入力部３４には、少なくとも１つの入力用インタフェースが含まれる。入力用インタフェースは、例えば、物理キー、静電容量キー、ポインティングデバイス、ディスプレイと一体的に設けられたタッチスクリーンである。入力部３４は、情報処理装置３０の動作に用いられるデータを入力する操作を受け付ける。入力部３４は、情報処理装置３０に備えられる代わりに、外部の入力機器として情報処理装置３０に接続されてもよい。接続方式としては、例えば、ＵＳＢ（Universal Serial Bus）、ＨＤＭＩ（登録商標）（High-Definition Multimedia Interface）、又はBluetooth（登録商標）などの任意の方式を用いることができる。

表示部３５には、少なくとも１つの表示出力用インタフェースが含まれる。出力用インタフェースは、例えば、ディスプレイである。ディスプレイは、例えば、ＬＣＤ（liquid crystal display）又は有機ＥＬ（electro luminescence）ディスプレイである。表示部３５は、情報処理装置３０の動作によって得られるデータを表示出力する。表示部３５は、情報処理装置３０に備えられる代わりに、外部の出力機器として情報処理装置３０に接続されてもよい。接続方式としては、例えば、ＵＳＢ、ＨＤＭＩ（登録商標）、又はBluetooth（登録商標）などの任意の方式を用いることができる。

情報処理装置３０の機能は、本実施形態に係るプログラムを、制御部３１に相当するプロセッサで実行することにより実現される。すなわち、情報処理装置３０の機能は、ソフトウェアにより実現される。プログラムは、情報処理装置３０の動作をコンピュータに実行させることで、コンピュータを情報処理装置３０として機能させる。すなわち、コンピュータは、プログラムに従って情報処理装置３０の動作を実行することにより情報処理装置３０として機能する。

本実施形態においてコンピュータは、例えば、可搬型記録媒体に記録されたプログラム又はサーバから送信されたプログラムを、一旦、主記憶装置に格納する。そして、コンピュータは、主記憶装置に格納されたプログラムをプロセッサで読み取り、読み取ったプログラムに従った処理をプロセッサで実行する。コンピュータは、可搬型記録媒体から直接プログラムを読み取り、プログラムに従った処理を実行してもよい。コンピュータは、外部サーバからプログラムを受信する度に、逐次、受け取ったプログラムに従った処理を実行してもよい。外部サーバからコンピュータへのプログラムの送信は行わず、実行指示及び結果取得のみによって機能を実現する、いわゆるＡＳＰ（application service provider）型のサービスによって処理を実行してもよい。プログラムには、電子計算機による処理の用に供する情報であってプログラムに準ずるものが含まれる。例えば、コンピュータに対する直接の指令ではないがコンピュータの処理を規定する性質を有するデータは、「プログラムに準ずるもの」に該当する。

情報処理装置３０の一部又は全ての機能が、制御部３１に相当する専用回路により実現されてもよい。すなわち、情報処理装置３０の一部又は全ての機能が、ハードウェアにより実現されてもよい。

図２は、情報処理装置３０の表示部３５において表示されるユーザインタフェースの一例である。ユーザは、情報処理装置３０の入力部３４を操作して、例えばウェブブラウザによりサーバ２０にアクセスする。そしてユーザは、ウェブブラウザにおいて表示されたユーザインタフェース上で複数の開発コンポーネントを組み合わせてソフトウェア開発を行う。すなわち本実施形態において、情報処理装置３０には、ソフトウェア開発環境提供システム１０に特化したアプリケーション等をインストールする必要はない。換言すると情報処理装置３０がウェブブラウザソフトを備えていれば、情報処理装置３０からサーバ２０に接続することでユーザはソフトウェア開発を行うことができる。

図２に示されるようにユーザインタフェース２００は、ビルダ領域２１０と、開発コンポーネント選択領域２２０と、プロパティ領域２４０とを含む。ビルダ領域２１０は、複数の開発コンポーネントを配置、接続等するための領域である。ユーザは、ビルダ領域２１０において複数の開発コンポーネントを組み合わせて、ソフトウェア開発を行う。ビルダ領域２１０は、オーバービュー画面２１１を含む。オーバービュー画面２１１は、配置された開発コンポーネントの全体像を縮小画面により表示する。つまりオーバービュー画面２１１は、配置された全ての開発コンポーネントを縮小して表示する画面である。またオーバービュー画面２１１には、ビルダ領域２１０により表示されている範囲（以下、表示領域ともいう）が、表示範囲枠２１２により示される。ビルダ領域２１０の表示領域は、倍率調整ツール２１３～２１５により拡大及び縮小できる。開発コンポーネント選択領域２２０は、ビルダ領域２１０に配置可能な複数の開発コンポーネント２２１～２３０を表示する領域である。プロパティ領域２４０は、ビルダ領域２１０において選択された開発コンポーネントに係る設定情報等を表示及び編集する領域である。

本実施形態において開発コンポーネントは、例えばトリガー、アクション、コネクタ、及びロジック等の種別に分類される。図２に示される開発コンポーネント２２１～２２５は、トリガーに分類される。トリガーに分類される開発コンポーネントは、例えば温度センサ、湿度センサ、圧力センサ等のセンサからのセンサ値の取得、所定時間の経過、デバイスからの所定アラームの発生等、何らかのイベントの発生に係るコンポーネントである。開発コンポーネント２２６～２３０は、アクションに分類される。アクションに分類される開発コンポーネントは、演算処理、通知、データのアップロード等、イベントが生じた場合に行う動作及び処理等に係るコンポーネントである。開発コンポーネント２３１～２３３は、コネクタに分類される。コネクタに分類される開発コンポーネントは、データベース、機器等への接続、情報の追加、更新、削除等、外部リソースとの情報処理にかかるコンポーネントである。開発コンポーネント２３４～２３５は、ロジックに分類される。ロジックに分類される開発コンポーネントは、入力情報の論理和、フィルタリング処理等に係るコンポーネントである。ユーザは、マウスポインタ等を操作してユーザインタフェース２００上でソフトウェアの開発を行う。例えばユーザは、マウスポインタを操作して開発コンポーネント選択領域２２０から所望の開発コンポーネントを選択し、ビルダ領域２１０に選択した所望の開発コンポーネントを配置及び接続等する。

図３は、本開示の一実施形態に係るソフトウェア開発環境提供システムにおけるトリガー選択ダイアログを示す図である。図３に示すトリガー選択ダイアログ２５０は、ビルダ領域２１０に開発コンポーネントが１つも配置されていない場合に表示される。トリガー選択ダイアログ２５０は、ビルダ領域２１０に最初に配置する開発コンポーネントをユーザに選択させるダイアログ画面である。換言するとユーザは、トリガー選択ダイアログ２５０により、ソフトウェア開発の最初に行うべき操作を促される。これによりユーザはソフトウェア開発に容易に着手することができる。トリガー選択ダイアログ２５０は、開発コンポーネント２５１～２５５を含み、それぞれ開発コンポーネント選択領域２２０の開発コンポーネント２２１～２２５に対応する。

図４は、トリガー選択ダイアログ２５０において選択された開発コンポーネントがビルダ領域２１０に配置されたユーザインタフェースを示す図である。例えばユーザはマウスポインタを操作してトリガー選択ダイアログ２５０のセンサに係る開発コンポーネント２５１を選択したとする。この場合、図４に示すように、ビルダ領域２１０にセンサに対応する開発コンポーネント３００が配置される。開発コンポーネント３００には、プロパティが対応付けられる。プロパティは、開発コンポーネントに係る各種変数、条件式、設定情報等を含む。ユーザはプロパティ領域２４０において、各種の設定、変数、条件式等のプロパティをプルダウンメニュー等から選択して設定することにより、各開発コンポーネントに係る各種の動作等を規定する。つまりユーザは、プログラムコードを一切書く必要なく、開発コンポーネントの配置、接続、設定情報の設定をすればソフトウェア開発することができる。

図５は、ビルダ領域２１０に複数の開発コンポーネントを配置及び接続した状態の一例を示す。図５には、開発コンポーネント３０１～３１１が配置され、またこれらがリンク４０１～４１０により接続されている。リンク４０１は、開発コンポーネント３０１の出力が開発コンポーネント３０５の入力であることを示す。リンク４０２は、開発コンポーネント３０２の出力が開発コンポーネント３０５の入力であることを示す。リンク４０３は、開発コンポーネント３０３の出力が開発コンポーネント３０５の入力であることを示す。リンク４０４は、開発コンポーネント３０４の出力が開発コンポーネント３０６の入力であることを示す。リンク４０５は、開発コンポーネント３０５の出力が開発コンポーネント３０７の入力であることを示す。リンク４０６は、開発コンポーネント３０７の出力が開発コンポーネント３０６の入力であることを示す。リンク４０７は、開発コンポーネント３０６の出力が開発コンポーネント３０８の入力であることを示す。リンク４０８は、開発コンポーネント３０６の出力が開発コンポーネント３０９の入力であることを示す。リンク４０９は、開発コンポーネント３０６の出力が開発コンポーネント３１０の入力であることを示す。リンク４１０は、開発コンポーネント３０６の出力が開発コンポーネント３１１の入力であることを示す。開発コンポーネント３０１～３１１には、それぞれプロパティが対応付けられる。

図６は、ソフトウェア開発環境提供システム１０による動作、すなわちソフトウェア開発環境提供方法の一例を示すフローチャートである。

はじめに情報処理装置３０の制御部３１は、表示部３５にユーザインタフェース２００を表示させる（ステップＳ１０）。図５は、かかる場合に表示されるユーザインタフェース２００の一例である。上述したようにユーザインタフェース２００は、ビルダ領域２１０と、ビルダ領域２１０に配置可能な複数の開発コンポーネントを表示する開発コンポーネント選択領域２２０とを含む。ここでユーザインタフェース２００の表示要求は、ユーザからの入力操作に基づく。例えば制御部３１は、ユーザによるウェブブラウザ上での入力操作を入力部３４により受け付ける。当該入力操作があると制御部３１は、サーバ２０と通信部３３を介して通信し、ユーザインタフェース２００に係るデータを受信する。そして制御部３１は当該データに基づきユーザインタフェース２００を表示部３５に表示させる。なおサーバ２０と情報処理装置３０とにより、適宜、ユーザに係る認証処理等が行われてもよい。

次に入力部３４は、ビルダ領域２１０に表示された開発コンポーネント３０１～３１１のいずれかひとつを選択する入力を受け付ける（ステップＳ２０）。例えば入力部３４は、開発コンポーネント３０５を選択する入力を受け付ける。

続いて制御部３１は、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示部３５に表示させる（ステップＳ３０）。図７に、強調した表示態様の一例を示す。選択された開発コンポーネント３０５に接続されたリンクは、リンク４０１～４０３、及びリンク４０５である。これらのリンク４０１～４０３、及びリンク４０５は全て、選択された開発コンポーネント３０５に接続されていないリンクよりも強調して表示される。ここで制御部３１は、選択された開発コンポーネントの入力ポートに接続されたリンクと、選択された開発コンポーネントの出力ポートに接続されたリンクを、異なる色で強調して表示させてもよい。本実施形態において開発コンポーネントの入力ポートは、各リンクの矢印形状がある端部に接続されたポートである。他方で開発コンポーネントの出力ポートは、各リンクの矢印形状とは反対側の端部に接続されたポートである。つまり選択された開発コンポーネントの入力ポートに接続されたリンクは、リンク４０１～４０３である。他方で選択された開発コンポーネントの出力ポートに接続されたリンクは、リンク４０４である。例えばリンク４０１～４０３は青色で強調表示されてもよい。他方でリンク４０４は、青色とは異なる色（例えば赤色）で強調表示されてもよい。

このように、本実施形態に係るソフトウェア開発環境提供システム１０によれば、例えば図７に示されるように選択された開発コンポーネントに接続されたリンクが強調した表示態様で表示されるため、開発コンポーネント間の関係性をユーザは容易に把握することできる。すなわち本実施形態に係るソフトウェア開発環境提供システム１０によれば、ソフトウェア開発環境のユーザインタフェースの利便性を改善することができる。

ここで図７に示すように、制御部３１は、選択された開発コンポーネントに接続されたリンクに加えて、選択された開発コンポーネント（ここでは開発コンポーネント３０５）を強調して表示させてもよい。選択された開発コンポーネントも強調して表示することにより、開発コンポーネント間の関係性をユーザはより容易に把握することできる。

なお強調表示の態様はこれに限られない。例えば強調表示は、リンク又は開発コンポーネントの輝度、表示色の濃淡、コントラスト、又はこれらの組み合わせ等、任意のパラメータを適宜変更して行ってもよい。また強調表示は、これらのパラメータの変更以外にも、他のリンク又は開発コンポーネントと比較して視覚的に目立つ態様であれば、任意の態様で行われてよい。

本実施形態に係るソフトウェア開発環境提供システム１０は、ビルダ領域２１０に開発コンポーネントが多数存在し、開発コンポーネント間の接続関係が複雑である場合に、より高い効果を奏し得る。図８は、配置された開発コンポーネント数が多い場合の一例である。図８では、開発コンポーネント３２１～３３５がビルダ領域２１０に配置されている。リンク４２１は、開発コンポーネント３２１の出力が開発コンポーネント３２６の入力であることを示す。リンク４２２は、開発コンポーネント３２１の出力が開発コンポーネント３２８の入力であることを示す。リンク４２３は、開発コンポーネント３２１の出力が開発コンポーネント３２９の入力であることを示す。リンク４２４は、開発コンポーネント３２１の出力が開発コンポーネント３３５の入力であることを示す。リンク４２５は、開発コンポーネント３２２の出力が開発コンポーネント３２７の入力であることを示す。リンク４２６は、開発コンポーネント３２２の出力が開発コンポーネント３３２の入力であることを示す。リンク４２７は、開発コンポーネント３２２の出力が開発コンポーネント３３４の入力であることを示す。リンク４２８は、開発コンポーネント３２３の出力が開発コンポーネント３２８の入力であることを示す。リンク４２９は、開発コンポーネント３２４の出力が開発コンポーネント３２９の入力であることを示す。リンク４３０は、開発コンポーネント３２５の出力が開発コンポーネント３３０の入力であることを示す。リンク４３１は、開発コンポーネント３２６の出力が開発コンポーネント３３１の入力であることを示す。リンク４３２は、開発コンポーネント３２８の出力が開発コンポーネント３３１の入力であることを示す。リンク４３３は、開発コンポーネント３２８の出力が開発コンポーネント３３３の入力であることを示す。リンク４３４は、開発コンポーネント３２８の出力が開発コンポーネント３３４の入力であることを示す。リンク４３５は、開発コンポーネント３２９の出力が開発コンポーネント３３４の入力であることを示す。リンク４３６は、開発コンポーネント３２９の出力が開発コンポーネント３３４の入力であることを示す。リンク４３７は、開発コンポーネント３３０の出力が開発コンポーネント３３３の入力であることを示す。

図８のように開発コンポーネント及びリンクが増えると、開発コンポーネント間の接続関係が把握困難になり得る。そこで制御部３１は、開発コンポーネントを選択する入力に基づき当該開発コンポーネントに接続されたリンクを強調して表示させる。図９は、開発コンポーネント３２８が選択された場合の表示例を示す。この場合、開発コンポーネント３２８に接続されたリンク、すなわちリンク４２２、４２８、４３２、４３３、４３４が強調表示されている。このように選択された開発コンポーネントに接続されたリンクを強調して表示することにより、開発コンポーネント間の関係性をユーザは容易に把握することできる。

さらに、制御部３１は表示部３５に、選択された開発コンポーネントに接続されたリンクを、選択された開発コンポーネントに接続されていないリンクよりも上位レイヤーに表示させる。これにより、当該リンクを選択する操作をする際の操作性を向上させることができる。例えば、図９において強調して表示されたリンクのうちリンク４２２の接続先を開発コンポーネント３２８から開発コンポーネント３３０に変更する場合について、図１０～図１３を用いて説明する。なおリンクの接続先の変更は、ソフトウェアのデバッグ、改良等において生じ得る操作であり、操作性の向上が、デバッグ、改良等における生産性を向上させる。

例えばリンク４２２の接続先を変更したい場合、ユーザは強調表示されたリンク４２２を選択する。入力部３４は、当該選択操作を受け付ける。図１０は、リンク４２２が選択された状態を示す図である。上述のように、強調表示されているリンク４２２は、強調表示されていないリンクよりも上位のレイヤーに表示されている。そのため、リンク４２３等、リンク４２２と重畳しているリンクがあったとしても、それらが誤って選択されることはない。

図１１は、リンク４２２の端部４２２’を操作し、接続先を開発コンポーネント３３０に変更する途中の操作画面を表す図である。ユーザは、接続先を変更したいリンクの端部４２２’をドラッグアンドドロップ操作等することにより接続先を変更することができる。

図１２は、リンク４４２の接続先が開発コンポーネント３３０に変更された後の状態を示す。図１３は、開発コンポーネント３３０を選択した場合の表示例を示す図であり、リンク４２２の接続先が開発コンポーネント３３０に変更されていることがわかる。

なお、上記の実施形態においてリンクの基本的構成が、水平方向又は垂直方向の直線の組み合わせである例を示したが、これに限られない。リンクは水平方向、垂直方向、又は斜め方向に延びる直線、曲線、又はこれらの組み合わせであってもよく、リンクの線種を変更可能にしてもよい。図１４は、図８の表示例においてリンクの線種を変更した場合を示す図である。このようにリンクの線種を切り替えられるようにすることで、開発コンポーネント間の関係性をユーザは容易に把握することできる。

また例えば、制御部３１は、選択された開発コンポーネントに間接的に接続されたリンクを強調して表示部３５に表示させてもよい。図１５は、選択された開発コンポーネントに間接的に接続されたリンクを強調した場合の表示例を示す図である。図１５では、開発コンポーネント３０５が選択されており、この場合、開発コンポーネント３０５に直接接続されたリンク及び間接的に接続されたリンクが強調されている。開発コンポーネント３０５に直接接続されたリンクとは、選択された開発コンポーネント３０５の入力ポート又は出力ポートに接続されたリンクである。図１５の例では、リンク４０１～４０３、及びリンク４０５が、直接接続されたリンクである。また、開発コンポーネント３０５に間接的に接続されたリンクとは、直接接続されたリンク以外のリンクであって、入力側又は出力側に辿ると選択された開発コンポーネント３０５に到達するリンクである。換言すると間接的に接続されたリンクとは、直接接続されたリンク以外のリンクであって、開発コンポーネント３０５に直列して接続された開発コンポーネントを接続するリンクである。開発コンポーネント３０５の場合、リンク４０６～４１０は、いずれも入力側に辿ると開発コンポーネント３０５に到達する。したがってこれらのリンクは、開発コンポーネント３０５に間接的に接続されたリンクである。このように間接的に接続されたリンクを強調表示することにより、ある開発コンポーネントの入力及び出力がどの開発コンポーネントに影響するかをユーザは容易に把握することができる。なおリンク４０４は、開発コンポーネント３０５に間接的に接続されたリンクには含まれない。リンク４０４は、入力側及び出力側のいずれにおいても、一方向に辿っても開発コンポーネント３０５に到達しないためである。

なお直接接続されたリンクと、間接的に接続されたリンクとは、異なる態様で強調表示されてもよい。換言すると制御部３１は、選択された開発コンポーネントに直接接続されたリンクと、選択された開発コンポーネントに間接的に接続されたリンクとを、異なる色で強調して表示部３５に表示させてもよい。例えばリンク４０１～４０３が青色で強調表示され、リンク４０４が赤色で強調表示されている場合に、リンク４０６～４１０が、黒色で強調表示されてもよい。このようにすることで、直接接続されたリンクと、間接的に接続されたリンクとのそれぞれについて区別された態様で、開発コンポーネント間の関係性をユーザは容易に把握することできる。

また、ビルダ領域２１０に配置された複数の開発コンポーネントが複数の同種の開発コンポーネントを含む場合、これらの同種の開発コンポーネントは、複数開発コンポーネントを統合したオブジェクト（以下、統合オブジェクトという）により表示されてもよい。換言すると複数の同種の開発コンポーネントは、それぞれ個別のオブジェクトで表示される代わりに、統合オブジェクトにより表示されてもよい。同種の開発コンポーネントとは、同一のアイコンに対応付けられ、かつ同一の接続先開発コンポーネントに接続された開発コンポーネントである。例えば上述の図７のビルダ領域２１０に配置されている開発コンポーネント３０１、３０２、及び３０３のアイコンは、いずれも同一のアイコン（センサに係るアイコン）である。また開発コンポーネント３０１、３０２、及び３０３は、いずれも開発コンポーネント３０５に接続されている。つまり開発コンポーネント３０１、３０２、及び３０３は、同一の接続先開発コンポーネントに接続された開発コンポーネントである。従ってこれらを統合オブジェクトにより表示してもよい。図１６は、これらの開発コンポーネントを統合オブジェクトにより表示した場合の一例を示す。図１６では、図７における開発コンポーネント３０１、３０２、及び３０３は、統合オブジェクト５０１により置き換えられる。統合オブジェクト５０１は、統合された開発コンポーネントの種類が判別しやすいように、対応するアイコン（ここではセンサーを示すアイコン）を含む態様で表示される。また、各開発コンポーネント３０１、３０２、及び３０３と接続先開発コンポーネントとを接続していたリンク４０１、４０２、４０３は、単一のリンク４０１により表示される。このように統合オブジェクト５０１を表示することにより、ビルダ領域２１０におけるオブジェクトの数及びリンクの数を減らし、開発コンポーネント間の関係性をユーザは容易に把握することできる。

また統合オブジェクトは、統合された開発コンポーネントの数を示すバッジを含む表示態様により表示されてもよい。図１６の統合オブジェクト５０１は、バッジ６０１を含む。図１６では、開発コンポーネント３０１、３０２、及び３０３の３つのオブジェクトが統合されているため、バッジは当該「３」が示される。ユーザはバッジにより統合されている開発コンポーネントの数を容易に把握することができる。

なおここでは、ビルダ領域２１０に配置された複数の開発コンポーネントが複数の同種の開発コンポーネントを含む場合に、同種の開発コンポーネントが統合オブジェクトにより示される例を説明したが、これに限られない。例えばビルダ領域２１０に配置された複数の開発コンポーネントが複数の同種の開発コンポーネントを含む場合で、所定の条件を満たす場合に同種の開発コンポーネントが統合オブジェクトにより示されるようにしてもよい。所定の条件は、例えばビルダ領域２１０に配置された開発コンポーネント数、リンク数、表示倍率、またはこれらの組み合わせであってもよい。

また本実施形態では、情報処理装置３０がサーバ２０にウェブブラウザによりアクセスすることにより、ソフトウェア開発環境がユーザに提供される例を示したがこれに限られない。例えば情報処理装置３０に、ソフトウェア開発環境提供システム１０に係るアプリケーションをインストールして、当該アプリケーションを介してサーバ２０と通信することにより、ソフトウェア開発環境がユーザに提供されてもよい。

１０ ソフトウェア開発環境提供システム
２０ サーバ
２１ 制御部
２２ 記憶部
２３ 通信部
３０ 情報処理装置
３１ 制御部
３２ 記憶部
３３ 通信部
３４ 入力部
３５ 表示部
４０ ネットワーク
２００ ユーザインタフェース
２１０ ビルダ領域
２１１ オーバービュー画面
２１２ 表示枠
２１３～２１５ 倍率調整ツール
２２０ 開発コンポーネント選択領域
２２１～２３５ 開発コンポーネント
２４０ プロパティ領域
２５０ トリガー選択ダイアログ
２５１～２５５ 開発コンポーネント
３００～３４３ 開発コンポーネント
４０１～４３８ リンク
４２２’ 端部
５０１ 統合オブジェクト
６０１ バッジ

Claims (10)

1. 表示部と、制御部とを備える情報処理装置を含み、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供システムであって、
   前記表示部は、前記複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示し、
   前記制御部は、前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で前記表示部に表示させる、ソフトウェア開発環境提供システム。
2. 請求項１に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記選択された開発コンポーネントを強調して前記表示部に表示させる、ソフトウェア開発環境提供システム。
3. 請求項１又は２に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記選択された前記開発コンポーネントの入力ポートに接続されたリンクと、出力ポートに接続されたリンクとを、異なる色で強調して前記表示部に表示させる、ソフトウェア開発環境提供システム。
4. 請求項１乃至３のいずれか一項に記載のソフトウェア開発環境提供システムであって、
   前記制御部は前記表示部に、前記選択された開発コンポーネントに接続されたリンクを、前記選択された開発コンポーネントに接続されていないリンクよりも上位レイヤーに表示させる、ソフトウェア開発環境提供システム。
5. 請求項１乃至４に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記選択された開発コンポーネントに間接的に接続されたリンクを強調して前記表示部に表示させる、ソフトウェア開発環境提供システム。
6. 請求項５に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記選択された前記開発コンポーネントに直接接続されたリンクと、前記選択された前記開発コンポーネントに間接的に接続されたリンクとを、異なる色で強調して前記表示部に表示させる、ソフトウェア開発環境提供システム。
7. 請求項１乃至６のいずれか一項に記載のソフトウェア開発環境提供システムであって、
   前記複数の開発コンポーネントは、同一種類で、かつ同一の接続先開発コンポーネントに接続された少なくとも２つの開発コンポーネントを含み、
   前記少なくとも２つの開発コンポーネントは、当該少なくとも２つの開発コンポーネントに対応する統合オブジェクトにより表示される、ソフトウェア開発環境提供システム。
8. 請求項７に記載のソフトウェア開発環境提供システムであって、
   前記統合オブジェクトは、統合された開発コンポーネントの数を示すバッジを含む表示態様により表示される、ソフトウェア開発環境提供システム。
9. 複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供方法であって、
   前記複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示するステップと、
   前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示するステップと
   を含むソフトウェア開発環境提供方法。
10. ソフトウェア開発環境提供プログラムであって、前記ソフトウェア開発環境提供プログラムが実行された場合に、プロセッサに、
    複数の開発コンポーネント及び前記複数の開発コンポーネント同士を接続する複数のリンクが配置されたユーザインタフェースを表示するステップと、
    前記複数の開発コンポーネントの１つが選択された場合、選択された開発コンポーネントに接続されたリンクを強調した表示態様で表示するステップと
    を含む動作を実行させるソフトウェア開発環境提供プログラム。

Images