(57)【特許請求の範囲】
【請求項１】
表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成装置であって、
ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行部と、
前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否か、および前記第一部品の中心が、前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれるか否かを判定する判定部と、
前記判定部により前記第一部品が前記第二部品と重なっており、かつ前記第一部品の中心が前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動することにより、前記第一部品と前記第二部品とを整列させる部品移動部と、
を備えることを特徴とするグラフィック画面作成装置。
【請求項２】
前記部品移動部は、前記第一部品の移動距離が最小になるように前記第一部品を移動する、ことを特徴とする請求項１記載のグラフィック画面作成装置。
【請求項３】
前記部品移動部は、前記第一部品の外枠の上辺が垂直方向において前記第二部品の外枠の上辺と下辺との間に位置し、かつ、前記第一部品の中心が水平方向において前記第二部品の外枠の左辺を含む直線と右辺を含む直線との間に位置する場合には、前記第一部品の外枠の上辺と前記第二部品の外枠の下辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の左辺同士または前記第一部品の外枠および前記第二部品の外枠の右辺同士が垂直方向に揃う位置に、前記第一部品を移動する、ことを特徴とする請求項１記載のグラフィック画面作成装置。
【請求項４】
前記部品移動部は、前記第一部品の外枠の下辺が垂直方向において前記第二部品の外枠の上辺と下辺との間に位置し、かつ、前記第一部品の中心が水平方向において前記第二部品の外枠の左辺を含む直線と右辺を含む直線との間に位置する場合には、前記第一部品の外枠の下辺と前記第二部品の外枠の上辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の左辺同士または前記第一部品の外枠および前記第二部品の外枠の右辺同士が垂直方向に揃う位置に、前記第一部品を移動する、ことを特徴とする請求項１記載のグラフィック画面作成装置。
【請求項５】
前記部品移動部は、前記第一部品の外枠の左辺が水平方向において前記第二部品の外枠の左辺と右辺との間に位置し、かつ、前記第一部品の中心が垂直方向において前記第二部品の外枠の上辺を含む直線と下辺を含む直線との間に位置する場合には、前記第一部品の外枠の左辺と前記第二部品の外枠の右辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の上辺同士または前記第一部品の外枠および前記第二部品の外枠の下辺同士が垂直方向に揃う位置に、前記第一部品を移動する、ことを特徴とする請求項１記載のグラフィック画面作成装置。
【請求項６】
前記部品移動部は、前記第一部品の外枠の右辺が水平方向において前記第二部品の外枠の左辺と右辺との間に位置し、かつ、前記第一部品の中心が垂直方向において前記第二部品の外枠の上辺を含む直線と下辺を含む直線との間に位置する場合には、前記第一部品の外枠の右辺と前記第二部品の外枠の左辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の上辺同士または前記第一部品の外枠および前記第二部品の外枠の下辺同士が垂直方向に揃う位置に、前記第一部品を移動する、ことを特徴とする請求項１記載のグラフィック画面作成装置。
【請求項７】
表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成方法であって、
ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行ステップと、
前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否か、および前記第一部品の中心が、前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれるか否かを判定する判定ステップと、
前記判定ステップにおいて前記第一部品が前記第二部品と重なっており、かつ前記第一部品の中心が前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動することにより、前記第一部品と前記第二部品とを整列させる部品移動ステップと、
を含むことを特徴とするグラフィック画面作成方法。
【請求項８】
表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成プログラムであって、
コンピュータを、
ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行部と、
前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否か、および前記第一部品の中心が、前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれるか否かを判定する判定部と、
前記判定部により前記第一部品が前記第二部品と重なっており、かつ前記第一部品の中心が前記第二部品の辺に対し所定の位置関係を満たす範囲内に含まれると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動することにより、前記第一部品と前記第二部品とを整列させる部品移動部として、
機能させることを特徴とするグラフィック画面作成プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、グラフィック画面作成装置、グラフィック画面作成方法およびグラフィック画面作成プログラムに関する。
【背景技術】
【０００２】
生産プロセスを管理する現場では、通信機能を有する各種のデバイス（例えばセンサやバルブポジショナ等）をプラントに設置している。これらのデバイスは、生産プロセスの内容に応じてそれぞれパラメータ等が設定され、運転操作手順に従って各デバイスを動作させることで、生産プロセスを実行する。下記特許文献１には、プラントのプロセス監視制御に用いるグラフィック画面を作成するグラフィック画面作画装置が開示されている。グラフィック画面は、操作機能ごとに設けられた各種の部品（例えばアイコンやオブジェクト）を運転操作手順に従って並べて作成する画面であり、操作や監視等を自動化するアプリケーションを設計する際や、プロセス等を監視する際に利用する画面である。ユーザは、提供されている部品群の中から必要な部品をドラッグ・アンド・ドロップする等してグラフィック画面を作成する。
【０００３】
下記特許文献２には、リスト形式で表示する各要素のグラフィカル・レイアウトを決定する方法が開示されている。この方法では、グリッド線を用いて各要素を整列している。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１０−１０２４５９号公報
【特許文献２】特開２００６−１８８２２号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
上述した特許文献１に記載のグラフィック画面作画装置では、部品をドラッグ・アンド・ドロップしながら手動で並べている。したがって、例えば、デバイスの測定値等のデータを表示するためのデータ表示用部品を整列させる場合には、一つ一つの部品の配置を手動で調整することになり、労力を要する。また、特許文献２に記載の方法では、表示する要素ごとにグリッド間隔を調整してグラフィカル・レイアウトを決定している。したがって、この方法を利用して上記データ表示用部品を整列させる場合には、一つ一つの部品に合わせてグリッド間隔を調整することとなり、労力を要してしまう。
【０００６】
本発明は、上述した従来技術による問題点を解消するためになされたものであり、データ表示用部品を簡単に整列させることができるグラフィック画面作成装置、グラフィック画面作成方法およびグラフィック画面作成プログラムを提供することを目的とする。
【課題を解決するための手段】
【０００７】
本発明に係るグラフィック画面作成装置は、表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成装置であって、ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行部と、前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否かを判定する判定部と、前記判定部により前記第一部品が前記第二部品と重なっていると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動する部品移動部と、を備える。
【０００８】
また、本発明に係るグラフィック画面作成方法は、表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成方法であって、ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行ステップと、前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否かを判定する判定ステップと、前記判定ステップにおいて前記第一部品が前記第二部品と重なっていると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動する部品移動ステップと、を含む。
【０００９】
また、本発明に係るグラフィック画面作成プログラムは、表の一枡を構成可能なデータ表示用部品をグラフィック画面の構成部品の一つとして用いるグラフィック画面作成プログラムであって、コンピュータを、ユーザのドラッグ操作に従って、前記ドラッグ操作の対象として選択された前記データ表示用部品である第一部品を前記グラフィック画面上で移動させるドラッグ実行部と、前記ドラッグ操作の終了時に、前記第一部品が、他の前記データ表示用部品である第二部品と重なっているか否かを判定する判定部と、前記判定部により前記第一部品が前記第二部品と重なっていると判定された場合に、前記第一部品が前記第二部品に隣接する位置であって、前記第一部品および前記第二部品の左端同士もしくは前記第一部品および前記第二部品の右端同士が垂直方向に揃う位置、または前記第一部品および前記第二部品の上端同士もしくは前記第一部品および前記第二部品の下端同士が水平方向に揃う位置のいずれかの位置に、前記第一部品を移動する部品移動部として、機能させる。
【００１０】
かかる構成を採用することで、ドラッグ操作に従って第一部品が第二部品と重なる位置に移動させられた場合には、第二部品に隣接する位置であって、第二部品と整列する位置に、第一部品を移動することが可能となる。
【００１１】
上記部品移動部は、以下の（１）〜（５）に記載するように、前記第一部品を移動してもよい。これにより、ユーザが試みた移動先に対して第一部品を移動させる移動精度を高めることができ、ユーザの意思との間に生ずる誤差を縮小することが可能となる。
【００１２】
（１）上記部品移動部は、前記第一部品の移動距離が最小になるように前記第一部品を移動する、こととしてもよい。
【００１３】
（２）上記部品移動部は、前記第一部品の外枠の上辺が垂直方向において前記第二部品の外枠の上辺と下辺との間に位置し、かつ、前記第一部品の中心が水平方向において前記第二部品の外枠の左辺を含む直線と右辺を含む直線との間に位置する場合には、前記第一部品の外枠の上辺と前記第二部品の外枠の下辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の左辺同士または前記第一部品の外枠および前記第二部品の外枠の右辺同士が垂直方向に揃う位置に、前記第一部品を移動する、こととしてもよい。
【００１４】
（３）上記部品移動部は、前記第一部品の外枠の下辺が垂直方向において前記第二部品の外枠の上辺と下辺との間に位置し、かつ、前記第一部品の中心が水平方向において前記第二部品の外枠の左辺を含む直線と右辺を含む直線との間に位置する場合には、前記第一部品の外枠の下辺と前記第二部品の外枠の上辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の左辺同士または前記第一部品の外枠および前記第二部品の外枠の右辺同士が垂直方向に揃う位置に、前記第一部品を移動する、こととしてもよい。
【００１５】
（４）上記部品移動部は、前記第一部品の外枠の左辺が水平方向において前記第二部品の外枠の左辺と右辺との間に位置し、かつ、前記第一部品の中心が垂直方向において前記第二部品の外枠の上辺を含む直線と下辺を含む直線との間に位置する場合には、前記第一部品の外枠の左辺と前記第二部品の外枠の右辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の上辺同士または前記第一部品の外枠および前記第二部品の外枠の下辺同士が垂直方向に揃う位置に、前記第一部品を移動する、こととしてもよい。
【００１６】
（５）上記部品移動部は、前記第一部品の外枠の右辺が水平方向において前記第二部品の外枠の左辺と右辺との間に位置し、かつ、前記第一部品の中心が垂直方向において前記第二部品の外枠の上辺を含む直線と下辺を含む直線との間に位置する場合には、前記第一部品の外枠の右辺と前記第二部品の外枠の左辺とが重なる位置であって、前記第一部品の外枠および前記第二部品の外枠の上辺同士または前記第一部品の外枠および前記第二部品の外枠の下辺同士が垂直方向に揃う位置に、前記第一部品を移動する、こととしてもよい。
【発明の効果】
【００１７】
本発明によれば、データ表示用部品を簡単に整列させることができるグラフィック画面作成装置、グラフィック画面作成方法およびグラフィック画面作成プログラムを提供することができる。
【図面の簡単な説明】
【００１８】
【図１】実施形態におけるグラフィック画面作成装置を含むデバイス管理システムの構成を例示する図である。
【図２】第一部品の移動状態の一例を説明するための図である。
【図３】第一部品の移動状態の一例を説明するための図である。
【図４】第一部品の移動状態の一例を説明するための図である。
【図５】第一部品の移動状態の一例を説明するための図である。
【図６】実施形態におけるグラフィック画面作成装置の動作の一例を説明するためのフローチャートである。
【発明を実施するための形態】
【００１９】
以下、図面を参照して本発明に係る実施形態について説明する。ただし、以下に説明する実施形態は、あくまでも例示であり、以下に明示しない種々の変形や技術の適用を排除するものではない。すなわち、本発明は、その趣旨を逸脱しない範囲で種々変形して実施できる。
【００２０】
図１は、本発明の実施形態におけるグラフィック画面作成装置を含むデバイス管理システムの概略構成を示す図である。図１に示すように、デバイス管理システム１００は、グラフィック画面作成装置１と、コントローラ２と、デバイス３Ａ〜３Ｐと、を備える。コントローラ２とデバイス３Ａ〜３Ｐとはネットワークを介して接続されており、相互に通信可能となっている。なお、デバイス３Ａ〜３Ｐは、以下において特に区別して記載する必要がない場合には、デバイス３と記載する。
【００２１】
デバイス３は、プラント内に装備される各種の機器であり、ネットワークを介して双方向に通信する機能を有する。デバイス３としては、例えば、流量や圧力、温度等の発信器、流量制御弁や圧力制御弁等のバルブの開度を変更・検出するバルブポジショナ、およびポンプやファン等を動作させるアクチュエータが該当する。
【００２２】
コントローラ２は、生産プロセスの実行状態を制御する機器である。具体的に、コントローラ２は、例えば、発信器から取得した流量や圧力等の測定値に基づいて、バルブポジショナを制御することで、配管に設けられたバルブの開度を調節する。
【００２３】
グラフィック画面作成装置１は、グラフィック画面を作成するためのエディタを搭載した装置である。グラフィック画面は、操作機能ごとに設けられた各種の部品を運転操作手順に従って並べることで作成される画面である。グラフィック画面を作成することで、操作や監視等を自動化するアプリケーションを設計することができる。また、作成したグラフィック画面を、プロセス監視用として利用することもできる。
【００２４】
ユーザは、提供されている部品群の中から必要な部品をドラッグ・アンド・ドロップする等してグラフィック画面を作成する。部品は、例えばアイコンやオブジェクトとして提供される。本実施形態では、各種の部品のうち、データを表示するための部品であるデータ表示用部品を画面上に配置する際の機能について説明する。
【００２５】
データ表示用部品は、四辺形の外枠を有し、外枠の内部に数値や文字などの各種データを表示する部品である。例えば、データ表示用部品を特定のデバイス３とリンクした場合には、そのデバイス３から送信されるデータを表示する。データ表示用部品は、表の一枡を構成することができ、複数のデータ表示用部品を組み合わせることで一つの表を形成することができる。グラフィック画面上に配置したデータ表示用部品の外枠は、表示／非表示を任意に設定できる。
【００２６】
グラフィック画面作成装置１は、物理的には、例えば、ＣＰＵ（図示省略）、記憶装置（図示省略）、入力装置（図示省略）および表示装置（図示省略）を備える。記憶装置は、例えば、ＣＰＵで処理されるプログラムおよびデータを記憶するＲＯＭやＨＤＤ、主として制御処理のための各種作業領域として使用するＲＡＭ等を含む。入力装置は、例えばマウスやキーボード等を含む。表示装置は、例えばディスプレイ等を含む。これらの要素は、互いにバスを介して接続する。ＣＰＵが、ＲＯＭやＨＤＤに記憶されたグラフィック画面作成プログラムを実行し、入力装置から入力されるデータやＲＡＭに展開されるデータ等を処理して、グラフィック画面等の処理結果を表示装置に表示することで、後述するグラフィック画面作成装置１における各部の機能を実現することができる。
【００２７】
グラフィック画面作成装置１は、機能的には、例えば、ドラッグ実行部１１と、判定部１２と、部品移動部１３とを有する。
【００２８】
ドラッグ実行部１１は、ユーザによるドラッグ操作に従って、ドラッグ操作の対象として選択されたデータ表示用部品（以下、「第一部品」という。）をグラフィック画面上で移動させる。
【００２９】
判定部１２は、ドラッグ操作の終了時に、第一部品が、第一部品とは異なる他のデータ表示用部品（以下、「第二部品」という。）と重なっているか否かを判定する。
【００３０】
部品移動部１３は、判定部１２により第一部品が第二部品と重なっていると判定された場合に、その重なりの状態に応じて、第二部品と隣接する位置に第一部品を移動する。部品移動部１３は、第一部品を移動する際に、第一部品および第二部品の左辺同士が垂直方向に揃う位置、または、第一部品および第二部品の上辺同士が水平方向に揃う位置のいずれかの位置に、第一部品を移動する。
【００３１】
なお、部品移動部１３が第一部品を移動させる位置は、第一部品および第二部品の左辺同士が垂直方向に揃う位置や、第一部品および第二部品の上辺同士が水平方向に揃う位置であることには限定されず、第一部品および第二部品の右辺同士が垂直方向に揃う位置や、第一部品および第二部品の下辺同士が水平方向に揃う位置であってもよい。
【００３２】
以下に、図２〜図５を参照して、部品移動部１３が、第一部品と第二部品との重なりの状態に応じて第一部品をどのように移動するのかについて説明する。
【００３３】
（ア）第一部品と第二部品との重なりの状態が、第二部品の下側に隣接させて第一部品を配置しようと試みたときに起こり得る状態である場合（図２参照）。
【００３４】
図２（Ａ）に示すように、ユーザのドラッグ操作に従って、第一部品Ｐ１が第二部品Ｐ２の方向に移動する。続いて、図２（Ｂ）に示すように、第一部品Ｐ１の一部が第二部品Ｐ２の一部に重なった状態でユーザがドラッグ操作を終了する。
【００３５】
このとき、部品移動部１３は、第一部品Ｐ１の上辺Ｐｔ１が垂直方向Ｖにおいて第二部品Ｐ２の上辺Ｐｔ２と下辺Ｐｕ２との間に位置し、かつ、第一部品Ｐ１の中心Ｐｃ１が水平方向Ｈにおいて第二部品Ｐ２の左辺Ｐｌ２を含む直線と右辺Ｐｒ２を含む直線との間に位置する場合に、ユーザが第二部品Ｐ２の下側に隣接させて第一部品Ｐ１を配置しようと試みたと判定する。
【００３６】
この場合、図２（Ｃ）に示すように、部品移動部１３は、第二部品Ｐ２の下側かつ第二部品Ｐ２と隣接する位置に第一部品Ｐ１を移動し、第一部品Ｐ１の左辺Ｐｌ１が第二部品Ｐ２の左辺Ｐｌ２と垂直方向Ｖに沿って揃う位置に第一部品Ｐ１を移動する。
【００３７】
（イ）第一部品と第二部品との重なりの状態が、第二部品の上側に隣接させて第一部品を配置しようと試みたときに起こり得る状態である場合（図３参照）。
【００３８】
図３（Ａ）に示すように、ユーザのドラッグ操作に従って、第一部品Ｐ１が第二部品Ｐ２の方向に移動する。続いて、図３（Ｂ）に示すように、第一部品Ｐ１の一部が第二部品Ｐ２の一部に重なった状態でユーザがドラッグ操作を終了する。
【００３９】
このとき、部品移動部１３は、第一部品Ｐ１の下辺Ｐｕ１が垂直方向Ｖにおいて第二部品Ｐ２の上辺Ｐｔ２と下辺Ｐｕ２との間に位置し、かつ、第一部品Ｐ１の中心Ｐｃ１が水平方向Ｈにおいて第二部品Ｐ２の左辺Ｐｌ２を含む直線と右辺Ｐｒ２を含む直線との間に位置する場合に、ユーザが第二部品Ｐ２の上側に隣接させて第一部品Ｐ１を配置しようと試みたと判定する。
【００４０】
この場合、図２（Ｃ）に示すように、部品移動部１３は、第二部品Ｐ２の上側かつ第二部品Ｐ２と隣接する位置に第一部品Ｐ１を移動し、第一部品Ｐ１の左辺Ｐｌ１が第二部品Ｐ２の左辺Ｐｌ２と垂直方向Ｖに沿って揃う位置に第一部品Ｐ１を移動する。
【００４１】
（ウ）第一部品と第二部品との重なりの状態が、第二部品の右側に隣接させて第一部品を配置しようと試みたときに起こり得る状態である場合（図４参照）。
【００４２】
図４（Ａ）に示すように、ユーザのドラッグ操作に従って、第一部品Ｐ１が第二部品Ｐ２の方向に移動する。続いて、図４（Ｂ）に示すように、第一部品Ｐ１の一部が第二部品Ｐ２の一部に重なった状態でユーザがドラッグ操作を終了する。
【００４３】
このとき、部品移動部１３は、第一部品Ｐ１の左辺Ｐｌ１が水平方向Ｈにおいて第二部品Ｐ２の左辺Ｐｌ２と右辺Ｐｒ２との間に位置し、かつ、第一部品Ｐ１の中心Ｐｃ１が垂直方向Ｖにおいて第二部品Ｐ２の上辺Ｐｔ２を含む直線と下辺Ｐｕ２を含む直線との間に位置する場合に、ユーザが第二部品Ｐ２の右側に隣接させて第一部品Ｐ１を配置しようと試みたと判定する。
【００４４】
この場合、図４（Ｃ）に示すように、部品移動部１３は、第二部品Ｐ２の右側かつ第二部品Ｐ２と隣接する位置に第一部品Ｐ１を移動し、第一部品Ｐ１の上辺Ｐｔ１が第二部品Ｐ２の上辺Ｐｔ２と水平方向Ｈに沿って揃う位置に第一部品Ｐ１を移動する。
【００４５】
（エ）第一部品と第二部品との重なりの状態が、第二部品の左側に隣接させて第一部品を配置しようと試みたときに起こり得る状態である場合（図５参照）。
【００４６】
図５（Ａ）に示すように、ユーザのドラッグ操作に従って、第一部品Ｐ１が第二部品Ｐ２の方向に移動する。続いて、図５（Ｂ）に示すように、第一部品Ｐ１の一部が第二部品Ｐ２の一部に重なった状態でユーザがドラッグ操作を終了する。
【００４７】
このとき、部品移動部１３は、第一部品Ｐ１の右辺Ｐｒ１が水平方向Ｈにおいて第二部品Ｐ２の左辺Ｐｌ２と右辺Ｐｒ２との間に位置し、かつ、第一部品Ｐ１の中心Ｐｃ１が垂直方向Ｖにおいて第二部品Ｐ２の上辺Ｐｔ２を含む直線と下辺Ｐｕ２を含む直線との間に位置する場合に、ユーザが第二部品Ｐ２の左側に隣接させて第一部品Ｐ１を配置しようと試みたと判定する。
【００４８】
この場合、図５（Ｃ）に示すように、部品移動部１３は、第二部品Ｐ２の左側かつ第二部品Ｐ２と隣接する位置に第一部品Ｐ１を移動し、第一部品Ｐ１の上辺Ｐｔ１が第二部品Ｐ２の上辺Ｐｔ２と水平方向Ｈに沿って揃う位置に第一部品Ｐ１を移動する。
【００４９】
次に、図６を参照して、実施形態におけるグラフィック画面作成装置１の動作の一例について説明する。この動作は、ユーザがエディタを起動し、作成対象のグラフィック画面を表示させ、グラフィック画面上の第一部品を第二部品の方向にドラッグすることで開始される。
【００５０】
最初に、ドラッグ実行部１１は、ユーザのドラッグ操作に従って、ドラッグ操作の対象として選択された第一部品をグラフィック画面上で移動させる（ステップＳ１０１）。
【００５１】
続いて、判定部１２は、ドラッグ操作が終了したか否かを判定し（ステップＳ１０２）、ドラッグ操作が終了した場合（ステップＳ１０２；ＹＥＳ）に、第一部品が第二部品と所定の判定基準を満たして重なっているか否かを判定する（ステップＳ１０３）。この判定がＮＯである場合（ステップＳ１０３；ＮＯ）には、本動作を終了する。
【００５２】
一方、上記ステップＳ１０３の判定で、第一部品が第二部品と所定の判定基準を満たして重なっていると判定した場合（ステップＳ１０３；ＹＥＳ）に、部品移動部１３は、第一部品と第二部品との重なりの状態に応じて、第一部品を、第二部品と隣接する所定位置に移動する（ステップＳ１０４）。そして、本動作を終了する。
【００５３】
上述してきたように、実施形態におけるグラフィック画面作成装置１によれば、ドラッグ操作に従って第一部品が第二部品と重なる位置に移動させられた場合には、第二部品に隣接する位置であって、第二部品と整列する位置に、第一部品を移動することが可能となる。これにより、データ表示用部品を簡単に整列させることが可能となる。
【００５４】
なお、上述した実施形態では、（ア）〜（エ）に記載した判定基準に基づいて第一部品を移動させているが、第一部品を移動させる際の判定基準は、これに限定されない。例えば、判定部１２により第一部品が第二部品と重なっていると判定された場合に、第一部品が第二部品に隣接する位置であって、第一部品と第二部品とが整列する位置、かつ、第一部品の移動距離が最小となる位置に、第一部品を移動することとしてもよい。
【００５５】
また、上述した実施形態では、グラフィック画面作成装置１がデバイス管理システムに組み込まれた場合について説明しているが、グラフィック画面作成装置１を組み込み可能なシステムは、デバイス管理システムに限定されない。データ表示用部品を構成部品の一つとして用いるグラフィック画面を用いるシステムであれば、他のシステムにも同様に組み込むことができる。
【符号の説明】
【００５６】
１…グラフィック画面作成装置
２…コントローラ
３…デバイス
１１…ドラッグ実行部
１２…判定部
１３…部品移動部
１００…デバイス管理システム
【図１】
0005875897.tif 000002
【図６】
0005875897.tif 000003
【図２】
0005875897.tif 000004
【図３】
0005875897.tif 000005
【図４】
0005875897.tif 000006
【図５】
0005875897.tif 000007