Pega Platformのアプリケーションタイプ

デザインシステムは、インターフェイスがユーザーインタラクションにどのように反応するかを決定するパターンやルールのライブラリです。 ベストプラクティスのガイドライン、オペレーショナルアセット、インターフェイスの提供に必要なUIコンポーネントが含まれます。 デザインシステムの使用を選択することで、少ない労力でデザインを拡張し多数のプラットフォーム間の統一を維持できます。

ConstellationデザインシステムとTheme Cosmosデザインシステムは、Pegaを使用してエンタープライズアプリケーションを構築するためのフロントエンドライブラリであり、以下を提供します。

• データ可視性の向上
• ケース処理の強化
• カスタマイズ可能な列
• 関連データへの注力
• 値をただちに変更し、テーブル行ですばやいアクションを実行する機能

Constellationデザインシステムでは、最新のウェブ標準に基づいて構築されたビューベースのアーキテクチャ、App Studioのローコード開発環境での簡単でエラーのない設定可能性、メンテナンスとアップデートの簡素化に関する懸念事項の分離を提供するために、決められた設計を組み込んでいます。

Theme Cosmosデザインシステムは、Pegaの前世代のデザインシステムであるPega UI-Kitを基礎としています。 Theme CosmosとUI-Kitは、どちらも本番アプリケーションに重点を置いており、アプリケーションのユーザーエクスペリエンスを向上させることができます。 Cosmosのデザインシステムは、UI-Kitを超えるもので、デベロッパーに最新のインターロックコンポーネントの完全なコレクションを提供しています。

Constellationデザインシステムは、Pega Platformの主要なガイド付きワークフローの構成要素の生産性を最大化します。 プロセスについては、New Applicationウィザードで「Constellation 」を選択すると、更新されたフレームワークにより、Pega PlatformのローコードApp Studio環境でOOTBツールとコンポーネントを活用して開発作業を実行できます。

Constellationエクスペリエンスは、簡素化されたインタラクションと最新のインターフェイスにより、開発作業を簡素化します。 たとえば、医療保険金請求検証ケースでは、単一画面で操作することで、ユーザーのワークフローを加速できます。 画面間の移動を最小限に抑えることにより、ユーザーがプロセスの途中で新しい画面にジャンプして混乱してしまうことを避けられます。 さらに、Constellationエクスペリエンスでは、次の図に示すように、ケースの添付ファイルなどのアイテムを同じ画面でプレビューできます。

Constellationの単一ページWebアプローチにより、ユーザーはブラウザーの戻るボタンや無制限のブラウザータブなど、標準的なWeb操作を活用できます。 一貫性のあるリストページやオブジェクトページにより、デベロッパーやエンドユーザーにとって直感的なアプリケーションにすることができます。 また、Pulseなどのコラボレーションツールがすべてのアイテムに組み込まれているため、組織全体でコンテキスチャルコミュニケーションが可能になります。 

Constellationサービス

Constellationアーキテクチャを使用するアプリケーションは、ReactJSライブラリを使用して新しいランタイムアーキテクチャを作成するConstellationエンジンに依存しています。 Constellationは、Reactコンポーネント、JavaScriptコード、その他の静的コンテンツをブラウザーに提供するマイクロサービスです。 Constellationアーキテクチャ上に構築されたアプリケーションの設定、コンテキスト、データを取得するために、Constellationクライアントは、DX APIのみを通じてサーバーとやり取りします。 Constellationコンテナを他のサービスと分離しておくことで、依存関係を回避し、デベロッパーに他の作業と干渉することなく新しいUIコンポーネントを作成する手段を与え、アプリケーションの全体的なパフォーマンスを改善できます。 多くの場合、Constellationアーキテクチャを使用するアプリケーションは、Theme Cosmosアーキテクチャを使用するアプリケーションよりも高速に動作します。これは、Constellationでは、JavaScriptやCSSの使用が少なく、サーバーからのペイロードも小さいうえ、Document Object Model（DOM）レンダリングが軽量であるためです。

再設計されたUIには、アップデートされたコンポーネントライブラリと、ローコード開発と保守性の向上を促進する直感的なオーサリングエクスペリエンスが含まれています。 

