We.Gov および We.Finance リファレンスサイトのセットアップと設定

デモパッケージの詳細

インストールの前提条件

このパッケージは、AEM Forms 6.4 OSGI オーサー​のために作成され、テスト済みで、次のプラットフォームバージョンでサポートされています。

このパッケージには、次のプラットフォームバージョンをサポートするクラウド設定が含まれています。

• このパッケージは、他のデモパッケージや古いデモパッケージバージョンがないクリーンなサーバーにインストールする必要があります
• パッケージは、オーサーモードで実行されている OSGi サーバーにインストールする必要があります。

このパッケージに含まれる機能

AEM Forms We.Gov デモパッケージ（we-gov-forms.pkg.all-<version>.zip）は、他の複数のサブパッケージおよびサービスを含むパッケージとして提供されます。パッケージには次のモジュールが含まれています。

• we-gov-forms.pkg.all-<version>.zip - 完全なデモパッケージ

  • we-gov-forms.ui.apps-<version>.zip - すべてのコンポーネント、クライアントライブラリ、サンプルユーザー、ワークフローモデルなどが含まれます。

    • we-gov-forms.core-<version>.jar - すべての OSGi サービス、カスタムワークフローステップ実装などが含まれます。

    • we-gov-forms.derby<version>.jar - すべての OSGi サービス、データベーススキーマなどが含まれます。

    • core.wcm.components.all-2.0.4.zip - サンプル WCM コンポーネントのコレクション

    • grid-aem.ui.apps-1.0-SNAPSHOT.zip - Sites ページ列コントロール用の AEM Sites グリッドレイアウトパッケージ

  • we-gov-forms.ui.content-<version>.zip - すべてのコンテンツ、ページ、画像、フォーム、インタラクティブ通信アセットなどが含まれます。

  • we-gov-forms.ui.analytics-<version>.zip - リポジトリ内に保存するすべての We.Gov Forms Analytics データが含まれます。

  • we-gov-forms.config.public-<version>.zip - フォームのデータモデルやサービスの連結の問題を回避するために役立つ、プレースホルダークラウド設定を含むすべてのデフォルト設定ノードが含まれます。

このパッケージのアセットには、次のものが含まれます。

• 編集可能なテンプレートを使用したAEM Site Pages
• AEM Forms Adaptive Forms
• AEM Forms Interactive Communications（印刷と web チャンネル）
• AEM Forms XDP Document of Record
• AEM Forms MS Dynamics Forms データモデル
• Adobe Sign との統合
• AEM ワークフローモデル
• AEM Assets サンプル画像
• サンプル（メモリ内）Apache Derby データベース
• Apache Derby データソース（フォームデータモデルで使用）

デモパッケージのインストール

この節では、デモパッケージのインストールについて説明します。

ソフトウェア配布から

1. ソフトウェア配布を開きます。ソフトウェア配布にログインするには、Adobe ID が必要です。

2. ヘッダーメニューで「Adobe Experience Manager」をタップします。

3. 「フィルター」セクションで、

   1. 「ソリューション」ドロップダウンリストから「Forms」を選択します。
   2. パッケージのバージョンとタイプを選択します。また、「ダウンロードを検索」オプションを使用して結果をフィルターすることもできます。

4. we-gov-forms.pkg.all-<version>.zip パッケージ名をタップし、「EULA 条項に同意」を選択して、「ダウンロード」をタップします。

5. パッケージマネージャーを開き「パッケージをアップロード」をクリックしてパッケージをアップロードします。

6. パッケージを選択して、「インストール」をクリックします。

   

7. インストールプロセスを完了させます。

8. https://<aemserver>:<port>/content/we-gov/home.html?wcmmode=disabled に移動して、インストールが正常に完了したことを確認します。

ローカル ZIP ファイルから

1. we-gov-forms.pkg.all-<version>.zip ファイルをダウンロードして見つけます。

2. https://<aemserver>:<port>/crx/packmgr/index.jsp に移動します。

3. 「パッケージをアップロード」オプションを選択します。

   

4. ファイルブラウザーを使用して、ダウンロードした ZIP ファイルに移動して選択します。

5. 「開く」をクリックしてアップロードします。

