Constellationのフォーム
ビューは、ケースとやり取りするために使用できるUI要素の再利用可能な設定です。 フォームはユーザーからデータを収集し、作業を処理するためのインターフェイスです。 フォームには1つ以上のビューを含めることができます。 ただし、ビューは常にフォームになるとは限りません。 たとえば、オンラインショッピングのサイトでは、顧客が個人情報や配送先情報などを入力する必要があります。 ビューには、First Name（名）、Last Name（姓）、State（州）、Country（国）などのUI要素があります。 フォームには、送信ボタンとキャンセルボタンを含めることができます。
Constellation UIアーキテクチャでは、フォームは、、、などのボタンによって事前に設定されています。
次の画像で「+」アイコンをクリックすると、フォーム、ビュー、フィールドを連携させてケース用のインタラクティブウェブページを作成する方法の詳細が表示されます。
マルチステップフォーム
オンラインフォームが長くて複雑だと、ユーザーにとって操作が難しくなるかもしれません。 フォームはユーザーからデータを収集し、作業を処理するためのインターフェイスです。
たとえば、以下の画像のようなオンライン注文フォームには、多数の必須データが含まれます。 ユーザーは連絡先、購入アイテム、支払方法を入力する必要があります。
マルチステップフォームの利点
マルチステップフォームでは、1ユーザーが1つのアサインメントの処理を行います。 誘導型の直線的なワークフローで、関連する複数のUI画面で操作を行います。
補足： Createステージのデフォルトの作成プロセスは、マルチステップフォームです。
マルチステップのフォームを設定することで、複雑なタスクも処理しやすくなります。 たとえば、オンライン注文の分かりにくいシングルフォームの代わりに、マルチステップフォームを設定できます。マルチステップフォームでは、オンライン注文フォームの情報を分類された複数の簡単な画面に表示します。
マルチステップフォームの操作
マルチステップフォームには、横型、縦型、標準の3種類のナビゲーションスタイルがあります。 3つのスタイルすべてで、ユーザーはNext ボタンとPrevious ボタンを使用して、画面を操作します。 次の図は、標準ナビゲーションを使用するオンライン注文マルチステップフォームを示しています。
横型ナビゲーションと縦型ナビゲーションでは、ナビゲーションメニュー（横向きまたは縦向き）に、マルチステップフォーム内のどのステップでユーザーがオンになっているかを表示します。 次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームを示しています。
ユーザーはスクリーンが送信されていない限り、任意の順序でスクリーンに情報を入力、保存、変更できます。 Submit オプションは、マルチステップフォームの最後の画面で利用できます。 次の図は、縦型ナビゲーションを使用したオンライン注文マルチステップフォームの最後のステップを示しています。
以下のインタラクションで理解度をチェックしてください。
このトピックは、下記のモジュールにも含まれています。
トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。