チャレンジ

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

5 タスク

45 分

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

中級

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

Constellation

日本語

シナリオ

Tell Us Moreアプリケーションでの作業を継続します。このチャレンジでは、Constellationを使用して、Eligibility CheckとHandle Ticketステップに関連するビューを作成します。いくつかの部分ビュー、条件付き表示、およびカスタムルーティングを設定します。

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

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

補足： 練習環境では、複数のチャレンジの完了をサポートする場合があります。その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。

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

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

ログイン

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

詳細なタスク

1 Eligibility checkチェックビューにフィールドグループを作成する

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

Eligibility checkチェックビューに3つのフィールドグループを作成します。

見出し	折りたたみ可能（チェックボックス）
`Review`	はい
`Eligibility decision`	いいえ
`Dispatching`	いいえ

The Eligibility Check View with field groups added.

Reviewフィールドグループで、「Add」をクリックしてReview Innerビューを追加します。
Review Innerビュー行で、「Gear」アイコンをクリックしてビューを設定し、Show headingチェックボックスをオフにしてから「Save」をクリックします。
Eligibility decisionフィールドグループで、「Add」をクリックしてEligibility Typeフィールドを追加します。
Eligibility Typeフィールド行で、「Gear」アイコンをクリックしてフィールドを設定します。
1. Display asリストで「Radio buttons」を選択します。
2. Field Labelフィールドで、「Custom」を選択します。
3. Custom field labelに「Eligibility」と入力します。
4. 「Horizontal display」チェックボックスを選択します。
5. Helper textフィールドに、「Identify if the incident is eligible for further processing」と入力します。
6. 「Save」をクリックします。

2 Eligibility decisionフィールドグループの部分ビューの設定

Other Viewsタブで、次の2つの新しい部分ビューを作成します。

名前テンプレート

Eligibility Info Accept Details (One column)

Eligibility Info Reject Details (One column)
Other ViewsページのFormセクションで、Eligibility checkビューを開きます。
Eligibility decisionフィールドグループで、「Add」をクリックし、Eligibility Info AcceptおよびEligibility Info Reject部分ビューを追加します。
「Eligibility Info Accept」をクリックして部分ビューを開きます。
Eligibility Info Acceptフィールドを追加します。
Eligibility Info Acceptフィールド行で、「Gear 」アイコンをクリックしてフィールドを設定します。
1. Fieldlabelフィールドで、「Custom」を選択します。
2. Custom field labelで、「Next action」と入力します。
3. Edit modeリストで「Read-only」を選択します。
4. 「Save」をクリックします。
フィールドを追加して、Eligibility Info Reject部分ビューで手順4～6を繰り返し、Eligibility Info Reject 詳細に従ってフィールドを設定します。
Edit View: Eligibility checkウィンドウに戻ります。
Eligibility Info Accept部分ビュー行で、「Gear 」アイコンをクリックし、次のようにビューを設定します。
1. Show headingチェックボックスの選択を解除します。
2. Visibilityリストで「Custom Condition」を選択します。
3. 次のカスタム条件を設定します。Eligibility Type is equal to "Eligible"
4. 「Submit」をクリックし、次に「Save」をクリックします。
Eligibility Info Rejectビュー行で「Gear 」アイコンをクリックし、ビューを設定します。
1. Show headingチェックボックスの選択を解除します。
2. Visibilityリストで「Custom Condition」を選択します。
3. 次のカスタム条件を設定します。Eligibility Type is in list "Scam, Spam, Not eligible, Missing details".
4. 「Submit」をクリックし、次に「Save」をクリックします。

名前	テンプレート
`Eligibility Info Accept`	Details (One column)
`Eligibility Info Reject`	Details (One column)

3 Eligibility Info部分ビューの表示ヘッダーの更新

Dev Studioに切り替えます。
App ExplorerのSL-TellUsMore-Work-Incidentクラスで、pyDefaultデータトランスフォームを開きます。
pyDefaultデータトランスフォームで、次の行を設定します。
1. ソースが"Incident will be approved for further processing"と等しい.EligibilityInfoAccept ターゲットを使用してセットアクションを作成します。
2. ソースが"Incident will be rejected"と等しい.EligibilityInfoReject ターゲットを使用してセットアクションを作成します。
3. 「Save」をクリックします。

4 Dispatchフィールドグループの設定

App StudioにSwitch してから、Edit View:Eligibility Checkウィンドウに戻ります。
Dispatchingフィールドグループで「Add」をクリックし、Dispatch Incidentビューを追加します。
Dispatch Incidentビュー行で「Gear」アイコンをクリックし、Show headingチェックボックスをオフにします。
「Save」をクリックします。

5 Handle ticketビューとルーティングの変更

Other Views タブのForm セクションで、Handle ticketビューを開きます。
ハンドルチケットビューで2つのフィールドグループを作成します。

見出し折りたたみ可能

Incident Info はい

Incident Resolution いいえ
Incident Infoフィールドグループで、「Add 」をクリックしてReview Innerビューを追加します。
Review Innerビュー行で「Gear」アイコンをクリックして、Show headingチェックボックスをオフにします。
Incident Resolutionフィールドグループに、次の設定で2つのフィールドを追加します。
1. Preferred Resolution Methodフィールドを追加し、Read-onlyとして設定します。
2. Resolution Methodフィールドを追加します。
Dev Studioに切り替えて、Incident ケースタイプを開きます。
Handle Ticketステップをクリックして、コンテキスチャルプロパティパネルを開きます。
プロパティペインのGeneralタブで、次のルーティング設定を行います。
1. Route toリストで「Custom」を選択します。
2. Assignment typeリストで「Work Queue」を選択します。
3. Routerフィールドに、「ToRouteToOverwrite」と入力するか選択します。
  
  補足： このインスタンスでは、「ToRouteToOverwrite」のスペルが間違っており「ToRouteToOverwite」となっています。
  
  補足： 現時点では、App Studioでカスタムルーティングを設定することはできません。Dev Studioでこの変更を行うと、App Studioのアサインメントルーティングをさらに変更できなくなります。
4. 「Save」をクリックします。
App Studioに切り替えます。
Incidentケースタイプを開き、「Actions > Refresh」をクリックします。
作業を保存します。