JP2010531011A - 図表内での形状選択のための動的ユーザインターフェイス - Google Patents

Abstract

描画キャンバスから離れることなく、フローチャートまたは他の図表に挿入するためのアクティブ図表形状をユーザに選択させるための動的ユーザインターフェイス（ＵＩ）を提供する技術を、本明細書に記載する。本明細書に提示する実施形態を使用することにより、図表作成アプリケーションは、描画キャンバスに隣接して置かれた形状ギャラリーにある図表形状一式を含む、描画キャンバス中の動的ＵＩをユーザに提供する。動的ＵＩを用いて、ユーザは、キャンバスから離れることなく形状を選択し図表に挿入することができる。さらに、ユーザは、描画キャンバスから離れることなく既存の図表形状を置き換えるために、動的ＵＩから、置換形状を選択することができる。動的ＵＩは、カーソルが図表形状、接続コントロール、または他の任意のＵＩトリガの上を指し、またはその近接に移動すると、カーソルの横に表示されるためにトリガされる。

Description

多くの図表作成アプリケーションは、業務プロセスを図示するためのフローチャートの作成を可能にする。フローチャートでは、プロセス中の様々なタイプのステップを識別するのに、特有の形状がしばしば使われる。たとえば、矩形は、プロセス中のアクションステップを識別することができ、菱形は、プロセス中の決定ステップを表す。図表作成アプリケーションを使ってフローチャートを作成するために、ユーザには通常、フローチャート中で共通して使われるいくつかの形状を含む形状ギャラリーが提示される。形状ギャラリーは、フローチャートがその上で作成されているキャンバスに隣接しているが、それとは別個のエリア内に配置される。ユーザは次いで、所望の形状を選択し、その形状をキャンバス上で、フローチャート中の所望の場所にドラッグすることができる。追加形状を追加するためには、ユーザは、カーソルを形状ギャラリーに動かし、所望の形状を選択し、描画キャンバス上の場所に形状をドラッグするプロセスを繰り返さなければならない。

フローチャートに形状を追加する別の方法は、上述したように形状ギャラリーから形状を選択することを含む。形状ギャラリーから描画キャンバス上にプロセス図表の第１の形状をドラッグした後、ユーザは、形状ギャラリーから選択された形状と同一である次の形状を、描画キャンバス上の特有のオブジェクトまたはコントロールを選択することによってフローチャートに追加し続ければよい。たとえば、ワシントン州レドモンドのマイクロソフトコーポレーション製のＭＩＣＲＯＳＯＦＴ ＯＦＦＩＣＥ ＶＩＳＩＯ ２００７という図表作成アプリケーションでは、図表形状の上でマウスカーソルが指されたときに現れる接続コントロールを使用する。次いで、接続コントロールの１つが選択されると、形状ギャラリー中の、選択されている図表形状と同一である図表形状が、フローチャート中で、使用されている接続コントロールによって示される場所に配置され、隣接し合う形状を接続するためのコネクタが挿入される。

同様に、図表形状を変更するためには、ユーザは、変更が行われるべき、キャンバス上の図表形状を選択し、次いで、形状ギャラリーから所望の図表形状を選択すればよい。たとえば、アクションステップを決定ステップに変更するために、ユーザは、描画キャンバス上のアクションステップを選択し、次いで、形状ギャラリーから決定ステップを選択する。それに応答して、矩形のアクションステップが、菱形の決定ステップに変化する。上で概説した各方法において、ユーザは、形状ギャラリーから所望の図表形状を選択するために、描画キャンバスからマウスカーソルを離すことが要求される。図表作成はしばしば高速プロセスであるので、いかなる理由であれ描画キャンバスから離れることは、効率の低下を引き起こし得る。

本明細書において行われる開示は、こうした検討事項および他の検討事項に関連するものである。

フローチャートまたは他の図表の描画キャンバスから離れることなく図表形状をユーザに選択し変更させるための動的ユーザインターフェイス（ＵＩ）を提供する技術について、本明細書に記載する。本明細書に提示する概念を利用することにより、図表作成アプリケーション、または他のタイプのアプリケーションプログラムは、カーソルが図表中のある特定のコントロールの上に動かされると、カーソルにごく近接して、動的ＵＩを提供する。この動的ＵＩを使用して、ユーザは、アクティブ図表形状を、描画キャンバスから離れることなく、動的ＵＩによって提供されるコントロールに従って異なる形状に変更することができる。

本明細書に提示する一態様によると、図表作成アプリケーションは、カーソルが描画キャンバス上のＵＩトリガに近接していると判定する。ＵＩトリガは、図表形状でも接続コントロールでもよい。接続コントロールは、選択された図表形状が図表に挿入され、隣接する図表形状に接続されるようにする。カーソルがＵＩトリガに近接しているという判定に応答して、図表作成アプリケーションは、描画キャンバス上に動的ＵＩを表示し、引き続き動的ＵＩを介してＵＩ形状コントロールの選択を受け取る。図表作成アプリケーションは次いで、ＵＩ形状コントロールの選択に従ってアクティブ図表形状を設定し、描画キャンバス上にアクティブ図表形状を表示する。

