アダプティブフォームの作成(基盤コンポーネント) creating-an-adaptive-form

バージョン
記事リンク
AEM 6.5
ここをクリックしてください
AEM as a Cloud Service
この記事

アダプティブフォームの新規作成または AEM Sites ページへのアダプティブフォームの追加には、最新の拡張可能なデータキャプチャコアコンポーネントを使用することをお勧めします。これらのコンポーネントは、アダプティブフォームの作成における大幅な進歩を表し、ユーザーエクスペリエンスの向上を実現します。この記事では、基盤コンポーネントを使用してアダプティブFormsを作成する古い方法について説明します。

アダプティブフォームを使用すると、魅力的でレスポンシブ、かつ動的でアダプティブなフォームを作成できます。AEM Forms は、アダプティブ Forms を素早くオーサリングするための、ビジネスユーザーにとってわかりやすいウィザードを提供します。 このウィザードはクイックタブナビゲーションを備えており、アダプティブフォームを作成するための事前設定済みのテンプレート、スタイル設定、フィールド、送信オプションを簡単に選択することができます。

開始する前に、使用可能な Forms コンポーネントのタイプについて学習します。

  • アダプティブフォームコアコンポーネントは、標準化されたデータキャプチャコンポーネントです。これらのコンポーネントは、デジタル登録エクスペリエンスでのカスタマイズ機能を提供し、開発時間を短縮し、メンテナンスコストを削減します。開発者は、これらのコンポーネントを簡単にカスタマイズし、スタイルを設定できます。これらの最新かつ拡張性の高いコンポーネントを活用してアダプティブフォームを開発することをお勧めします。

  • アダプティブフォーム基盤コンポーネントは、従来の(古い)データキャプチャコンポーネントです。引き続きこれらを使用して、既存の基盤コンポーネントベースのアダプティブフォームを編集できます。 新しいフォームを作成する場合は、アダプティブフォームコアコンポーネントを使用してアダプティブフォームを作成することをお勧めします。

アダプティブフォームの作成ウィザード

前提条件

アダプティブフォームを作成するには、以下が必要です。

  • 権限:ユーザーを forms-users に追加し、アダプティブフォームを作成するための権限をユーザーに付与します。フォーム専用のユーザーグループの詳細なリストについては、グループと権限を参照してください。

  • アダプティブフォームのテーマ:テーマには、コンポーネントとパネル向けのスタイル設定の詳細が含まれます。 スタイルには、背景カラー、ステートカラー、透明度、配置、サイズなどのプロパティが含まれます。テーマを適用すると、指定したスタイルが対応するコンポーネントに反映されます。テーマを作成するか、既存のテーマを読み込むことができます。一部のサンプル テーマでは、最新のアーキタイプをデプロイすることもできます。

  • アダプティブフォームテンプレート:テンプレートは基本構造を提供し、アダプティブフォームのアピアランス(レイアウトとスタイル)を定義します。これには、特定のプロパティやコンテンツ構造を有するフォーマット済みのコンポーネントが含まれます。また、テーマと送信アクションを定義するオプションも提供されます。 テーマは、ルックアンドフィールと送信アクションを定義し、アダプティブフォームの送信時に実行するアクションを定義します。 例えば、収集したデータをデータソースに送信する場合などです。 Cloud Service は、2 種類のテンプレートをサポートしています。

    • 編集可能テンプレート:編集可能テンプレートを作成するか、既存の編集可能テンプレートを読み込むことができます。また、最新のアーキタイプをデプロイして、編集可能なテンプレートのサンプルを取得することもできます。

    • 静的テンプレート:これらは従来のテンプレートで、Adobe Managed Services(AMS)およびオンプレミスの AEM Forms のインストール(AEM 6.5 Forms 以前)から移行する顧客にのみ推奨されます。 静的テンプレートに対する既存の投資を引き続き使用することができます。アダプティブフォームを作成する場合は、編集可能テンプレートを使用します。

