We.Gov和We.Finance引用站点演练 we-gov-reference-site-walkthrough

先决条件 pre-requisites

按照设置和配置We.Gov和We.Finance引用站点中的说明设置引用站点。

用户故事 user-story

  • AEM Forms

    • 自动化表单转换
    • 创作
    • 表单数据模型/数据源
  • AEM Forms

    • 数据捕获
    • (可选)数据集成(MS® Dynamics)
    • (可选)Adobe Sign
  • 工作流

  • 电子邮件通知

  • (可选)客户通信

    • 打印渠道
    • Web 渠道
  • Adobe Analytics

  • 数据Source集成

虚构的用户和组 fictitious-users-and-groups

We.Gov演示包附带以下内置虚拟用户:

  • Aya Tan:有资格从政府机构获得服务的公民

虚拟用户

  • George Lang: We.Gov代理业务分析师

虚拟用户

  • Camila Santos: We.Gov Agency CX潜在客户

虚拟用户

还包括以下组:

  • We.Gov Forms用户

    • George Lang(会员)
    • Camila Santos(成员)
  • We.Gov用户

    • George Lang(会员)
    • Camila Santos(成员)
    • Aya Tan(会员)

演示概述术语图例 demo-overview-terms-legend

  1. 模拟: AEM演示中定义的用户和组。

  2. 按钮:用于导航的彩色矩形或圆圈箭头。

  3. 单击:在用户故事中运行操作。

  4. 链接:在We.Gov网站的主菜单顶部。

  5. 用户说明:浏览用户故事时要遵循的一组数字步骤。

  6. Forms门户https://<aemserver>:<port>/content/we-gov/formsportal.html

  7. 移动视图:We.Gov用户使用调整大小的浏览器复制移动视图。

  8. 桌面视图: We.gov用户,用于在笔记本电脑或桌面上查看演示。

  9. 预屏表单: We.Gov网站主页上的表单。

  10. 自适应表单: We.gov演示的注册申请表单。

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

  11. AdobeWe.Gov站点https://<aemserver>:<port>/content/we-gov/home.html

  12. Adobe收件箱:位于AEM后端中的顶部菜单栏铃铛图标

    https://<aemserver>:<端口>/aem/start.html

  13. 电子邮件客户端:查看电子邮件的首选方式(Gmail、Outlook)

  14. CTA:行动号召

  15. 导航:在浏览器页面上找到特定参考点。

  16. AFC:Automated forms conversion

automated forms conversion(卡米拉) automated-forms-conversion

此部分: CX销售线索的Camila有一个现有的基于PDF的表单,该表单已用作基于纸张的流程的一部分。 作为现代化工作的一部分,Camila希望使用此PDF表单自动创建现代自适应Forms。

automated forms conversion- We.Gov (卡米拉) automated-forms-conversion-wegov

  1. 导航到​ https://<aemserver>:<port>/aem/start.html

  2. 登录方式:

    • 用户: camila.santos
    • 密码:密码
  3. 从主页中,选择Forms > Forms & Documents > AEM Forms We.gov Forms > AFC。

  4. Camila将PDF上传到AEM Forms。

    上载表单

  5. 然后,Camilla选择PDF表单并单击​ 开始自动转换 ​开始转换过程。 如果您已转换表单,则可能需要单击​ 覆盖转换

    note note
    NOTE
    AFC中的设置是为最终用户预配置的,这意味着这些设置不应更改。
    • 可选:如果要使用无障碍的Ultramine主题,只需单击指定自适应表单主题,然后选择选项列表中显示的Accessible-Ultramine主题。

    开始转换

    超海洋主题

    转换期间会显示完成百分比状态。 状态显示​ 已转换 ​后,单击​ 输出 ​文件夹,选择自适应表单,然后单击​ 编辑 ​以打开已转换的表单。

  6. 然后,Camilla查看表单,并确保所有字段都存在

    查看转换

  7. 然后,Camilla开始编辑表单,并选择“根面板”>“编辑(扳手)”>“从面板布局下拉菜单中选择顶部选项卡”>“选择复选框”。

    审阅属性

  8. 然后,Camilla添加所有必需的CSS和字段更改以生成最终产品。

    添加CSS

表单数据模型和数据源(Camila) data-sources

