JP2021174314A - ソフトウェア開発環境提供システム、ソフトウェア開発環境提供方法、及びソフトウェア開発環境提供プログラム - 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 (7)

1. 入力部と、表示部と、制御部とを備える情報処理装置を含み、複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供システムであって、
   前記表示部は、ビルダ領域と、該ビルダ領域に配置可能な複数の開発コンポーネントを表示する開発コンポーネント選択領域とを含むユーザインタフェースを表示し、
   前記入力部は、前記複数の開発コンポーネントのいずれかにポインタを重畳させる入力を受け付け、
   前記制御部は、前記複数の開発コンポーネントのいずれかに前記ポインタが重畳している場合、前記表示部に、前記ポインタが重畳している開発コンポーネントを他の開発コンポーネントよりも遠近感を呈する態様で表示させる、ソフトウェア開発環境提供システム。
2. 請求項１に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記開発コンポーネント選択領域に表示される前記複数の開発コンポーネントのうち、前記ポインタが重畳している開発コンポーネントに矩形枠を付し、該矩形枠の周囲に影を付すことにより、前記開発コンポーネントの遠近感を前記表示部に表示させる、ソフトウェア開発環境提供システム。
3. 請求項１又は２に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記複数の開発コンポーネントのいずれかに前記ポインタが重畳している場合、前記ポインタの形状を変更して前記表示部に表示させる、ソフトウェア開発環境提供システム。
4. 請求項１乃至３のいずれか一項に記載のソフトウェア開発環境提供システムであって、
   前記入力部は、開発コンポーネントを選択する入力を受け付け、
   前記制御部は、前記開発コンポーネントが選択された場合、選択された開発コンポーネントを透過表示にした透過表示コンポーネントを前記表示部に表示させ、該透過表示コンポーネントを前記ポインタの移動に対応させて移動させるソフトウェア開発環境提供システム。
5. 請求項４に記載のソフトウェア開発環境提供システムであって、
   前記制御部は、前記ポインタが前記ビルダ領域に存在する場合、前記透過表示コンポーネントの表示態様を、前記ポインタが前記開発コンポーネント選択領域に存在する場合と異ならせて前記表示部に表示させる、ソフトウェア開発環境提供システム。
6. 複数の開発コンポーネントを組み合わせることによりソフトウェアを開発する環境を提供するソフトウェア開発環境提供方法であって、
   ビルダ領域と、該ビルダ領域に配置可能な複数の開発コンポーネントを表示する開発コンポーネント選択領域とを含むユーザインタフェースを表示するステップと、
   前記複数の開発コンポーネントのいずれかにポインタを重畳させる入力を受け付けるステップと、
   前記複数の開発コンポーネントのいずれかに前記ポインタが重畳している場合、前記ポインタが重畳している開発コンポーネントを他の開発コンポーネントよりも遠近感を呈する態様で表示するステップと、
   を含むソフトウェア開発環境提供方法。
7. ソフトウェア開発環境提供プログラムであって、前記ソフトウェア開発環境提供プログラムが実行された場合に、プロセッサに、
   ビルダ領域と、該ビルダ領域に配置可能な複数の開発コンポーネントを表示する開発コンポーネント選択領域とを含むユーザインタフェースを表示するステップと、
   前記複数の開発コンポーネントのいずれかにポインタを重畳させる入力を受け付けるステップと、
   前記複数の開発コンポーネントのいずれかに前記ポインタが重畳している場合、前記ポインタが重畳している開発コンポーネントを他の開発コンポーネントよりも遠近感を呈する態様で表示するステップと、を含む動作を実行させるソフトウェア開発環境提供プログラム。

Images