モデル駆動型アプリの対話型エクスペリエンス ダッシュボードの作成と構成

対話型エクスペリエンス ダッシュボードは、サービス担当者などのアプリ ユーザーがワークロード情報を確認しアクションを実行するための 総合的なワークプレース として機能します。 それらは完全に構成可能であり、セキュリティ ロールベースで、リアルタイム で複数のストリームにわたるワークロード情報を提供します。 対話型ダッシュボードのユーザーは、アプリケーション内で特定の行を探してページを移動する必要がなく、ダッシュボードから直接操作できます。

対話型エクスペリエンス ダッシュボードには、マルチストリームと単一ストリームの 2 つの形式があります。 また、マルチストリーム ダッシュボードはホーム ページまたはテーブル固有のダッシュボードの場合があります。 テーブル固有のダッシュボードは、ユーザー インターフェイスの別の部分で構成され、その一部はテーブル固有の構成情報と共にプリロードされます。

• マルチストリーム ダッシュボード。 マルチストリーム ダッシュボードには、複数のデータ ストリームにわたってリアルタイムでデータが表示されます。 ダッシュボードで構成できるストリームの数に制限はありません。 ストリーム内のデータは 1 つのテーブルにのみ基づくことができますが、各ストリームは別のテーブルに基づくことができます。
• 単一ストリームダッシュボード テーブル固有のダッシュボードでは、すべてのストリームは同じテーブルに基づきます。 データは、 マイ アクティビティ、 マイ ケース、銀行キュー内のケースなど、さまざまなビューまたは キューから流れます。

単一ストリーム ダッシュボードには、テーブル ビューまたはキューに基づいて、1つのストリーム上にリアルタイムのデータを表示します。 タイルはダッシュボードの右側に配置され、常に表示されます。 シングルストリームダッシュボードは通常、レベル2のサービスリードまたはマネージャーにとって役立ちます。これにより、少数のより複雑またはエスカレーションされたケースを監視します。

ダッシュボードのグラフ

マルチストリーム ダッシュボードと単一ストリーム ダッシュボードには、重要度別サポート案件や状態別サポート案件など、関連する行の数を示す対話型グラフが含まれています。 これらのグラフは、ビジュアル フィルターとしても機能します。 ビジュアル フィルター (対話型グラフ) は複数のテーブルに基づいており、単一ストリームのダッシュボードでは、データストリーム内のテーブルがビジュアル フィルターのテーブルを定義しています。

ユーザーは、global filter と timeframe フィルターを使用して追加のフィルターを適用することができます。 グローバル フィルターは列レベルですべてのグラフで動作し、フィルター テーブルに基づくストリームやタイルに対しても動作します (フィルター エンティティはビジュアル フィルターの構成時に指定します)。

この記事の図には、ヘッダー領域を持つマルチストリームと単一ストリーム ダッシュボードが示されています。 ヘッダーの下には、ビジュアル フィルターとストリームが表示されます。 単一ストリーム ダッシュボードにも、タイルが表示されます。 ダッシュボードの種類ごとに、表示される複数の異なるレイアウトから選択できます。 ダッシュボードのヘッダーには、コントロールおよび選択可能なアイコンである、ダッシュボード ピッカー、リフレッシュ、ビジュアル フィルター アイコン、グローバル フィルター アイコン、概算時間フィルターが、左から右に向かって配列されています。

ダッシュボードのレイアウト

• マルチストリーム ダッシュボードの標準ビュー。 マルチストリーム ダッシュボードでは、ビジュアル フィルターの行が上部に、データ ストリームがその下に表示されます。
  

• マルチストリーム ダッシュボード タイル ビュー。 タイル ビューのみの、同じダッシュボードです。
  

• マルチストリーム ダッシュボードレイアウト。 マルチストリーム ダッシュボードの場合は、4 つの異なるレイアウトから選択できます。

  

• 複数ストリームに対応したテーブル専用のダッシュボード。 ケース テーブルのテーブル固有となるダッシュボードがここに表示されます。
  

• 一元化ダッシュボード。 単一ストリーム ダッシュボードには、左側にデータ ストリーム、右側にビジュアル フィルターとタイルが含まれます。
  

• 単一ストリーム ダッシュボードのレイアウト。 単一ストリーム ダッシュボードに対して 4 つの異なるレイアウトを選択できます。

  

対話型ダッシュボードのフィルター列とセキュリティ ロールを構成する

対話型ダッシュボードを構成する場合、最初のタスクでフィルター列とセキュリティ ロールを有効化して、対話型ダッシュボードを構成できるようにします。 既定では、すべてのテーブルおよびカスタム テーブルに対して対話型ダッシュボードが使用可能になっています。

フィルター列の構成

グローバル フィルターに列を表示し、データ ストリームの並べ替えに含めるために、次の 2 つのフラグを必ず設定します。

