アダプティブフォームのオーサリングの概要 introduction-to-authoring-adaptive-forms

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

XDP フォームテンプレートの使用
XFA ベースまたは XDP フォームに投資している場合、これは理想的なフォームモデルです。XFA ベースのフォームをアダプティブフォームに直接変換する方法を提供します。 既存の XFA ルールは、関連するアダプティブフォーム内でも保持されます。 作成されたアダプティブフォームは、検証、イベント、プロパティ、パターンなどの XFA 構成をサポートします。

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

フォームモデルを使用しない、または使用しない

サイドバー

ページツールバー

コンポーネントツールバー

アダプティブフォームページ

パネル、コンポーネント、フィールド、レイアウトなどのフォームのコンテンツを表示する。

コンポーネントのプロパティを編集する。

AEM Digital Asset Management（DAM）リポジトリのアセットを検索、表示、使用する。

フォームにコンポーネントを追加する。

クリックして拡大

コンテンツブラウザー

コンテンツブラウザーには、

• フォームオブジェクト

  フォームのオブジェクト階層を表示します。 作成者は、フォームオブジェクトツリーで要素をタップすることで、特定のフォームコンポーネントに移動できます。作成者は、このツリーでオブジェクトを探したり並べ替えたりできます。

• データモデルオブジェクト

  フォームモデルの階層を確認できます。

  フォームモデルの要素をアダプティブフォームにドラッグ＆ドロップできます。追加された要素は、元のプロパティを保持したまま、自動的にフォームコンポーネントに変換されます。XML スキーマ、JSON スキーマまたは XDP テンプレートをフォームで使用している場合は、データモデルオブジェクトを表示できます。

プロパティブラウザー

コンポーネントのプロパティを編集できます。コンポーネントに応じて、プロパティは異なります。アダプティブフォームコンテナのプロパティを確認するには：

コンポーネントを選択し、 ／アダプティブフォームコンテナ ​をタップして、 をタップしてください。

アセットブラウザー

画像、ドキュメント、ページ、動画など、様々なタイプのコンテンツを分類します。

コンポーネントブラウザー

アダプティブフォームを構築するために使用できるコンポーネントが含まれます。コンポーネントをアダプティブフォームにドラッグしてフォームエレメントを追加し、必要に応じて追加したエレメントを設定できます。以下の表で、コンポーネントブラウザーにリストされるコンポーネントについて説明します。

各コンポーネントには、そのコンポーネントの外観と機能をコントロールするプロパティが関連付けられています。コンポーネントのプロパティを設定するには、コンポーネントをタップし、 プロパティをタップして、プロパティブラウザーでコンポーネントプロパティを開きます。

コンポーネントは要素名で識別されます。コンポーネントの名前を変更するには、 をタップし、プロパティブラウザーで​ 要素名 ​フィールドの値を変更してください。要素名フィールドに使用できるのは、英字、数字、ハイフン（-）およびアンダースコア（_）のみです。その他の特殊文字は使用できません。また、要素名の先頭には文字を使用する必要があります。

フォーム上にタイトルが表示されている場合は、プロパティブラウザーを起動することなく、アダプティブフォームコンポーネントのタイトルプロパティをフォームエディター内でインライン編集することができます。そのためには、以下の手順を実行します。

1. 「タイトル」プロパティが設定されていて、「タイトルを非表示」プロパティが無効になっているコンポーネントをタップして選択します。
2. をタップして、タイトルを編集可能にします。
3. タイトルを変更し、Return キーをタップするかコンポーネント以外の場所をタップして、変更内容を保存します。変更内容を破棄する場合は Esc キーをタップします。

メールコンポーネントや電話番号コンポーネントなど、一部のアダプティブフォームコンポーネントには、すぐに使用できる検証パターンが用意されています。ただし、コンポーネントプロパティのパターンアコーディオンの下に表示されている「検証パターン」フィールドを更新することにより、カスタムの検証パターンを指定できます。デフォルトの検証パターンについて詳しくは、前述の表に記載されているコンポーネントの説明を参照してください。

「数値ボックス」や「電子メール」などのアダプティブフォームフィールドは、特殊な入力タイプのHTML5 を含むように設定できます。 モバイルデバイスやタブレットでこれらのフィールドにフォーカスを置くと、これらのフィールドで情報を入力する際に共通して使用される特定のアルファベット、数値、文字がキーパッドに表示されます。これにより、キーパッドの文字セットを切り替える必要がなくなるので、情報をすばやく入力できます。特定のコンポーネントで特殊な入力タイプを許可するには、そのコンポーネントのプロパティで「HTML タイプ番号を使用」チェックボックスを有効にします。

