We.Gov和We.Finance參考網站逐步說明

先決條件

按照設定和配置We.Gov和We.Finance參考站點中所述設定參考站點。

使用者動態

  • AEM Forms

    • 自動表單轉換
    • 製作
    • 表單資料模型/資料來源
  • AEM Forms

    • 資料擷取
    • (可選)資料整合(MS Dynamics)
    • (選用)Adobe Sign
  • 工作流程

  • 電子郵件通知

  • (選用)客戶溝通

    • Print Channel
    • Web Channel
  • Adobe Analytics

  • 資料來源整合

虛構使用者和群組

We.Gov示範套件隨附下列內建虛擬使用者:

  • 譚雅:符合政府機關服務資格的公民

虛擬使用者

  • 喬治·朗:We.Gov機構商業分析師

虛擬使用者

  • 卡米拉·桑托斯:We.Gov Agency CX領導

虛擬使用者

也包含下列群組:

  • We.Gov Forms使用者

    • 喬治·朗(成員)
    • 卡米拉·桑托斯(成員)
  • We.Gov使用者

    • 喬治·朗(成員)
    • 卡米拉·桑托斯(成員)
    • 譚雅雅(會員)

示範概觀詞語圖例

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

  2. 按鈕:彩色矩形或環繞的箭頭,以進行導覽。

  3. 按一下:執行使用者動態中的動作。

  4. 連結:位於We.Gov網站主功能表頂端。

  5. 使用者指示:瀏覽使用者動態時要遵循的一組數值步驟。

  6. 表單入口網站: https://<aemserver>:<port>/content/we-gov/formsportal.html

  7. Mobile View: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. Adobe We.Gov網站: https://<aemserver>:<port>/content/we-gov/home.html

  12. Adobe收件匣:位於頂端功能表 列Bell iconin AEM後端。

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

  13. 電子郵件客戶:檢視電子郵件的偏好方式(Gmail、Outlook)

  14. CTA:行動要求

  15. 導覽:在瀏覽器頁面上找到特定的參考點。

  16. AFC:自動化表單轉換

自動表單轉換(Camila)

本節:Camila the CX Lead現有的PDF表單是用於書面流程的一部分。作為現代化工作的一部分,她想使用此PDF表格自動建立新的現代化最適化表格。

自動表單轉換- We.Gov(Camila)

  1. 導覽至​https://<aemserver>:<port>/aem/start.html

  2. 登入方式:

    • 使用者:camila.santos
    • 密碼:密碼
  3. 從首頁選擇「表單>表單與檔案> AEM Forms We.gov表單> AFC」。

  4. Camila將PDF上傳至AEM Forms。

    上傳表格

  5. 然後,Camilla選取PDF表單,然後按一下「開始自動轉換」,開始轉換程式。 ​如果您已轉換表單,則可能需要按一下「覆寫轉換​」。

    注意

    請注意,AFC中的設定已為最終用戶預配置,這表示不應更改這些設定。

    • 可選:如果希望使用「可訪問的Ultramarine」主題,只需按一下「指定自適應表單主題」,然後選擇出現在選項清單中的「可訪問的-Ultramarine」主題。

    開始轉換

    超海洋主題

    轉換期間會顯示完成百分比狀態。 在狀態顯示​Converted​後,按一下​output​資料夾,選擇最適化表單,然後按一下​Edit​開啟已轉換表單。

  6. 然後,Camilla會檢閱表格,並確定所有欄位都存在

    審核轉換

  7. 然後卡米拉開始編輯表單。 她從「面板配置」下拉式選單中選取「根面板」>「編輯(扳手)」>「選取頂端標籤」>選取「核取方塊」。

    查看屬性

  8. 然後,Camilla會新增所有必要的CSS和欄位變更,以製作最終產品。

    新增CSS

表單資料模型與資料來源(Camila)

本節:在轉換並生成最適化表單後,Camila就需要將最適化表單連接至資料來源。

  1. Camila會開啟在自動表單轉換- We.Gov中轉換的表單上的屬性。

  2. 然後,從選項清單中選擇「表單模型」>「從選項中選擇表單資料模型」>「選擇We.gov Enrollment FDM」。

  3. 按一下「儲存並關閉」按鈕。

    FDM選擇

  4. Camila按一下​output​資料夾,選取最適化表單,然後按一下​Edit​以開啟完成的We.Gov表單。

  5. Camila會選取最適化表單欄位,然後按一下「設定」圖示。 她使用​Bind Reference​欄位建立與表單資料模型實體的系結。 她以最適化形式對所有欄位重複此步驟。

