Constellationビューでのフィールドグループの作成

6 タスク

35 分

Pega Platform '24.2 (日本語)

Pega Platform '24.2 (English)

表示の対象：All users Applies to: Pega Platform '24.2

中級

ユーザーエクスペリエンス

Constellation

日本語

シナリオ

Sweet Life Inc.のTell Us MoreアプリケーションのUI設定で重要なのは、フィールドグループと、製品リスト情報をナビゲートするための検索と選択パターンです。Sweet Lifeアプリケーションプロジェクトのシステムアーキテクトとして、これらのUI機能を組み込んだService DetailsビューとProduct Detailsビューを設定するタスクを行う必要があります。

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

ロール	ユーザー名	パスワード
System Architect	Author@SL	pega123!

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

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

• ログイン

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

詳細なタスク

1 Incidentケースタイプのデータモデルにフィールドを追加する

1. チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
   1. User nameフィールドに「Author@SL」と入力します。
   2. Passwordフィールドに「pega123!」と入力します
2. App Studioのナビゲーションペインで「Case Types > Incident」をクリックして、Incidentケースタイプを開きます。
3. Data Modelタブをクリックします。
4. データモデルに次のフィールドを追加します。

   Name	タイプ	Picklist options	選択肢
   What happened?	Text (paragraph)	該当なし	該当なし
   When did this happen?	Date only	該当なし	該当なし
   Communication channel	Picklist	Local	面談、メール、電話、郵送

5. 「Save」をクリックします。

2 サービス詳細ビューでのフィールドグループと検証の設定

1. Incidentケースタイプで、Workflowタブをクリックします。
2. Service Issueステップをクリックして、右側のコンテキスチャルプロパティペインを開きます。  
3. 「Configure View」をクリックしてEdit View: Service Detailsウィンドウを開きます。
4. Fieldsセクションで、「Add > Fields > Communication channel > Add」をクリックしてフィールドをビューに追加します。
5. 「Add」をクリックし、次に「Create Field Group」をクリックします。
   
   補足： フィールドグループは、そのグループが作成されているビューに固有なものです。フィールドグループの詳細については、「フィールドグループの設定」を参照してください。
6. New Field Groupウィンドウで、次の情報を入力します。
   1. Headingフィールドに、インシデントの詳細を入力します。
   2. Instructionsリストで「Show instructions」を選択します。
   3. Instructions textフィールドに、「以下の質問にお答えください」と入力します
   4. 「Submit」をクリックします。
      
7. Incident detailsフィールドグループの行で、「Add」アイコンをクリックします。
   
8. 「Fields」をクリックし、 「What happened? 」チェックボックスと「When did this happen?」チェックボックスを選択し、「Add」をクリックします。
   
9. Communication channelの右にある「Gear」アイコンをクリックしてConfigure field: Communication channelウィンドウを表示します。
10. ConditionsセクションのRequiredフィールドで「Always」を選択し、「Save」をクリックします 。
11. What happened?フィールドとWhen did this happen?フィールドに対して、手順9～10を繰り返します。
12. Service Detailsウィンドウで、Conditionsタブをクリックします。
    
13. 「Add condition」をクリックし、Messageフィールドに「The date must be in the past」と入力します。
14. 「When did this happen? is after Today」という条件を作成し、「Submit」をクリックします。
    
    補足： カスタム条件の構築の詳細については、「Defining Conditions in the Condition builder」を参照してください。
15. 「Save」をクリックします。

3 製品詳細ビューのフィールドグループの設定

1. Incidentケースタイプで、UXタブをクリックします。
2. Other Viewsタブをクリックし、Formセクションで、Product Detailsビューをクリックします。
3. 「Add > Create Field Group」をクリックして、次の詳細を含む新しいフィールドグループを作成します。
   1. Headingフィールドに「Select product」と入力します。
   2. Instructionsリストで「Show instructions」を選択します。
   3. Instruction textフィールドに、「Please select the product that was involved in the incident」と入力してください。
   4. 「Submit」をクリックします。
