We.GovとWe.Financeリファレンスサイトのチュートリアル

前提条件

We.GovおよびWe.Financeリファレンスサイトの設定と設定の説明に従って、リファレンスサイトを設定します。

ユーザーストーリー

  • AEM Forms

    • 自動フォーム変換
    • オーサリング
    • フォームデータモデル/データソース
  • AEM Forms

    • データの取得
    • (オプション)データ統合(MS Dynamics)
    • (任意)Adobe Sign
  • ワークフロー

  • 電子メール通知

  • (オプション)顧客とのコミュニケーション

    • 印刷チャネル
    • Web チャネル
  • Adobe Analytics

  • データソースの統合

架空のユーザーとグループ

We.Govデモパッケージには、次の組み込みの架空のユーザーが含まれています。

  • アヤタン:官庁から送達を受ける資格を有する国民

架空のユーザー

  • ジョージ・ラング:We.Govエージェンシー・ビジネス・アナリスト

架空のユーザー

  • カミラ・サントス:We.Gov Agency CXリード

架空のユーザー

次のグループも含まれます。

  • We.GovFormsユーザー

    • ジョージ・ラング(メンバー)
    • カミラ・サントス(メンバー)
  • We.Govユーザー

    • ジョージ・ラング(メンバー)
    • カミラ・サントス(メンバー)
    • 綾丹(会員)

デモ概要用語の凡例

  1. 偽装:AEMデモでのユーザーとグループの定義。

  2. ボタン:ナビゲーション用の色付きの長方形または丸型の矢印。

  3. クリック:ユーザストーリー内のアクションを実行する。

  4. リンク:Web.Govサイトのメインメニューの上部にあります。

  5. ユーザー手順:ユーザーのストーリー内を移動する際に実行する一連の数値ステップ。

  6. Formsポータル: https://<aemserver>:<port>/content/we-gov/formsportal.html

  7. モバイル表示:Web.Govユーザー。モバイル表示を再サイズのブラウザーで複製します。

  8. デスクトップ表示:We.govユーザーがノートパソコンまたはデスクトップで表示のデモを行います。

  9. 事前スクリーンフォーム:We.Govサイトのホームページ上のフォーム。

  10. アダプティブフォーム:Web.govデモの登録申込フォーム。

    https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html

  11. AdobeWeb.Govサイト: https://<aemserver>:<port>/content/we-gov/home.html

  12. Adobe受信トレイ:AEMバックエンドの Bell iconin上部のメニューバーにあります。

    https://<aemserver>:<port>/aem/start.html

  13. 電子メールクライアント:電子メールを表示する優先方法(Gmail、Outlook)

  14. CTA:誘い文句(CTA:コールトゥアクション)

  15. ナビゲート:ブラウザページで特定の基準点を指定する場合。

  16. AFC:automated forms conversion

automated forms conversion(カミラ)

この節:CXリードは、紙ベースのプロセスの一部として使用された既存のPDFベースのフォームを持っています。近代化の一環として、彼女はこのPDFフォームを使って新しいアダプティブFormsを自動的に作成したいと思っています。

automated forms conversion- We.Gov (カミラ)

  1. https://<aemserver>:<port>/aem/start.html​に移動します。

  2. ログイン先:

    • ユーザー:camila.santos
    • パスワード:password
  3. メインページから、Forms/Forms&ドキュメント/AEM FormsWe.govForms/AFCを選択します。

  4. カミラはPDFをAEM Formsにアップロードする。

    フォームのアップロード

  5. 次に、CamillaはPDFフォームを選択し、開始自動変換​をクリックして、変換プロセスを開始します。 フォームを変換した場合は、「変換​を上書き」をクリックする必要がある場合があります。

    メモ

    AFCの設定はエンドユーザーに対して事前に設定されているので、変更しないでください。

    • オプション:アクセシブルなウルトラマリンテーマを使用する場合は、「アダプティブフォームテーマを指定」をクリックし、オプションのリストに表示されるAccessible-Ultramarineテーマを選択します。

    開始変換

    Ultramarine テーマ

    完了率のステータスは、コンバージョン中に表示されます。 ステータスに「変換済み」と表示されたら、「出力」フォルダーをクリックし、アダプティブフォームを選択して「編集」をクリックし、変換済みのフォームを開きます。

  6. 次に、Camillaはフォームをレビューし、すべてのフィールドが存在することを確認します

    コンバージョンの確認

  7. 次に、開始がフォームを編集します。 Selects Root Panel/Edit(レンチ)を選択し、「Panel Layout(パネルレイアウト)」ドロップダウンメニューから「Tabs on Top(上部のタブ)」を選択して、チェックボックスを選択します。

    Reviewプロパティ

  8. 次に、必要なCSSとフィールドの変更をすべて追加し、最終的な商品が生成されます。

    追加CSS

