Skip to main content

BAのConstellationでのビューの作成

6 タスク

40 分

Visible to: All users
初級 Pega Platform '23 データ統合 日本語

シナリオ

ユーザーがGoGoRoadアプリケーションを操作するには、ユーザーインターフェイス(UI)を作成する必要があります。 アプリケーション開発とメンテナンスの両方でConstellationの利点に着目しているあなたは、Pega BAとして、Constellationアーキテクチャを使用したGoGoRoadアプリケーションのUI構築を提案しています。 

ユーザーストーリー

GoGoRoadのCSRとして、リクエストされたサービスのタイプをドロップダウンリストから選択することで、問題をすばやく特定し、サービスプロバイダーにその情報を提供できるようにしたいと考えています。

GoGoRoadのCSRとして、顧客のドロップダウンリストからアシスタンスリクエストを行う顧客を選択することで、顧客に関して保存されているすべての情報にすばやくアクセスできるようにしたいと考えています。

GoGoRoadのCSRとして、サービスリクエストに関連付けられた住所を入力することで、サービスプロバイダーを正しい場所に派遣できるようにしたいと考えています。 

GoGoRoadのCSRとして、サービスを必要とする車両に関連付けられた情報を入力することで、サービスプロバイダーにその情報を提供できるようにしたいと考えています。

GoGoRoadのCSRとして、顧客の支払い方法に関連付けられた情報を入力することで、提供したサービスの対価がGoGoRoadとサービスプロバイダーに必ず支払われるようにしたいと考えています。

GoGoRoadのCSRとして、Assistance Requestインスタンスに提供されたサービスを選択することで、顧客に正しく請求できるようにしたいと考えています。

システムアーキテクトが文書化したテクニカルノート

  • Identify issueビューには、Picklist Field Type「Service type」という名前の新しいフィールドが含まれています。 Service typeフィールドは必須です
  • Identify customerビューには、Customer (AR)データリレーションシップを参照するドロップダウンリストが含まれています。
  • Identify locationビューには、Service address (AR)Embedded Dataデータリレーションシップが含まれています。
  • Identify vehicleビューには、Vehicle informationデータオブジェクトを単一レコードのEmbedded Dataリレーションシップとして参照する「Vehicle information (AR)」という新しいフィールドが含まれています。
  • Enter payment informationビューには、Payment informationデータオブジェクトを単一レコードのEmbedded Dataリレーションシップとして参照する「Payment information (AR)」という新しいフィールドが含まれています。
  • Select services performedビューには、Selected serviceデータオブジェクトを複数レコードのEmbedded Dataリレーションシップとして参照する「Selected services (AR)」という新しいフィールドが含まれています。
  • Select services performedビューには、ビューで選択されたすべてのサービス合計が表示される、「Total of services」という、以前に作成された計算フィールドが含まれています。

以下の表は、チャレンジに必要なログイン情報をまとめたものです。

ロール ユーザー名 パスワード
ビジネスアーキテクト author@gogoroad pega123!

このチャレンジを完了するには、Pegaインスタンスを起動する必要があります。

起動には5分ほどかかることがありますので、しばらくお待ちください。

チャレンジ ウォークスルー

詳細なタスク

1 Identify issueビューを設定する

  1. チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
    1. User nameフィールドに「author@gogoroad」と入力します。
    2. Passwordフィールドに「pega123!」と入力します。
  2. App Studioのナビゲーションパネルで、「Case Types > Assistance Request」をクリックして、Assistance Requestケースタイプにアクセスします。
  3. Assistance RequestケースライフサイクルのCreateステージで、Identify issue ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  4. Edit View: Identify issueウィンドウのFieldsセクションで、「Add」>「Fields」>「Create new field」をクリックします。
    Adding new fields to the Identify issue View.
  5. Add fieldダイアログボックスのNameフィールドに、「Service type」と入力します。
  6. Typeフィールドで、システムがデフォルトでPicklistになっていることを確認します。
  7. Service typePicklistの最初の選択肢に、「Vehicle has a flat tire」と入力します。
  8. 「Add choice」をクリックします。
  9. 手順7~8を繰り返して、残りの選択肢を追加します。
    • Vehicle has a dead battery
    • Vehicle is locked
    • Vehicle is out of gas
    The completed Service type field.
  10. 「Submit」をクリックします。
  11. Edit View: Identify issueウィンドウで、Service typeフィールドの右側にあるConfigure アイコンをクリックします。 
  12. Configure field: Service typeウィンドウのConditionsセクションのRequiredフィールドで、「Always」を選択します。
  13. 「Save」をクリックしてダイアログボックスを閉じます。
  14. 「Submit」をクリックしてIdentify issueビューを保存します。
    The Identify issue View