• 対話型エクスペリエンスでグローバル フィルターに表示する。
• 対話型エクスペリエンス ダッシュボードで並べ替え可能。

この例では、 IsEscalated フィールドの Case テーブルでは 2 つの対話型ダッシュボード オプションの使用が可能となっています。

「対話型エクスペリエンスのグローバルフィルタに表示する」オプションを構成する

1. Power Apps にサインインします。
2. 左側のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
3. 任意のソリューションを選択してから、ツール バーでクラシックに切り替えるを選択します。
4. コンポーネント 配下の エンティティ (実際はテーブルです) を展開してから、特定のテーブルを展開します。
5. ナビゲーション ペインで、フィールドを選択し、グリッド内で必須の列やデータ フィールドをダブルクリックします。
6. 全般タブで、対話型エクスペリエンスでグローバル フィルターに表示チェック ボックスをオンします。 保存して閉じる を選択します。
7. すべてのカスタマイズの公開を選択して変更を反映します。

対話型エクスペリエンスでグローバルフィルタに表示 を有効化した列は、ダッシュボードのヘッダーでグローバル フィルター アイコンを選択すると、グローバル フィルター ポップアップ ウィンドウに表示されます。 拡張ウィンドウでは、サービス担当者が、フィルターテーブルに基づいてグローバルにフィルターするための列を選択できるほか、グラフやストリーム、タイルにおいても選択することができます。

グローバル フィルター ポップアップ ウィンドウを次に示します。

対話型体験ダッシュボードでソート可能なオプションを構成する

1. Power Apps にサインインします。
2. 左側のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
3. 任意のソリューションを選択してから、ツール バーでクラシックに切り替えるを選択します。
4. [ コンポーネント] で、 エンティティ (テーブルとも呼ばれます) を展開し、特定のテーブルを展開します。
5. ナビゲーション ペインで 列 を選択し、グリッド内で並べ替えが必要な列をダブルクリックします。
6. 全般タブで、対話型エクスペリエンス ダッシュボードで並べ替え可能チェック ボックスをオンします。 保存して閉じる を選択します。
7. すべてのカスタマイズの公開を選択して変更を反映します。

並べ替えのために構成した列は、ストリーム ヘッダーのドロップダウン リストに表示されます。

次のスクリーンショットは、ドロップダウン リストで並べ替えに使用できる列の一覧を含むポップアップ ダイアログを示しています。 既定の並べ替えは、常に修正日列に設定されています。

セキュリティ ロールを有効にする

対話型ダッシュボードを表示できるセキュリティ ロールを選択して有効にします。

対話型ダッシュボードのセキュリティ ロールを有効化する

1. Power Apps にサインインします。

2. 左側のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

3. 必要なソリューションを開きます。

4. ダッシュボードを選択してから、ツールバーで セキュリティ ロールの有効化 を選択します。 このアクションにより、クラシック インターフェイスを含む新しいタブが開きます。

   

5. [ セキュリティ ロールの割り当て ] ダイアログで、[ 選択したセキュリティ ロールのみに表示する ] オプションを選択し、有効にするロールを選択します。 OK を選択します。

   

6. 変更を反映するには 公開 を選択します。

対話型エクスペリエンス ダッシュボードの作成

次のセクションでは、さまざまな種類の対話型ダッシュボードを作成し、構成する方法について説明します。

4 列レイアウトを使用してマルチストリーム対話型ダッシュボードを構成する

1. Power Apps にサインインします。

2. アンマネージド ソリューションを持つ 環境 を選択します。

3. 左側のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

4. 任意のソリューションを選択してから、ツール バーでクラシックに切り替えるを選択します。

5. 左側のナビゲーション ウィンドウで、ダッシュボードを選択します。ツールバーで 新規 を選択し、続いて対話型エクスペリエンス ダッシュボード を選択します。

   

6. レイアウト (2、3、または 4 列の幅) を選択します。

7. ダッシュボード フォームが開いたら、次に示すように、フォームの上部にあるフィルター情報を入力します。

   

   • フィルター テーブル: ビジュアル フィルター属性とグローバル フィルター属性はこのテーブルに基づきます。
   • テーブル ビュー: ビジュアル フィルターはこのビューに基づきます。
   • フィルター : 概算時間フィルターが適用されるテーブルです。
   • タイムフレーム: フィルター 列の既定のタイムフレームフィルター値。

フィルター情報を指定したら、グラフとデータ ストリーム用のコンポーネントの追加を開始します。 コンポーネントを追加するには、グラフまたはストリームの中心の要素を選択し、ダイアログが表示されたら、これらの図に示すように、必要な情報をドロップダウンから選択します。

[優先順位別のケース] ドーナツ グラフを追加します。