いくつかの実装形態によると、描画キャンバス上に提示される動的ＵＩは、図表中での配置のために使用可能な多様な図表形状に対応する選択可能な形状コントロールを含む。特有の形状コントロールおよび対応する図表形状は、描画キャンバスに隣接した形状ギャラリー中で使用可能な図表形状に従って選択される。動的ＵＩを介して使用可能な形状コントロールは、形状ギャラリー中の図表形状と直接相関してもよく、形状ギャラリー中の使用可能な形状からの選択結果でもよい。

いくつかの態様は、描画キャンバス上の図表中での配置のために使用可能な多様な図表形状に対応する選択可能なＵＩ形状コントロールを有する動的ＵＩを表示することをさらに含む。ＵＩ形状コントロールの選択が受け取られ、アクティブ図表形状がそれに従って設定される。アクティブ図表形状は次いで、描画キャンバス上に表示される。いくつかの実施形態は、カーソルがアクティブ図表形状に近接していると判定すること、およびそれに応答して、描画キャンバス上に動的ＵＩを表示することを含む。二次的ＵＩ形状コントロールの選択が動的ＵＩを介して受け取られ、アクティブ図表形状は、二次的ＵＩ形状コントロールの選択に対応する図表形状で置き換えられる。

本明細書に記載する実装形態は、図表作成アプリケーションという状況で提示してあるが、プロセスの視覚表現を作成し、または表示するどのタイプのプログラムも、本明細書に提示する概念を利用できることを理解されたい。上述した対象は、コンピュータ制御機器、コンピュータプロセス、コンピューティングシステム、またはコンピュータ可読媒体などの製造品として実装することもできる。こうしたおよび他の特徴および利点が、以下の詳細な説明を読み、関連する図面を精査することによって明らかになるであろう。

本概要は、「発明を実施するための形態」において後でさらに説明する概念一式を、簡略化された形で紹介するためのものである。本概要は、本特許請求対象の主要な特徴または本質的な特徴を識別することは意図しておらず、本概要が本特許請求対象の範囲を限定するのに使われることも意図していない。さらに、本特許請求対象は、本開示の任意の部分に記される一部またはすべての欠点を解決する実装形態に限定されない。

図表に図表形状を追加するときにアクティブ図表形状選択を変更する、本明細書に示す一実装形態を示す画面図である。 図表に図表形状を追加するときにアクティブ図表形状選択を変更する、本明細書に示す一実装形態を示す画面図である。 図表に図表形状を追加するときにアクティブ図表形状選択を変更する、本明細書に示す一実装形態を示す画面図である。 図表中の既存の図表形状を変更する、本明細書に示すそれ以外の実施形態を示す画面図である。 図表中の既存の図表形状を変更する、本明細書に示すそれ以外の実施形態を示す画面図である。 図表上での形状選択を実現する、本明細書に記載する一実装形態に示す例示的プロセスを示すフロー図である。 図表上での形状選択を実現する、本明細書に記載する一実装形態に示す例示的プロセスを示すフロー図である。 本明細書に提示する実施形態を実装することが可能なコンピューティングシステム用の例示的コンピュータハードウェアおよびソフトウェアアーキテクチャを示すコンピュータアーキテクチャ図である。

以下の詳細な説明では、フローチャートまたは他の図表に挿入されるべきアクティブ図表形状を、描画キャンバスから離れることなくユーザに変更させるための動的ＵＩを提供する技術を対象としている。本明細書に提示する実施形態を利用することにより、図表作成アプリケーション、または他のタイプのアプリケーションプログラムは、描画キャンバスにおける動的ＵＩをユーザに提供することができる。動的ＵＩは、描画キャンバスに隣接して置かれた形状ギャラリー中の図表形状に対応する、一式の図表形状を含む。動的ＵＩを使って、ユーザは、アクティブ形状を選択し、キャンバスから離れることなく形状を図表に挿入することができる。

本特許請求対象は、コンピュータシステム上のオペレーティングシステムおよびアプリケーションプログラムの実行とともに実行するプログラムモジュールという一般的状況において提示されるが、他の実装形態も、他のタイプのプログラムモジュールと組み合わせて実施できることが当業者には理解されよう。概して、プログラムモジュールは、特定のタスクを実施しまたは特定の抽象データタイプを実装するルーチン、プログラム、コンポーネント、データ構造、および他のタイプの構造を含む。さらに、本特許請求対象は、ハンドヘルドデバイス、マルチプロセッサシステム、マイクロプロセッサベースまたはプログラム可能な家電製品、ミニコンピュータ、メインフレームコンピュータなどを含む他のコンピュータシステム構成を用いて実施できることが、当業者には理解されよう。

以下の詳細な説明において、本説明の一部をなすとともに、例示の目的で具体的な実施形態または例が示されている添付の図面に対して参照が行われる。様々な実装形態の態様について、図表作成アプリケーションからのサンプル画面図を示す図１Ａ〜２Ｂを参照して最初に記載する。本明細書に記載する図表作成アプリケーションは、ＭＩＣＲＯＳＯＦＴ ＯＦＦＩＣＥ ＶＩＳＩＯ ２００７という図表作成アプリケーションであるが、本開示内容は、図表を作成し表示することが可能なすべての図表作成アプリケーションに等しく適用可能であることを理解されたい。本明細書に示す開示内容は、フローチャートを作成し編集するという状況において記載してあるが、本開示内容は、ネットワーク図など、他のどのタイプの図表の作成または編集にも等しく適用可能であることも理解されたい。