6. アップロードが完了したら、「インストール」オプションを選択してパッケージをインストールします。

   

7. インストールプロセスを完了させます。

8. https://<aemserver>:<port>/content/we-gov/home.html?wcmmode=disabled に移動して、インストールが正常に完了したことを確認します。

新しいパッケージバージョンのインストール

新しいパッケージバージョンをインストールするには、4.1 と 4.2 で定義されている手順に従います。別の古いパッケージがすでにインストールされていても新しいパッケージバージョンをインストールできますが、最初に古いパッケージバージョンをアンインストールすることをお勧めします。古いパッケージバージョンをアンインストールするには、次の手順に従います。

1. https://<aemserver>:<port>/crx/packmgr/index.jsp に移動します。

2. 古い we-gov-forms.pkg.all-<version>.zip ファイルを見つけます。

3. 「その他」オプションを選択します。

4. ドロップダウンから「アンインストール」オプションを選択します。

   

5. 確認後、「アンインストール」を再度選択し、アンインストール処理を完了させます。

デモパッケージの設定

この節では、プレゼンテーション前のデモパッケージのデプロイ後の設定の詳細と手順について説明します。

架空のユーザー設定

1. https://<aemserver>:<port>/libs/granite/security/content/groupadmin.html に移動します。

2. 以下のタスクを実行するには、管理者としてログインします。

3. ページの末尾まで下にスクロールし、すべてのユーザーグループを読み込みます。

4. 「ワークフロー".

5. 「workflow-users"グループ化し、"プロパティ"をクリックします。

6. 「メンバー」タブに移動します。

7. 入力 wegov 「ユーザーまたはグループを選択」フィールドで、

8. ドロップダウンから「 」を選択します。We.Gov Forms Users".

   

9. メニューバーの「保存して閉じる」をクリックします。

10. 手順 2～7 を繰り返し、「分析」をクリックし、「Analytics 管理者"グループを作成し、"We.Gov Forms Users"グループをメンバーとして使用します。

11. 手順 2～7 を繰り返し、「フォームユーザー」をクリックし、「forms-power-users"グループを作成し、"We.Gov Forms Users"グループをメンバーとして使用します。

12. 手順 2～7 を繰り返し、「forms-users」をクリックし、「forms-users"グループに追加し、今回は"We.Gov ユーザー"グループをメンバーとして使用します。

メールサーバーの設定

1. 設定ドキュメントの確認 メール通知の設定

2. このタスクを実行するには、管理者としてログインします。

3. https://<aemserver>:<port>/system/console/configMgr に移動します。

4. Day CQ Mail Service サービスを探して、設定します。

   

5. 任意の SMTP サーバーに接続するようにサービスを設定します。

   1. SMTP サーバーのホスト名：例（smtp.gmail.com）
   2. サーバーポート：SSL を使用した gmail の例：465
   3. SMTP ユーザー： demo@ <companyname> .com
   4. 「差出人」のアドレス:aemformsdemo@adobe.com

   

6. 「保存」をクリックして設定を保存します。

（オプション）AEM SSL 設定

この節では、AEM インスタンスで SSL を設定して、Adobe Sign クラウドを設定できるようにする方法について詳しく説明します。

参照：

1. デフォルトの SSL

メモ：

1. https://<aemserver>:<port>/aem/inbox に移動すると、上記の参照ドキュメントリンクで説明されているプロセスを完了できます。

2. we-gov-forms.pkg.all-[version].zip パッケージには、パッケージの一部である we-gov-forms.pkg.all-[version].zip/ssl フォルダーを抽出することでアクセスできるサンプル SS キーと証明書が含まれています。

3. SSL 証明書およびキーの詳細：

   1. 「CN=localhost」に対して発行された
   2. 10 年の有効性
   3. 「password」のパスワード値

4. 秘密鍵は localhostprivate.der。

5. 証明書は localhost.crt。

6. 「次へ」をクリックします。

7. HTTPS Hostname は localhost に設定する必要があります。

8. ポートは、システムが公開しているポートに設定する必要があります。

（オプション）Adobe Sign クラウド設定

この節では、Adobe Sign クラウド設定の詳細と手順について説明します。