このオプションは、アプリケーションテンプレート、Theme-Cosmos 04.01などのCosmosルールに基づいてアプリケーションを構築します。 たとえば、GoGoRoadアプリケーションでは、次の図に示すように、アプリケーション定義でTheme-Cosmos 04.01組み込みアプリケーションが使用されます。

Cosmosルールにより、UI-Kitデザインシステムと比較してユーザーエクスペリエンスが大幅に向上します。 主な機能強化には、以下が含まれます。

• ケースプレビューパネル
• 柔軟な画面スペース管理
• 改善された検索エクスペリエンス
• ウェブアプリケーションの複数の独立セッションを開いて操作できる機能 
• 複数ケースで作業する際の効率向上

New Applicationウィザードで「Traditional UI」を選択すると、UI-Kitデザインシステムと比較して開発者の生産性が大幅に向上します。 従来のセクションベースUIの組み込みスタイルに加えて、ほとんどの機能はデザインテンプレートを通じて提供されます。 Theme Cosmosルールモデルを使用することでデベロッパーはデータをテンプレート領域にマッピングし、必要な機能のオンとオフを切り替え、App Studioでアプリケーションをブランディングできます。

従来のUI上に構築されたアプリケーションは、任意の方法で起動できます。 ホームページから開始する場合でも、リンクをクリックする場合でも、ブックマークを使う場合でも、新しいタブやウィンドウが相互に更新されることはありません。 その結果、一度に複数のワークアイテムを参照してクロスチェックできるため、コンテキストを別のコンテキストのために犠牲にしたり、現在の作業を失ったりすることはありません。

新しいアプリケーションを開発する場合、どのオプションを選択するかは、ビジネスニーズとプロジェクトの全体的な複雑さによって異なります。 たとえば、ゼロから新規でローコードアプリケーションを開発し、最新型のUIと機能を活用する場合は、Constellationアプリケーションの開発を選択できます。 

Constellationは、UIフレームワークとして、パフォーマンス、インタラクティブ性、レスポンスタイムの向上を提供します。 Constellationの使用に関するベストプラクティスを理解することで、ビジネスに最適なUIを選択できます。

新規アプリケーション向けのガイドライン

• ゼロから開発する新しいアプリケーションには、Constellationを使用します。
• Constellationで構築する前に、アプリケーションが期待どおりに動作することを確認するために、Constellationではまだ利用できない機能のリストを必ず確認してください。
  補足： Constellationで使用できる機能の詳細については、「Feature changes and limitations in Constellation」を参照してください。
• Theme CosmosまたはUI Kitアプリケーションの上に新しいアプリケーションを構築する場合は、元のアーキテクチャを維持してください。 たとえば、Pega Customer ServiceではUI Kitが使用されています。 Pega Customer Serviceアプリケーションを基に新しいアプリケーションを構築する場合は、UI Kitを必ず使用する必要があります。

既存アプリケーション向けのガイドライン

• 既存のアプリケーションで大規模な作業のやり直しが必要な場合は、Constellationを使用します。
• 小規模な変更や拡張が必要な既存のアプリケーションを現在のアーキテクチャに維持します。 拡張のために、従来のUIで Constellation コンポーネントを使用することを検討してください。 Theme Cosmosを使用するアプリケーションの場合、アプリケーション定義のCosmosテーマルールセット（Theme-Cosmos）の最新バージョンにアップデートします。
  補足： Cosmosテーマの使用について詳しくは、「Updating Theme Cosmos in your application」を参照してください。
• 将来的な移行時間を短縮するため、今のうちに既存のアプリケーションがApp Studioの開発手法に準拠しているかを確認して移行の準備を進めることをご検討ください。 App Studio Complianceのランディングページを使用し、アプリケーション内で準拠していないUI要素を特定して、特定された問題に対処するための開発時間について計画を立ててください。
  補足： アプリケーションの移行の計画について詳しくは、「Reviewing user interface components」および「App Studio development」を参照してください。

以下のインタラクションで理解度をチェックしてください。