Form Data Model & Data Sources(Camila)

この節:ドキュメントが変換され、アダプティブフォームが生成されたら、Camilaはアダプティブフォームをデータソースに接続する必要があります。

  1. Automated forms conversion- We.Govに変換されたフォームのプロパティを開きます。

  2. 次に、「フォームモデル」>「選択元」ドロップダウンから「フォームデータモデルを選択」>「選択」のリストから「Web.gov登録FDMを選択」を選択します。

  3. 「保存して閉じる」ボタンのクリック数。

    FDMの選択

  4. カミラーは​output​フォルダーをクリックし、アダプティブフォームを選択して​編集​をクリックし、完成したWeb.Govフォームを開きます。

  5. カミラはアダプティブフォームフィールドを選択し、設定アイコンをクリックします。 連結参照​フィールドを使用して、フォームデータモデルエンティティとの連結を作成します。 Gloriaは、アダプティブフォーム内のすべてのフィールドに対して、この手順を繰り返します。

Form Accessibility Testing (Camila)

また、作成したコンテンツが会社の基準に従って正しく完全にアクセス可能な状態で構築されているかを検証します。

  1. カミラーは​output​フォルダーをクリックし、アダプティブフォームを選択して​プレビュー​をクリックし、完成したWe.Govフォームを開きます。

  2. Chrome Developer Tool内の「監査」タブを開きます。

  3. アダプティブフォームを検証するためにアクセシビリティチェックを実行します。

    アクセシビリティチェック

アダプティブフォームモバイル表示デモ(Aya)

この節は、デモの前に実行する必要があります。

ユーザー手順:

  1. 移動先:https://<aemserver>:<port>/content/we-gov/home.html

  2. ログイン先:

    1. ユーザー:aya.tan
    2. パスワード:password
  3. ブラウザーウィンドウのサイズを変更するか、ブラウザーのエミュレーターを使用してモバイルデバイスのサイズを複製します。

We.Gov Webサイト(Aya)

架空のユーザー

この節:亜矢は市民だ。彼女は友人から、官庁から奉仕を受ける資格があるかもしれないと聞く。 Ayaは携帯電話からWe.Govのウェブサイトにアクセスし、自分が受ける資格のあるサービスの詳細を知る。

We.Gov Pre-Screener (Aya)

Ayaは、携帯電話で短いアダプティブフォームに入力し、適格性を確認するためのいくつかの質問に回答します。

ユーザー手順:

  1. 各ドロップダウンフィールドを選択します。

    メモ

    年間200,000ドルを超える金額を獲得したユーザーは、利用できません。

  2. 有効ですか?” button.

  3. 今すぐ適用」ボタンをクリックして、次に進みます。

    「Apply Now」リンク

We.Govアダプティブフォーム(Aya)

Ayaは資格があると知り、モバイルデバイスでサービスを要求する申込書の記入を開始します。

Ayaは、サービスリクエスト申込を完了する前に、自宅のドキュメントを確認する必要があります。 Savesはアプリを保存し、モバイルデバイスからアプリを終了します。

ユーザー手順:

  1. 「基本情報」フィールドに入力します。次に、必須フィールドとドロップダウンを示します。

    1. 基本情報

      1. firstName
      2. DOB
      3. 電子メール
  2. 次の​動的ロジック​を使用して、ファミリーステータス​ドロップダウンを使用した動的機能を示します。

    1. 単一:キンパネルの横に表示

    2. 既婚:婚姻状況依存パネルを表示

    3. 離婚:キンパネルの横に表示

    4. :キンパネルの横に表示

    5. 子供はいる?:(はい/いいえ)子依存パネルを表示するラジオボタン。

      1. (追加/削除)ボタンをクリックして、複数の子依存パネルを追加/削除します。
  3. グレーのメニューバーの右矢印をクリックします。

  4. 下部にある「保存」ボタンをクリックします。

    アダプティブフォームの詳細

デスクトップデモ

この節:自宅 で、Ayaは自分が必要とする情報を見つけ、デスクトップから申込書を再開しています。Ayaはオンラインフォームポータルにアクセスし、申込を再開します。 簡単なカスタマイズでは、代理店は自動的にリンクを生成して電子メールで申込を再開することもできます。

アダプティブフォーム(Aya)の続き

