Constellationによる部分ビューの作成

4 タスク

45 分

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

中級

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

Constellation

日本語

シナリオ

ケースが完了に向けて進むと、多くの場合、ユーザーは、ケースライフサイクルの初期に以前に入力または参照された情報を確認する必要があります。Constellationアプリケーションでは、Partial Viewsを使用することで、これを実現できます。部分ビューは、アプリケーション開発中に設定でき、他のビューに簡単に追加できる読み取り専用ビューです。

補足： 部分ビューの詳細については、「Configuring partial Views」を参照してください。

この課題では、いくつかの部分ビューを作成し、組み合わせることによって、Reviewステップに関連付けられたビューを構成します。

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

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

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

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

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

ログイン

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

詳細なタスク

1 Review Innerビューの設定

チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
1. User nameフィールドに「Author@SL」と入力します。
2. Passwordフィールドに「pega123!」と入力します
App Studioのナビゲーションペインで「Case Types > Incident」をクリックして、Incidentケースタイプを開きます。
UXタブをクリックし、Other Viewsタブをクリックします。
Partialセクションで、「Create」をクリックします。
補足： 部分ビューは読み取り専用です。部分ビューは、ユーザーがケースマネジメントで以前に入力または選択した情報を確認するためのものです。
Nameフィールドに「Review Inner」と入力し、「Details (one column)」が選択されていることを確認してから「 Submit」をクリックします。
「Review Inner」をクリックして、 Review Innerビューを設定します。
Review Innerビューで、以前に作成したビューを追加します。
1. Contact Info
2. Determine Category
3. Product Details
4. Resolution Method
5. Service Details
ビューの順序を次の順序に並べ替えます。
1. Contact Info
2. Determine Category
3. Service Details
4. Product Details
5. Resolution Method
Product Detailsビューで、「Is Product Incident 」Whenルールを使用して表示条件を設定します。
Service Detailsビューで、「Is Service Incident 」Whenルールを使用して表示条件を設定します。
「Back」をクリックしてOther Viewsタブに戻ります。
Formセクションで、Reviewビューをクリックします。
Review ビューで、以前作成したReview Innerビューを追加します。
「Back」をクリックしてOther Views タブに戻ります。

2 Incidentケースタイプにフィールドを追加する

Incident ケースタイプで「データモデル」をクリックして、ケースタイプのデータモデルを開きます。

Incident ケースタイプデータモデルに次のフィールドを追加します。

Name	Type	Calculated Field Expression
`User Consent`	Boolean
`Privacy Policy`	Boolean
`Privacy Policy URL`	URL	`"https://www.google.com"`
`Terms and Conditions URL`	URL	`"https://www.google.com"`

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

3 利用規約とプライバシーポリシーの部分的なビューを作成する

Incident ケースタイプで、UXタブをクリックし、Other Viewsタブをクリックします。
Partialセクションで、「Terms and Conditions」および「Privacy Policy」という名前の2つの新しい部分ビューを作成します。
Details (One column)テンプレートを使用する必要があります。
ビューを設定成するには「Terms and Conditions」リンクをクリックします。
ビューにTerms and Conditions URLフィールドを追加します。
「Gear」アイコンをクリックしてフィールドを設定します:
1. Field label フィールドで、「Custom」を選択します。
2. Custom field labelに「Terms and Conditions」と入力します。
3. Edit modeリストで「Read-only」を選択します。
4. Display as リストで「URL」を選択します。
5. 「Save」をクリックします。
Other ViewsタブのPartialセクションで、「Privacy Policy」リンクをクリックし、表を設定します。
ビューにPrivacy Policy URLフィールドを追加し、「Gear」アイコンをクリックしてPrivacy Policy URLフィールドを設定します。
1. Field labelフィールドで、「Custom」を選択します。
2. Custom field labelフィールドに「Privacy Policy」と入力します。
3. Edit modeリストで「Read-only」を選択します。
4. Display as リストで「URL」を選択します。
5. 「Save」をクリックします。

4 Reviewビューの設定

Other Viewsタブに戻ります。
Formセクションで、Default form テンプレートを使用して「User Consent」という名前のビューを作成します。
User ConsentビューのFieldsセクションで、次の要素を追加します。
1. Privacy Policyフィールド
2. User Consentフィールド
3. Privacy Policyビュー
4. Terms and Conditionsビュー
要素を次の順序で並べ替えます。
1. User Consentフィールド
2. Terms and Conditionsビュー
3. Privacy Policyフィールド
4. Privacy Policyビュー。
User Consentフィールドの行で、「Gear」アイコンをクリックし、フィールドを設定します。
1. 「Hide label」チェックボックスを選択します。
2. Captionフィールドで、「Custom」を選択します。
3. Custom caption フィールドに「I agree to Terms and Conditions」と入力します。
4. Conditionsセクションで、Requiredリストで、「Always」を選択します。
5. 「Save」をクリックします。
Privacy Policyフィールドの行で、「Gear」アイコンをクリックし、フィールドを設定します。
1. 「Hide Label」チェックボックスを選択します。
2. Captionフィールドで、「Custom」を選択します。
3. Custom caption フィールドに、「Privacy Policy」と入力します。
4. Conditionsセクションで、Requiredリストで、「Always」を選択します。
5. 「Save」をクリックします。
Terms and Conditionsビューの行で「Gear」アイコンをクリックし、「Show heading」のチェックボックスをオフにします。
「Save」をクリックします。
Privacy Policyビューの行で「Gear」アイコンをクリックし、「Show heading」チェックボックスをオフにします。
「Save」をクリックします。
Other Viewsタブに戻り、レビュービューを開き、User Consentビューを追加します。
「Save」をクリックします。