アダプティブフォームの作成(基盤コンポーネント) create-an-adaptive-form-foundation-components

  1. Experience Manager Forms オーサーインスタンスにアクセスします。Cloud インスタンスまたはローカル開発インスタンスの場合があります。

  2. Experience Manager のログインページに資格情報を入力します。

    ログイン後、左上隅の Adobe Experience ManagerFormsフォームとドキュメント ​を選択します。

  3. 作成アダプティブフォーム ​を選択します。ウィザードが開きます。

  4. ソースタブで、テンプレートを選択します。

    • 編集可能なテンプレートを選択すると、テンプレートで指定されたテーマと送信アクションが自動的に選択され、「作成」ボタンが有効になります。「スタイル」または「送信」タブを使用して、別のテーマや送信アクションを選択することができます。 選択した編集可能テンプレートでテーマが指定されていない場合、作成ボタンは無効のままです。 「スタイル」タブに進み、テーマを手動で選択することができます。

      note note
      NOTE
      アダプティブフォームエディターを使用して、レコードのドキュメントテンプレートを作成することもできます。詳しくは、「アダプティブフォームエディターでのレコードのドキュメントのサポート」を参照してください。
    • 静的テンプレートを選択すると、データ、スタイル、送信、配信、プレビューの各オプションは使用できなくなります。 アダプティブフォームを作成する場合は、編集可能テンプレートを使用します。

  5. スタイル」タブで、テーマを選択します。

    • 選択したテンプレートでテーマを指定すると、ウィザードでテーマが自動的に選択されます。 「スタイル」タブから別のテーマを選択することもできます。
    • 選択したテンプレートにテーマが指定されていない場合は、「スタイル」タブを使用してテーマを選択することができます。 この「作成」ボタンは、テーマが選択された後にのみ有効になります。
  6. (オプション)「データ」タブで、データモデルを選択します。

    • フォームデータモデルフォームデータモデルを使用すると、異なるデータソースのエンティティやサービスをアダプティブフォームに統合することができます。 作成するアダプティブフォームで、複数のデータソースに対するデータの取得と書き込みが必要になる場合は、フォームデータモデルを選択します。

    • JSON スキーマJSON スキーマは、組織内のバックエンドシステムによってデータが作成または使用される構造を表します。アダプティブフォームにスキーマを関連付けて、そのスキーマの要素を使用することにより、アダプティブフォームに動的コンテンツを追加できます。スキーマの要素は、アダプティブ フォームを作成するときにコンテンツブラウザーの「データモデルオブジェクト」タブで使用することができ、すべてのフィールドも作成されたアダプティブフォームに追加されます。

    デフォルトでは、データモデルのすべてのフィールドが選択されます。 アダプティブフォームを作成すると、選択したすべてのデータモデルフィールドが、対応するアダプティブフォームのコンポーネントに変換されます。 ウィザードには、アダプティブフォームに含める必要のあるフィールドのみを選択するチェックボックスが表示されます。

  7. 送信」タブで、送信アクションを選択します。

    • テンプレートを選択すると、テンプレートで指定された送信アクションが自動選択されます。 「送信」タブから、別の送信アクションを選択することができます。 「送信」タブには、使用可能なすべての送信アクションが表示されます。

    • 選択したテンプレートで送信アクションが指定されていない場合は、「送信」タブを使用して送信アクションを選択することができます。

  8. (オプション)「配信」タブで、アダプティブフォームの公開日または非公開日を指定することができます。

  9. 作成」を選択します。アダプティブフォームを保存するためのタイトル、名前および場所を指定するためのダイアログが表示されます。

    • タイトル:フォームの表示名を指定します。タイトルを指定すると、Experience Manager Forms ユーザーインターフェイス内のフォームを特定しやすくなります。
    • 名前: ​フォームの名前を指定します。指定された名前のノードがリポジトリーに作成されます。タイトルを入力し始めると、名前フィールドの値が自動的に生成されます。候補として入力された値は変更可能です。「ドキュメント名」フィールドには、英数字、ハイフン、アンダースコアのみを使用できます。無効な入力は、すべてハイフンに置き換えられます。
    • パス:アダプティブフォームを保存する場所を指定します。 アダプティブフォームは、/content/dam/formsanddocuments に直接保存することができます。または、/content/dam/formsanddocuments/adaptiveforms などのフォルダーを作成して、アダプティブフォームを保存することができます。フォルダーをパスで使用する前に、必ずフォルダーを作成してください。 「パス」フィールドでは、フォルダーは自動的には作成されません。
  10. 作成」を選択します。アダプティブフォームが作成され、アダプティブフォームエディターで開きます。エディターに、テンプレートで使用可能なコンテンツが表示されます。 作成されたフォームを必要に応じてカスタマイズするためのサイドバーも表示されます。

    アダプティブフォームのタイプに応じて、関連する JSON スキーマまたはフォームデータモデルに存在するフォーム要素が、サイドバーの​ コンテンツブラウザ ​の「データモデルオブジェクト」タブに表示されます。これらの要素もアドラッグ&ドロップしてダプティブフォームを作成できます。

アダプティブフォームのフォームモデルプロパティの編集 edit-form-model

アダプティブフォーム(JSON ベースまたはフォームデータモデル)のフォームモデルを変更することができます。フォームモデルを別のフォームモデルに変更することはできません。

  1. アダプティブフォームを選択し、「プロパティ」アイコンをクリックします。

  2. フォームモデル」タブを開き、以下のいずれかを実行します。

    • アダプティブフォームにフォームモデルがない場合、別のフォームモデルを選択し、それに応じて XML スキーマ、JSON スキーマまたはフォームデータモデルを選択できます。
    • アダプティブフォームがフォームモデルに基づいている場合、同じフォームモデルに対して別の XML スキーマ、JSON スキーマまたはフォームデータモデルを選択できます。
  3. 保存」を選択して、プロパティを保存します。

アダプティブフォームエディターまたはアダプティブフォームテンプレートエディターから、フォームモデルプロパティを変更することもできます。

  1. アダプティブフォームコンテナ(ルート) ​コンポーネントを選択します。

  2. 設定アイコン アイコンをクリックして、アダプティブフォームコンテナの​ プロパティ ​を開きます。

  3. データモデル」タブを選択し、以下のいずれかを実行します。

    • アダプティブフォームにフォームモデルがない場合、フォームモデルを 1 つ選択し、それに応じて XML/JSON スキーマまたはフォームデータモデルを選択することができます。
    • アダプティブフォームがフォームモデルに基づいている場合、そのフォームモデルを変更することはできません。 別の XML スキーマまたは JSON スキーマを選択するか、同じフォームモデルのフォームデータモデルを適宜選択することができます。
  4. 保存 」を選択して、プロパティを保存します。

FDM スキーマのサポート

NOTE
アダプティブフォームをテンプレートとして保存することもできます。 詳しくは、アダプティブフォームを使用したテンプレートの作成を参照してください。

関連トピック see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab