ポータル上のフォーム公開の概要

最終更新日： 2024年7月15日
  • トピック：

作成対象：

  • 管理者
  • ユーザー
  • 開発者
バージョン記事リンク
AEM as a Cloud Serviceここをクリックしてください
AEM 6.5この記事

AEM Forms ポータルのコンポーネントの概要

一般的なフォーム中心のポータルのデプロイメントシナリオでは、フォームの開発とポータルの開発が別々に行われます。フォームデザイナーがフォームを設計してリポジトリに保存する一方、web 開発者は web アプリケーションを作成してフォームを一覧表示し、フォームの送信を処理します。フォームリポジトリと web アプリケーション間では通信が行われないため、フォームは web 層にコピーされます。

このようなシナリオでは、管理上の問題が発生したり生産が遅延したりすることがよくあります。例えば、リポジトリで新しいバージョンのフォームを利用できる場合、web 層でフォームを置換し、web アプリケーションを変更し、公共サイトでフォームを改めてデプロイする必要があります。Web アプリケーションを改めてデプロイすることによって、サーバーのダウンタイムが発生する可能性があります。通常、サーバーのダウンタイムは計画的に行われるため、変更を瞬時に公開サイトにプッシュすることはできません。

AEM Forms は管理のオーバーヘッドと実稼働の遅延を低減するポータルコンポーネントを提供します。コンポーネントにより、web 開発者は Adobe Experience Manager（AEM）を使用して作成された web サイト上にフォームポータルを作成してカスタマイズできます。

AEM Forms ポータル

フォームポータルコンポーネントを使用すると、以下の機能を追加することができます。

  • カスタマイズしたレイアウトでフォームを一覧表示します。出荷時の設定で、リスト表示、カード表示、パネル表示用のレイアウトをすぐに使用できる。独自のカスタムレイアウトを作成できます。
  • カスタムメタデータとカスタムアクションをリストにしながら表示できる。
  • フォームポータルコンポーネントを使用しているパブリッシュインスタンス上の AEM Forms UI が発行したフォームを一覧表示します。
  • エンドユーザーが HTML 形式および PDF 形式でフォームをレンダリングできるようにします。
  • カスタム HTML プロファイルを使用してフォームをレンダリングします。
  • 様々な検索条件（フォームプロパティ、メタデータ、タグなど）に基づいたフォームの検索を有効にします。
  • フォームデータをサーブレットに送信します。
  • カスタム CSS を使用してポータルのルックアンドフィールをカスタマイズします。
  • フォームへのリンクを作成します。
  • エンドユーザーが作成したアダプティブフォームに関連するドラフトおよび送信を一覧表示できる。

使用可能な AEM Forms ポータルコンポーネント

AEM Forms は以下の標準ポータルコンポーネントを、ドキュメントサービス ​および​ ドキュメントサービス術後 ​のコンポーネントグループにグループ化して提供します。

検索とリスター

検索とリスターコンポーネントを使用すると、フォームリポジトリのフォームをポータルページに一覧表示できるほか、指定された基準に基づいてフォームを一覧表示する設定オプションが提供されます。また、検索条件を指定して、ポータルユーザーがフォームのリスト全体を検索できるようにすることもできます。

ドラフトと送信

検索とリスターコンポーネントがフォーム作成者によって公開されたフォームを表示する一方、ドラフトと送信コンポーネントは、後で完成させるためにドラフトとして保存されたフォームと送信されたフォームを表示します。このコンポーネントは、ログインしたユーザーに対してパーソナライズされたエクスペリエンスを提供します。

リンクコンポーネントを使用すると、ページの任意の場所にあるフォームへのリンクを作成できます。トレーニングプログラムを提供しており、ユーザーにトレーニングに登録するためのフォームを送信してもらいたいというシナリオを考えます。Web サイトに、プログラムの詳細を投稿しました。詳細の下に、登録フォームへのリンクを提供したいとします。リンクコンポーネントは、そのリンクの作成に役立ちます。

フォームポータルのワークフロー

フォームポータルを使用すると、フォームリポジトリからポータルページにフォームを一覧表示できます。また、検索条件を指定して、ポータルユーザーがフォームのリスト全体を検索できるようにすることもできます。ドラフトと送信コンポーネントを使用して、後で完成させるためにドラフトとして保存されたフォームや送信済みのフォームを表示することもできます。これらの機能を Sites ページで使用するには、一連の操作を実行する必要があります。リストに表示された順序で手順を実行して、コンポーネントと各機能をサイトページで使用できるようにします。

  1. フォームポータルコンポーネントを有効にする：標準提供のフォームポータルコンポーネントは使用できません。AEM Sites ページ用に AEM サイドキックからコンポーネントを有効にします。

  2. ページ上のフォームを一覧表示（フォームポータルページを作成）： AEM Sites ページと非 AEM Site ページの両方でフォームを一覧表示できます。リストには、パブリッシュインスタンスで使用できるフォームが含まれています。ユーザーはフォームを開き、入力を開始できます。ユーザーがフォームを開くたびに、フォームの新しいインスタンスが作成されます。

    1. AEM Sites ページ上のフォームを一覧表示：Search & Lister コンポーネントをページに追加してその中に​ リストペイン ​を設定し、 ページ上のフォームを一覧表示します。検索ペイン ​コンポーネントを Search & Lister コンポーネントに追加して設定し、ページにも検索機能を追加します。フォームポータルコンポーネントを含むページは、フォームポータルページと呼ばれます。

    2. 非 AEM Sites ページ上のフォームを一覧表示： フォームポータル検索 API を使用して、非 AEM Sites のページのフォームをクエリ、取得、一覧表示します。

  3. フォームポータルページ上のドラフトフォームと送信済みフォームを一覧表示：ドラフトと送信コンポーネントをフォームポータルページに追加して設定します。このコンポーネントは、ドラフト状態のすべてのフォームと、既に送信済みのフォームを一覧表示します。

    アダプティブフォームの送信を有効化して「送信」タブに表示するには、「送信アクション」を「フォームポータル送信アクション」に設定します。 ​または、「フォームポータル送信」オプションを有効にします。ユーザーがフォームを送信するたびに、フォームが「送信」タブに追加されます。

  4. ドラフトおよび送信済みのフォームデータのストレージを設定： ​デフォルトでは、ドラフトと送信データは AEM リポジトリに保存されます。実稼働環境では、ドラフトまたは送信済みのフォームデータを AEM リポジトリに格納しないことをお勧めします。安全な場所にデータを保存するためのフォームポータルコンポーネントを設定します。

  5. （オプション）フォームポータルコンポーネントのカスタマイズ：フォームポータルのページテンプレートをカスタマイズして、コンポーネントに独特の外観を提供します。

  6. （オプション）フォームにカスタムメタデータを追加：フォームにカスタムメタデータを追加して、リストと検索のエクスペリエンスを向上させます。

  7. フォームポータルページを公開： ​これで、フォームポータルページの準備が整いました。ページを公開します。

前のページアダプティブフォームの A/B テストの作成と管理
次のページドラフトと送信コンポーネントとデータベースの統合のサンプル

Experience Manager