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

最終更新日: 2023-07-26
  • 作成対象:
  • Beginner
    User
    Developer

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

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

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

アダプティブフォームを作成するには、次の手順に従います。

  1. https://'[server]:[port]'/<custom-context-if-any>. で Experience Manager Forms オーサーインスタンスにアクセスします。

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

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

    メモ

    デフォルトのインストールでは、ログインは admin、パスワードは admin に設定されています。

  3. 作成」をタップして、「アダプティブフォーム」を選択します。

  4. テンプレートを選択するためのオプションが表示されます。テンプレートについて詳しくは、「アダプティブフォームのテンプレート」を参照してください。テンプレートをタップして選択し、「次へ」をタップします。

  5. 「プロパティの追加」オプションが表示されます。以下のプロパティフィールドの値を指定します。「タイトル」フィールドと「ドキュメント名」フィールドは必須です。

    • タイトル:​フォームの表示名を指定します。タイトルを指定すると、Experience Manager Forms ユーザーインターフェイス内のフォームを特定しやすくなります。
    • 名前:​フォームの名前を指定します。指定された名前のノードがリポジトリーに作成されます。タイトルを入力し始めると、名前フィールドの値が自動的に生成されます。候補として入力された値は変更可能です。「ドキュメント名」フィールドには、英数字、ハイフン、アンダースコアのみを使用できます。無効な入力は、すべてハイフンに置き換えられます。
    • 説明:​フォームに関する詳細情報を指定します。
    • タグ:​アダプティブフォームをユニークに特定するためのタグを指定します。タグを指定すると、フォームを検索しやすくなります。タグを作成するには、「タグ」ボックスに新しいタグ名を入力します。
  6. 次のフォームモデルのいずれかを基にアダプティブフォームを作成できます。

    これらは、プロパティを追加​ページの「フォームモデル」タブから設定できます。デフォルトで選択されているフォームモデルは、「なし」です。

  7. 作成」をタップします。アダプティブフォームが作成され、編集用フォームを開くためのダイアログが表示されます。

    すべてのプロパティを指定した後、「作成」をクリックします。アダプティブフォームが作成され、編集用フォームを開くためのダイアログが表示されます。

    すべてのプロパティを指定した後、「作成」をクリックします。アダプティブフォームが作成され、編集用フォームを開くためのダイアログが表示されます。

  8. 開く」をタップし、新しく作成されたフォームを新しいタブで開きます。フォームが編集用に開かれ、テンプレート内の利用可能なコンテンツが表示されます。新しく作成されたフォームを必要に応じてカスタマイズするためのサイドバーも表示されます。

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

    アダプティブフォームのオーサリングインターフェイスと使用可能なコンポーネントについて詳しくは、 アダプティブフォームのオーサリングの概要.

    メモ

    ブラウザーでポップアップウィンドウを許可して、新しく作成されたフォームを新しいタブで開きます。

フォームデータモデルに基づくアダプティブフォームの作成

Experience Manager Forms のデータ統合機能を使用すると、複数のデータソースを統合し、それらのエンティティとサービスをまとめてフォームデータモデルを作成できます。これは、JSON スキーマの拡張機能です。フォームデータモデルを使用して、アダプティブフォームを作成することができます。 フォームデータモデルで設定されたエンティティまたはデータモデルオブジェクトは、フォームのオーサリング用のデータモデルオブジェクトとして使用できます。 これらは各データソースに結合され、フォームの事前入力や送信済みデータの各データソースへの書き戻しに使用されます。アダプティブフォームルールを使用して、フォームデータモデル内で設定されているサービスを呼び出すこともできます。

フォームデータモデルを使用してアダプティブフォームを作成するには:

  1. プロパティを追加画面の「フォームモデル」タブで、 次から選択 ドロップダウンリストから「フォームデータモデル」を選択します。

    create-af-1-1

  2. フォームデータモデルを選択」をタップして展開します。使用可能なすべてのフォームデータモデルが表示されます。

    データモデルからを選択します。

    create-af-2-1

メモ

アダプティブフォーム向けにフォームデータモデルを変更することもできます。手順について詳しくは、アダプティブフォームのフォームモデルプロパティの編集を参照してください。

XFA フォームテンプレートに基づくアダプティブフォームの作成

XFA フォームテンプレートを再利用して、アダプティブフォームを作成することができます。 再利用するには、XFA フォームテンプレートをアップロードし、アダプティブフォームに関連付けます。 フォームテンプレート(XFA フォーム)の要素は、アダプティブフォームの作成時にコンテンツファインダーで使用できるようになります。 フォームテンプレート要素は、コンテンツファインダーからフォームにドラッグ&ドロップできます。

XML スキーマまたは JSON スキーマに基づくアダプティブフォームの作成

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

アダプティブフォームをオーサリングするための XML または JSON スキーマのデザイン方法については、以下のドキュメントを参照してください。

アダプティブフォームのフォームモデルとして XML スキーマまたは JSON スキーマを使用するには、以下を行ってください。

  1. アダプティブフォーム作成ページの​プロパティを追加​ステップで、「フォームモデル」タブをタップします。

  2. 「フォームモデル」のタブで、 次から選択 ドロップダウンから「スキーマ」を選択します。

  3. スキーマを選択」をタップして、以下のいずれかの操作を行います。

    • ディスクからアップロード - このオプションを選択して、「スキーマ定義をアップロード」をタップし、ファイルシステムから XML スキーマまたは JSON スキーマを参照してアップロードします。アップロードされたスキーマファイルはフォームと共に存在し、他のアダプティブフォームからはアクセスできません。
    • リポジトリーを検索 - このオプションを選択して、リポジトリーで使用できるスキーマ定義ファイルのリストから選択します。XML または JSON スキーマファイルをフォームモデルとして選択します。選択したスキーマが参照されてフォームに関連付けられ、他のアダプティブフォームからアクセスして使用できるようになります。
    注意

    JSON スキーマファイル名が .schema.json で終わることを確認してください。例:mySchema.schema.json

    XML または JSON スキーマの選択
    XML または JSON スキーマの選択

  4. (XML スキーマのみ)XML スキーマを選択またはアップロードした後、選択した XSD ファイルのルートエレメントを指定してアダプティブフォームにマッピングします。

    XSD ルート要素の選択
    XSD ルート要素の選択