ユーザー手順:

  1. https://<aemserver>:<port>/content/we-gov/home.html​に移動します。

  2. ナビゲーションバーで「Online Services」をクリックします。

  3. 「ドラフト・Forms」パネルから、既存の「医療保険加入申込書」を選択します。

    健康保険給付の登録申請

    外観と操作性は同じで、データを再入力する必要はありません。

    ユーザー手順:

  4. 右の円CTAをクリックして、次のセクションに移動します。

    右円CTA

    フォームは、Ayaの最後のエントリ時点まで入力されます。 Ayaは彼女の情報をすべて入力し、今すぐ送信する準備ができています。

    アダプティブフォームの送信

    メモ

    Ayaが電話番号フィールドに入力する際、ダッシュ、スペース、ハイフンを含まない11桁の連続した数字で入力する必要があります。

    Ayaの提出後、「ありがとうございます」ページが表示されます。 必要に応じて、Adobe Signと電子記録のドキュメントに署名するために開くメールも受け取ります。

オプション:Adobe Sign(アヤ)

ユーザー手順:

  1. 電子メールクライアントに移動し、Adobe Signの電子メールを探します。

  2. Adobe Signへのリンクをクリックします。

    Adobeサインリンク

ユーザー手順:

  1. 同意します」ボックスをチェックします。

  2. 承諾」をクリックします。

  3. レビュー済みドキュメントの一番下までスクロールします。

  4. 強調表示された黄色のタブをクリックして、ドキュメントに署名します。

    ドキュメントへの署名テスト ドキュメントへの署名

政府代理人(George)

ジョージ政府代理

本節: ジョージは、行政庁Ayaのビジネスアナリストで、サービスを依頼している。Georgeは1つのダッシュボードを持ち、レビュー用に割り当てられているすべてのサービスリクエストの申し込みを見ることができます。

AEM受信トレイ(George)

ユーザー手順:

  1. https://<aemserver>:<port>/aem/start.html​に移動します。

  2. ユーザーアイコン(右上隅)をクリックし、「サインアウト」または「​として動作」メニューオプション(現在管理ユーザーとログインしている場合)を使用します。

    1. ログイン先:

      1. User: george.lang
      2. パスワード: password
    2. または次のようになります。

      1. 次の形式で動作する」フィールドに「George」と入力します。

      2. 「OK」をクリックして偽装します。

  3. 右上隅の通知(ベル)アイコンをクリックします。

  4. すべての表示」をクリックして、インボックスに移動します。

  5. インボックスから、最新の「Health Benefits Application Review」タスクを開きます。

    正常性福祉の申し込みの確認

オプション:AEM Inbox & MS Dynamics (George)

データの統合と自動ワークフローのおかげで、Ayaのアプリが、データの送信時に自動的に生成されたCRMレコードと共に表示されます。

ユーザー手順:

  1. 読み取り専用のアダプティブフォームを開き、調査します。

  2. [MS Dynamics​を開く]ボタンをクリックして、MS Dynamicsレコードを新しいウィンドウで開きます。

  3. CRMでは、すべての情報を更新できます

    1. 必要に応じて、Dynamicsに直接レビューノートを追加します。
  4. AEM受信トレイを閉じてから戻ります。

    MS Dynamicsレコード

AEM受信トレイ(George)に戻る

GeorgeはAyaの申込を承認し、既存の自動ワークフローのおかげでAyaに確認の電子メールも送信されます。

ユーザー手順:

  1. 左上隅に移動し、「承認」をクリックして、アプリを承認します。

  2. モーダルでは、CXリードにメッセージを残すことができます。

  3. 「完了」をクリックします。

  4. (市民の役割) Eメールクライアントを開き、Ayaに送信するEメールを表示します。

    Ayaに送信する電子メールの表示

CXリード(Camila)

カミラ(CXリード)

このセクション: Camila the CX Leadは、Ayaとの歓迎電話を設定し、Ayaが承認した政府サービスの利用方法を説明します。

(オプション) AEM受信トレイとMS Dynamics

ユーザー手順:

  1. https://<aemserver>:<port>/aem/start.html​に移動します。

  2. ユーザーアイコン(右上隅)をクリックし、「サインアウト」または「​として動作」メニューオプション(現在管理ユーザーとログインしている場合)を使用します。

    1. ログイン先:

      1. ユーザー:camila.santos
      2. パスワード:password
    2. または次のようになります。

      1. 次の形で動作」フィールドに「Camila」と入力します。

      2. 「OK」をクリックして偽装します。

  3. 右上隅の通知(ベル)アイコンをクリックします。

  4. すべての表示」をクリックして、インボックスに移動します。

  5. 受信トレイから、「新しい連絡先の承認」タスクを開きます。

新しい連絡先の承認

(オプション)ユーザー手順:

  1. 読み取り専用のアダプティブフォームを開き、調査します。

  2. [MS Dynamics​を開く]ボタンをクリックして、MS Dynamicsレコードを新しいウィンドウで開きます。

  3. CRMでは、すべての情報を更新できます

    1. 必要に応じて、Dynamicsに新しい呼び出しアクティビティを直接追加します。
    2. アクティビティ」セクションを開きます。
    3. 新しい電話」オプションをクリックします。
    4. 電追加話の詳細。
    5. ウィンドウを保存して閉じます。
  4. AEMに戻り、左上隅に移動し、「送信」をクリックして申込を送信します。

  5. モーダルでは、メッセージを残すことができます。

  6. 「完了」をクリックします。

    「アクティビティ」 タブ新しい連絡先の確認

