ビューのフィールドのグループ化
Archived
3 タスク
15 分
初級
Pega Platform 8.6
ユーザーエクスペリエンス
日本語
シナリオ
フィードバックに基づいて、GoGoRoadの顧客は、アシスタンス リクエストを送信する前に詳細情報を再確認できないため、混乱が生じており、詳細情報を訂正するのにさらに時間がかかっています。 GoGoRoadの管理チームは、顧客が関連情報をすべて入力したら、読み取り専用の最終確認画面を表示することにしました。 この確認画面にすべての情報が表示されてから、顧客がアシスタンス リクエストを送信できるようになります。
以下の表は、チャレンジに必要なログイン情報をまとめたものです。
| ロール | ユーザー名 | パスワード |
|---|---|---|
| アプリケーションデベロッパー | author@gogoroad | pega123! |
補足： 練習環境では、複数のチャレンジの完了をサポートする場合があります。 その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。
チャレンジ ウォークスルー
詳細なタスク
1 「Enter payment information」プロセスに「Collect information」ステップを追加する
- App Studioのナビゲーションペインで、「Case types」 > 「Assistance Request」をクリックして、「Assistance Request」ケースタイプを開きます。
- 「Enter payment information」プロセスで、「Step」 > 「Collect information」をクリックして、「Collect information」ステップを追加します。
- ステップの名前を「Review assistance request」に変更します。
- プロパティペインで、「Configure view」をクリックしてフォームエディターを開きます。
- 左側のパネルで、「Views」をクリックして、ビューのリストを表示します。
- ビューのリストで、「Enter customer information」にカーソルを合わせてAddアイコンをクリックし、既存のビューを「Review assistance request」ステップに表示します。
- 手順6を繰り返して、Identify location、Identify vehicle、およびEnter payment informationビューを追加します。
- Options リストで、追加したすべてのビューに Read-only を選択します。
- 「Submit」をクリックします。
- 「Save」をクリックして、「Assistance Request」ケースタイプへの変更を保存します。
2 App Studioを使用してレイアウトグループを追加する
- 新しい「Assistance Request」ケースを作成します。
- ケースを「Enter customer information」ステップに進めます。
- 「Enter customer information」画面で、Standardの保障レベルを持つユーザーの「Account ID」を選択します。
補足： Goldの保障を持つユーザーを選択しても、ケース処理中に「Enter payment information」ビューが表示されません。
- ケースを「Review assistance request」ビューに進めます。
補足： ビューの名前が表示されない場合は、ステージヘッダーをクリックすると、現在ケースライフサイクルのどこに位置しているかを確認できます。
- セクションにカーソルを合わせてConfigure this viewアイコンをクリックします。
- 右側のペインで、Change をクリックしてテンプレートを変更します。 Select a templateウィンドウが表示されます。
- Select a templateウィンドウで、Mobile page with content and layout groupをクリックします。
補足： Mobile page with content and layout group テンプレートは、App Studioでレイアウトグループを使用してビューを実装するために使用できます。
- すべてのセクションをB (Grouped - Tab)リージョンにドラッグアンドドロップします。
3 Dev Studioでのセクションラベルの変更
- Dev Studioに切り替えて、レビューセクションのラベルを変更します。
- Dev StudioのナビゲーションパネルでAppをクリックします。
- 「AssistanceRequest」 > 「User Interface」 > 「Section」を展開します。
- 「ReviewAssistanceRequest」をクリックして、「Review assistance request」セクションを開きます。
- 右側のペインで、「Enter Customer Information」セクションにカーソルを合わせ、次にEditをクリックします。 Cell Propertiesウィンドウが表示されます。
- 「General」タブで、「Container settings」セクションの「Title」フィールドに、「Customer Information」と入力します。
- 「Submit」をクリックします。
- 手順5～7を繰り返して、残りのセクションのラベルを変更します。
セクション タイトル IdentifyLocation Service Address IdentifyVehicle 車両情報 EnterPaymentInformation 支払情報 - 「Save」をクリックしてセクションを保存します。
作業の確認
- ユーザーポータルを起動して、新しい「Assistance Request」ケースを作成します。
- Goldの保障に加入していないお客様の場合、ケースを「Review assistance request」ステップに進めます。
- 「Review assistance request」画面で、各タブをクリックして、顧客、サービスの住所、車両、および支払い情報を表示します。
- 情報が読み取り専用であることを確認します。
