ユーザーインターフェースを調べる

学習の目的

この単元を完了すると、次のことができるようになります。

• ユーザーコックピットで訪問や同期状況を確認する。
  
• 店舗コックピットで店舗の 360° ビューや訪問関連情報にアクセスする。
  

ユーザーコックピットとは

前の単元で、Chantelle はオフラインモバイルアプリケーションを自分のモバイルデバイスにインストールしました。この単元では、ユーザーコックピットと小売店コックピットという 2 つのコックピットを中心とした UI について学びます。 

最初に押さえておくべきポイントから説明します。Chantelle がインストールしたアプリケーションにログオンすると、自動同期が開始されます。同期が完了すると、デフォルトのランディングページであるユーザーコックピットが開きます。ユーザーコックピットは「Your Day」とも呼ばれ、すべての情報に一箇所でアクセスできる場所です。Chantelle はこのコックピットで、訪問や同期の状況に関する情報を確認できます。

ユーザーコックピットは、情報を以下のカードで整理します。

• Summary (概要): フィールド営業担当の写真またはアバター、名前、挨拶分、曜日、日付、進行中の訪問数などのユーザー情報が表示されます。矢印をタップすると、表示されている日付を変更できます。選択した日付によって、進行中の訪問数が変わります。日付を現在の日付に設定するには、[Today (今日)] をタップします。
  
• Visits for today (今日の訪問): [Summary (概要)] カードで選択した日に予定されている訪問のリストが表示されます。リストには、予定されている訪問と進行中の訪問のみが表示されます。このカードから、訪問の実行、完了、再スケジュール、訪問の詳細表示、店舗への移動が行えます。毎週の訪問を見るには、カードの [SHOW VISIT CALENDAR (訪問カレンダーを表示)] をタップします。
  
• Sync Status (同期状況): 前回データをダウンロードした日時、アップロードした日時、データの詳細などの同期状況情報が表示されます。このカードから同期を開始するには、をタップします。フィールド営業担当は、オブジェクトの同期状況を見ることもできます。
  
• Map (地図): 現在の訪問の地図を表示します。次の訪問までのルートを見るには、[Navigate (移動)] をタップします。その日に予定されているすべての訪問のリストを表示するには、[DAILY VIEW (日時ビュー)] をタップします。
  

カレンダーでの訪問の確認

Chantelle はその週の訪問リストを見たいと考えています。[Visits for today (今日の訪問)] カードの [SHOW VISIT CALENDAR (訪問カレンダーを表示)] をタップして [Visit Calendar (訪問カレンダー)] ページに移動します。 

デフォルトでは、[Visit Calendar (訪問カレンダー)] ページには週次ビューが表示されます。システム管理者は、[User Settings (ユーザー設定)] で、7 日間の 1 週間表示または 5 日間の平日表示のいずれかに設定できます。 

Chantelle は、[Visit Calendar (訪問カレンダー)] ページに多くの機能があることに驚いています。以下の操作が行えます。

• 別の日付 (週) を選択するには、  をタップします。
  
• では:
  

• [All Visits (すべての訪問)] をタップすると、その週に予定されている訪問が表示されます。
  
• [Only open visits (進行中の訪問のみ)] をタップすると、進行中またはまだ開始されていない訪問が表示されます。
  
• [Daily View (日時ビュー)] をタップすると、その日に予定されている訪問が表示されます。日時ビューを選択すると、最適化されたルートと計画された訪問時刻に基づいて訪問の順序が決定されます。
  

• 訪問をタップすると、以下が行えます。
  

• 訪問を完了する。
  
• 訪問を再スケジュールする。
  
• 訪問を実行する。実行をタップすると、小売店コックピット (詳細は後述) に移動します。
  
• 店舗に移動する。
  
• 訪問の詳細を表示する。
  

• 訪問を別の日付や時間にドラッグすると、訪問を再スケジュールできます。
  

日次訪問ルートを計画する

次に、Chantelle は毎日の訪問ルートを地図上で確認したいと考えました。[Map (地図)] カードの [DAILY VIEW (日時ビュー)] をタップして [DAILY VIEW (日時ビュー)] ページに移動します。

その日の訪問先は左ペインにリスト表示され、地図上でもマークされます。

このページでは、交通情報や 2 つの店舗間の推奨ルートに加えて、日々のルート全体を地図上で確認できます。また、訪問を延期したり、実行したりすることもできます。 

小売店コックピットとは

次に Chantelle は小売店コックピットを調べます。ここでは、店舗の 360°ビューを見たり、店舗内のライブレポートで訪問関連の情報を取得したり、すべての訪問 ToDo に 1 か所でアクセスしたりできます。 

小売店コックピットに移動するため、Chantelle はユーザーコックピットの [Visits for today (今日の訪問)] カードに表示されている訪問をタップします。

小売店コックピットページには、以下のカードがあります。

• Retail Store Info (小売店情報): 顧客の優先度に基づき、店舗の名前、住所、店舗画像、バッジなどの店舗情報が表示されます。カードには、店長の画像や電話番号など、店舗の連絡先情報も表示されます。
  

• 電話アイコンをタップすると、店長の電話に発信できます。
  
• 店長にメールを送信するには、[SEND EMAIL (メールを送信)] をタップします。
  
• 詳細な店舗情報を表示するには、[SHOW DETAILS (詳細を表示)] をタップします。
  

• Visit Details (訪問の詳細): 訪問期間、訪問予定時間、実際の開始時間、優先度、訪問の状況などの詳細が表示されます。
  

• 訪問情報を編集するには、[EDIT (編集)] をタップします。
  

• Task (ToDo): 訪問に割り当てられている進行中の ToDo が表示されます。このアプリケーションは、在庫確認やその他のカスタム ToDo をサポートしています。
  

たとえば、小売店コックピットページで訪問を開始または終了し、さまざまな訪問 ToDo 用の写真を撮ることができます。Chantelle は、アプリケーションを実際に使用して訪問の詳細を記録することを楽しみにしています。その様子は次の単元で見ていきましょう。 

リソース

• Salesforce ヘルプ: Consumer Goods Cloud オフラインモバイルアプリケーションの理解