表單協助功能測試(Camila)

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

  1. Camila按一下​output​資料夾,選取最適化表單,然後按一下​預覽​以開啟完成的We.Gov表格。

  2. 在Chrome Developer Tool中開啟「稽核」標籤。

  3. 執行協助工具檢查以驗證最適化表單。

    協助工具檢查

最適化表單行動檢視示範(Aya)

本節必須在演示之前執行。

使用者指示:

  1. 導覽至:https://<aemserver>:<port>/content/we-gov/home.html

  2. 登入方式:

    1. 使用者:aya.tan
    2. 密碼:密碼
  3. 重新調整瀏覽器視窗大小或使用瀏覽器模擬器來複製行動裝置大小。

We.Gov網站(Aya)

虛擬使用者

本節:阿亞是公民。她從朋友那裡得知,她可能符合從政府機關獲得服務的資格。 Aya從手機瀏覽到We.Gov網站,進一步瞭解她有資格獲得的服務。

We.Gov Pre-Screener(Aya)

Aya在手機上填寫簡短的調適性表格,回答幾個問題以確認她是否符合資格。

使用者指示:

  1. 在每個下拉式欄位中進行選取。

    注意

    如果使用者每年的收入超過$200,000,則無法享有此優惠。

  2. 按一下「Am I Fighable?(我是否符合資格?)」” 按鈕.

  3. 按一下「Apply Now」按鈕繼續。

    立即套用連結

We.Gov Adaptive Form(Aya)

Aya發現她符合資格,並開始填寫申請表,要求在行動裝置上提供服務。

Aya需要先在家中審閱一些檔案,才能完成服務請求申請。 她會從行動裝置儲存並退出應用程式。

使用者指示:

  1. 填寫「基本資訊」欄位,以下是必填欄位和下拉式清單:

    1. 基本資訊

      1. 名字
      2. 姓氏
      3. DOB
      4. 電子郵件
  2. 使用下列​動態邏輯​使用​系列狀態​下拉式清單展示動態功能:

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

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

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

    4. 寡居:顯示親屬面板旁邊

    5. 你有孩子嗎?:(是/否)選項按鈕以顯示子依存面板。

      1. (新增/移除)按鈕,以新增/移除多個子系相依面板。
  3. 按一下灰色選單列中的向右箭頭。

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

    最適化表單詳細資訊

案頭示範

本節:回 家後,Aya已找到所需的資訊,並從案頭繼續應用程式。Aya導覽至線上表單入口網站,以繼續申請。 透過一些簡單的自訂功能,機構也可以自動產生連結並以電子郵件傳送,以繼續執行應用程式。

持續可調式表單(Aya)

使用者指示:

  1. 導覽至​https://<aemserver>:<port>/content/we-gov/home.html

  2. 在導覽列中,按一下「線上服務」。

  3. 從「草稿表單」面板中,選取現有的「健康福利註冊申請表」。

    健康福利註冊申請

    外觀和感覺都一樣,她不需要重新輸入任何資料。

    使用者指示:

  4. 按一下右鍵「社交圈CTA」,移至下一節。

    右圓CTA

    表單會填入到Aya最後一個登入點。 Aya已經輸入了她的所有資訊,準備提交。

    提交最適化表單

    注意

    當Aya填寫電話號碼欄位時,她必須以連續11位數字填寫,不含破折號、空格或連字型大小。

    提交Aya後,會收到「感謝」頁面。 (可選)她也會收到電子郵件,可以透過Adobe Sign開啟以電子方式簽署記錄檔案。

可選:Adobe Sign(Aya)

使用者指示:

  1. 導覽至您的電子郵件用戶端並尋找Adobe Sign電子郵件。

  2. 按一下Adobe Sign的連結。

    Adobe sign連結

使用者指示:

  1. 選中「I agree」框。

  2. 按一下「接受」。

  3. 捲動至已審閱檔案的底部。

  4. 按一下反白顯示的黃色標籤,以簽署檔案。

    簽署文 件簽署測試檔案

政府機關(George)

政府代理人喬治

本節: George是政府機關Aya的商業分析師,向其請求服務。George有一個儀表板,他可以在其中查看所有指派給他進行審查的服務請求應用程式。

AEM Inbox(George)

