Red Hat Summit Red Hat Summitサポートコンソール開発者トライアルの開始お問い合わせ

55.5. Heatmap コンポーネント

Business Central では、heatmap コンポーネントをページに追加できます。heatmap コンポーネントは、プロセスのダイアグラムに heat 情報を表示するのに使用されます。プロセスダイアグラムノードの色は、各ノードに割り当てる値に関連し、割り当てられた値に基づいて、プロセスダイアグラムの色が異なります。割り当てられた値が最大の場合には heat が強まり、最小値が割り当てられている場合は、プロセスダイアグラムに heat が表示されません。

heatmap コンポーネントを Dashbuilder Runtime にエクスポートして、KIE Server データセットから heat 情報を取得できます。heatmap コンポーネントを使用してダッシュボードを作成、編集、およびビルドすることも可能です。

55.5.1. プロセス用の heatmap コンポーネントの作成

Business Central で特定のプロセス用に heatmap コンポーネントを作成できます。

前提条件

  • KIE Server がデプロイされて Business Central に接続されている。
  • standalone.xml ファイルで dashbuilder.components.enable システムプロパティーを true に設定している。
  • Business Central に、1 つ以上のビジネスプロセスアセットが含まれるプロジェクトを作成している。
  • Business Central に、プロセス定義が設定されたプロジェクトがデプロイされている。
  • サンプルプロセスインスタンスが作成されている。

手順

  1. 以下の手順を使用して、新規の KIE Server データセットを作成します。

    1. Business Central で、Admin Data Sets に移動します。

      Data Set Explorer ページが開きます。

    2. New Data Set をクリックして、Execution Server プロバイダータイプを選択します。

      Data Set Creation Wizard ページが開きます。

    3. データセットの名前を入力します。
    4. サーバー設定を選択します。プロジェクトがデプロイされる場合は、サーバー設定を使用できます。
    5. 一覧から CUSTOM クエリーターゲットを選択します。

    6. Query フィールドに以下のカスタム SQL クエリーを入力します。 

      select
   pil.externalId,
   pil.processId,
    nid,
    nodetype,
    nodename,
    count(nid) as total_hits,
    avg(execution_time) as averageExecutionTime,
    min(execution_time) as minExecutionTime,
    max(execution_time) as maxExecutionTime
from(
        select
                max(log_date) as lastLog,
                processinstanceid as piid,
                nodeinstanceid as niid,
                nodeid as nid,
                nodetype,
                nodename,
                DATEDIFF(SECOND, min(log_date), max(log_date)) as execution_time
        from
                NodeInstanceLog
        group by
              processinstanceid,
               nodeinstanceid,
              nid
       order by lastLog
)
inner join
     ProcessInstanceLog pil on pil.processInstanceId = piid
group by
     pil.externalId,
     nid,
     nodename
    7. Data Set Creation Wizard を完了し、Test をクリックします。
    8. Save をクリックします。
  2. Business Central で、Menu Design Pages に移動します。
  3. Pages パネルで、New をクリックします。
  4. New Page ダイアログボックスでの Name フィールドに値を入力し、必要なスタイルを選択します。

  5. OK をクリックします。

    Page Editor で新しいページが開き、Heatmaps コンポーネントが Components パネルで利用可能なことを確認できます。

  6. Components パネルで Heatmaps コンポーネントを展開し、Process Heatmap コンポーネントタイプを Page Editor にドラッグします。
  7. Displayer エディター ウィザードで Data タブをクリックして、新たに作成した KIE Server データセットを選択します。
  8. Data タブで、Columns フィールドから NID および AVERAGEEXECUTIONTIME を選択します。

  9. Component Editor タブをクリックし、Server Template、Container ID、Process Definition ID などの必須フィールドの値を Component Properties タブに入力します。

    注記

    Server Template の値にアクセスするには、Deploy Execution Servers Server Configurations の順に移動します。Container ID の値については、Manage Process Instances に移動し、使用するプロセスインスタンスをクリックします。Deployment は Container ID に対応し、Definition ID は Process Definition ID になります。

  10. Display タブをクリックし、要件に応じて Chart、Margins、Filter、Refresh、および Columns の値を編集します。

  11. +OK をクリックします。

    図55.2 プロセス heatmap コンポーネントの例

    process heatmap component

プロセスダイアグラムの heat 情報が表示されます。

55.5.2. 複数プロセス用の heatmap コンポーネントの作成

Business Central では、複数のプロセス用に heatmap コンポーネントを作成できます。

前提条件

  • KIE Server がデプロイされて Business Central に接続されている。
  • standalone.xml ファイルで dashbuilder.components.enable システムプロパティーを true に設定している。
  • Business Central に複数のプロジェクトを作成しており、ビジネスプロセスアセットが 1 つ以上含まれます。
  • Business Central に、プロセス定義が設定されたプロジェクトがデプロイされている。
  • サンプルプロセスインスタンスが作成されている。

