Constellationのフォーム

フォームビューは、ケースタイプのWorkflowタブ、またはケースタイプまたはデータオブジェクトのUXタブの2つの方法で設定できます。

Workflowタブ

Workflowタブで、ケースライフサイクルのステップのビューを設定すると、システムによってフォームビューが作成されます。Workflowタブで作成したフォームビューの例を次の図に示します。

UXタブ

UXタブの「Other Views」ペインで、以下のいずれかのビュータイプを作成できます。

• List
• Partial
• Form

テンプレートと設定オプションは、作成するビューのタイプによって異なります。UXタブで作成されたフォームビューの例は、次の図のようになります。

フォームビューを作成または設定すると、レイアウトとインストラクションのオプションが表示されます。 

テンプレート

以下の図に示すように、デフォルトでは、フォームビューはDefault formテンプレートオプションを使用します。

別のテンプレートを使用するには、UXタブで別のビュータイプを作成します。以下の表は、さまざまなビュータイプとテンプレートオプションについて説明しています。

レイアウト

フォームレイアウトを設定する際には、フォームに含める必要がある列の数を設定します。Constellationのフォームでは1～3列を使用できますが、ベストプラクティスとしては、大部分のユースケースで2列のレイアウトを使用してください。  

フォームに含めるフィールドは、所定の設計基準に応じてサイズと幅を自動調整します。たとえば、2列のフォームテンプレートでは、「Text (single line)」や「Currency」などの入力値は1列のみ使用します。より広い入力（リッチテキストエディター、テキストエリア、ラジオグループ、チェックボックス、ブール値、添付ファイルなど）は、2つの列にまたがって任意の高さにできる入力です。この調整により、使い勝手が向上し、タブでユーザーが上から下ではなく左から右に移動できるようになります。  

次の図は、入力タイプに応じてレイアウトを調整するデフォルトのフォームテンプレートを示しています。 

インストラクション

デフォルトでは、フォームビューには、ケースライフサイクルから設定したステップインストラクションが表示されます。フォームビューでは、次の図に示すように、ケースステップインストラクションをカスタムテキストで上書きするか、ステップインストラクションを非表示にするかを選択できます。

フィールドグループは、個々のフィールドのクラスターです。個々のフィールドがまとまって、ビュー内で関連データを表示します。個々のフィールドは、ケースタイプのデータモデルまたはさまざまなデータオブジェクトから取得できます。 

フィールドグループは、フィールドを1つのヘッダーのもとにまとめて整理するのに役立つほか、ユーザーがビューに表示される情報を簡単に利用できるようにするために、インストラクションを追加したり、ビュー内の折りたたみ可能なセクションのフィールドを一時的に非表示にしたりできるツールも備えています。

ビュー内のフィールドグループは、そのビューだけの固有のものです。他のビューで再利用することはできません。

 フォームはユーザーからデータを収集し、作業を処理するためのインターフェイスです。オンラインフォームが長くて複雑だと、ユーザーにとって操作が難しくなるかもしれません。

たとえば、次の画像のようなオンライン注文フォームには、多数の必須データが含まれます。ユーザーは連絡先、購入アイテム、支払方法を入力する必要があります。 

マルチステップフォームでは、分類された複数の簡単なビューで構成された1つのアサインメントの処理を1ユーザーが行います。誘導型の直線的なワークフローで、関連する複数のUI画面で操作を行います。

マルチステップのフォームを設定することで、複雑なタスクも処理しやすくなります。たとえば、オンライン注文の分かりにくいシングルフォームの代わりに、マルチステップフォームを設定できます。 マルチステップ フォームでは、オンライン注文フォームの情報をシンプルで操作しやすい一連の画面に表示します。

マルチステップフォームには、横型、縦型、標準の3種類のナビゲーションスタイルがあります。3つのスタイルすべてで、ユーザーはNext ボタンとPrevious ボタンを使用して、画面を操作します。次の図は、標準ナビゲーションを使用するオンライン注文マルチステップフォームを示しています。

横型ナビゲーションと縦型ナビゲーションでは、ナビゲーションメニュー（横向きまたは縦向き）に、マルチステップフォーム内のどのステップでユーザーがオンになっているかを表示します。次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームを示しています。

マルチステップフォームは、情報を順序立てて入力するのに適していますが、必須フィールドがなく、フォームが送信されていない限り、ユーザーはビュー間を移動できます。  Submit オプションは、マルチステップフォームの最後の画面で利用できます。次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームの最後のステップを示しています。

マルチステップフォームと同様に、階層フォームは多くのフィールドにまたがるデータで構成される複雑なアサインメントを、より小さな関連するフィールドのグループに分割します。 階層フォームにより、ケース処理中のユーザーのスクロールが減り、ウィンドウ領域が最適化されます。 

マルチステップフォームでは複数のフォームビューに情報を分割するのに対し、階層フォームでは1つのフォームビューで複数のタブに情報を分割します。  各タブはフォームグループと呼ばれます。階層フォームのフォームグループは独立したビューではなく、ビューリストを通じて再利用またはアクセスすることはできません。

ベストプラクティスとして、ユーザーがフォームに順番に入力する必要がある場合はマルチステップフォーム、ユーザーが任意の順序でフォームに入力してよい場合は階層フォームが推奨されます。

次の画像は、Pega Platformで設計時の階層フォームを示しています。