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

  • 数据源集成

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

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

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

虚拟用户

  • 乔治·朗: We.Gov代理业务分析师

虚拟用户

  • 卡米拉·桑托斯: 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>:<port>/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>:<port>/aem/start.html

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

  14. CTA:行动号召

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

  16. AFC:Automated forms conversion

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

本节: Camila CX销售线索现有一种基于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. Check 我同意.

  2. 单击 Accept.

  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主管)

本节: CX负责人Camila与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

本节: 卡米拉还安排了一年后的沟通提醒。 (可自动化/执行并通过电子邮件发送的工作流步骤)。

电子邮件客户端通知(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网站 查看网站页面。

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

    分析和推荐

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

    Adobe Analytics关键量度

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

  6. 找到 视图 下拉菜单并选择 列表视图.

    “视图”下拉菜单中的列表视图

  7. 从同一菜单中,选择 视图设置 并从中选择要显示的列 分析 部分。

    配置列的显示

  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