ActiveModeler Avantage プロセス モデル Web パブリッシング ユーザー ガイド 2008 KAISHA-Tec Co. Ltd. Japan 5-17-8 Inokashira, Mitaka-shi, Tokyo, 181-0001 JAPAN Document Revision: 1.131 Date: 05/26/2008 Time: 10:51:35 AM ActiveModeler and ActiveFlow and ActiveModeler Avantage are registered trade marks of KAISHA-Tec Co. Japan Page 1
Web Publisher プラグイン Web Publisher プラグインにより BPMN プロセス モデル を HTML Web として 発 行 することができます エクス ポートされた Web は クリックしてサブプロセスにド リルダウンできます Web Publisher プラグインについて Web Publisher プラグインは 単 体 または 複 数 の BPMN ダイアグラムを Web ページの 集 合 として 出 力 ディレクトリにエクスポートします エ クスポートされたファイルは 任 意 の Web サーバーにアップロードし 配 置 できます HTML テンプレートは アウトプットの 形 式 を 標 準 化 するのにも 使 えま す プロセス ダイアグラムを 発 行 するに は 発 行 コマンドは プロジェクト フォルダ モデル ファイル メジャ ーポイント 特 定 ダイアグラムなどのワークスペース ナビゲータのツ リー 項 目 から 実 行 できます ダイアグラム 以 外 のツリー 項 目 からダイアグラムを 発 行 すると 発 行 後 の HTML には その 項 目 の 範 囲 内 の 全 ダイアグラムが 含 まれます ダイアグラム レベルで 発 行 コマンドを 選 択 した 場 合 は そのダイアグ ラムが ダイアグラムの 最 上 位 ページとみなされます 独 立 したサブプ ロセスの 接 続 も 同 様 に 発 行 後 の HTML に 含 まれます Web Publisher を 起 動 するには ツリー 項 目 を 選 択 して [HTML へエク スポート] を 選 択 します Web Publisher プラグイン Page 2
Figure 1. [HTML へエクスポート] メニュー オプションの 発 行 [オプションの 発 行 ] ウィザードを 使 用 すると エクスポート 後 の Web ページの 内 容 や 体 裁 をカスタマイズできます Web Publisher プラグイン Page 3
ビジネス 情 報 ページ このページでは Web ページに 表 示 する 情 報 の 種 類 を 定 義 できます [ビジネス 情 報 ] ページでは 次 のように 指 定 します [ダイアグラム] を 選 択 すると 図 形 ごとの 情 報 がツールチップに 表 示 されます ツールチップの 選 択 内 容 はタブ 形 式 で 表 示 され これら のタブの 内 容 はさらに [オブジェクト 情 報 ] の 選 択 により 定 義 できま す [ 一 般 ] タブには 図 形 に 関 連 する 一 般 的 情 報 たとえば 名 前 や 説 明 を 表 示 できます [オブジェクト 情 報 ] の [ 一 般 ] チェック ボックスを 選 択 すると オブジェクトの 一 般 的 情 報 が 表 示 されます メトリクスを 表 示 するには [メトリクス] チェック ボックスをチェッ クします 図 形 の 関 連 ドキュメントを 表 示 するには [ 関 連 ドキュメント] チェッ ク ボックスをチェックします [ 使 用 されているところ] を 選 択 すると ActiveModeler Avantage が [ 分 析 ] > [ 使 用 されているところ] でレポートするのと 同 じ 内 容 が [ 使 用 さ れているところ] タブに 表 示 されます Figure 2. [ビジネス 情 報 ] ページ Web Publisher プラグイン Page 4
グラフィックの 設 定 ページ 出 力 された html ファイルは このページで 設 定 するさまざまなカラー ピッカー コントロールを 使 って CSS をカスタマイズできます これら のコントロールは 簡 単 に 使 用 できるよう 実 際 の 色 で 表 されています Figure 3. [グラフィックの 設 定 ] ページ Web Publisher プラグイン Page 5
宛 先 ページ このページでは Web ページを 出 力 する 宛 先 フォルダを 指 定 できます [ 同 一 階 層 ] オプションを 指 定 すると ワークスペース ナビゲータの 階 層 に 関 係 なく 出 力 された html ファイルがすべて 同 じフォルダに 保 存 されます このオプションをチェックしない 場 合 は ツリーの 階 層 と 同 じように 異 なるフォルダにダイアグラムが 割 り 当 てられます [エクスポート 完 了 後 に 宛 先 フォルダを 開 く] オプションを 使 用 すると エクスポート 結 果 をすぐに 表 示 できます Figure 4. [ 宛 先 ] ページ Web Publisher プラグイン Page 6
ファイルを 表 示 するには フォルダを 自 動 的 に 開 くオプションを 選 択 しなかった 場 合 は ナビゲー タでプロジェクト 項 目 を 右 クリックし [Explore project folder] メニュ ー 項 目 を 選 択 します エクスプローラ ウィンドウが 開 き プロジェク ト フォルダの 内 容 が 表 示 されます Figure 5. [Explore project folder] Web Publisher プラグイン Page 7
ブラウザでのファイル 表 示 各 HTML ファイルの 名 前 は ファイルの 作 成 元 のダイアグラムから 付 けられます たとえば セクションの 最 上 位 ダイアグラムの 名 前 が Credit (as is) の 場 合 それに 対 応 する html ファイルの 名 前 は Credit (as is).html になります Figure 6. Web ブラウザに 表 示 された 最 上 位 ダイアグラム Avantage で 操 作 するのと 同 じようにドリルダウンすることができます サブプロセスの [+] (プラス) 記 号 をマウスでクリックすると ドリルダ ウンしてそのダイアグラムを 表 示 できます Backspace キーまたは [ 戻 る] ボタンを 押 すと 前 のダイアグラムに 戻 ります サブダイアグラム Web Publisher プラグイン Page 8
注 : 組 み 込 まれているサブプロセス (expand タイプのサブプロ セス 図 形 ) では サブプロセス が 空 の 場 合 html ページは 作 成 されません したがって [+] 記 号 をクリックしてもドリルダ ウンできません Web Publisher プラグイン Page 9
テンプレート テンプレートとは テンプレートは 標 準 形 式 の HTML オブジェクトとキーワードを 含 む HTML ページで エクスポート 処 理 でダイアグラムとともに 作 成 されま す 例 : 中 括 弧 { }に 指 定 されないすべての 情 報 は エクスポートされる 全 ページに 静 的 情 報 として 表 示 されます 中 括 弧 { }は エクスポート 処 理 中 にチェックされます あるページ には 別 の 著 者 やダイアグラムなどを 指 定 することが 出 来 ます テンプレートエディタ Web Publisher プラグインは 固 有 の HTML テンプレートエディタとと もに 提 供 されます テンプレートを 作 成 するには 最 初 に 右 クリックで project を 選 択 し 次 に New->HTML file... を 選 びます 既 存 の HTML ファイルを そのプロジェクトに 追 加 することもありま す その 場 合 は 同 じように Add->Existing text file... を 選 んでくださ い 必 ず *.* file セレクターを 使 ってください ワークスペースナビゲータから 選 択 したファイル 上 のテンプレートを 右 クリックし Edit メニュー 項 目 を 選 択 します 標 準 HTML エディタ が 起 動 されます Web Publisher プラグイン Page 10
例 を 見 てみましょう: テキストフォーマット インデント リストグループなどは 標 準 が 使 われます リンク 作 成 テーブルやイメージ 挿 入 なども 可 能 です Properties drop-down ボックスを 用 いて Native および Custom 属 性 を 挿 入 することが 出 来 ます Native 属 性 は Avantage 属 性 ブラウザーに 表 示 される 内 容 です ダイ アグラムでは 名 前 バージョン 著 者 などの 属 性 が 使 用 されます こ れらの 項 目 (キー)は すべて Properties drop-down ボックスに 含 まれ ています 例 えば Author 項 目 を 選 ぶと テンプレート に {DiagramAuthor} が 挿 入 されます もちろん この 文 字 列 は 入 力 も 可 能 ですが セレクターを 使 用 することで 安 全 で 簡 単 な 編 集 を 行 うことが 出 来 ます Custom 属 性 は Properties 説 明 の Avantage ドキュメントに 記 述 されて いる 内 容 です ダイアグラムに 属 性 を 追 加 し その 属 性 に 名 前 を 付 け 値 を 指 定 する ことも 可 能 です その 属 性 に 対 して 作 成 されるキーは {proppropertyname}の 形 式 になります 例 えば Security という 名 前 のダイアグラム 属 性 を 定 義 するとしましょ う HTML エディタは プロジェクトダイアグラムに 定 義 されている すべての 属 性 を 調 べ Properties drop-down ボックスにリストアップし ます 上 の 説 明 の 例 でいえば {propsecurity} キーを 挿 入 しましたが こ れは プラグインに このダイアグラムの Security 属 性 に 対 して 与 え られた 実 際 の 値 に 置 き 換 えることを 要 求 しています Web Publisher プラグイン Page 11
注 :Avantage Web Export の 全 機 能 を 活 用 するには 他 のツールで 作 られ る style ページ 挿 入 の HTML ページではなく 添 付 の 標 準 ツールの 使 用 が 望 ましい Web Publisher プラグイン Page 12
テンプレート 機 能 を 使 ってエクスポートされるダイアグラムの ごく 簡 単 な 例 を 示 します Web Publisher プラグイン Page 13
制 限 事 項 このプラグインには FTP 機 能 がありません http://sourceforge.net/project/showfiles.php?group_id=21558 から FileZilla をダウンロードし FileZilla を 使 用 してファイルを Web サーバーに 移 動 することをお 勧 めします Web Publisher プラグイン Page 14