参照：

1. Adobe Sign の AEM Forms への統合

クラウド設定

1. 前提条件を確認します。必要な SSL 設定について詳しくは、AEM SSL 設定を参照してください。

2. 次の URL に移動します。

   https://<aemserver>:<port>/libs/adobesign/cloudservices/adobesign.html/conf/we-gov

   メモ

   設定の問題を回避するために、AEM サーバーにアクセスするために使用する URL は、Adobe Sign OAuth リダイレクト URI で設定された URL と一致する必要があります（例： https://<aemserver>:<port>/mnt/overlay/adobesign/cloudservices/adobesign/properties.html）。

3. 「We.gov Adobe Sign」設定を選択します。

4. 「プロパティ」をクリックします。

5. 「設定」タブに移動します。

6. OAuth URL を入力します（例： https://secure.na1.echosign.com/public/oauth）。

7. 設定した Adobe Sign インスタンスから、設定したクライアント ID とクライアント秘密鍵を指定します。

8. 「Adobe Signに接続」をクリックします。

9. 接続に成功したら、「保存して閉じる」をクリックして統合を完了します。

（オプション） MS Dynamics クラウド設定

この節では、MS Dynamics クラウド設定の詳細と手順について説明します。

参照：

1. Microsoft Dynamics OData の設定
2. AEM Forms用Microsoft Dynamics の設定

MS Dynamics OData クラウドサービス

1. 次の URL に移動します。

   https://<aemserver>:<port>/libs/fd/fdm/gui/components/admin/fdmcloudservice/fdm.html/conf/we-gov

   1. MS Dynamics アプリケーションの登録で設定したリダイレクト URL と同じ URL を使用してサーバーにアクセスしていることを確認してください。

2. 「Microsoft Dynamics ODataCloud Service」設定を選択します。

3. 「プロパティ」をクリックします。

   

4. 「認証設定」タブに移動します。

5. 以下の詳細を入力します。

   1. サービスルート：​例https://msdynamicsserver.api.crm3.dynamics.com/api/data/v9.1/

   2. 認証タイプ： OAuth 2.0

   3. 認証設定（この情報を収集するにはMS Dynamics クラウド設定を参照してください）。

      1. クライアント ID - アプリケーション ID とも呼ばれます
      2. クライアントの秘密鍵
      3. OAuth URL - 例： https://login.windows.net/common/oauth2/authorize
      4. 更新トークン URL - 例： https://login.windows.net/common/oauth2/token
      5. アクセストークン URL - 例：https://login.windows.net/common/oauth2/token
      6. 認証範囲 - openid
      7. 認証ヘッダー - 認証ベアラ
      8. リソース - 例：https://msdynamicsserver.api.crm3.dynamics.com

   4. 「OAuth に接続」をクリックします。

6. 認証が成功したら、「保存して閉じる」をクリックして統合を完了します。

MS Dynamics クラウド設定

この節で説明する手順は、MS Dynamics Cloud インスタンスからクライアント ID、クライアント秘密鍵、詳細を見つけるのに役立ちます。

1. https://portal.azure.com/ に移動し、ログインします。

2. 左側のメニューから「すべてのサービス」を選択します。

3. 検索するか、「アプリ登録」に移動します。

4. 既存のアプリケーション登録を作成するか、選択します。

5. アプリケーション ID を AEM クラウド設定の OAuth として使用される​クライアント ID にコピーします。

6. 「設定」または「マニフェスト」をクリックして、 返信 URL。

   1. この URL は、OData サービスの設定時に AEM サーバーにアクセスするために使用される URL と一致させる必要があります。

7. 設定ビューで、「キー」をクリックして、新しいキーの作成を表示します ( これはAEMのクライアント秘密鍵として使用されます )。

   1. 後で Azure や AEM で表示できないため、キーのコピーを保持してください。

8. リソース URL/サービスルート URL を探すには、MS Dynamics インスタンスダッシュボードに移動します。

9. 上部のナビゲーションバーで、「Sales」または独自のインスタンスタイプをクリックし、「設定を選択」をクリックします。

10. 右下の「カスタマイズ」と「開発者向けリソース」をクリックします。