此部分:转换文档并生成自适应表单后,Camila必须将自适应表单连接到数据源。

  1. Camila在以Automated forms conversion转换的表单上打开属性 — We.Gov

  2. 然后,Camila选择“Form Model(表单模型)” > “Select Form Data Model(从以下列表中选择)” > “Select We.gov Enrollment FDM(从选项列表中选择注册FDM)”。

  3. 单击保存并关闭。

    FDM选择

  4. Camila单击​ 输出 ​文件夹,选择自适应表单,然后单击​ 编辑 ​打开已完成的We.Gov表单。

  5. Camila选择自适应表单字段并单击 配置图标 ,并使用​ 绑定引用 ​字段创建与表单数据模型实体的绑定。 Camila对自适应表单中的所有字段重复此步骤。

表单辅助功能测试(Camila) form-accessibility-testing

Camila还会验证已创建的内容是否已根据公司标准正确构建并可完全访问。

  1. Camila单击​ 输出 ​文件夹,选择自适应表单,然后单击​ 预览 ​以打开已完成的We.Gov表单。

  2. 在Chrome开发人员工具中打开审核选项卡。

  3. 执行辅助功能检查以验证自适应表单。

    辅助功能检查

自适应表单移动视图演示(Aya) mobile-view-demo

必须在演示之前执行此部分。

用户说明:

  1. 导航到: https://<aemserver>:<port>/content/we-gov/home.html

  2. 登录方式:

    1. 用户: aya.tan
    2. 密码:密码
  3. 调整浏览器窗口的大小或使用浏览器的模拟器复制移动设备大小。

We.Gov网站(Aya) aya-user-story-we-gov-website

虚拟用户

此部分: Aya是公民,她从朋友那里听说她可能有资格从政府机构获得服务。 Aya通过手机导航到We.Gov网站,了解有关她有资格使用的服务的更多信息。

We.Gov预屏幕程序(Aya) aya-user-story-we-gov-pre-screener

Aya回答了一些问题,通过在手机上填写一个简短的自适应表单来确认她的资格。

用户说明:

  1. 在每个下拉字段中选择。

    note note
    NOTE
    如果用户每年的收入超过200,000美元,则不符合条件。
  2. 单击​ 我是否符合条件?

  3. 单击​ 立即应用 ​以继续。

    立即应用链接

We.Gov自适应表单(Aya) aya-user-story-we-gov-adaptive-form

Aya发现她符合条件,并开始填写申请表以请求在她的移动设备上提供服务。

Aya必须先在家查看一些文档,然后才能完成服务请求申请。 她保存并从移动设备中退出应用程序。

用户说明:

  1. 填写基本信息字段,以下为必填字段和下拉列表:

    1. 基本信息

      1. 名字
      2. 姓氏
      3. 出生日期
      4. 电子邮件
  2. 使用以下​ 动态逻辑 ​通过​ 系列状态 ​下拉菜单演示动态功能:

    1. 单个:显示同类面板的旁边

    2. 已婚:显示婚姻从属面板

    3. 已离婚:显示亲属面板的旁边

    4. 丧偶:显示亲属面板的旁边

    5. 您有孩子吗?: (是/否)单选按钮显示子依赖面板。

      1. (添加/删除)按钮,用于添加/删除多个子项从属面板。
  3. 单击灰色菜单栏中的右箭头。

  4. 单击底部的Save按钮。

    自适应表单详细信息

桌面演示 desktop-demo

此部分: ​在家中,Aya找到她需要的信息并从她的桌面恢复应用程序。 Aya导航到在线Forms门户以恢复她的应用程序。 通过一些简单的自定义设置,机构还可以自动生成链接并通过电子邮件发送该链接以恢复应用程序。

续自适应表单(Aya) aya-user-story-continued-adaptive-form

用户说明:

  1. 导航到​ https://<aemserver>:<port>/content/we-gov/home.html

  2. 从导航栏中选择​ 联机服务

  3. 从“草稿Forms”面板中,选择现有的“健康权益注册申请”。

    健康权益注册申请

    外观和感觉相同,她不需要重新输入任何数据。

    用户说明:

  4. 右键单击“圆形CTA”可移动到下一节。

    右圆形CTA

    表单将填充到Aya的最后一个条目处。 Aya已输入所有信息并准备提交。

    提交自适应表单

    note note
    NOTE
    当Aya填写电话号码字段时,她必须填写为一个连续11位数的数字,且不含破折号、空格或连字符。

    提交后,Aya会收到“感谢”页面。 (可选)Aya还会收到一封电子邮件,她可以打开该电子邮件以使用Adobe Sign电子方式签署记录文档。