2 Identify customerビューを設定する

  1. Assistance Requestケースライフサイクルで、Identify customer ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  2. Edit View: Identify customerウィンドウのFieldsセクションで、「Add」>「Fields」をクリックします。
  3. Fields リストで、「Customer (AR)」を選択し、「Add」を選択します。
    Adding the Customer (AR) field to the Identify customer View.
  4. Edit View: Identify customerウィンドウのFieldsセクションで、「Customer (AR)」をクリックします。
  5. Edit field: Customer (AR)ダイアログボックスで、以下を入力します。
    • Data pageフィールドが次の値であることを確認します: List Customer
    • Modeフィールドが次の値であることを確認します: Single-select
    • Display as, フィールドで、「Dropdown」を選択します。
    • Display fieldフィールドが「Account ID」であることを確認します。
  6. 「Back」をクリックして、Edit field: Customer (AR)ウィンドウを閉じます。
    Highlighting the Back button of the Customer AR Edit window
  7.  Edit View: Identify customerウィンドウで、「Add > Fields」をクリックします。 
  8. Fieldsダイアログボックスで、Customer (AR)フィールドを展開します。
    Highlighting the arrow to the right of the Customer (AR) field.
  9. Customer (AR)ダイアログボックスで、「Fields」をクリックします。
  10. 利用可能なCustomer (AR)フィールドのリストで「Coverage level」、「Customer email」、「Enrollment」、および「Full name」をクリックし、「Add」をクリックします。
  11. Coverage levelフィールドの右側のConfigureアイコンをクリックします。
  12. Configure field: Coverage level (CustomerAR)ダイアログボックスのEdit modeフィールドで、Read-onlyを選択して「Save」をクリックします。
  13. 手順11~12を繰り返して、Customer emailEnrollment、およびFull nameフィールドを読み取り専用に設定します。
  14. Drag handle を使用して、読み取り専用フィールドを、Full nameCustomer emailEnrollment、およびCoverage levelとして並べ替えます。
    The completed Identify customer View
  15. Customer (AR) フィールドの右側の設定アイコンをクリックします。
  16. Configure field: Customerダイアログボックスで、Field label「Customer」に更新します。
  17. ConditionsセクションのRequiredフィールドで、「Always」を選択します。
  18. 「Save」をクリックします。
    Configuration for the Customer field
  19. 「Submit」をクリックしてIdentify customerビューを保存します。
    The completed Identify customer View

3 Identify locationビューを設定する

  1. Assistance Requestケースライフサイクルで、Identify location ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  2. Edit View: Identify customerウィンドウのFieldsセクションで、「Add」>「Fields」をクリックします。
  3. フィールドのリストで、「Service address (AR)」を選択し、「Add」をクリックします。
  4. Edit View: Identify customerウィンドウの「Service address (AR) (Service address) 」をクリックします。
  5. Edit View: Service address (AR)ウィンドウの「Fields」セクションで、RemoveアイコンをクリックしてPrimary fieldsビューを削除します。
  6. Fieldsセクションで、「Add > Fields」をクリックします。
  7. フィールドのリストで「City」、「State, 」、および「Street」をクリックし、「Add」をクリックします。
  8. Drag handleを使用して、フィールドを、StreetCity、およびStateとして並べ替えます。 
    The completed Service address View
  9. 「Back」をクリックして、Edit view: Identify locationウィンドウに戻ります。
  10. Service address (AR) (Service address)フィールドの右側の設定アイコンをクリックします。
  11. Field labelフィールドを更新し、「Service address (AR)」と入力します。
  12. 「Save」をクリックします。
  13. 「Submit」をクリックしてIdentify locationビューを保存します。
    The completed Identify location View

4 Identify vehicleビューを設定する

  1. Assistance Requestケースライフサイクルで、Identify vehicle ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  2. Edit View: Identify vehicleウィンドウのFieldsセクションで、「Add」>「Fields」>「Create new field」をクリックします。
  3. Add fieldウィンドウのNameフィールドに、 Vehicle information (AR)」と入力します。
  4. Typeフィールドで、「Embedded Data」を選択します。
  5. Data objectフィールドで、「Vehicle information」を選択します。
  6. Optionsフィールドで、「Single Record」を選択します。
  7. Submit」をクリックして、Vehicle information (AR)データリレーションシップを作成します。
    The Vehicle information data relationship
  8. Edit View: Identify vehicleウィンドウの「Vehicle information (AR) (Vehicle information)」をクリックします。
  9. Fieldsセクションで、RemoveアイコンをクリックしてPrimary fieldsビューを削除し、「Add > Fields」をクリックします。
  10. フィールドのリストで「Color」、「Make, Model」、および「Model year」をクリックし、「Add」をクリックします。
  11. ModelフィールドとModel yearフィールドの間のColorフィールドをドラッグします。
    The fields associated with the Vehicle information data relationship in the Vehicle information view
  12. Back」をクリックして、Edit View: Identify vehicleウィンドウに戻ります。
  13. Vehicle information (AR) (Vehicle information)フィールドの右側の設定アイコンをクリックします。
  14. Field label「Vehicle information」に更新します。
  15. 「Save」をクリックします。
  16. 「Submit」をクリックしてIdentify vehicleビューを保存します。
    The completed Identify vehicle View