4. 手順3を繰り返して、次の詳細を持つ新しいフィールドグループを作成します。
   1. Headingフィールドに「Incident details」と入力します。
   2. Instructionsリストで「Show instructions」を選択します。
   3. Instruction textフィールドに「Please answer all of the questions below」と入力してください。
   4. 「Submit」をクリックします。
      

 

ヒント： Incident detailsフィールドグループはProduct Detailsビューに固有のものであり、このチャレンジのタスク2でService Detailsビュー用に作成されたIncident detailsフィールドグループとは関係ありません。

4 製品フィールドグループの選択の設定

1. Select productフィールドグループの行で、「Add」をクリックし、「Fields > Create new field」をクリックします。
2. 次の詳細で新しいフィールドを作成します。
   1. Nameフィールドに「Product」と入力します。
   2. Typeリストで「」を選択します。
   3. Data objectリストで「Product」を選択します。
   4. Optionsセクションで、「Single record」を選択します。
   5. Advancedセクションを展開して、「Reference data is copied to the Case 」チェックボックスを選択します。
   6. Data Pageリストで「Product」を選択します。
   7. 「Submit」をクリックします。
3. Productフィールドをクリックします。
   
4.  Edit field: ProductウィンドウのInput settingsセクションで、次の詳細を設定します。
   1. Modeフィールドで、「Single-select」を選択します。
   2. Display asフィールドで、「Table」を選択します。
   3. Data Pageフィールドで、「List Product」を選択します。
   4. Columnsセクションでは、ビューに次の列を追加します 。
      • Name
      • SKU
      • Category Name
        
5. 「Back」をクリックして、Product Detailsビューに戻ります。
6. Costフィールドを Select Product フィールドグループに追加します:
   1. Select Productフィールドグループの行で「Add」をクリックします。
   2. 「Fields > Product > Fields > Cost > Add.」をクリックします。
      補足： データオブジェクトの右側にある矢印をクリックして、関連するフィールドとビューにアクセスします。

      
7. Select productフィールドグループの行で、「Add」をクリックし、「Fields > Create new field」をクリックします。
8. 次の詳細で新しいフィールドを作成します。
   1. Nameフィールドに、「Proof」と入力します。
   2. Typeフィールドで、「Attachment」を選択します。
   3. Attachment categoryフィールドに「Picture」と入力します。
   4. Typeフィールドで、「Single record」を選択します。
   5. 「Submit」をクリックします。
9. Proofフィールドの行で、「Gear」アイコンをクリックします。 
10. Configure field: Proof ウィンドウで、次の詳細を入力します。
    1. Label valueフィールドで、「Custom」を選択します。
    2. Custom label valueで「Proof」と入力します。
    3. Helper textフィールドで、「Please attach proof of issue」と入力します。
       
    4. 「Save」をクリックします。
       次の図は、製品フィールドグループの選択の設定を示しています。
       

5 インシデント詳細フィールドグループの設定

1. Incident detailsフィールドグループの行で、「Add」をクリックします。
2. 「Fields」をクリックし、「What happened? 」チェックボックスと「When did this happen?」チェックボックスを選択し、「Add」をクリックします。
   
3. 「Save」をクリックします。

6 製品詳細ビューでの検証の設定

1. Incident ケースタイプで、Workflow タブをクリックします。
2. Product Issue ステップをクリックして、右側にコンテキスチャルプロパティペインを表示します。
3. 「Configure View 」をクリックしてEdit View: Product Detailsウィンドウを開きます。
4. Edit View: Product Detailsウィンドウで、Conditionsタブをクリックします。
5. 「Add Condition」をクリックします。
6. 条件付き検証を作成するには、次の手順を実行します。
   1. Messageフィールドに、「The date must be in the past」と入力します。
   2. 「When did this happen? is after Today」という条件を作成します。
   3. 「Submit」をクリックします。
7. 「Save」をクリックします。

---

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

• Constellationの基本概念 v2

---

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

• Constellationの導入 v2