ここで図面を参照するが、図面において、同じ番号は、いくつかの図面を通して同じ要素を表し、図表中の図表形状を変更するコンピューティングシステムおよび方法論の態様について記載する。具体的には、図１は、図表作成アプリケーションを使って作成される例示的サンプル図表１０６を示す。図表１０６は、図表ページ１０２の描画キャンバス１０４上で作成されたものである。図表１０６は、図表形状１１４Ａ〜１１４Ｃ、ならびにコネクタ１１６Ａ、１１６Ｂによって表される多様なプロセス動作を含む。上で簡潔に論じたように、フローチャートでは、特有の形状がしばしば、プロセスにおける様々なタイプのステップを識別するのに使われる。たとえば、矩形は、プロセス中のアクションステップを識別することができ、菱形は、プロセス中の決定ステップを表す。

通常はどのようにして図表１０６が作成されるかを示すために、図１Ａに示す図表ページ１０２について説明することが有用である。図表ページ１０２は、描画キャンバス１０４および描画キャンバス１０４に隣接して置かれたいくつかのコントロールを含む。形状ギャラリー１０８が、描画キャンバス１０４に隣接して置かれた１つのコントロールエリアである。形状ギャラリー１０８は、図表を作成するときに最も一般的に使われる４通りの図表形状に対応するギャラリー形状コントロール１１０Ａ〜１１０Ｄを提供する。形状ギャラリーは包括的でもよく、図表作成アプリケーションによって提供される、使用可能な全図表形状に対応するギャラリー形状コントロール１１０を含み、共通して使われ、またはユーザが指定した図表形状に対応する任意の数の図表形状を含んでもよいことを理解されたい。

形状ギャラリー１０８を使用して図表１０６を作成する第１の方法は、カーソル１２０で所望のギャラリー形状コントロール１１０を選択すること、および形状ギャラリー１０８から描画キャンバス１０４上に各図表形状１１４をドラッグアンドドロップすることを含む。ユーザは次いで、コネクタコントロール１２６を選択し、各コネクタ１１６を描画キャンバス１０４上にドラッグアンドドロップし、コネクタを図表形状１１４Ａ〜１１４Ｃの間に接続することになる。このプロセスを容易にするために、ＭＩＣＲＯＳＯＦＴ ＯＦＦＩＣＥ ＶＩＳＩＯ ２００７という図表作成アプリケーションは、自動接続コントロール１２８を提供する。選択されると、自動接続コントロール１２８は、アクティブ図表形状１１２を識別するために、ギャラリー形状コントロール１１０Ａ〜１１０Ｄの１つをユーザに選択させる。図１Ａでは、アクションステップを表す矩形形状が、アクティブ図表形状１１２として選択される。図表形状１１４が、上述したドラッグアンドドロップ方法などの方法により描画キャンバス１０４上に配置されると、ユーザは、図表形状１１４Ａ〜１１４Ｃのいずれかに近接した位置にカーソル１２０を動かし、その上を指して、図表形状の付近に接続コントロール１１８Ａ〜１１８Ｃを表示するように図表作成アプリケーションをトリガすることができる。他の任意の図表コンポーネントに関してカーソル１２０の動きを説明する際に本開示を通して使われる「近接」という用語は、図表コンポーネントにごく近接したカーソル１２０の動き、ならびに図表コンポーネントの上を指すことと同じである、カーソル１２０の動きを含むことを理解されたい。

接続コントロール１１８Ａ〜１１８Ｃは、図表１０６に挿入されるべき次の図表形状１１４のための、使用可能な配置場所を識別する。接続コントロール１１８Ａ〜１１８Ｃは、別の図表形状１１４を追加し接続することができる図表形状１１４を囲む各方向を表す選択可能なインジケータを提供する。たとえば、接続コントロール１１８Ａは、図表形状１１４を図表形状１１４Ｃの上に配置できることをユーザに示す。矩形図表形状に対応するギャラリー形状コントロール１１０Ａがアクティブ図表形状１１２として選択されているときにユーザが接続コントロール１１８Ａを選択した場合、図表作成アプリケーションは、図表１０６中の図表形状１１４Ｃのすぐ上にアクションステップを配置し、図表形状１１４Ｃから新規アクションステップに進む矢印で、新規アクションステップを図表形状１１４Ｃに接続する。

自動接続プロセスにより、図表１０６を作成するドラッグアンドドロップ方法に比較して、効率が増大し得るが、両方の方法において、異なるギャラリー形状コントロール１１０を選択しアクティブ図表形状１１２を変更するために、ユーザが描画キャンバス１０４から形状ギャラリー１０８へカーソル１２０を動かすことが必要である。本明細書に示される実装形態によると、ユーザは、図表１０６中に配置されるべき次の図表形状１１４に対する所望の配置方向に対応する接続コントロール１１８の上にカーソル１２０を移動することができる。このアクションの結果、図表１０６中に配置されるべき次の図表形状１１４のタイプを変更するために異なるアクティブ図表形状１１２をユーザに選択させる動的ＵＩ１２２がユーザに提供される。

