Constellation UIの拡張

次の図に示すように、Constellation UIの拡張は、Constellation PortalsやWebの埋め込みのようにローコードで投資の少ないものから、SDKやDX APIのようにフロントエンドの開発スキルと時間と開発に高い投資を必要とするものまで、さまざまです。

Constellationポータル

Constellationのポータルは、Pegaのローコードの処方的オプションであり、標準とセルフサービスの両方のポータルをすぐに利用できます。Constellationポータルは、最も短期間で価値を生み出すアプリケーションを構築するために使用されます。

Web埋め込み

ConstellationのWeb埋め込み機能を使用すると、ConstellationのUIコンポーネントやウィジェットを外部Webページに埋め込むことができます。この機能は、プロバイダーのウェブアプリとシームレスに統合される方法でエンドユーザーにPegaパワードフォームを公開するために最も頻繁に使用されています。

Web埋め込みは、Constellationの標準のポータルほど低投資ではありませんが、それでも比較的簡単に実装できます。 Web埋め込みは、Constellationデザインシステムを使用して、Webコンポーネント内にケースまたはページをレンダリングします。Web埋め込みでは、HTML5 Webコンポーネントを使用して、pega-embedタグなどのカスタムの本格的なHTML要素を定義します。デザイントークンを使用し、親会社のブランドに合わせてUIのテーマを設定することもできます。

Constellation DXコンポーネント

Constellation DXコンポーネントにより、Reactの開発者はカスタムコンポーネントでPegaのUIライブラリを拡張することができます。これにより、PegaのローコードオーサリングエクスペリエンスとConstellationデザインシステムとをシームレスに統合する、目的に特化したUIコンポーネントを作成できます。公開後は、これらのコンポーネントをネイティブのPega UI、Web埋め込み、またはReact SDK上に構築されたアプリケーションで使用できます。

Constellation DXコンポーネントを構築するには、Reactに関する若干の知識を含め、フロントエンド開発者のスキルが必要です。

SDK

クライアントのブランド、デザインシステム、既存のWebプレゼンスに準拠することが強く求められる、より複雑なUIでは、SDKがConstellationアプリケーション統合で利用できます。 

現在、Constellation SDKには次の3つがあります。Angular、React、およびWebコンポーネント。各SDKは、Constellationデザインシステム以外のデザインシステムでPegaアプリケーションを迅速に構築できるようにフロントエンドエンジニアを支援するツールの集合です。

Constellation DX API

Constellation DX APIは、モデル主導のREST APIエンドポイントのセットであり、ビュールールに保存されたケースデータとUIメタデータを返します。Constellation DX APIは、すぐに利用可能なConstellation UI実装を強化するだけでなく、あらゆるフロントエンドテクノロジーをサポートしており、熟練したフレームワークとフロントエンドのエンジニアが利用でき、クライアントのテクノロジースタック上に完全にカスタムされたConstellationエクスペリエンスを構築できます。

次の問題に答えて、理解度をチェックしましょう。