メモ

アダプティブフォームのスキーマを変更することもできます。手順について詳しくは、アダプティブフォームのフォームモデルプロパティの編集を参照してください。

アダプティブフォームテンプレート

テンプレートは基本的な構造を提供し、アダプティブフォームの外観(レイアウトとスタイル)を定義します。 これには、特定のプロパティやコンテンツ構造を有するフォーマット済みのコンポーネントが含まれます。

さらに、テンプレートエディターを使用して独自のテンプレートを作成できます。 テンプレートの操作について詳しくは、 アダプティブフォームテンプレート.

メモ

高度なテンプレートを使用して作成されたアダプティブフォームを編集用に開くと、エラーメッセージが表示されます。 高度なテンプレートには署名ステップコンポーネントがあり、Adobe Signはデフォルトで有効になっています。 を作成して選択します。 Adobe Signクラウド設定 および 署名者の設定 をクリックしてエラーを解決します。

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

アダプティブフォームは、フォームモデルを使用せず(フォームモデルの「なし」オプションを使用)、またはフォームテンプレート、XML スキーマ、JSON スキーマ、フォームデータモデルなどのフォームモデルを使用して作成されます。 アダプティブフォームのフォームモデルは、「なし」から別のフォームモデルに変更できます。 フォームモデルに基づくアダプティブフォームの場合は、同じフォームモデルに対して別のフォームテンプレート、XML スキーマ、JSON スキーマ、またはフォームデータモデルを選択できます。 ただし、フォームモデルを別のフォームモデルに変更することはできません。

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

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

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

アダプティブフォームの自動保存

デフォルトでは、アダプティブフォームのコンテンツは、保存ボタンを押したときなど、ユーザーの操作時に保存されます。 アダプティブフォームを設定して、イベントまたは時間間隔に基づいてコンテンツの自動保存を開始することもできます。 自動保存オプションは、次の場合に役立ちます。

  • 匿名ユーザーおよびログインユーザー向けにコンテンツを自動的に保存
  • ユーザーの介入をほとんどまたはほとんど必要とせずにフォームのコンテンツを保存する
  • ユーザーイベントに基づいてフォームのコンテンツの保存を開始する
  • 指定した時間間隔の後で繰り返しフォームのコンテンツを保存する

アダプティブフォームの自動保存を有効にする

デフォルトでは、自動保存オプションは有効になっていません。 自動保存オプションは、アダプティブフォームの「自動保存」タブで有効にすることができます。 「自動保存」タブには、その他の設定オプションもいくつか用意されています。 次の手順を実行して、アダプティブフォームの自動保存オプションを有効に設定します。

  1. プロパティの「自動保存」セクションにアクセスするには、コンポーネントを選択して、フィールドレベルアダプティブフォームコンテナcmppr の順にタップします。

  2. Adobe Analytics の 自動保存 セクション 有効にする 自動保存オプション。

  3. Adobe Analytics の アダプティブフォームイベント ボックスに 1 を指定するか、TRUE を指定すると、フォームがブラウザに読み込まれたときに自動的にフォームの保存が開始されます。 また、イベントの条件式を指定すると、そのイベントがトリガーされて true が返され、フォームのコンテンツの保存が開始されます。

  4. トリガー。 自動保存は、設定に基づいてトリガーされます。 以下のオプションがあります。

    • 時刻ベース:指定の時間間隔に基づいてコンテンツの保存を開始するには、このオプションを選択します。
    • イベントベース:イベントがトリガーされたときにコンテンツの保存を開始するには、このオプションを選択します。

    「トリガー」を選択すると、「方法の設定」ボックスが有効になります。 「方法の設定」ボックスでは、次の操作を実行できます。

    • 時刻ベース​のトリガーを選択した場合は、時間間隔を指定します。
    • イベントベース​のトリガーを選択した場合は、イベントの名前を指定します。
  5. (時間ベースの自動保存のみ)次の手順を実行して、時間ベースの自動保存のオプションを設定します。

    1. Adobe Analytics の この間隔で自動保存 ボックスに、時間間隔を秒単位で指定します。 「間隔」ボックスに指定した秒数が経過すると、フォームは繰り返し保存されます。
  6. (イベントベースの自動保存のみ)次の手順を実行して、イベントベースの自動保存のオプションを設定します。

    1. このイベント後に自動保存」ボックスで、GuideBridge イベントを指定します。式が TRUE に評価されるたびに、フォームが保存されます。
  7. (オプション)匿名ユーザーに対するコンテンツを自動的に保存するには、「匿名ユーザーの自動保存を有効にする」オプションを選択し、「OK」をクリックします。

    メモ

    自動保存オプションが匿名ユーザーに対して機能するには、すべてのユーザーにフォームのプレビュー、確認および署名を許可するように Forms 共通設定サービスが設定されていることを確認します。

    このサービスを設定するには、https://'[server]:[port]'system/console/configMgr にある Adobe Experience Manager の web コンソール設定に移動し、Forms 共通設定サービス を「許可」フィールドで「すべてのユーザー」オプションを選択するように編集し、設定を保存します。

このページ