図１Ａは、図表１０６が作成中である例を示す。現在のアクティブ図表形状１１２は矩形であり、アクションステップを表す。アクティブ図表形状１１２は、おそらく図表１０６中に図表形状１１４Ｂを配置する際に、ユーザがギャラリー形状コントロール１１０Ａを選択したときにユーザによって予め設定されたものである。図表１０６に図表形状１１４Ｃを追加した後で、ユーザが図表形状１１４Ｂのすぐ右に決定ステップを配置することを望む場合がある。描画キャンバス１０４の外に出て三角形の決定ステップ形状に対応するギャラリー形状コントロール１１０Ｂを選択するのではなく、実施形態により、動的ＵＩ１２２のトリガを可能にする。この例では、接続コントロール１１８Ｂは、カーソル１２０がその上を指すと強調表示されるものとして示してあるが、動的ＵＩ１２２用のＵＩトリガ１３０として作用する。ＵＩトリガ１３０は、動的ＵＩ１２２をトリガするために図表作成アプリケーションによって指定される、図表１０６のどのコンポーネントでもよい。図１Ａに示す例ではＵＩトリガ１３０は接続コントロール１１８Ｂであるが、図２Ａを参照して後で説明するように、ＵＩトリガ１３０は図表形状１１４でもよい。

動的ＵＩ１２２は、カーソル１２０がＵＩトリガ１３０に掛かっている描画キャンバス１０４中のどの場所にも現れ得るので、動的であるとして記載してある。動的ＵＩ１２２は、カーソル１２０を囲む、描画キャンバス１０４上のどの位置に提示してもよいが、好ましくは、ＵＩトリガ１３０と動的ＵＩ１２２との間の移動距離が最小になるように、カーソル１２０および対応するＵＩトリガ１３０の十分近くに位置づけられる。動的ＵＩ１２２は、形状ギャラリー１０８中に配置された４つのギャラリー形状コントロール１１０Ａ〜１１０Ｄに対応する、４つのＵＩ形状コントロール１２４Ａ〜１２４Ｄを含むように示してある。動的ＵＩ１２２は、ＵＩ形状コントロール１２４Ａ〜１２４Ｄ以外の任意の数およびタイプのコントロールを含み得ることを理解されたい。さらに、ＵＩ形状コントロール１２４Ａ〜１２４Ｄは、ギャラリー形状コントロール１１０Ａ〜１１０Ｄの量およびタイプと同一でもよく、形状ギャラリー１０８中に置かれたギャラリー形状コントロール１１０Ａ〜１１０Ｄのより小さいサブセットを含んでもよい。

カーソル１２０に近接して動的ＵＩ１２２がトリガされ表示されると、ユーザは、動的ＵＩ１２２の上にカーソル１２０を移動し、作成されている図表１０６の次のコンポーネントの所望の図表形状に対応するＵＩ形状コントロール１２４を選択することができる。選択されたＵＩ形状コントロール１２４は、図表１０６への後続図表形状１１４の追加のために、アクティブ図表形状１１２を設定することになる。たとえば、図１Ｂを見ると、ユーザは図表形状１１４Ｃの右に決定ステップを追加したいので、ユーザは、動的ＵＩ１２２の上でカーソル１２０を移動させ、菱形の決定ステップに対応するＵＩ形状コントロール１２４Ｂを選択する。ＵＩ形状コントロール１２４Ｂを選択した後で、ギャラリー形状コントロール１１０Ｂはアクティブ図表形状１１２として強調表示される。

一実施形態によると、ＵＩ形状コントロール１２４Ｂの選択により、決定ステップおよび適切なコネクタが図表１０６中の場所に配置され、アクティブ図表形状１１２が、後続図表形状１１４の追加のためのギャラリー形状コントロール１１０Ｂとして設定される。図１Ｃは、図表１０６中に配置された、結果として生じたアクティブ図表形状１１２および対応するコネクタ１１６Ｃを示す。代替的には、ＵＩ形状コントロール１２４Ｂの選択により、単にアクティブ図表形状１１２が後続図表形状１１４の追加のためのギャラリー形状コントロール１１０Ｂとして設定される。図表１０６中の場所に所望の決定ステップを配置するために、接続コントロール１１８Ｂの追加選択が要求されることになる。さらに別の代替法によると、ＵＩ形状コントロール１２４Ｂの選択により、決定ステップおよび適切なコネクタが図表１０６中の場所に配置されるが、ギャラリー形状コントロール１１０Ｂへのアクティブ図表形状１１２の設定は変更されない。この代替法は、ユーザが主としてただ１つのタイプの図表形状１１４を使用し、ごくまれに異なるタイプの図表形状１１４を挿入する必要がある場合に望ましいであろう。こうした代替実施形態は、ユーザが定義した図表作成アプリケーションの優先設定によって、主たる実施形態として確立することができる。

本明細書に示す開示の実装形態ではさらに、図表中の既存の図表形状の形状を変更するための機能をユーザに提供する。図２Ａは、図表ページ１０２の描画キャンバス１０４において作成中である、例としての図表２０６を示す。図表２０６は、図表形状２１４Ａ〜２１４Ｃおよび対応するコネクタ２１６Ａ、２１６Ｂを含む。図表形状２１４Ｃは、アクションステップを表すための矩形ではなく、決定ステップを表すための菱形であるべきであるとユーザが決定したと仮定する。ユーザは、変更を遂行するために、図表形状２１４Ｃを選択し、次いで、形状ギャラリー１０８に移動して、ギャラリー形状コントロール１１０Ｂを選択すればよい。ただし、本明細書に示す実装形態は、描画キャンバス１０４から離れることなく、ユーザに所望の変更を行わせる。