使用者指示:

  1. 導覽至​https://<aemserver>:<port>/aem/start.html

  2. 按一下使用者圖示(右上角),並使用「登出」或「模擬為」功能表選項(如果您目前是與管理使用者登入)。

    1. 登入方式:

      1. 用戶: george.lang
      2. 密碼:密
    2. 或模擬:

      1. 在「Impersonate as」欄位中鍵入「George」。

      2. 按一下「確定」以模擬。

  3. 從右上角按一下「通知(鈴鐺)」圖示。

  4. 按一下「查看全部」以導航到收件箱。

  5. 從收件箱中,開啟最新的「Health Benefits Application Review 」任務。

    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. (公民角色)開啟您的電子郵件用戶端,以檢視傳送至Aya的電子郵件。

    檢視傳送至Aya的電子郵件

CX銷售線索(Camila)

Camila(CX銷售線索)

本節: Camila CX Lead與Aya建立歡迎電話,以說明如何使用她獲得批准的政府服務。

(可選)AEM Inbox & MS Dynamics

使用者指示:

  1. 導覽至​https://<aemserver>:<port>/aem/start.html

  2. 按一下使用者圖示(右上角),並使用「登出」或「模擬為」功能表選項(如果您目前是與管理使用者登入)。

    1. 登入方式:

      1. 使用者:camila.santos
      2. 密碼:密碼
    2. 或模擬:

      1. 在「Impersonate as」欄位中鍵入「Camila」。

      2. 按一下「確定」以模擬。

  3. 從右上角按一下「通知(鈴鐺)」圖示。

  4. 按一下「查看全部」以導航到收件箱。

  5. 從「收件箱」中,開啟最新的「新聯繫人批准」任務。

新連絡人核准

(選用)使用者指示:

  1. 開啟並檢查唯讀最適化表單。

  2. 按一下「開啟MS Dynamics」按鈕,在新窗口中開啟MS Dynamics記錄。

  3. 在CRM中,您可以看到所有資訊都可以更新

    1. (可選)直接在Dynamics中新增呼叫活動。
    2. 開啟「活動」區段。
    3. 按一下「新電話呼叫」選項。
    4. 添加電話呼叫詳細資訊。
    5. 保存並關閉窗口。
  4. 返回AEM,導覽至左上角,然後按一下「Submit」以送出申請。

  5. 在模型中,您可以留言。

  6. 按一下「完成」。

    活動標 簽確認新聯繫人

(選用)歡迎套件公民(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/weg-gov-welcome-handbook

  6. 直接參考IC:

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

    歡迎權益手冊 互動式通訊連結

續約提醒公民(Aya)

本節: Camila也會排程通訊提醒,因此一年後。(自動化/執行及以電子郵件傳送的工作流程步驟)。

電子郵件客戶端通知(Aya)

使用者指示:

  1. 導覽至您的電子郵件客戶端。

  2. 找到並開啟續約提醒電子郵件。

  3. 按一下「提交新應用程式」按鈕以開啟自適應表單。

    1. 此區段故意留空,以支援階段2中的資料預先填寫。

    續約提醒電子郵件

(可選)表單資料模型(Camila)

本節:Camila導覽至AEM Forms Data Integrations,在此她可以執行快速測試,查看透過「表單資料模型」整合傳送至外部資料來源的資訊確實存在。

表單資料模型(Camila)

本節:Camila導覽至「資料來源」頁面,以驗證伺服器已在Derby資料庫中複製的資料。

  1. 在使用者體驗完成且使用者提交完成後,Camila會導覽至AEM Forms中的「Data Sources」標籤(Forms > Data Integrations)

  2. 然後,Camila選擇AEM Forms We.gov FDM,然後編輯​We.gov Enrollment FDM

  3. 然後,Camila選擇​Contact > Read Service​要測試。

    聯絡閱讀服務

  4. 然後,Camila會提供測試服務以取得連絡人ID,然後按一下「測試」按鈕。 例如,1或2,如果您已提交表單。 如果您尚未提交表單,則不會傳回任何資料。

    聯絡閱讀服務

  5. Camila接著可驗證資料是否已成功插入資料來源。

    • 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)

本節: Camila導覽至儀表板,可在儀表板中查看機構KPI,例如開始填寫服務請求表單並放棄的公民百分比、從請求提交到批准/拒絕回應的平均時間長度,以及她寄送給公民的福利手冊的參與統計資料。

Adobe Analytics Sites Reporting(Camila)

  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. 找到"View"下拉菜單並選擇"List View"。

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

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

    設定欄的顯示

  8. 按一下「Update」使新列可用。

    讓新欄可供使用

Adobe Analytics Forms Reporting(Camila)

  1. 導航到

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

  2. 選擇「健康福利註冊申請」最適化表單,然後選擇「Analytics報表」選項。

    健康福利註冊申請

  3. 等待頁面載入,並檢視Analytics報表資料。

    Analytics報表資料

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now