棒グラフや円グラフなど、システムに格納されているデータを示す一部のグラフがレンダリングされます。 ドーナツ グラフとタグ グラフは静的イメージとして読み込まれますが、実際のデータのプレビューは表示されません。

次に、ストリームを構成します。 グラフにコンポーネントを追加する場合と同様に、ストリーム パネル内の要素を選択します。 ダイアログが表示されたら、ストリームで使用する要素に応じて、ビューまたはキューを選択します。 次の図に示すとおりに、必要な情報を入力します。

ここに示されているように、作業可能なアイテムのストリームを構成します。

次の図は、設定が完了したチャート パネル と ストリーム パネルの例です:

ダッシュボードの構成が完了したら、構成を保存し、変更を有効にするためにカスタマイズを公開します。

既存のダッシュボードの個々のストリームを編集または削除する

1. Power Apps にサインインします。
2. 左側のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
3. 目的のソリューションを開き、対話型ダッシュボードを開きます。
4. 編集するストリームを選択し、次に[コンポーネントの編集]を選択します。
5. ストリームにビューまたはキューを追加するかどうかに応じて、ストリームのビューまたはキューの詳細を選択し、[ 設定] を選択します。
6. 保存 を選択します。

また、ダッシュボードから個々のストリームを削除することもできます。 そのためには、ストリームを選択してから、ツールバーで 削除 を選択します。

テーブル固有のダッシュボードを作成する

テーブル固有のダッシュボードはマルチストリーム ダッシュボードです。 このダッシュボードの構成はホーム ページ マルチストリーム ダッシュボードの構成に似ていますが、UI の別の場所で行い、その他の小さな相違点もあります。

たとえばテーブルを選択する代わりに、テーブル固有のダッシュボードの一部の列が、ダッシュボードに関連するテーブルに事前設定されています。

1. Power Apps にサインインします。
2. 左側のナビゲーション ウィンドウで、テーブルを選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
3. 任意のテーブルを開きます。
4. ダッシュボード 領域を選択してから、ツールバーで ダッシュボードの追加 を選択します。
5. レイアウト (2、3、または 4 列の幅) を選択します。
6. ダッシュボード フォームが開くと、 フィルター テーブル は、ダッシュボードに関連付けられているテーブルに事前設定されます。 テーブル ビュー ドロップダウン リストには、テーブルに使用できるビューが含まれています。 ビューを選択し、ページの残りの必要な情報を入力します。

セットアップの残りの部分は、前のセクションで説明したホーム ページ マルチストリーム ダッシュボードのセットアップと非常に似ています。

シングルストリーム ダッシュボードを構成する

シングルストリーム ダッシュボードの構成は、マルチストリーム ダッシュボードと似ています。 すべての UI ナビゲーション手順は、マルチストリーム ダッシュボードの場合と同じです。 タイルを含むレイアウトや、タイルが含まれていないレイアウトを選択することができます。 タイルが含まれている場合は、ダッシュボードで常に表示されます。 タイルを構成するには、タイルの中央にあるアイコンを選択します。 タイルの追加ウィンドウが開いたら、必要なデータを入力します。 次の図は、タイルのセットアップの例です。

ダッシュボードの色を構成する

特定の列の値に対するグラフとストリームに表示する色を構成できます。 たとえば、優先度の高いケースは赤、中の優先順位のケースは青、優先順位の低いケースは対話型グラフでは緑色で表示できます。 ストリームには、作業項目の説明の隣にカラーの垂直の細い線があります。

1. Power Apps にサインインします。
2. アンマネージド ソリューションを持つ 環境 を選択します。
3. 左のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
4. 任意のソリューションを選択してから、ツール バーでクラシックに切り替えるを選択します。
5. コンポーネント 配下の テーブル を展開し、必要なテーブルを展開します。 テーブルが表示されない場合は 既存を追加する を選択し、追加します。
6. ナビゲーション ペインで 列 を選択します。 グリッドで関連する列をダブルクリックします。
7. 全般タブの、種類サブ領域で、はいを選択してから編集を選択します。
8. [ リスト値の変更 ] ダイアログが表示されたら、[ 色 ] テキスト ボックスに新しい値を設定します。 OK を選択します。
9. 保存して閉じる を選択します。
10. 変更を反映するには 公開 を選択します。

次の例では、IsEscalated 列の色が変更されています。 [編集] ボタンを使用して、[リスト値の変更] ダイアログ ボックスを開きます。

リストの値の修正ダイアログ ボックスが開いたら、ここに示す #800000 などの16進数のカラーコードを入力してください。

同様に、優先度 列を使用してサポート案件の優先度のオプションの色を変更する場合は、こちらに示すように、概要タブのオプションサブ領域で色を選択します。

次のステップ

グラフまたはリストのプロパティの設定