Constellation UIの構造
8.7以前のPega Infinity™ リリースにおける従来のアーキテクチャでは、開発者はセクションルール、ダイナミックレイアウト、スキンフォーマット、カスタムコントロール、さまざまなプロパティペイン設定を使用してアプリケーションインターフェイスを構築していました。新しいConstellation UIモデルは柔軟性が高く、開発者はフロントエンドコンポーネントとバックエンドAPIをより効率的に接続する手段を提供します。
Pega ConstellationアーキテクチャのUIレイヤーは、懸念事項の分離の原則に従っています。これは、アプリケーションが個別のパーツに分かれるよう定め、各パーツが特定の懸念事項に対応するように定めることで、ソフトウェアのモジュール性を促進するソフトウェア設計の原則です。
Constellationには、ユーザーインターフェイスを構成する3つの異なるコンポーネントがあります。
- ポータルとランディングページ
- ビュー
- ウィジェット
ポータルとランディングページ
Pegaアプリケーションでは、ポータルはアプリケーションのペルソナ固有のユーザーインターフェイスです。ポータルは、アプリケーション内でケース関連情報を統合するランディングページで構成され、これによりユーザーは、迅速かつ効率的にケースを解決するために必要な情報に簡単にアクセスできます 。
次の図は、Tell Us More Constellationアプリケーションの顧客ポータルのホームランディングページを示しています。アプリケーションのさまざまなランディングページへのリンクは、左側のナビゲーションバーに沿って配置されています。
ビュー
ビューには、フィールド、フィールドグループ、その他のビューなどのUIコンポーネントがあります。ユーザーはビューを使用してアプリケーションを操作します。
Constellationビューを設定するときは、次の図に示すように、ウィンドウの一方の側でビューを構成し、もう一方の側で実行時にビューのプレビューを表示します。
次の図は、実行時に同じIdentify vehicleビューを識別します。
ウィジェット
ウィジェットは、アプリケーションに追加して操作性を向上させることができるコンポーネントです。たとえば、Pulseウィジェットはユーザーにメッセージフィードを提供し、To-Doウィジェットはユーザーに割り当てられている未解決のケースのリストを表示します。Constellationは、標準機能の幅広いウィジェットを提供します。
ウィジェットは、フルページビューのさまざまな部分やポータルに追加できます。
以下のインタラクションで理解度をチェックしてください。
このトピックは、下記のモジュールにも含まれています。
トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。