可选:Adobe Sign (Aya) adobe-sign

用户说明:

  1. 导航到您的电子邮件客户端并找到Adobe Sign电子邮件。

  2. 单击链接到Adobe Sign。

    Adobe签名链接

用户说明:

  1. 检查​ 我同意

  2. 单击​ 接受

  3. 滚动到已审阅文档的底部。

  4. 单击高亮显示的黄色选项卡,以便对文档进行签名。

    签署文档 签署测试文档

政府代理(George) government-agent-george

政府代理George

此部分: George是政府机构业务分析师Aya正在向其请求服务。 George有一个仪表板,他可以在其中查看已分配给他进行审阅的所有服务请求应用程序。

AEM收件箱(George) george-user-story-aem-inbox

用户说明:

  1. 导航到​ https://<aemserver>:<port>/aem/start.html

  2. 单击用户图标(右上角)并使用​ 注销,或者​ 模拟为 ​菜单选项(如果您当前以管理用户登录)。

    1. 登录方式:

      1. 用户: george.lang
      2. 密码: ​密码
    2. 或模拟:

      1. 在​ 模拟为 ​字段中键入George

      2. 单击“确定”以模拟。

  3. 从右上角,单击通知(铃铛)图标。

  4. 单击​ 查看全部 ​以导航到收件箱。

  5. 从收件箱中,打开最新的​ 健康权益应用程序审核 ​任务。

    健康权益申请审核

可选:AEM收件箱和MS® Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics

得益于数据集成和自动化工作流,Aya的应用程序会与提交数据时自动生成的CRM记录一起显示。

用户说明:

  1. 打开并检查只读自适应表单。

  2. 单击​ 打开MS® Dynamics ​以在新窗口中打开MS® Dynamics记录。

  3. 在CRM中,您会看到所有可以更新的信息。

    1. (可选)直接在Dynamics中添加一些审阅注释。
  4. 关闭并返回AEM收件箱。

    MS Dynamics记录

返回AEM收件箱(George) george-user-story-back-to-aem-inbox

George批准Aya的申请,并且借助现有的自动化工作流,还会向Aya发送确认电子邮件。

用户说明:

  1. 导航到左上角,然后单击​ 批准 ​以批准应用程序。

  2. 在该模式窗口中,您可以为CX销售线索留下一条消息。

  3. 单击“完成”。

  4. (公民角色)打开您的电子邮件客户端以查看发送到Aya的电子邮件。

    查看发送给Aya的电子邮件

CX销售线索(Camila) cx-lead-camila

Camila (CX主管)

此部分: Camila CX销售线索与Aya建立了欢迎电话联系,以说明如何使用她批准的政府服务。

(可选) AEM收件箱和MS® Dynamics camila-user-story-aem-inbox-ms-dynamics

用户说明:

  1. 导航到​ https://<aemserver>:<port>/aem/start.html

  2. 单击用户图标(右上角)并使用​ 注销,或者​ 模拟为 ​菜单选项(如果您当前以管理用户登录)。

    1. 登录方式:

      1. 用户: camila.santos
      2. 密码:密码
    2. 或模拟:

      1. 在​ 模拟为 ​字段中键入Camila

      2. 单击“确定”以模拟。

  3. 从右上角,单击通知(铃铛)图标。

  4. 单击​ 查看全部 ​以导航到收件箱。

  5. 从收件箱中,打开最新的​ 新联系人审批 ​任务。

新联系人审批

(可选)用户说明:

  1. 打开并检查只读自适应表单。

  2. 单击​ 打开MS® Dynamics ​以在新窗口中打开MS® Dynamics记录。

  3. 在CRM中,您可以看到所有可以更新的信息。

    1. (可选)直接在Dynamics中添加调用活动。
    2. 打开​ 活动 ​部分。
    3. 单击​ 新电话
    4. 添加电话通话详细信息。
    5. 保存并关闭窗口。
  4. 返回AEM,导航到左上角,然后单击​ 提交 ​提交申请。

  5. 在该模式窗口中,您可以留言。

  6. 单击“完成”。

    活动选项卡 确认新联系人