本実施形態では、図表形状２１４Ｃは、ＵＩトリガ１３０として作用する。ユーザが図表形状２１４Ｃの上にカーソル１２０を移動すると、図表作成アプリケーションは、ＵＩトリガ１３０の上の動きを検出し、カーソル１２０および／またはＵＩトリガ１３０に近接した場所に動的ＵＩ１２２を表示する。図表形状２１４Ｃを菱形の決定ステップで置き換えるために、ユーザは、ＵＩ形状コントロール１２４Ｂを選択する。ＵＩ形状コントロール１２４Ｂの選択を検出すると、図表作成アプリケーションは、図２Ｂに示すように、図表形状２１４Ｃをアクティブ図表形状１１２で置き換える。図表作成アプリケーションは、動的ＵＩ１２２の表示をトリガするためのＵＩトリガ１３０として作用するどのタイプおよび量の図表コントロールも確立できることを理解されたい。

たとえば、すべての図表形状２１４Ａ〜２１４Ｄは、動的ＵＩ１２２をトリガする、特有の図表形状２１４の置換えのために動的ＵＩ１２２の表示をトリガするＵＩトリガ１３０でよい。図表形状２１４Ａ〜２１４Ｄもそれぞれ、図表２０６への図表形状２１４の追加を助ける接続コントロール２１８Ａ〜２１８Ｃを表示するトリガである。接続コントロール２１８Ａ〜２１８Ｃはそれぞれ、図表２０６に引き続き追加されるべき図表形状２１４のタイプをユーザが変更するのを助けるための動的ＵＩ１２２をトリガするＵＩトリガ１３０でもよい。図表形状２１４が動的ＵＩ１２２をトリガするかどうか、または接続コントロール２１８が動的ＵＩ１２２をトリガするかどうかに依存して、ＵＩ形状コントロール１２４のユーザ選択は、既存の図表形状２１４を変更するか、または図表形状２１４を図表２０６に追加することになる。

ここで図３Ａ〜３Ｂに移り、図表１０６を作成する間にアクティブ図表形状１１２をユーザに選択させる描画キャンバス１０４中で動的ＵＩ１２２を提供する例示的ルーチン３００について記載する。本明細書に記載する論理演算は、（１）コンピューティングシステム上で稼動する一連のコンピュータ実施作用またはプログラムモジュールとして、かつ／あるいは（２）コンピューティングシステム内の相互接続されたマシン論理回路または回路モジュールとして実装されることを理解されたい。この実装は、コンピューティングシステムの性能および他の要件に依存する選択の問題である。したがって、本明細書に記載する論理演算は、動作、構造デバイス、作用、またはモジュールと、様々に呼ばれる。こうした動作、構造デバイス、作用およびモジュールは、ソフトウェア、ファームウェア、特殊目的デジタル論理、およびそのどの組合せの形でも実装することができる。図面に示し本明細書に記載するよりも多い、または少ない動作を実施してよいことも理解されたい。こうした動作は、本明細書に記載するのとは異なる順序で実施してもよい。

ルーチン３００は動作３０２で始まり、ここで図表作成アプリケーションは、形状ギャラリー１０８中のギャラリー形状コントロール１１０の選択を受け取る。動作３０２から、ルーチン３００は動作３０４に続き、ここで、図表作成アプリケーションは、選択されたギャラリー形状コントロール１１０に対応する形状をアクティブ図表形状１１２として設定する。ルーチンは動作３０４から動作３０６へ続き、ここで図表作成アプリケーションは、アクティブ図表形状１１２を図表１０６に挿入するためのリクエストを受け取る。リクエストは、形状ギャラリー１０８から描画キャンバス１０４へのドラッグアンドドロップアクションからも、図表１０６中の接続コントロール１１８の選択からも生じ得る。動作３０６から、ルーチン３００は動作３０８に続き、ここで、図表作成アプリケーションは、リクエストされたアクティブ図表形状１１２および要求されたどのコネクタ１１６も図表１０６中に表示する。コネクタ１１６は、ユーザが図表形状１１４をリクエストすると、接続コントロール１１８の選択により要求することができる。

ルーチン３００は、動作３０８から動作３１０に続き、ここで図表作成アプリケーションは、ＵＩトリガ１３０に近接した閾値内を動く、またはトリガ１３０の上を指すカーソル１２０を検出する。動作３１０から、ルーチン３００は動作３１２に続き、ここで、図表作成アプリケーションは、ＵＩトリガ１３０の近くまたはその上のカーソル１２０の検出に応答して、カーソル１２０に近接して動的ＵＩ１２２を表示する。上述したように、動的ＵＩ１２２は、形状ギャラリー１０８中のギャラリー形状コントロール１１０Ａ〜１１０Ｄの１つまたはすべてを含み得る。ルーチン３００は動作３１２から動作３１４に続き、ここで、図表作成アプリケーションは、所望の図表形状１１４に対応するＵＩ形状コントロール１２４の選択を受け取る。

動作３１４から、ルーチン３００は動作３１６に続き、ここで、図表作成アプリケーションは、選択されたＵＩ形状コントロール１２４に対応する形状をアクティブ図表形状１１２として設定する。ルーチンは動作３１６から動作３１８に続き、ここで図表作成アプリケーションは、動的ＵＩ１２２をトリガしたＵＩトリガ１３０が接続コントロール１１８であるかどうか判定する。ＵＩトリガ１３０が接続コントロール１１８ではなく、したがって図表形状１１４である場合、ルーチン３００は動作３２０に進み、ここで図表作成アプリケーションは、指定された図表形状１１４をアクティブ図表形状１１２で置き換える。動作３２０から、ルーチン３００は動作３２６に続き、後で説明するように進行する。