手順

  1. 以下の手順を使用して、新規の KIE Server データセットを作成します。

    1. Business Central で、Admin Data Sets に移動します。

      Data Set Explorer ページが開きます。

    2. New Data Set をクリックして、Execution Server プロバイダータイプを選択します。

      Data Set Creation Wizard ページが開きます。

    3. データセットの名前を入力します。
    4. サーバー設定を選択します。プロジェクトがデプロイされる場合は、サーバー設定を使用できます。
    5. 一覧から CUSTOM クエリーターゲットを選択します。

    6. Query フィールドに以下のカスタム SQL クエリーを入力します。 

      select
   pil.externalId,
   pil.processId,
    nid,
    nodetype,
    nodename,
    count(nid) as total_hits,
    avg(execution_time) as averageExecutionTime,
    min(execution_time) as minExecutionTime,
    max(execution_time) as maxExecutionTime
from(
        select
                max(log_date) as lastLog,
                processinstanceid as piid,
                nodeinstanceid as niid,
                nodeid as nid,
                nodetype,
                nodename,
                DATEDIFF(SECOND, min(log_date), max(log_date)) as execution_time
        from
                NodeInstanceLog
        group by
              processinstanceid,
               nodeinstanceid,
              nid
       order by lastLog
)
inner join
     ProcessInstanceLog pil on pil.processInstanceId = piid
group by
     pil.externalId,
     nid,
     nodename
    7. Data Set Creation Wizard を完了し、Test をクリックします。
    8. Save をクリックします。
  2. Business Central で、Menu Design Pages に移動します。
  3. Pages パネルで、New をクリックします。
  4. New Page ダイアログボックスでの Name フィールドに値を入力し、必要なスタイルを選択します。

  5. OK をクリックします。

    Page Editor で新しいページが開き、Heatmaps コンポーネントが Components パネルで利用可能なことを確認できます。

  6. Components パネルで Heatmaps コンポーネントを展開し、All Processes Heatmaps コンポーネントタイプをキャンバスにドラッグします。
  7. Displayer エディター ウィザードで Data タブをクリックして、新たに作成した KIE Server データセットを選択します。
  8. Data タブで、Columns フィールドから、EXTERNALID、PROCESSID、NID、および AVERAGEEXECUTIONTIME を選択します。
  9. Process Selector ボックスで、要件に応じて Container および Process の値を選択します。

  10. Component Editor タブをクリックし、Server Template (必須) フィールドに値を入力します。

    注記

    Server Template の値にアクセスするには、Deploy Execution Servers Server Configurations の順に移動します。

  11. Display タブをクリックし、要件に応じて Chart、Margins、Filter、Refresh、および Columns の値を編集します。

  12. +OK をクリックします。

    図55.3 複数プロセスの heatmap コンポーネントの例

    all processes heatmap components

プロセスダイアグラムの heat 情報が表示されます。

55.5.3. heatmap コンポーネントの実行

テスト目的のみで、Business Central 外で、内部 heatmap コンポーネントをローカルで実行できます。この API は、独自のコンポーネントをビルドするために使用できる外部コンポーネントの作成に使用されます。外部コンポーネントの詳細は、「外部コンポーネント」 を参照してください。

特定の heatmap コンポーネントを実行するには、以下の手順を実施します。

前提条件

  • システムに npm がインストールされている。npm のインストールの詳細は、Downloading and installing Node.js and npm を参照してください。
  • システムに Yarn がインストールされている。Yarn のインストールに関する詳細は、Yarn Installation を参照してください。
  • Appformer リポジトリー をクローンして Business Central 外のコンポーネントを実行している。

手順

  1. appformer/dashbuilder/dashbuilder-shared/dashbuilder-js ディレクトリーに移動します。

  2. dashbuilder-js ディレクトリーでターミナルを開き、以下のコマンドを入力します。 

    yarn run init && yarn run build:fast

    dashbuilder-js/packages ディレクトリーには、以下のコンポーネントが存在することがわかります。

    • processes-heatmaps-component
    • process-heatmap-component
    • logo-component
    • heatmap-component

  3. dashbuilder-js/packages ディレクトリーに移動し、必要な heatmap コンポーネントを開き、ターミナルで以下のコマンドを入力します。 

    yarn run start

  4. コンポーネントにアクセスするには、Web ブラウザーに http://localhost:9001/ と入力します。

    選択したコンポーネントが Web ブラウザーに表示されます。

Red Hat logoGithubRedditYoutubeTwitter

詳細情報

試用、購入および販売

コミュニティー

Red Hat ドキュメントについて

Red Hat をお使いのお客様が、信頼できるコンテンツが含まれている製品やサービスを活用することで、イノベーションを行い、目標を達成できるようにします。 最新の更新を見る.

多様性を受け入れるオープンソースの強化

Red Hat では、コード、ドキュメント、Web プロパティーにおける配慮に欠ける用語の置き換えに取り組んでいます。このような変更は、段階的に実施される予定です。詳細情報: Red Hat ブログ.

会社概要

Red Hat は、企業がコアとなるデータセンターからネットワークエッジに至るまで、各種プラットフォームや環境全体で作業を簡素化できるように、強化されたソリューションを提供しています。

© 2024 Red Hat, Inc.