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
  • 工作流程

  • 電子郵件通知

  • (可選)客戶通訊

    • Print Channel
    • Web Channel
  • 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 (會員)
    • 譚雅(會員)

示範概觀術語圖例 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

本節: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會選取「表單模型」 > 「從下拉式清單中選取表單資料模型」 > 「從選項清單中選取We.gov註冊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. DOB
      4. 電子郵件
  2. 使用下列專案 動態邏輯 使用示範動態功能 家庭狀態 下拉式清單:

    1. 單一:顯示親屬面板旁邊

    2. 已婚:顯示婚姻相依面板

    3. 離婚:顯示親屬面板旁邊

    4. 喪偶:顯示親屬面板旁邊

    5. 您有孩子嗎?:(是/否)顯示子項相依面板的選項按鈕。

      1. (新增/移除)按鈕可新增/移除多個子項相依面板。
  3. 按一下灰色功能表列中的向右箭頭。

  4. 按一下底部的「儲存」按鈕。

    最適化表單詳細資料

案頭示範 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. 按一下 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 Inbox & 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 channel版本。
  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網站 以檢視網站頁面。

  3. 選取其中一個網站頁面(例如「首頁」),然後選擇 Analytics與Recommendations.

    Analytics與建議

  4. 在此頁面上,您會看到從Adobe Analytics擷取的資訊,其中與AEM Sites頁面相關(注意:這項資訊的設計會定期從Adobe Analytics重新整理,且不會即時顯示)。

    Adobe Analytics關鍵量度

  5. 回到頁面檢視頁面(在步驟3存取),您也可以變更顯示設定以檢視專案,檢視頁面檢視資訊 清單檢視.

  6. 找到 檢視 下拉式功能表並選取 清單檢視.

    「檢視」下拉式選單中的清單檢視

  7. 從相同功能表選取 檢視設定 並選取您要顯示的欄,從 Analytics 區段。

    設定欄顯示

  8. 按一下 更新 讓新欄可用。

    讓新欄可用

Adobe Analytics Forms報告(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