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

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

アダプティブフォームを作成するためのウィザード

前提条件

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

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

    • 編集可能テンプレート:以下が可能です。 新しい または 既存の編集可能テンプレートのインポート. また、 最新のアーキタイプ 編集可能なテンプレートのサンプルを取得します。
    • 静的テンプレート:これらは従来のテンプレートで、Adobe Managed Services(AMS) およびオンプレミスのAEM Formsインストール (AEM 6.5 Forms以前 ) から移行する場合にのみお勧めします。 静的テンプレートに対する既存の投資を引き続き活用できます。 新しいアダプティブフォームを作成する場合は、編集可能なテンプレートを使用することをお勧めします。
  • アダプティブフォームのテーマ:テーマには、コンポーネントとパネルのスタイル設定の詳細が含まれます。 スタイルには、背景色、状態色、透明度、配置、サイズなどのプロパティが含まれます。テーマを適用すると、指定したスタイルが対応するコンポーネントに反映されます。以下が可能です。 新しいテーマを作成する または 既存のテーマを読み込む. また、 最新のアーキタイプ を参照してください。

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

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

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

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

  3. タップ 作成 > アダプティブForms. ウィザードが開きます。

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

    • 編集可能テンプレートを選択すると、テンプレートで指定されたテーマと送信アクションが自動選択され、 作成 」ボタンが有効になっている。 次に進むことができます: スタイル または 送信 タブを使用して、別のテーマや送信アクションを選択します。 選択した編集可能テンプレートでテーマが指定されていない場合、作成ボタンは無効のままです。 次に進むことができます: スタイル タブをクリックして、テーマを手動で選択します。
    • 静的テンプレートを選択すると、データ、スタイル、送信、配信、プレビューの各オプションは使用できなくなります。 新しいアダプティブフォームを作成する場合は、編集可能なテンプレートを使用することをお勧めします。
  5. 「スタイル」タブで、テーマを選択します。

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

    • フォームデータモデル:A フォームデータモデル を使用すると、異なるデータソースのエンティティやサービスをアダプティブフォームに統合できます。 作成するアダプティブフォームで、複数のデータソースからのデータの取得および書き込みが必要な場合は、「フォームデータモデル」を選択します。
    • JSON スキーマ: JSON スキーマ は、組織のバックエンドシステムによってデータが生成または消費される構造を表します。 アダプティブフォームにスキーマを関連付けて、そのスキーマの要素を使用することにより、アダプティブフォームに動的なコンテンツを追加できます。スキーマの要素は、アダプティブFormsのオーサリング時に、コンテンツブラウザーの「データモデルオブジェクト」タブで使用でき、すべてのフィールドも新しく作成されたアダプティブフォームに追加されます。

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

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

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

    • 選択したテンプレートで送信アクションが指定されていない場合は、 送信 送信アクションを選択するタブ

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

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

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

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

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

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

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

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

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

このページ