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

  • 資料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 (會員)
    • 譚雅(會員)

示範概觀術語圖例 demo-overview-terms-legend

  1. 模擬: AEM示範中的已定義使用者與群組。

  2. Button:彩色矩形或圓形箭號以供導覽。

  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按一下​ output ​資料夾、選取最適化表單,然後按一下​ 編輯 ​以開啟已完成的We.Gov表單。

  5. Camila選取最適化表單欄位並按一下 設定圖示 ,並使用​ 繫結參考 ​欄位與表單資料模型實體建立繫結。 Camila會對最適化表單中的所有欄位重複此步驟。

表單協助工具測試(Camila) form-accessibility-testing

Camila也會驗證建立的內容是否已根據公司標準正確建置且完全可存取。

  1. Camila按一下​ output ​資料夾、選取最適化表單,然後按一下​ 預覽 ​以開啟已完成的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. 按一下​ 接受

  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 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接著提供連絡人識別碼的測試服務,然後按一下​ 測試。 例如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. 從相同的功能表選取​ 檢視設定,並從​ 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報表資料。

    分析報告資料

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