ただし、動作３１８で、ＵＩトリガ１３０が接続コントロール１１８であると図表作成アプリケーションが判定した場合、ルーチン３００は動作３２２に続き、ここで、図表作成アプリケーションは、アクティブ図表形状１１２を図表１０６中に表示する。アクティブ図表形状１１２は、接続コントロール１１８に従って整列される。たとえば、接続コントロール１１８が右を指し示す場合、アクティブ図表形状１１２は、関連づけられた既存の図表形状１１４の右に配置され、整列されることになる。動作３２２から、ルーチン３００は動作３２４に続き、ここで、図表作成アプリケーションは、図表１０６中で、アクティブ図表形状１１２と関連づけられた既存の図表形状１１４との間にコネクタ１１６を表示する。動作３２４から、ルーチン３００は動作３２６に続き、ここで、図表作成アプリケーションは、描画キャンバス１０４から動的ＵＩ１２２を削除する。ルーチンは動作３２８に続き、終了する。

図４は、描画キャンバス１０４の領域内でアクティブ図表形状１１２の選択を受け取る図表内動的ＵＩ１２２を提供する、本明細書に記載するソフトウェアコンポーネントを実行することが可能な、コンピュータ４００のための例示的コンピュータアーキテクチャを示す。図１に示すコンピュータアーキテクチャは、従来のデスクトップ、ラップトップコンピュータ、およびサーバコンピュータを示し、本明細書に記載するコンピュータプログラムのどの態様を実施するのにも使用することができる。

図４に示すコンピュータアーキテクチャは、中央処理装置４０２（ＣＰＵ）と、ランダムアクセスメモリ４１４（ＲＡＭ）および読出し専用メモリ（ＲＯＭ）４１６を含むシステムメモリ４０８と、ＣＰＵ４０２にメモリを結合するシステムバス４０４とを含む。基本入出力システムは、たとえば起動中にコンピュータ４００内部の要素の間で情報を転送するのを助ける基本ルーチンを含み、ＲＯＭ４１６に格納される。コンピュータ４００は、オペレーティングシステム４１８、アプリケーションプログラム、および後でより詳細に述べる他のプログラムモジュールを格納する大容量記憶デバイス４１０をさらに含む。

大容量記憶デバイス４１０は、バス４０４に接続された大容量記憶コントローラ（図示せず）を介してＣＰＵ４０２に接続される。大容量記憶デバイス４１０およびそれに関連するコンピュータ可読媒体は、コンピュータ４００のための不揮発性記憶を実現する。本明細書に含まれるコンピュータ可読媒体の記述では、ハードディスクやＣＤ−ＲＯＭドライブなどの大容量記憶デバイスに言及するが、コンピュータ可読媒体は、コンピュータ４００によってアクセスすることができる、市販されているどのコンピュータ記憶媒体でもよいことを当業者は理解されたい。

限定ではなく例として、コンピュータ可読媒体は、コンピュータ可読命令、データ構造、プログラムモジュール、または他のデータなどの情報を格納するためのどの方法でも技術でも実現される揮発性媒体および不揮発性媒体、取外し可能媒体および固定式媒体を含み得る。たとえば、コンピュータ可読媒体は、ＲＡＭ、ＲＯＭ、ＥＰＲＯＭ、ＥＥＰＲＯＭ、フラッシュメモリまたは他の固体メモリ技術、ＣＤ−ＲＯＭ、ＤＶＤ（デジタル多用途ディスク）、ＨＤ−ＤＶＤ、ＢＬＵ−ＲＡＹ、または他の光学記憶デバイス、磁気カセット、磁気テープ、磁気ディスク記憶デバイスまたは他の磁気記憶デバイス、あるいは所望の情報を格納するのに使うことができるとともにコンピュータ４００によってアクセスすることができる他のどの媒体も含むが、それに限定されない。

様々な実施形態によると、コンピュータ４００は、ネットワーク４２０などのネットワークを介した、リモートコンピュータへの論理接続を用いて、ネットワーク接続された環境において動作することができる。コンピュータ４００は、バス４０４に接続されたネットワークインターフェイスユニット４０６を介して、ネットワーク４２０に接続することができる。ネットワークインターフェイスユニット４０６は、他のタイプのネットワークおよびリモートコンピュータシステムに接続するのにも使用できることを理解されたい。コンピュータ４００は、キーボード、マウス、または電子スタイラス（図４には示さず）を含む他のいくつかのデバイスからの入力を受け取り、処理する入出力コントローラ４１２も含み得る。マウスで実施されるものとして本明細書に記載するユーザ入力動作は、キーボード、電子スタイラス、または他の適切なユーザ入力デバイスでも実施することができることを理解されたい。同様に、入出力コントローラは、表示画面、プリンタ、または他のタイプの出力デバイス（これも図４には示さず）への出力を可能にし得る。

