Skip to main content

Constellationを使用したビューのデザイン

4 タスク

30 分

表示の対象:All users Applies to: Pega Platform '24.2
中級
ユーザーエクスペリエンス
Constellation
日本語

シナリオ

Sweet Life Inc.(SL)は、従来の苦情管理ソリューションを置き換えることを望んでいます。SLはPegaと「Tell Us More」というアプリケーションを開発し、Sweet Lifeが自社の製品やサービスをどのように捉えているかを詳細に知ることができるようにしました。

Tell Us Moreアプリケーションは、Sweet Life用にすでに設定されているエンタープライズレイヤーの上に構築されます。Tell Us Moreアプリケーションは、現在3つのケースタイプで構成されています。

  • Incident ユーザーとケースワーカーが顧客問題を追跡し、Sweet Lifeの顧客対応を開始できるようにします。Incidentは、Tell Us Moreアプリケーションに関連付けられたプライマリケースタイプです。 
  • Process Payment Incidentの解決に返金または補償が含まれる場合の支払い処理をサポートします。
  • Ship Parcel:Incidentの解決に欠陥や故障のある製品の交換やギフトの配送が含まれる場合に、パッケージ出荷をサポートします。

Sweet Lifeは、Pega Constellationアーキテクチャを使用してTell Us Moreアプリケーションを作成することを決定しました。システムアーキテクトのチームの一員であり、ConstellationでアプリケーションのUIを設定し、必要に応じてデータモデルとアプリケーションロジックに不足している部分を追加してMLP1ソリューションを生成する作業を行っています。

アプリケーション開発プロセスのこの時点で、チームはIncidentケースタイプに焦点を当てます。Sweet Lifeアプリケーションプロジェクトのシステムアーキテクトとしての課題は、CreateステージのDetermine Incident Typeステップに関連するDetermine Categoryビューを設定することです。

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

ロール ユーザー名 パスワード
System Architect Author@SL pega123!
補足: 練習環境では、複数のチャレンジの完了をサポートする場合があります。その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。

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

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

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

詳細なタスク

1 Dictionaryデータオブジェクトを確認する

  1. チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
    1. ユーザー名フィールドに「Author@SL」と入力します。
    2. Passwordフィールドに「pega123!」と入力します。
  2. App Studioのナビゲーションペインで、Data」をクリックすると、「Tell Us More」アプリケーション用に構築されたデータオブジェクトのリストが表示されます。
  3. Dictionaryデータオブジェクトをクリックします。
  4. Recordsタブをクリックし、使用可能なレコードを確認します。
     Incident TypeIncident SubTypeのレコード間の関係に注目してください。
    The Records tab with the parent/child relationship.

2 インシデントケースタイプデータモデルにフィールドを追加する

  1. App StudioのナビゲーションペインでCase Types > Incident」をクリックしてIncident ケースタイプを開きます。
  2. Data Modelタブをクリックして、Incident ケースタイプデータモデルを開きます。
  3. Add field」をクリックして、新しいをデータモデルに追加します。
    1. Field nameフィールドに、「Incident Type」と入力します。
    2.  Typeリストで「Picklist」を選択します。
    3. Display asリストで「Drop-down list」を選択します。
    4. Picklistoptions リストで「Data Page」を選択します。
    5. 表示されるリストで、「 Dictionary >  List Dictionary Filtered」を選択してデータページのソースを設定します。
    6. Data view parametersセクションのConstant の値の右に「IncidentType」と入力します。
    7. ParentKey定数の値は空のままにします。
    8. Identifier fieldDisplay field リストで、 Key」を選択します。
    9. Submit & add another」をクリックします。
      Add Field Incident type
  4. データモデルに別のフィールドを設定します。
    1. Field nameフィールドで、「Incident SubType」と入力します。
    2.  Typeリストで「Picklist」を選択します。
    3. Display asリストで「Drop-down list」を選択します。
    4. Picklistoptions リストで「Data Page」を選択します。
    5. 表示されるリストで、「 Dictionary >  List Dictionary Filtered」を選択してデータページのソースを設定します。
    6. Data view parametersセクションで、Constant 値の右側に「IncidentSubType」と入力します。
    7. ParentKeyリストで、「Field」を選択し、値として「Incident Type」と入力または選択します。
    8. Identifier fieldDisplay fieldリスト、で、Key」を選択します。.
    9. Submit」をクリックします。
      Add field IncidentSubtype
  5. Save」をクリックします。

3 カテゴリビューの決定の設定

  1. Incidentケースタイプで、UXタブをクリックします。
  2. 右側のペインでOther Viewsタブをクリックし、「Determine Category」をクリックします。
    Determine the category view on the Other View tab.
  3. Fields」セクションで、「Add」をクリックしてから「Fields」をクリックします。
  4. 使用可能なフィールドのリストで、「Incident SubType」チェックボックスと「 Incident Type 」チェックボックスを選択し、「Add」をクリックします。
    The active selection for the Incident Type and Incident SubType fields.
  5. Incident Typeフィールドのハンドルをクリックし、Incident SubTypeフィールドの上にドラッグします。
    The Incident Type and Incident SubType fields added to the Determine Category View
  6. Incident Typeフィールドの右側にある「Gear」アイコンをクリックして、Configure field: Incident Typeウィンドウを開きます。 
    1. Display asフィールドの設定が「Dropdown」であることを確認します。
    2. ConditionsセクションのRequiredフィールドで「Always」を選択します。 
    3. Save」をクリックします。
  7. Incident SubTypeフィールドの右側にある「Gear」アイコンをクリックして、Configure field: Incident SubTypeウィンドウを開きます。
    1. Display asフィールドの設定がDropdownであることを確認します。
    2. ConditionsセクションのRequiredフィールドで「Always」を選択します。 
    3. Visibilityセクションで、「Custom Condition」を選択します。 
    4. Custom Conditionの右にある「Gear」アイコンをクリックし、「Incident Type is not null」で「Condition」を作成します。
      Condition builder for Incident Type
    5. Submit」をクリックし、次に「Save」をクリックします。
補足: Constellationは、変更が送信されると、自動的にビューに変更を保存します。ビューに対するリアルタイムの変更は、Edit ViewウィンドウのPreviewペインに表示されます。

4 ユーザー指示とヘルパーテキストの設定

  1. Edit View: Determine Categoryウィンドウで、Instructionsリストで「Override Case Step instructions」を選択します。
  2. Instruction textフィールドに、インシデントのタイプとサブタイプを選択してください。
    Instruction override on Determine Category view
  3. Incident Typeフィールドの右側にある「Gear」アイコンをクリックして、フィールドのテキストを設定します。
    1. Helper textフィールドに、インシデントのカテゴリーを選択します。購入した製品やリクエストされたサービスに関連しているか
    2. Save」をクリックします。
  4. Incident SubTypeフィールドの右側にある「Gear」アイコンをクリックして、フィールドのテキストを設定します。
    1. Helper textフィールドに「Choosing the proper subtype allows for faster incident resolution」と入力します。
    2. Save」をクリックします。
  5. Save」をクリックして作業を保存します。

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


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

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

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

このコンテンツは 50% のユーザーにとって役に立ちました。

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

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