Skip to main content

チャレンジ

BAのConstellationでのビューの作成

BAのConstellationでのビューの作成

6 タスク

40 分

 表示の対象：All users Applies to: Pega Platform '24.2
初級
データ統合
日本語

シナリオ

ユーザーがGoGoRoadアプリケーションを操作するには、ユーザーインターフェイス（UI）を作成する必要があります。アプリケーション開発とメンテナンスの両方でCons 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 Platform '23で録画されました。このビデオとチャレンジ内容の間で手順や画像に多少の違いが見られるかもしれません。

このチャレンジを完了するには、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)ダイアログボックスで、以下を入力します。
    • Modeフィールドが「Single-select」であることを確認します。
    • Display as, フィールドで、「Dropdown」を選択します。
    • Data pageフィールドが「List Customer」であることを確認します。
    • Display fieldフィールドが「Account ID」であることを確認します。
  6. 「Back」をクリックして、Edit field: Customer (AR)ウィンドウを閉じます。
    Highlighting the back button of the Customer(AR) configuration 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 email、Enrollment、およびFull nameフィールドを読み取り専用に設定します。
  14. Drag handle を使用して、読み取り専用フィールドを、Full name、Customer email、Enrollment、およびCoverage levelとして並べ替えます。
    The completed Identify customer View
  15. Customer (AR) フィールドの右側の設定アイコンをクリックします。
  16. Configure field: CustomerダイアログボックスのField label fieldで、「Custom」を選択します。
  17. Custom field labelフィールドに、「Customer」と入力します。
  18. ConditionsセクションのRequiredフィールドで、 「Always」を選択します。
  19. 「Save」をクリックします。
    Configure for the Customer AR dropdown field
  20. 「Submit」をクリックしてIdentify customerビューを保存します。
    Completed Identify customer View

3 Identify locationビューを設定する

  1. Assistance Requestケースライフサイクルで、Identify location ステップをクリックし、右のコンテキスチャルプロパティペインで「Configure view」をクリックします。
  2. Edit View:  Identify locationウィンドウのFieldsセクションで、「Add」>「Fields」をクリックします。
  3. フィールドのリストで、「Service address (AR)」を選択し、「Add」をクリックします。
  4. Edit View:  Identify locationウィンドウの「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を使用して、フィールドを、Street、City、Stateとして並べ替えます。
    Adding fields to the Service address AR View
  9. 「Back」をクリックしてEdit view:  Identify locationウィンドウに戻ります。
  10. Service address (AR) (Service address)フィールドの右側の設定アイコンをクリックします。
  11. Field labelフィールドを更新し、「Service address」と入力します。
  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フィールドをドラッグします。
    Adding fields to the Vehicle information AR 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. Add fieldダイアログボックスのNameに、「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. フィールドのリストで「Expiration date」、「Card type」、および「」を選択し、「Add」をクリックします。
  11. Drag handleを使用して、フィールドを、Card type、Card 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 フィールドで、「Repeating View」を選択します。
  6. Record view フィールドで、「Selected service view」を選択します。
    Configuration of the Selected services (AR) View
  7. 「Back」をクリックしてEdit view: Select services performedウィンドウに戻ります。
  8. Selected Services (AR)フィールドの右側の設定アイコンをクリックします。
  9. Configure field: Selected services (AR)ダイアログボックスのField labelフィールドで、「 Custom.」を選択します。
  10. Custom field labelフィールドに、「Selected service」と入力します。
  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 configured Select services performed View
  16. 「Save」をクリックして、作業を保存します。

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

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

ミッションのトップに戻る
トレーニングを実施中に問題が発生した場合は、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