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

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 (8)

1. 表示部と、制御部とを備える情報処理装置を含み、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供システムであって、
   前記表示部は、第１の開発コンポーネント、該第１の開発コンポーネントに接続されたコネクタ、及び該コネクタにより前記第１の開発コンポーネントに接続可能な第２の開発コンポーネントが配置されたユーザインタフェースを表示し、
   前記制御部は、前記コネクタがポインタにより選択された状態で前記ポインタが前記第２の開発コンポーネントから所定範囲内に位置する場合、前記表示部に、前記コネクタ及び前記第２の開発コンポーネントを強調した表示態様で表示させる、ソフトウェア開発環境提供システム。
2. 請求項１に記載のソフトウェア開発環境提供システムであって、
   前記第２の開発コンポーネントは、前記コネクタの端部の形状に対応した形状の少なくとも１つのポートを備え、前記端部は前記少なくとも１つのポートに接続可能であり、前記表示態様において、前記コネクタの端部と、前記少なくとも１つのポートのいずれか１つとが強調して表示される、ソフトウェア開発環境提供システム。
3. 請求項２に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記コネクタがポインタにより選択された状態で前記ポインタが前記コネクタと接続不可能なポートから所定範囲内に位置する場合、前記表示部に、前記コネクタの端部と前記接続不可能なポートとを前記表示態様とは異なる態様で強調して表示させる、ソフトウェア開発環境提供システム。
4. 請求項２又は３に記載のソフトウェア開発環境提供システムであって、
   前記コネクタと接続不可能なポートは、前記コネクタと接続可能なポートと形状が異なる、ソフトウェア開発環境提供システム。
5. 請求項２乃至４のいずれか一項に記載のソフトウェア開発環境提供システムであって、
   前記表示態様において、前記端部と、前記少なくとも１つのポートのいずれか１つとが同一色により強調して表示される、ソフトウェア開発環境提供システム。
6. 請求項２乃至５のいずれか一項に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記表示態様により前記コネクタ及び前記第２の開発コンポーネントが表示されている状態で接続指示の入力を受け付けた場合、前記第１の開発コンポーネントと前記第２の開発コンポーネントとを前記コネクタにより接続して前記表示部に表示させる、ソフトウェア開発環境提供システム。
7. 複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供方法であって、
   第１の開発コンポーネント、該第１の開発コンポーネントに接続されたコネクタ、及び該コネクタにより前記第１の開発コンポーネントに接続可能な第２の開発コンポーネントが配置されたユーザインタフェースを表示するステップと、
   前記コネクタがポインタにより選択された状態で前記ポインタが前記第２の開発コンポーネントから所定範囲内に位置する場合、前記コネクタ及び前記第２の開発コンポーネントを強調した表示態様で表示するステップと、
   を含むソフトウェア開発環境提供方法。
8. 複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供プログラムであって、前記ソフトウェア開発環境提供プログラムが実行された場合に、プロセッサに、
   第１の開発コンポーネント、該第１の開発コンポーネントに接続されたコネクタ、及び該コネクタにより前記第１の開発コンポーネントに接続可能な第２の開発コンポーネントが配置されたユーザインタフェースを表示するステップと、
   前記コネクタがポインタにより選択された状態で前記ポインタが前記第２の開発コンポーネントから所定範囲内に位置する場合、前記コネクタ及び前記第２の開発コンポーネントを強調した表示態様で表示するステップと、
   を含む動作を実行させるソフトウェア開発環境提供プログラム。

Images