11. 次のサービスルート URL があります。例：

    *https://msdynamicsserver.api.crm3.dynamics.com/api/data/v9.1/

12. 更新およびアクセストークン URL の詳細は、次の場所で確認できます。

    https://docs.microsoft.com/en-us/rest/api/datacatalog/authenticate-a-client-app

フォームデータモデル（Dynamics）のテスト

クラウド設定が完了したら、フォームデータモデルをテストする必要があります。

1. 次に移動します。

   https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments-fdm/we-gov

2. 「We.gov Microsoft Dynamics CRM FDM」を選択し、「プロパティ」を選択します。

   

3. 「ソースを更新」タブに移動します。

4. 「Context-Aware Configuration」が「/conf/we-gov」に設定され、設定済みのデータソースが「ms-dynamics-odata-cloud-service」になっていることを確認します。

   

5. フォームデータモデルを編集します。

6. サービスをテストし、設定済みのデータソースに正常に接続できることを確認します。

   メモ

   サービスをテストしたら、キャンセル​をクリックし、不本意の変更がフォームデータモデルに反映されないようにします。

   メモ

   データソースが FDM に正常にバインドされるには、AEM サーバーの再起動が必要であることが報告されています。

フォームデータモデル（Derby）のテスト

クラウド設定が完了したら、フォームデータモデルをテストする必要があります。

1. https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments-fdm/we-gov に移動します。

2. We.gov 登録 FDM を選択し、プロパティ​を選択します。

   

3. 「ソースを更新」タブに移動します。

4. コンテキスト対応の設定​が /conf/we-gov に設定されていること、および設定済みのデータソースが We.Gov Derby DS であることを確認します。

   

5. 「保存して閉じる」をクリックします。

6. サービスのテストを行い、設定したデータソースに正常に接続できることを確認します。

   • 接続をテストするには、HOMEMORTGAGEACCOUNT を選択し、get サービスを実行します。サービスおよびシステム管理者をテストすると、取得されたデータを確認できます。

Adobe Analytics 設定（オプション）

この節では、Adobe Analytics Cloud 設定の詳細と手順について説明します。

参照：

• Adobe Analytics との統合

• Adobe Analytics への接続とフレームワークの作成

• ページ分析データの表示

• 分析とレポートの設定

• AEM Forms の分析レポートの確認方法と詳細

Adobe Analytics クラウドサービス設定

このパッケージは、Adobe Analytics に接続するように事前設定されています。この設定を更新するには、次の手順を実行します。

1. https://<aemserver>:<port>/libs/cq/core/content/tools/cloudservices.html に移動します。

2. Adobe Analyticsセクションを探し、「設定を表示」リンクを選択します。

3. 「We.Gov Adobe Analytics (Analytics Configuration)」設定を選択します。

   

4. 「編集」ボタンをクリックして、Adobe Analytics設定を更新します（共有暗号鍵を指定する必要があります）。 「Analytics に接続」をクリックして接続し、「OK」をクリックして完了します。

   