テキストボックスコンポーネントでリッチテキストを有効にすることもできます。テキストボックスにリッチテキストを入力できるようにするには、コンポーネントプロパティで「リッチテキストを許可」チェックボックスを有効にします。

テキストボックスコンポーネント、メールコンポーネント、電話番号コンポーネントを有効にすると、ブラウザーの自動入力設定に保存されている情報から各種フィールドの値（名前、住所、クレジットカード番号、電話番号、メールアドレスなど）が取得され、自動的に入力されます。この機能を有効にするには、コンポーネントプロパティで「自動入力を有効にする」を選択し、「自動入力属性」を選択します。ユーザーがアダプティブフォームに入力する際に、ブラウザーの自動入力プロファイルから、またはユーザーが以前に入力した値に基づいて、値が提案されます。 自動入力機能を使用するには、ブラウザーの自動入力設定がオンになっている必要があります。

コンポーネントプロパティでは、ラジオボタン項目とチェックボックス項目の値を {value}={text} という形式で指定します。

添付ファイルコンポーネントでは、デフォルトで、1 つのファイルのみを添付できます。 ただし、複数の添付ファイルをサポートするようにコンポーネントのプロパティを設定することはできます。 また、ユーザーが同じファイル名を持つ複数のファイルを添付すると、添付ファイルに問題が生じる場合があります。 したがって、フォームの送信時に、送信された添付ファイルごとに一意の識別子を関連付けることをお勧めします。 そのためには、以下の手順を実行します。

1. AEM Forms サーバーで、Adobe Experience Manager／ツール／操作／Web コンソール ​に移動します。
2. 「アダプティブフォーム設定サービス」を探してタップします。
3. アダプティブフォーム設定サービスダイアログで、「ファイル名を一意にする」を有効にします。このオプションは、デフォルトで無効になっています。

ユーザーが Safari ブラウザーを使用してPDFを添付できるようにするには、 application/pdf は、File attachment コンポーネントの Supported File Types プロパティに追加されます。 以前のバージョンのAEM Formsで作成されたアダプティブフォームには、次のものを含めることができます。 .pdf の代わりに application/pdf をクリックします。

サイドパネルを切り替え ：サイドバーの表示と非表示を切り替えます。

ページ情報 ：ページプロパティの表示、フォームの公開／非公開、フォームワークフローの開始、フォームをクラシック UI で開く操作が可能です。

エミュレーター ：タブレットや携帯電話など異なる画面サイズでのフォームの外観をエミュレートします。

編集:次のようなその他のモードを選択できます。 編集、スタイル、開発者、 ​および​ デザイン.

• 編集：フォームとそのコンポーネントのプロパティを編集できます。例えば、コンポーネントの追加、画像の削除、必須フィールドの指定などを行うことができます。

• スタイル：フォームのコンポーネントのアピアランスを調整できます。例えば、スタイルモードでパネルを選択してパネルの背景色を指定できます。

• 開発者：以下が可能です。

  • フォームの構成要素を確認できます。
  • 何がいつ、どこで起きているかを確認し、問題の解決に役立てます。

• デザイン:サイドバーに表示されていないカスタムコンポーネントや標準搭載のコンポーネントを有効または無効にできます。

プレビュー：フォーム公開時の外観をプレビューできます。

guideContainer：アダプティブフォームのルートです。これは、アダプティブフォーム UI 内で​ アダプティブフォームの開始 ​としてマークされています。このコンポーネントでは、以下のことを指定できます。

• アダプティブフォームのモバイルレイアウト:モバイルデバイスでのフォームの外観を定義します。
• ありがとうページ：フォームの送信後にユーザーがリダイレクトされるページを定義します。
• 送信アクション：ユーザーがフォームを送信した後に、サーバーでフォームを処理する方法を定義します。
• スタイリング：フォームのアピアランスをカスタマイズするために使用する CSS ファイルへのパスを指定します。

rootPanel:アダプティブフォームのルートパネル。 項目ノードの下にサブパネルを含むことができます。ルートパネルを含む各パネルは、それに関連付けられたレイアウトを持つことができます。パネルのレイアウトは、フォームをレイアウトする方法を指示します。例えば、アコーディオンレイアウトでは、その項目はアコーディオンステップとしてレイアウトされます。

ツールバー:アダプティブフォームコンテナには関連するグローバルツールバーがあり、これはフォームに対してグローバルです。 このツールバーは、編集バーの​ ツールバーを追加 ​アクションを使用して追加でき、作成者は送信、保存、リセットなどのアクションを追加できます。

アセット:このノードには、フォームのオーサリングに使用される追加情報が含まれています。 例えば、フォームモデルの詳細、ローカリゼーションの詳細などです。