(オプション)ウェルカムキット市民(Aya)

この節: Ayaは、インタラクティブコミュニケーションへのリンクを含む電子メールを受信します。このリンクは、Ayaの利点をまとめたもので、入力するフォームフィールドも含みます。PDFの特典明細を添付し、メール内のインタラクティブな通信レターにリンクします(インタラクティブ通信と同じテーマ/ブランドを使用)。

電子メールクライアント通知(Aya)

ユーザー手順:

  1. ウェルカムキットの電子メールを探して開きます。

  2. ページ下部のPDF添付ファイルまでスクロールします。

  3. PDF添付ファイルをクリックして開きます。

  4. 電子メールクライアントを上にスクロールして、「表示ウェルカムキットオンライン」をクリックします。

    1. これにより、同じドキュメントのWebチャネルーのバージョンが開きます。
  5. PDFを直接参照するには:

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

  6. ICを直接参照するには:

    https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?チャネル=web&mode=プレビュー&wcmmode=disabled

    お知らせメリット ハンドブック対話型コミュニケーションリンク

更新リマインダ市民(Aya)

この節: Camilaは、1年後に通信リマインダーをスケジュールする場合もあります。(電子メールの自動化/実行を行うワークフローステップ)。

電子メールクライアント通知(Aya)

ユーザー手順:

  1. 電子メールクライアントに移動します。

  2. 更新リマインダの電子メールを探して開きます。

  3. 新しいアプリケーションを送信」ボタンをクリックして、アダプティブフォームを開きます。

    1. このセクションは、フェーズ2で事前入力されたデータをサポートするために、意図的に空のままにしておきます。

    更新リマインダーの電子メール

(オプション)Form Data Model(カミラ)

この節:Camilaは「AEM Formsデータ統合」に移動し、そこでクイックテストを実行して、フォームデータモデルの統合を介して外部データソースに送信された情報が実際に存在することを確認できます。

Form Data Model(Camila)

この節:Camilaはデータソースページに移動し、Derbyデータベース内でサーバーがレプリケートしたデータを検証します。

  1. ユーザーエクスペリエンスが完了し、ユーザーの送信が完了すると、CamilaはAEM Forms内の「データソース」タブ(Forms > データ統合)に移動します。

  2. 次に、CamilaはAEM Forms We.gov FDM​を選択し、We.gov Enrollment FDM​を編集します。

  3. 次に、Camilaは、テストする​連絡先 > 読み取りサービス​を選択します。

    読み取りサービスに連絡

  4. 次に、Camilaは、テストサービスに連絡先IDを提供し、「Test」ボタンをクリックします。 例えば、フォームを送信した場合は1または2。 フォームを送信していない場合、データは返されません。

    読み取りサービスに連絡

  5. その後、データがデータソースに正常に挿入されたことを確認できます。

    • Derby DS内のデータは、次の形式に似ています。
       [
          {
          "ADDRESS_COUNTRY": "USA",
          "LAST_NAME": "Tan",
          "ADDRESS_CITY": "New York",
          "FIRST_NAME": "Aya",
          "ADDRESS_STATE": "AL",
          "ADDRESS_LINE1": "123 Street crescent",
          "GENDER_CODE": "2",
          "ADDRESS_LINE2": "123 Street crescent",
          "ADDRESS_POSTAL_CODE": "90210",
          "BIRTH_DATE": "1991-12-12",
          "CONTACT_ID": 1,
          "MIDDLE_NAME": "M",
          "HAS_CHILDREN_CODE": "0"
          }
    ]
    

(オプション)Analytics(カミラ)

この節: Camilaは、エージェンシーKPIで確認できるダッシュボードに移動します。例えば、サービスリクエストフォームへの記入と放棄を開始した国民の割合、リクエスト提出から承認/拒否への対応までの平均時間、市民に送信した手当のハンドブックに関するアクション統計。

Adobe Analyticsサイトレポート(カミラ)

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

  2. AEM FormsWe.Govサイト」を選択して、サイトページを表示します。

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

    解析と推奨

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

    Adobe Analyticsの主要指標

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

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

    表示ドロップダウンメニューのリスト表示

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

    列の表示の設定

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

    新しい列を利用可能にする

Adobe AnalyticsFormsレポート(カミラ)

  1. に移動します。

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

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

    健康保険給付の登録申請

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

    Analyticsレポートデータ

このページ