FeaturesPluginsDocs & SupportCommunityPartners

>> その他の NetBeans IDE ドキュメント

UML: アクティビティー図の作成

このチュートリアルでは、IDE の UML 機能を使用して、簡単な UML アクティビティー図を作成する方法を学びます。このチュートリアルでは、アクティビティー図を作成する一般的な方法を手順で示し、NetBeans UML のいくつかの機能を紹介します。このチュートリアルでは、UML の概念や Java プログラミング言語については説明しません。

予想される所要時間: 30

チュートリアルの要件

次に進む前に、この節の要件を確認してください。

このチュートリアルでは、ユーザーのシステムが、『NetBeans 6.0 リリースノート』の「システム要件」の節で指定された要件を満たしていることを想定しています。

前提条件

このチュートリアルを使用するには、IDE がシステムにインストールされている必要があります。また、IDE の基本要素に関する知識が必要です。Java プログラミング言語および UML の基本的なところも知っていた方がいいでしょう。IDE の基礎については、オンラインヘルプで IDE の基礎に関する項目を参照してください。公式の UML リソースページ (http://www.uml.org/) で、UML 手法と理論に関する優れたリソースを得ることができます。

チュートリアルに必要なソフトウェア

開始する前に、次のソフトウェアをダウンロードしてインストールします。

  • NetBeans 6.0
    ダウンロードオプション「すべて」を選択します。

ページの先頭へ

アクティビティ図の概要

アクティビティ図は、システムのアクティビティとデータの流れ、またはアクティビティ間の決定を視覚的に表現した図です。図エディタでアクティビティ図のタブをクリックすると、IDE モデリングパレットに特定のアイコンが表示されます。アクティビティ図によって、ビジネスプロセスの全体像を把握できます。

アクティビティ図を使用して、次の作業を行うことができます。

  • アクティビティ、データの流れ、アクティビティ間の決定などを記述する
  • ビジネスプロセスの全体像を把握する
  • ユースケース内で発生するアクティビティを記述する
  • 異なるシンボルを使用して多様なアクティビティを示す
  • 並列スレッドを示す

アクティビティ図の作成時に発生する作業を、次に示します。この表と、そのあとに示す手順は、アクティビティ図を作成する一般的な方法です。

  1. アクティビティ図の設定
    • UML プロジェクトを作成する
    • 空のスコープ指定アクティビティ図を含むパッケージを作成する
  2. 区分の配置
    • 区分を追加する
    • 副区分の追加
  3. 動作状態の特定
    • 要素を追加する
      • アクティビティグループを追加する
      • 呼び出しを追加する
      • 初期ノード要素を追加する
      • 水平の分岐要素を追加する
      • アクティビティ終了ノードと決定ノードを追加する
  4. エッジと依存の配置
    • アクティビティエッジを追加する
    • 依存を追加する
    • エッジにラベルを付ける
  5. グループ種別および条件の操作
    • アクティビティエッジにガード条件を追加する
    • グループ種別を選択および変更する

ページの先頭へ

アクティビティ図の設定

アクティビティ図を作成するには、まず、空のスコープ指定アクティビティ図を含む UML プロジェクトおよび Java パッケージを作成します。この節では、次の手順を実行します。

UML プロジェクトを作成する

  1. メインメニューから「ファイル」>「新規プロジェクト」を選択し、次の操作を行います。
    1. 「カテゴリ」で「UML」を選択します。
    2. 「プロジェクト」で「プラットフォーム独立モデル」を選択します。
    3. 「次へ」をクリックします。
  2. プロジェクト名として「ActivityDiagProj」、プロジェクトの場所として「ActivityDiagTut」と入力します。
    プロジェクト名を入力すると、プロジェクトフォルダ名も自動的にこの名前になります。
  3. 「完了」をクリックします。
    「新規」ウィザードの「図を新規作成」ページが表示されます。
  4. ここでは、「取消し」をクリックします。
    IDE が次の処理を行います。
    • 空のプラットフォーム独立モデリングプロジェクトが作成されます。
    • 「プロジェクト」ウィンドウにプロジェクトアイコンが表示されます。

ページの先頭へ

スコープ指定アクティビティ図を含むパッケージを作成する

  1. 「プロジェクト」ウィンドウで、「 モデル 」ノードを右クリックします。
  2. ポップアップメニューから「追加」>「パッケージ」を選択します。
  3. 「名前」フィールドに、パッケージの名前として「 ActDiagPkg 」と入力します。
  4. 「名前空間」フィールドについては、デフォルト値を使用します。
  5. 「スコープ指定図を作成」チェックボックスを選択します。
  6. 「図名」フィールドに、図の名前として「 actDiagram 」と入力します。
  7. 「図の種類」リストから「アクティビティ図」を選択し、「完了」をクリックします。
    IDE が次の処理を行います。
    • 入力したパッケージ名を持つパッケージノードが「モデル」ノードの下に作成されます。
    • パッケージノードの下に図ノードが作成されます。
    • 図エディタに新しい図が表示されます (この時点で図は空です)。
    • モデリングパレットが開き、アクティビティ図の作成に使用するアイコンが表示されます。

    図は次のようになります。

    アクティビティ図の初期設定のあとの IDE の画面

ページの先頭へ

区分の配置

IDE では、アクティビティ図に区分を追加できます。区分を使ってノードとエッジを分割することで、区分内にあるノードのビューだけを表示できます。

  1. モデリングパレットのデータ区画で、「区分 (Partition)」アイコン 「区分 (Partition)」アイコン を選択します。
  2. 図エディタ内をクリックして、区分要素を図に配置します。
    名前のない (Unnamed) 区分要素が図エディタに配置されます。
  3. 図エディタ内の任意の場所を右クリックして「区分 (Partition)」アイコンを選択解除します。
  4. 図エディタの左側で矩形を引き伸ばします。
  5. 区分要素を選択した状態で右クリックし、ポップアップメニューから「区分」>「区分列を右に追加」を選択します。
  6. 区分の右の列を拡張します。
  7. 区分の上部にある「Unnamed」をダブルクリックし、「Bank」と入力して、区分に名前を付けます。
  8. Enter キーを押します。
  9. 左の列の「Unnamed」をダブルクリックし、「 Bank Lobby 」と入力して、左の列に名前を付けます。
  10. 右の列に「 Teller 」という名前を付けます。
    図は次のようになります。

    ラベルの付いた区分を含むアクティビティー図

ページの先頭へ

動作状態の特定

この節では、次の手順を実行します。

アクティビティグループを追加する

  1. モデリングパレットの基本区画で、「アクティビティグループ (Activity Group)」アイコン 「アクティビティグループ (Activity Group)」アイコン を選択します。
  2. 図エディタで「Bank Lobby」副区分内をクリックして、「Bank Lobby」副区分にアクティビティグループ要素を配置します。
    これによって、アクティビティグループが「Bank Lobby」副区分の入れ子になります。
  3. 右クリックして、アイコンを選択解除します。
  4. 新しいアクティビティーグループの「Unnamed」をダブルクリックし、「Customer」と入力して、Enter キーを押します。
  5. 追加したアクティビティグループを選択します。副区分全体に表示されるようにグループを移動し、拡大します。

ページの先頭へ

呼び出しを追加する

  1. モデリングパレットの基本区画で、「呼び出し (Invocation)」アイコン 「呼び出し (Invocation)」アイコン を選択します。
  2. 「Bank Lobby」副区分にある Customer アクティビティグループ要素内をクリックして、2 つの呼び出しノードを縦に並べて配置します。
  3. アイコンを選択解除します。
  4. 次の図に示すように、Customer アクティビティグループ内に収まるように呼び出し要素を移動し、サイズを変更します。

    区分と呼び出しを含むアクティビティ図

  5. 追加した呼び出しノードのうち、上のノードをダブルクリックし、「 Approach Teller Counter 」と入力して、Enter キーを押します。これによって、要素にラベルが付けられます。
  6. 下の呼び出しノードを選択し、「 Enter Transaction 」という名前を付けます。
  7. 「Teller」副区分内に 6 つの呼び出し要素を追加し、次のように名前を付けます。
    • Receive Transaction Request
    • Search Customer Info
    • Send to Customer Service
    • Process Transaction
    • Update Account Info
    • Notify Customer
    図は次のようになります。

    ラベルの付いた呼び出しを含むアクティビティ図

ページの先頭へ

初期ノード要素を追加する

  1. モデリングパレットの基本区画で、「初期ノード (Initial Node)」アイコン 「初期ノード (Initial Node)」アイコン を選択します。
  2. 「Bank Lobby」副区分で Approach Teller Counter 要素の左側をクリックします。
  3. アイコンを選択解除します。

ページの先頭へ

水平の分岐要素を追加する

  1. モデリングパレットの制御区画で、「水平の分岐 (Horizontal Fork)」アイコン 「水平の分岐 (Horizontal Fork)」アイコン をクリックします。
  2. 水平の分岐要素を表すバーを Update Account Info 呼び出し要素と Notify Customer 呼び出し要素の上に配置します。
  3. アイコンを選択解除します。
  4. 両方の呼び出しにかかるようにバーを伸ばします。
  5. 別の水平の分岐要素を Update Account Info 呼び出し要素と Notify Customer 呼び出し要素の下に配置し、両方の呼び出しにかかるようにバーを伸ばします。

ページの先頭へ

アクティビティ終了ノードと決定ノードを追加する

  1. モデリングパレットの基本区画で、「アクティビティ終了ノード (Activity Final Node)」アイコン 「アクティビティ終了ノード (Activity Final Node)」アイコン を選択します。
  2. アクティビティ終了ノードを下側の水平の分岐要素の下に配置します。
  3. 「アクティビティ終了ノード (Activity Final Node)」アイコンを選択解除します。
  4. モデリングパレットの制御区画で、「決定 (Decision)」アイコン 「決定 (Decision)」アイコン を選択します。
  5. 決定要素を Search Customer Info 要素と Send To Customer Service 要素の間のフローに配置します。
    図は次のようになります。

    制御要素を含むアクティビティ図
  6. 「決定 (Decision)」アイコンを選択解除します。

ページの先頭へ

エッジと依存の配置

この節では、次の手順を実行します。

アクティビティエッジ要素を追加する

  1. モデリングパレットの基本区画で、「アクティビティエッジ (Activity Edge)」アイコン 「アクティビティエッジ (Activity Edge)」アイコン を選択します。
    アクティビティエッジを使用して、初期ノード要素と呼び出し要素を接続します。
  2. 初期ノード要素をクリックし、Approach Teller Counter 呼び出し要素をクリックします。
    アクティビティエッジリンクによって 2 つの要素が接続されます。アクティビティエッジリンクのラベルは非表示になっているため、表示する必要があります。
  3. 図エディタ内の任意の場所を右クリックしてアイコンを選択解除します。
  4. アクティビティエッジ要素を選択して右クリックします。
  5. ポップアップメニューから「ラベル」>「名前を表示」を選択します。
    リンクに「 Unnamed 」というラベルが付けられ、強調表示されます。
  6. リンクに名前を付けるには、「 Initiate Cash Withdrawal 」と入力し、Enter キーを押します。

ページの先頭へ

別のアクティビティエッジ要素を追加する

  1. モデリングパレットの基本区画で、「アクティビティエッジ (Activity Edge)」アイコンを選択します。
  2. 次のリンクを描画します。
    • Approach Teller Counter 要素から Enter Transaction 要素へ
    • Enter Transaction 要素から Receive Transaction Request 要素へ
    • Receive Transaction Request 要素から Search Customer Info 要素へ
    • Search Customer Info 要素から決定ノードへ
    • 決定ノードから Send To Customer Service 要素へ
    • 決定ノードから Process Transaction 要素へ
    • Process Transaction 要素から上側の水平の分岐へ
    • 上側の水平の分岐から Update Account Info 要素と Notify Customer 要素へ
    • Notify Customer 要素から下側の水平の分岐へ
    • Update Account Info 要素から下側の水平の分岐へ
    • 下側の水平の分岐から終了状態要素へ
  3. 右クリックして、アイコンを選択解除します。
    図は次のようになります。

    アクティビティエッジ要素を含むアクティビティ図

ページの先頭へ

グループ種別および条件の操作

この節では、次の手順を実行します。

アクティビティエッジへのガード条件の追加
UML 機能を使用すると、「プロパティー」ウィンドウまたは図エディタでアクティビティー図にガード条件を追加できます。
  1. 図エディタで、決定ノードと Send to Customer Service 要素の間のアクティビティエッジ要素を右クリックします。
  2. ポップアップメニューから「ラベル」>「ガード条件を表示」を選択します。
  3. ガード条件の角括弧内に「 No Customer Info 」と入力し、Enter キーを押します。
  4. 決定ノードと Process Transaction 要素の間のアクティビティエッジについて、手順 2 と 3 を繰り返します。このガード条件には「 Customer Info 」と入力します。

ページの先頭へ

グループ種別プロパティを選択および変更する

IDE では、アクティビティグループはアクティビティフロー内のループを表します。たとえば、アクティビティグループはフロー内の既存の反復を引き出し線によって表記します。IDE の UML 機能には、次の 3 つのグループ種別が用意されています。

  • 反復
  • 構造化
  • 割り込み可能
  1. 図エディタで、Customer アクティビティグループを選択します。
  2. 「プロパティ」ウィンドウで、「グループ種別」プロパティ行の下矢印をクリックします。
  3. ドロップダウンリストから「構造化」を選択します。
    図で Customer アクティビティグループに構造化グループとしてのラベルが付けられます。
    完成したアクティビティ図は次のようになります。

    完成したアクティビティ図

ページの先頭へ

まとめ

この記事では、簡単な銀行業務アプリケーションを例に、NetBeans UML の機能を使用して一般的なアクティビティー図を作成する方法を学びました。

UML の詳細については、IDE のオンラインヘルプ、および UML 製品のページを参照してください。このページでは、ほかのチュートリアル、ビデオクリップをはじめとするさまざまな情報を提供しています。

ページの先頭へ

次の手順

  • メーリングリストに登録することによって、NetBeans IDE J2EE 開発機能に関するご意見やご提案を送信したり、サポートを受けたり、最新の開発情報を入手したりできます。


ページの先頭へ

>> その他の UML モデリングドキュメント

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by