上で簡潔に述べたように、ネットワーク接続されたデスクトップ、ラップトップ、またはサーバコンピュータの動作の制御に適したオペレーティングシステム４１８を含む、いくつかのプログラムモジュールおよびデータファイルを、コンピュータ４００の大容量記憶デバイス４１０およびＲＡＭ４１４に格納することができる。大容量記憶デバイス４１０およびＲＡＭ４１４は、１つまたは複数のプログラムモジュールを格納することもできる。具体的には、大容量記憶デバイス４１０およびＲＡＭ４１４は、図表作成アプリケーション４２２を格納することができる。

上述した内容に基づき、フローチャートまたは他の図表の描画キャンバスから離れることなくユーザに図表形状を選択し変更させる動的ユーザインターフェイス（ＵＩ）を提供する技術が、本明細書に提示されることを理解されたい。本明細書に提示する対象は、コンピュータの構造的特徴、方法論的作用、およびコンピュータ可読媒体に特有の言葉で記載したが、添付の特許請求の範囲において定義される本発明は、本明細書に記載した具体的な特徴、作用、または媒体に必ずしも限定されないことを理解されたい。そうではなく、具体的な特徴、作用および媒体は、請求項を実装する例の形として開示してある。

上述した対象は、例示のために示すに過ぎず、限定的と企図されるべきでない。例示し記載した例である実施形態および適用形態に従うことなく、かつ添付の特許請求の範囲に記載される本発明の真の精神および範囲から逸脱することなく、様々な修正および変更を本特許請求対象に行うことができる。

Claims (20)

1. 図表（１０６）の作成中に図表形状（１１４）を選択する方法であって、
   カーソル（１２０）が描画キャンバス（１０４）上のユーザインターフェイス（ＵＩ）トリガ（１３０）に近接していると判定するステップ、
   前記カーソル（１２０）が前記ＵＩトリガ（１３０）に近接しているという判定に応答して、前記描画キャンバス（１０４）上に動的ＵＩ（１２２）を表示するステップ、
   前記動的ＵＩ（１２２）を介してＵＩ形状コントロール（１２４）の選択を受け取るステップ、
   前記図表（１０６）に図表形状（１１４）を引き続き追加するために、前記ＵＩ形状コントロール（１２４）の前記選択に従ってアクティブ図表形状（１１２）を設定するステップ、および
   前記描画キャンバス（１０４）上に前記アクティブ図表形状（１１２）を表示するステップを備えることを特徴とする方法。
2. 前記ＵＩトリガは、前記接続コントロールに関連づけられた図表形状に隣接して、前記アクティブ図表形状を挿入するように、かつ挿入されたアクティブ図表形状と隣接図表形状との間にコネクタを挿入するように動作可能な接続コントロールを含むことを特徴とする請求項１に記載の方法。
3. 前記ＵＩトリガは図表形状を含み、前記描画キャンバス上に前記アクティブ図表形状を表示するステップは、前記図表形状を前記アクティブ図表形状で置き換えるステップを含むことを特徴とする請求項１に記載の方法。
4. 前記動的ＵＩは、複数の図表形状を含むことを特徴とする請求項１に記載の方法。
5. 前記動的ＵＩの前記複数の図表形状は、前記描画キャンバスに隣接した形状ギャラリー中に表示される一群の図表形状と直接相関することを特徴とする請求項４に記載の方法。
6. 前記複数の図表形状は、前記描画キャンバスに隣接した形状ギャラリー中に配置された一群の図表形状のうちの図表形状のサブセットを含むことを特徴とする請求項４に記載の方法。
7. 前記カーソルが、前記描画キャンバス上の前記アクティブ図表形状に関連づけられた接続コントロールに近接していると判定するステップ、
   前記カーソルが、前記アクティブ図表形状に関連づけられた前記接続コントロールに近接しているという判定に応答して、前記描画キャンバス上に前記動的ＵＩを表示するステップ、
   前記動的ＵＩを介して二次的ＵＩ形状コントロールの選択を受け取るステップ、
   前記選択に従って、前記二次的ＵＩ形状コントロールの前記アクティブ図表形状を設定するステップ、および
   前記描画キャンバス上に前記アクティブ図表形状を表示するステップをさらに備えることを特徴とする請求項１に記載の方法。
8. 前記接続コントロールは、前記アクティブ図表形状が前記図表に挿入される配置方向を表す少なくとも１つの選択可能なインジケータを含み、前記描画キャンバス上に前記アクティブ図表形状を表示するステップは、前記接続コントロールに従って前記アクティブ図表形状を表示するステップ、および前記接続コントロールに従って前記アクティブ図表形状を前記図表形状に接続するコネクタを挿入するステップを含むことを特徴とする請求項７に記載の方法。
9. コンピュータ実行可能命令が格納されたコンピュータ記憶媒体であって、前記命令は、コンピュータによって実行されると、前記コンピュータに、請求項１に記載の方法を実施させることを特徴とするコンピュータ記憶媒体。
10. コンピュータによって実行されると、前記コンピュータに、
    描画キャンバス（１０４）上の図表（１０６）中での配置用に使用可能な複数の図表形状（１１４）に対応する複数の選択可能なＵＩ形状コントロール（１２４）を備える動的ＵＩ（１２２）を前記描画キャンバス（１０４）上に提示させ、
    前記動的ＵＩ（１２２）を介してＵＩ形状コントロール（１２４）の選択を受け取らせ、
    前記ＵＩ形状コントロール（１２４）の前記選択に従ってアクティブ図表形状（１１２）を設定させ、
    前記描画キャンバス（１０４）上に前記アクティブ図表形状（１１２）を表示させるコンピュータ実行可能命令を備えることを特徴とするコンピュータ記憶媒体。