5 Enter payment informationビューを設定する

  1. Assistance Requestケースライフサイクルで、Enter payment information ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  2. Edit View: Enter payment informationウィンドウのFieldsセクションで、「Add」>「Fields」>「Create new field」をクリックします。
  3. NameダイアログボックスのAdd fieldに、「Payment information (AR)」と入力します。
  4. Typeフィールドで、「Embedded Data」を選択します。
  5. Data objectフィールドで、Payment informationを選択します。
  6. Optionsフィールドで、「Single Record」を選択します。
  7. 「Submit」をクリックして、Payment information (AR)データリレーションシップを作成します。
    The Payment information (AR) data relationship.
  8. Edit View: Enter payment informationウィンドウの「Payment information (AR) (Payment information)」をクリックします。
  9. Fieldsセクションで、RemoveアイコンをクリックしてPrimary fieldsビューを削除し、「Add > Fields」をクリックします。
  10. フィールドのリストで「Card number」、「Card type」、および「Expiration date」をクリックし、「Add」をクリックします。
  11. Drag handleを使用して、フィールドを、Card typeCard number、およびExpiration dateとして並べ替えます。 
    The Payment information (AR) View
  12. 「Back」をクリックして、Edit view: Enter payment informationウィンドウに戻ります。
  13. Payment information (AR) (Payment information)フィールドの右側の設定アイコンをクリックします。
  14. Configure field: Payment information (AR)ダイアログボックスで、Field label「Payment information」に更新します。
  15. 「Save」をクリックします。
  16. 「Submit」をクリックして、Enter payment informationビューを保存します。
    The completed Enter payment information View

6 Select services performedビューを設定する

  1. Assistance Requestケースライフサイクルで、Select services performed ステップをクリックし、右のコンテキスチャルプロパティパネルで「Configure view」をクリックします。
  2. Edit View: Select services performedウィンドウのFieldsセクションで、「Add」>「Fields」をクリックします。
  3. フィールドのリストで「Selected services (AR)」を選択し、「Add」をクリックします。
  4. Edit View: Select services performedウィンドウで、次をクリックします: Selected services (AR).
  5. Edit field: Selected services (AR)ウィンドウのDisplay as フィールドで、「Field Group」を選択します。
  6. Select View item フィールドで、「Selected service view」を選択します。
  7. Item label フィールドに、「Selected service」と入力します。
    The Selected Services (AR) View configuration.
  8. Back」をクリックして、Edit View: Select services performedウィンドウに戻ります。
  9. Selected Services (AR)フィールドの右側の設定アイコンをクリックします。
  10. Configure field: Selected services (AR)ダイアログボックスで、Field labelを更新するために、「Selected services」と入力します。
  11. 「Save」をクリックします。
  12. Edit View: Select services performedウィンドウで、Add > Fields > Total of services > Addをクリックします。
  13. Total of servicesフィールドの右側のConfigureアイコンをクリックします。
  14. Edit modeフィールドで「Read-only」を選択し、「Save」をクリックします。
  15. 「Submit」をクリックしてSelect services performedビューを保存します。
    The completed Selected services View
  16. 「Save」をクリックして、作業を保存します。

作業の確認

  1. Assistance Requestケースタイプで、「Preview」をクリックしてウェブポータルウィンドウを開きます。
  2. ウェブポータルウィンドウのナビゲーションパネルで、「Create > Assistance Request」をクリックして、Assistance Requestケースタイプの新しいインスタンスを作成します。
    Creating an Assistance Request Case in the Web portal.
  3. Identify issueステップで「Service type」を選択し、「Next」をクリックします。
    The Identify issue View in the Web portal
  4. Identify customerステップで「Customer」(例:[email protected])を選択し、「Next」をクリックします。
    The Identify customer View in the Web portal
  5. Identify locationステップで、住所を入力し、「Next」をクリックします。
    The Identify location View in the Web Portal
  6. Identify vehicleステップで、車両情報を入力して「Submit」をクリックします。
    The Identify vehicle View in the Web portal
  7. Enter payment informationステップで、支払い情報を入力して「Submit」をクリックします。
    The Enter payment information View in the Web portal
  8. Select services performedステップで、Service リストからサービスを選択し、Quantity フィールドに値を入力します。
  9. Total of servicesセクションに値が表示されることを確認します。
    The Selected services Step in the Web Portal

このチャレンジは、下記のモジュールで学習したことを実践するための内容です。


このモジュールは、下記のミッションにも含まれています。

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

このコンテンツは役に立ちましたか?

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice