監視とトラブルシューティング - パート1

この演習では、ダッシュボードを確認し、デモアプリをナビゲートします。

2 minutes

この演習では、以下のタスクを完了します

Browser Application Overview Dashboard の確認

以下の手順に従って、User Experience ダッシュボードに移動し、Browser Application Overview ダッシュボードにドリルインします。

  1. 左メニューの User Experience タブをクリックします。
  2. Web アプリケーション Supercar-Trader-Web-##-### を検索します。
  3. Details をクリックするか、アプリケーション名をダブルクリックします。

BRUM Dash 1

Overview ダッシュボードには、設定可能なウィジェットのセットが表示されます。デフォルトのウィジェットには、アプリケーションパフォーマンスの一般的な高レベル指標を示す複数のグラフとリストが含まれています

ダッシュボードの機能を確認します。

  1. + をクリックして、ダッシュボードに追加するグラフやウィジェットを選択します。
  2. ウィジェットの右下隅をクリックしてドラッグし、サイズを変更します。
  3. ウィジェット内の枠線エリアを選択して、ダッシュボード上で移動・配置します。
  4. ウィジェットのタイトルをクリックして、詳細ダッシュボードにドリルインします。
  5. ウィジェットの右上隅にある X をクリックして、ダッシュボードから削除します。

ダッシュボードのウィジェットレイアウトに加えた変更は自動的に保存されます。

Browser Application Overview ダッシュボードの詳細については、こちら をご覧ください。

BRUM Dash 2

Browser Application Geo Dashboard の確認

Geo Dashboard は、ページロードに基づいて地理的位置ごとの主要なパフォーマンスメトリクスを表示します。ダッシュボード全体に表示されるメトリクスは、マップまたはグリッドで現在選択されているリージョンのものです。マップビューでは、右パネルに表示される主要なタイミングメトリクスに含まれる国のラベル付きロードサークルが表示されます。ただし、一部の国やリージョンはグリッドビューでのみ表示されます。

Browser Application Geo ダッシュボードに移動し、以下に説明するダッシュボードの機能を確認します。

  1. Geo Dashboard オプションをクリックします。
  2. ロードサークルの1つをクリックして、リージョンにドリルダウンします。
  3. リージョンの1つにカーソルを合わせて、リージョンの詳細を表示します。
  4. ズームスライダーを使用して、ズームレベルを調整します。
  5. Configuration をクリックして、マップオプションを確認します。
  6. グリッドビューとマップビューを切り替えます。

Browser Application Geo ダッシュボードの詳細については、こちら をご覧ください。

BRUM Dash 3

Browser Application Usage Stats Dashboard の確認

Usage Stats ダッシュボードは、ユーザーのブラウザタイプとデバイス/プラットフォームに基づいた集約されたページロード使用データを表示します。

Browser Application Usage Stats ダッシュボードでは、以下を確認できます

Browser Application Usage Stats ダッシュボードに移動し、以下に説明するダッシュボードの機能を確認します。

  1. Usage Stats オプションをクリックします。
  2. Show Versions オプションをクリックします。
  3. 負荷別のブラウザとバージョンを確認します。
  4. 円グラフのセクションにカーソルを合わせて、詳細を表示します。

BRUM Dash 4

以下の手順で、ブラウザとバージョン別のメトリクスをさらに確認します。

  1. 右側のスクロールバーを使用して、ページの下部までスクロールします。
  2. ブラウザとバージョン別の利用可能なメトリクスを確認します。
  3. 国別の利用可能なメトリクスを確認します。

BRUM Dash 5

Devices ダッシュボードに移動し、以下に説明するダッシュボードの機能を確認します。

  1. Devices オプションをクリックします。
  2. デバイス別の負荷の内訳を確認します。
  3. 円グラフのセクションにカーソルを合わせて、詳細を表示します。
  4. デバイス別の利用可能なパフォーマンスメトリクスを確認します。

Browser Application Usage Stats ダッシュボードの詳細については、こちら をご覧ください。

BRUM Dash 6

Supercar-Trader アプリケーションの Web ページのナビゲーション

Browser Real User Monitoring エージェントの設定と最初の一連の機能の確認が完了したので、Supercar-Trader アプリケーションの Web ページをナビゲートして、追加の負荷を生成し、一意のブラウザセッションを記録しましょう。

Web ブラウザでアプリのメインページを開きます。以下の URL 例では、Application VM の IP アドレスまたは完全修飾ドメイン名に置き換えてください。

bash
http://[application-vm-ip-address]:8080/Supercar-Trader/home.do

アプリケーションのホームページが表示されます。

App Page 1

利用可能な Ferrari の一覧を開きます。

  1. トップメニューの Supercars タブをクリックします。
  2. Ferrari のロゴをクリックします。

App Page 2

Ferrari の一覧が表示されます。

App Page 3

最初の Ferrari の画像をクリックします。

  1. View Enquiries をクリックします。
  2. Enquire をクリックします。

App Page 4

車に関する問い合わせを送信します。

  1. 問い合わせフォームのフィールドに適切なデータを入力します。
  2. Submit をクリックします。

App Page 5

車を検索し、サイトのブラウジングを続けます。

  1. トップメニューの Search タブをクリックします。
  2. 検索ボックスに A と入力し、Search をクリックします。
  3. 残りのタブをクリックして、Web サイトを確認します。

App Page 6