11. 前記図表中での配置用に使用可能な前記複数の図表形状は、前記描画キャンバスに隣接した形状ギャラリー中に表示される一群の図表形状と直接相関することを特徴とする請求項１０に記載のコンピュータ記憶媒体。
12. 前記図表中での配置用に使用可能な前記複数の図表形状は、前記描画キャンバスに隣接した形状ギャラリー中に配置された一群の図表形状のうちの図表形状のサブセットを含むことを特徴とする請求項１０に記載のコンピュータ記憶媒体。
13. コンピュータによって実行されると、前記コンピュータに、
    カーソルが前記アクティブ図表形状に近接していると判定させ、
    前記カーソルが前記アクティブ図表形状に近接しているという判定に応答して、前記アクティブ図表形状に関連づけられた接続コントロールを提示させ、
    前記カーソルが、前記アクティブ図表形状に関連づけられた前記接続コントロールに近接していると判定させ、
    前記動的ＵＩを介して二次的ＵＩ形状コントロールの選択を受け取らせ、
    前記二次的ＵＩ形状コントロールの前記選択に従って前記アクティブ図表形状を設定させ、
    前記描画キャンバス上に前記アクティブ図表形状を表示させるコンピュータ実行可能命令をさらに備えることを特徴とする請求項１０に記載のコンピュータ記憶媒体。
14. 前記接続コントロールは、前記少なくとも１つの選択可能なインジケータが選択されたときに、前記二次的ＵＩ形状コントロールの前記選択に関連づけられた前記アクティブ図表形状が前記図表に挿入される配置方向を表す少なくとも１つの選択可能なインジケータを含むことを特徴とする請求項１３に記載のコンピュータ記憶媒体。
15. コンピュータによって実行されると、前記コンピュータに、
    前記アクティブ図表形状にカーソルが近接していると判定させ、
    前記カーソルが前記図表形状に近接しているという判定に応答して、前記描画キャンバス上に前記動的ＵＩを表示させ、
    前記動的ＵＩを介して二次的ＵＩ形状コントロールの選択を受け取らせ、
    前記アクティブ図表形状を、前記二次的ＵＩ形状コントロールの前記選択に対応する図表形状で置き換えさせるコンピュータ実行可能命令をさらに備えることを特徴とする請求項１０に記載のコンピュータ記憶媒体。
16. 図表（１０６）の作成中にアクティブ図表形状（１１２）を選択する方法であって、
    前記アクティブ図表形状（１１２）のユーザ選択を受け取るステップ、
    前記図表（１０６）中に前記アクティブ図表形状（１１２）を表示するためのリクエストを受け取るステップ、
    前記図表（１０６）中に前記アクティブ図表形状（１１２）を表示するための前記リクエストの受取りに応答して、前記図表（１０６）中に前記アクティブ図表形状（１１２）を表示するステップ、
    カーソル（１２０）が、描画キャンバス（１０４）上に表示された前記アクティブ図表形状（１１２）に関連づけられた接続コントロール（１１８）に近接していると判定するステップ、
    前記カーソル（１２０）が前記接続コントロール（１１８）に近接しているという判定に応答して、前記カーソル（１２０）に近接して、前記描画キャンバス（１０４）上に動的ＵＩ（１２２）を表示するステップ、
    前記動的ＵＩ（１２２）を介してＵＩ形状コントロール（１２４）の選択を受け取るステップ、
    前記図表（１０６）に図表形状（１１４）を引き続き追加するために、前記ＵＩ形状コントロール（１２４）の前記選択に従ってアクティブ図表形状（１１２）を設定するステップ、および
    前記描画キャンバス（１０４）上に前記アクティブ図表形状（１１２）を表示するステップを備えることを特徴とする方法。
17. 前記アクティブ図表形状の前記ユーザ選択を受け取るステップは、前記描画キャンバスに隣接した形状ギャラリーからの前記アクティブ図表形状の前記ユーザ選択を受け取ることを含むことを特徴とする請求項１６に記載の方法。
18. 前記接続コントロールは、前記少なくとも１つの選択可能なインジケータが選択されたときに、前記アクティブ図表形状が前記図表に挿入される配置方向を表す少なくとも１つの選択可能なインジケータを含むことを特徴とする請求項１６に記載の方法。
19. 前記カーソルが、前記ＵＩ形状コントロールの前記選択に従って設定された前記アクティブ図表形状に近接していると判定するステップ、
    前記カーソルが前記アクティブ図表形状に近接しているという判定に応答して、前記カーソルに近接して、前記描画キャンバス上に前記動的ＵＩを表示するステップ、
    前記動的ＵＩを介してＵＩ形状コントロールの選択を受け取るステップ、および
    前記アクティブ図表形状を、前記動的ＵＩを介して選択された前記ＵＩ形状コントロールの前記選択に対応する図表形状で置き換えるステップをさらに備えることを特徴とする請求項１６に記載の方法。
20. コンピュータ実行可能命令が格納されたコンピュータ記憶媒体であって、前記命令は、コンピュータによって実行されると、前記コンピュータに、請求項１６に記載の方法を実施させることを特徴とするコンピュータ記憶媒体。

Images