5. フレームワーク設定を更新する場合は、同じページで、「We.Gov Adobe Analytics Framework (Analytics Framework)」をクリックします ( AEMオーサリングの有効化 （オーサリングを有効にする）。

Adobe Analytics ユーザー資格情報の検索

Adobe Analytics アカウントのユーザー資格情報を見つけるには、アカウント管理者が次のタスクを実行する必要があります。

1. Adobe Experience Cloud ポータルに移動します。
   • 管理者の資格情報を使用してログインします。
2. メインダッシュボードで「Adobe Analytics」アイコンを選択します。
   
3. 「管理者」タブに移動し、「User Management」の既存項目を選択します。
   
4. 「ユーザー」タブを選択します。
   
5. ユーザーのリストから目的のユーザーを選択します。
6. ページの下部までスクロールすると、ページの下部にユーザー認証情報が表示されます。
   
7. ユーザー名と共有暗号鍵の情報が、権限ボックスの右側に表示されます。
8. ユーザー名の名前の中にコロンが含まれていることに注意してください。コロンの左側にあるすべての情報はユーザー名で、コロンの右側にあるすべての情報は会社名です。
   • 次に例を示します。ユーザー名：会社名

Adobe Analytics でのユーザー認証の設定

管理者は次の操作を実行して、ユーザーに AEM Analytics の権限を付与できます。

1. Adobe Admin Console に移動します。

2. Admin Console に公開されている Analytics インスタンスをクリックします。

   • これは、管理ページのメインページにあります。

3. 「 Analytics 管理者の完全なアクセス」を選択します。

4. ユーザーをプロファイルに追加します。

   

5. ユーザー ID がプロファイルにマッピングされたら、「権限」タブをクリックします。

6. すべての権限がプロファイルにマッピングされていることを確認します。

   

7. ユーザーのログイン機能に関して権限がマッピングされると、数時間かかる場合があります。

Adobe Analytics レポート

Adobe Analytics Sites レポートを表示

1. https://<aemserver>:<port>/sites.html/content に移動します。

2. 「AEM Forms We.Gov Site」を選択して、サイトのページを表示します。

3. サイトページの 1 つ（例：ホーム）を選択し、「Analytics & Recommendations」を選択します。

   

4. このページには、AEM Sites ページに関連する、Adobe Analytics から取得した情報が表示されます（注意：設計により、この情報は Adobe Analytics から定期的に更新され、リアルタイムには表示されません）。

   

5. ページビューページに戻る（手順 3.でアクセス）と、「リスト表示」の項目を表示する表示設定を変更することで、ページビュー情報を表示することもできます。

6. 「表示」ドロップダウンメニューを探し、「リスト表示」を選択します。

   

7. 同じメニューから「設定を表示」を選択し、「Analytics」セクションから表示する列を選択します。

   

8. 「更新」をクリックして、新しい列を使用可能にします。

   

Adobe Analytics Forms レポートを表示

1. 次に移動します。

   https:///<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms

2. 「Enrollment Application For Health Benefits」アダプティブフォームを選択し、「Analytics レポート」オプションを選択します。

   

3. ページが読み込まれるのを待ち、分析レポートデータを表示します。

   

Adobe Automated Forms 設定イネーブルメント

AEM Forms を Adobe Forms と共にインストールして設定するには、変換ツールのユーザーが以下を所有している必要があります。

1. Adobe I/O へのアクセス。

2. Adobe Forms コンバージョンサービスとの統合をする権限。

3. オーサーとして実行される Adobe AEM 6.5 最新のサービスパック。

詳細な手順を読む前に、次の点を確認してください。

• フォームの自動コンバージョンサービスの設定

IMS 設定の作成パート 1

Forms 変換ツールと正しく通信するようにサービスを設定するには、ユーザーは Adobe I/O に登録できるように Identity Management System（IMS）サービスを設定する必要があります。

1. https://<aemserver>:<port> > に移動します。Adobe Experience
   Manager の左上の ／>ツール／>セキュリティ／ >Adobe IMS設定をクリックします。

2. 「作成」をクリックします。

3. 以下の画像のアクションを実行します。

   

4. 必ず証明書をダウンロードしてください。

5. 設定の残りの部分を続行しないでください。 Adobe I/O での統合の作成節を確認してください。

Adobe I/O での統合の作成

アドビメイン内で統合を作成するためにシステム管理者に連絡しない場合は、ご自身に作成する能力があることを確認してください。

1. Adobe I/O コンソールに移動します。

2. 統合を作成をクリックします。

3. API にアクセスを選択します。

4. 正しいグループ（右上のドロップダウンリスト）に属していることを確認します。

5. Experience Cloud セクションで、 Forms コンバージョンツールを選択します。

6. 「続行」をクリックします。

7. 統合の名前と説明を入力します。

8. 2.1 節の公開鍵を使用して、鍵の統合内に配置します。

9. 自動 Forms コンバージョン用のプロファイルを選択します。

   

IMS 設定の作成パート 2

これで統合を作成したので、IMS 設定のインストールを完了します。

1. 接続の詳細を表示するには、Adobe I/O 内の統合をクリックします。

2. AEM（ツール/セキュリティ/IMS）内で IMS 設定に移動します。

3. IMS 設定画面で「次へ」をクリックします。

4. 認証サーバー（スクリーンショットに表示されている値）を入力します。

5. API キーを入力します。

6. クライアントの秘密鍵を入力します（統合を表示するには、Adobe I/O で公開をクリックする必要があります）。

7. Adobe I/O の「JWT」タブをクリックして、JWT ペイロードを取得し、IMS 設定のペイロードに貼り付けます。

   

8. 作成したら、IMS 設定をクリックし、ヘルスチェックを選択すると、次の結果が表示されます。

   

クラウド設定（We.Gov AFC 実稼動）

IMS の設定が完了したら、AEM でクラウド設定を確認することができます。設定が存在しない場合は、次の手順を使用して AEM でクラウド設定を作成します。

1. ブラウザーを開き、システム URL https://<domain_name>:<system_port> に移動します。

2. ／ツール／Cloud Services／自動フォームコンバージョン設定画面の左上隅にある Adobe Experience Manager をクリックします。

3. 設定を配置する設定フォルダーを選択します。

4. 作成をクリックします。

5. 以下のスクリーンショットに情報を入力します。

   

6. 設定にタイトルと名前を入力します。

7. システムのサービス URL は、https://aemformsconversion.adobe.io/ に設定されます。

8. テンプレート URL /conf/we-gov/settings/wcm/templates/we-gov-flamingo-template。

9. テーマ URL：/content/dam/formsanddocuments-themes/adobe-gov-forms-themes/we-gov-theme

10. 次へをクリックします。

11. この設定では、2 つのチェックボックス値を空のままにしておきます。

    • これらのオプションについて詳しくは、クラウドサービスを設定を参照してください。

クラウド設定（We.Finance AFC 実稼動）

IMS 設定が完了したら、AEM でクラウド設定を作成する手順に進むことができます。

1. ブラウザーを開き、システム URL https://<domain_name>:<system_port> に移動します。

2. ／ツール／Cloud Services／自動フォームコンバージョン設定画面の左上隅にある Adobe Experience Manager をクリックします。

3. 設定を配置する設定フォルダーを選択します。

4. 作成をクリックします。

5. 以下のスクリーンショットに情報を入力します。

   

6. 設定にタイトルと名前を入力します。

7. システムのサービス URL は https://aemformsconversion.adobe.io/ に設定されます

8. テンプレート URL：/conf/we-finance/settings/wcm/templates/we-finance-adaptive-form

9. テーマ URL：/content/dam/formsanddocuments-themes/adobe-finance-forms-themes/we-finance-theme

10. 次へをクリックします。

11. この設定では、2 つのチェックボックス値を空のままにしておきます。

    • これらのオプションについて詳しくは、クラウドサービスを設定を参照してください。

フォーム変換のテスト（We.Gov 登録アプリケーション）

設定が完了したら、PDF ドキュメントをアップロードしてテストできます。

1. AEM システム https://<domain_name>:<system_port> に移動します

2. フォーム／フォームとドキュメント／AEM Forms We.gov Forms／AFC をクリックします。

3. We.Gov 登録アプリケーション PDF を選択します。

4. 右上隅の「自動変換処理の開始 」ボタンをクリックします。

5. ユーザーは、次に示すようにこのオプションを表示できます。

   

6. ボタンを選択すると、次のオプションが表示されます

   • ユーザーが We.Gov AFC 実稼働 設定を選択していることを確認してください

   

   

7. 使用するすべてのオプションを設定したら、変換を開始を選択します。

8. 変換処理が始まると、次の画面が表示されます。

   

9. 変換が完了すると、次の画面が表示されます。

   

   出力​フォルダーをクリックして、生成されたアダプティブフォームを表示します。

既知の問題とメモ

フォーム自動変換サービスには、ベストプラクティス、既知の複雑なパターン、および 既知の問題が含まれています。AEM Forms のフォーム自動変換サービスを使用する前に、これらを確認してください。

1. 変換後にフォームを FDM にバインドする場合は、「データをバインドせずにアダプティブフォームを生成」を有効にしてフォームを生成します。

2. テンプレートフォルダーで、すべてのユーザーに対して jcr:read 権限が有効になっていることを確認してください。有効になっていないと、サービスユーザーがリポジトリーからテンプレートを読み取れず、変換が失敗します。

デモパッケージのカスタマイズ

このセクションでは、デモのカスタマイズ手順を説明します。

テンプレートのカスタマイズ

編集可能テンプレートは、次の場所にあります。

https://<aemserver>:<port>/libs/wcm/core/content/sites/templates.html/conf/we-gov

これらのテンプレートには、次の場所にあるコンポーネントを使用して作成および構成された、AEM サイト、アダプティブフォーム、インタラクティブ通信の各テンプレートが含まれます。

https://<aemserver>:<port>/crx/de/index.jsp#/apps/we-gov/components

スタイルシステム

このサイトではクライアントライブラリも取り上げており、その 1 つが Bootstrap 4（https://getbootstrap.com/）を読み込みます。このクライアントライブラリは、次の場所から利用できます。

https://<aemserver>:<port>/crx/de/index.jsp#/apps/we-gov/clientlibs/clientlib-base/css/bootstrap

このパッケージに含まれる編集可能なテンプレートには、ページネーションやスタイル設定などに Bootstrap 4 の CSS クラスを使用するテンプレートポリシーやページポリシーも事前に設定されています。テンプレートポリシーにすべてのクラスが追加されているわけではありませんが、Bootstrap 4 でサポートされるクラスはすべてポリシーに追加できます。使用可能なクラスの一覧については、はじめにページを参照してください。

https://getbootstrap.com/docs/4.1/getting-started/introduction/

このパッケージに含まれるテンプレートは、スタイルシステムもサポートしています。

スタイルシステム

テンプレートロゴ

プロジェクト DAM アセットには、We.Gov のロゴや画像も含まれています。これらのアセットは、次の場所から利用できます。

https://<aemserver>:<port>/assets.html/content/dam/we-gov

ページテンプレートとフォームテンプレートの編集時に、ナビゲーションコンポーネントとフッターコンポーネントを編集することで、ブランドロゴを更新することができます。これらのコンポーネントには、ロゴの更新に使用でき、ブランドとロゴを設定可能なダイアログが用意されています。

詳しくは、ページコンテンツの編集を参照してください。

ページコンテンツの編集

サイトページのカスタマイズ

すべてのサイトページは、https://<aemserver>:<port>/sites.html/content/we-gov から利用できます。

また、これらのサイトページでは、AEM Grid パッケージを使用して一部のコンポーネントのレイアウトを制御しています。

スタイルシステム

このパッケージに含まれているページは、スタイルシステムもサポートしています。

スタイルシステム

また、サポート対象のスタイルに関するドキュメントとしては、テンプレートをカスタマイズするためのスタイルシステムを参照してください。

アダプティブフォームのカスタマイズ

すべてのアダプティブフォームが次の場所から利用できます。

https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms

これらのフォームは、特定の使用例に合わせてカスタマイズできます。フォームの正常な機能を維持するために、特定のフィールドと送信ロジックを変更しないでください。変更してはいけないものの一例は、次のとおりです。

健康増進のための登録申請：

• contact_id - 送信時に MS Dynamics の連絡先 ID を受け取るために使用される非表示フィールド
• 送信 - コールバックをサポートするために、送信ボタンのロジックにカスタマイズが必要でした。カスタマイズについてはドキュメントにまとめられていますが、Forms データモデルを使用して MS Dynamics に対して POST 操作と GET 操作の両方を実行しながらフォームを送信するには、大規模なスクリプトが必要でした。
• ルートパネル - AEM インボックスの Granite UI コンポーネントはどれも変更できないので、Initialize イベントを使用して可能な限り控えめな方法で AEM インボックスに MS Dynamics ボタンを追加します。

アダプティブフォームのスタイル設定

アダプティブフォームもスタイル設定することができ、それにはスタイルエディターまたはテーマエディターを使用します。

• アダプティブフォームコンポーネントのインラインスタイリング
• テーマの作成および使用

ワークフローのカスタマイズ

登録アダプティブフォームは、OSGI ワークフローに送信されて処理されます。このワークフローは、https://<aemserver>:<port>/conf/we-gov/settings/models/we-gov-process.html にあります。

一部の制限があるため、このワークフローには、複数のスクリプトとカスタム OSGi ワークフロープロセスステップが含まれています。 これらのワークフローステップは汎用ステップとして作成され、設定ダイアログを使用して作成されたものではありません。現時点では、ワークフローステップの設定はプロセス引数に応じて異なります。

すべてのワークフローステップの Java コードは、we-gov-forms.core-<version>.jar バンドルに含まれています。

デモに関する考慮事項と既知の問題

このセクションでは、デモ機能についての説明と、デモプロセスの設計において特に検討が必要になる可能性のある項目について説明します。

デモに関する考慮事項

• AGRS-159 に従い、登録アダプティブフォームで使用する連絡先の名前（名、ミドルネーム、姓）は固有にします。
• 登録アダプティブフォームは、フォームのメールフィールドに指定されたメールアドレスに Adobe Sign メールを送信します。このメールアドレスには、Adobe Sign クラウド設定で使用したのと同じメールアドレスを指定することはできません。

既知の問題

• （AGRS-120）サイトナビゲーションコンポーネントは現時点で、2 レベル以上の深さのネストされた子ページをサポートしていません。
• （AGRS-159）現時点では MS Dynamics FDM は操作を 2 回実行する必要があり、まず、登録アダプティブフォームのデータを Dynamics に POST し、次に連絡先 ID を取得するためにユーザーレコードを取り込みます。現在の状態では、同じ名前のユーザーが Dynamics に複数存在すると連絡先 ID の取得が失敗し、登録アダプティブフォームを送信できません。

アクセシビリティテストの設定

アクセシビリティテスト用の Chrome アドオンの有効化

アクセシビリティテストを実行するには、まずここから Chrome プラグインをインストールする必要があります。

インストールが完了したら、テストするページを Chrome ブラウザーで読み込みます（注：タブを複数開いているとスコアに影響する場合があります。タブは 1 つだけ開くことを推奨します）。ページを読み込んだら、
そのページで​右クリック​し、「Audits」タブを選択します。その画面で開発者は、アクセシビリティプラグインで実行する検証のタイプを選択できます。必要なオプションをすべて選択したら、「レポートを生成」ボタンを選択します。これにより、アクセシビリティの総合評価や、その評価を向上するための提案が記載された PDF ドキュメントが生成されます。

レポートの生成を実行すると、次の情報が表示されます。

ユーザーに表示される数値は、アクセシビリティの総合評価の判定です。スコアに続いて、計算方法に関する説明もあります。

これを書き出す場合は、画面の右側の 3 つのボタンをクリックし、プラグインに表示される該当オプションをさらに選択します。

Ultramarine テーマ

アドビがサポートし一般公開されている Ultramarine テーマは、
インストール可能な ZIP ファイルである we-gov-forms.pkg.all-<version>.zip に組み込まれています。CRX パッケージマネージャーを使用してこのパッケージをインストールしたら、

AEM Forms で Forms／テーマ／リファレンステーマ／Ultramarine の順にクリックして Ultramarine テーマにアクセスできます。

設定オプション

ユーザーは、次のような様々なワークフローサービスオプションを設定できます。

1. Microsoft Dynamics エントリ
2. Adobe Sign
3. AEM 顧客コミュニケーション管理
4. Adobe Analytics

これらをワークフロー内で有効になるように設定するには、次のタスクを実行する必要があります。

1. https://'[server]:[port]'/system/console/configMgr に移動します。

2. WeGov Configurations を見つけます。

3. サービス定義を開き、選択したサービスをワークフロー内で呼び出せるようにしてください。

   メモ

   ユーザーが Configuration Manager ページ内でサービスを有効にしているのと同じ理由で、要求された外部サービスと通信するために、ユーザーは引き続きサービス設定を行う必要があります。

   

4. 設定が完了したら、「保存」ボタンをクリックして設定を保存します。

次の手順

これで、We.Gov リファレンスサイトを利用するための設定がすべて完了しました。We.Gov リファレンスサイトのワークフローと手順について詳しくは、We.Gov リファレンスサイトのチュートリアルを参照してください。

Business.Adobe.com リソース

Auto Text Summarization Style System Targeted Content Responsive Forms Theme Editor Customer Experience Management