(可选)欢迎套件公民(Aya) welcome-kit-citizen-aya

此部分: Aya收到一封电子邮件,其中包含指向交互式通信的链接,该链接概述了她的好处,并包含要填写的表单字段。 附带PDF权益声明和邮件中的交互式通信信件链接(主题/品牌与交互式通信相同)。

电子邮件客户端通知(Aya) aya-user-story-email-client

用户说明:

  1. 找到并打开欢迎套件电子邮件。

  2. 滚动到页面底部的PDF附件。

  3. 单击以打开PDF附件。

  4. 在电子邮件客户端中向上滚动,然后单击​ 在线查看欢迎套件

    1. 这将打开同一文档的Web渠道版本。
  5. 要快速了解直接PDF的参考,请执行以下操作:

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

  6. 要直接快速引用集成电路,请执行以下操作:

    https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?channel=web&mode=preview&wcmmode=disabled

    欢迎权益手册 交互式通信链接

续订提醒公民(Aya) renewal-reminder-citizen-aya

此分区: Camila还计划了一年后的通信提醒。 (可自动化/执行并通过电子邮件发送的工作流步骤)。

电子邮件客户端通知(Aya) aya-user-story-email-client-updated

用户说明:

  1. 导航到您的电子邮件客户端。

  2. 找到并打开续订提醒电子邮件。

  3. 单击​ 提交新应用程序 ​以打开自适应表单。

    1. 为了支持在第2阶段中预填数据,此部分故意留空。

    续订提醒电子邮件

(可选)表单数据模型(Camila) form-data-model

此部分: Camila导航到AEM Forms数据集成,她可以在其中运行快速测试,以查看通过表单数据模型集成发送到外部数据源的信息是否确实存在。

表单数据模型(Camila) form-data-model-camila

此部分: Camila将导航到“数据源”页,以验证服务器在Derby数据库中复制的数据。

  1. 用户体验完成且用户提交完成后,Camila将导航到AEM Forms中的“数据源”选项卡(Forms > 数据集成)

  2. 然后,Camila选择AEM Forms We.gov FDM,然后编辑​ We.gov注册FDM

  3. 然后Camila选择要测试的​ 联系人 > 读取服务

    联系读取服务

  4. 然后Camila向测试服务提供联系人ID,然后单击​ 测试。 例如,1或2(如果您提交了表单)。 如果您未提交表单,则不会返回任何数据。

    联系读取服务

  5. 然后,Camila可以验证数据是否已成功插入数据源。

    • Derby DS中的数据类似于以下格式:
    code language-xml
       [
          {
          "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) analytics-cx-lead-camila

此部分: Camila导航到一个信息板,她可以在信息板中看到机构KPI,例如,开始填写服务请求表单并放弃的公民百分比,从请求提交到批准/拒绝响应的平均时间长度,以及她向公民发送福利手册的参与统计信息。

Adobe Analytics Sites报表(Camila) camila-reviews-sites-reporting-we-gov-adobe-analytics

  1. 导航到​ https://<aemserver>:<port>/sites.html/content

  2. 选择​ AEM Forms We.Gov Site ​以查看站点页面。

  3. 选择一个网站页面(例如“主页”),然后选择​ Analytics和Recommendations

    分析和推荐

  4. 在此页面上,您会看到从Adobe Analytics中获取的与AEM Sites页面相关的信息(注意:通过设计,这些信息会定期从Adobe Analytics中刷新,并且不会实时显示)。

    Adobe Analytics关键量度

  5. 返回页面查看页面(在步骤3中访问),您还可以通过更改显示设置以在​ 列表视图 ​中查看项目来查看页面查看信息。

  6. 找到​ 视图 ​下拉菜单,然后选择​ 列表视图

    在“视图”下拉菜单中列出视图

  7. 从同一菜单中,选择​ 查看设置,然后从​ Analytics ​部分中选择要显示的列。

    配置列的显示

  8. 单击​ 更新 ​使新列可用。

    使新列可用

Adobe Analytics Forms Reporting (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics

  1. 导航至

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

  2. 选择​ 健康权益注册应用程序 ​自适应表单,然后选择​ Analytics报表 ​选项。

    健康权益注册申请

  3. 等待页面加载并查看Analytics报表数据。

    Analytics报表数据

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2