App StudioでのUI設定
PegaアプリケーションのUI設定モデルでは、ワークフロー内のビジネス目的を把握し、その意図を複数のデジタルチャネルで解釈することに重点を置いています。
懸念事項の分離の原則
UIモデルは柔軟性が高く、開発者はフロントエンドコンポーネントとバックエンドAPIを効率的に接続する手段を提供します。Pega PlatformアーキテクチャのUIレイヤーは、懸念事項の分離の原則に従っています。これは、アプリケーションが個別のパーツに分かれるよう定め、各パーツが特定の懸念事項に対応するように定めることで、ソフトウェアのモジュール性を促進するソフトウェア設計の原則です。
UI要素
Pega Platformは、不必要な複雑さのある一貫性のないUIに対応し、UIモデルを使用して、ビュー、テンプレート、ウィジェットによりアプリケーションを作成できるようになります。
次の画像で「+」アイコンをクリックすると、UI要素について詳細を表示できます。
自動生成ビュー
Pega Platform上に構築する新しいアプリケーションの場合、システムは自動的に一連のビューを生成し、App StudioでUIの設定をただちに開始するために使用できます。
フルページビュー
新しいケースタイプまたはデータオブジェクトを作成すると、Pega Platform™では、関連情報を処理するためのビジュアルフレームワークを表すフルページビューと呼ばれる関連ビューが自動的に追加されます。3ペインのレイアウトは、ほとんどすべてのケースやデータオブジェクトに最適化され、多くの情報に対応し、その多くはスクロールしたり、他のビューに移動したりすることなく利用できます。 フルページビューは、ケースタイプまたはデータオブジェクトのUXタブで編集できます。
フルケースビュー、つまりフルケースページは、Pega Platformの1つのケースを表します。「+」アイコンをクリックすると、フルケースページのメインエリアの詳細が表示されます。
App Studioでフルページビューを許可する際に、「Preview」セクションにはプレースホルダーテキストのみが表示されます。データを使用してUIをプレビューするには、ケースインスタンスを実行します。次の画像で「+」アイコンをクリックすると、App StudioでケースUIを設定する方法の詳細が表示されます。
次の問題に答えて、理解度をチェックしましょう。
詳細
Detailsビューは、重要なフィールドなどの読み取り専用ケースデータやその他の情報をレンダリングできるデフォルトのオプショナルビューです。デフォルトでは、Detailsビューはプライマリーフィールドを表示するように設定されています。
Pulse
Pulseビューは、Pulseを表示するデフォルトのオプショナルビューで、ユーザーはこのケースのコンテキストでメッセージを投稿、表示、返信できます。
次の問題に答えて、理解度をチェックしましょう。