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
-
模擬: AEM示範中的已定義使用者與群組。
-
Button:彩色矩形或圓形箭號以供導覽。
-
按一下:在使用者劇本中執行動作。
-
連結:在We.Gov網站的主要功能表頂端。
-
使用者指示:導覽使用者劇本時要遵循的一組數值步驟。
-
Forms入口網站: https://<aemserver>:<port>/content/we-gov/formsportal.html
-
行動檢視:We.Gov使用者要使用調整大小的瀏覽器來復寫行動檢視。
-
桌上型電腦檢視: We.gov使用者可在筆記型電腦或桌上型電腦上檢視示範。
-
預先篩選表單: We.Gov網站首頁上的表單。
-
最適化表單: We.gov示範的註冊應用程式表單。
https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html
-
AdobeWe.Gov網站: https://<aemserver>:<port>/content/we-gov/home.html
-
Adobe收件匣:位於AEM後端中的頂端功能表列鈴鐺圖示。
https://<aemserver>:<port>/aem/start.html
-
電子郵件使用者端:檢視您電子郵件的偏好方式(Gmail、Outlook)
-
CTA:呼叫動作
-
瀏覽:在瀏覽器頁面上尋找特定參考點。
-
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
-
導覽至 https://<aemserver>:<port>/aem/start.html
-
登入方式:
- 使用者: camila.santos
- 密碼:密碼
-
從首頁面,選取「Forms > Forms & Documents > AEM Forms We.gov Forms > AFC」。
-
Camila將PDF上傳到AEM Forms。
-
Camilla接著選取PDF表單,然後按一下 開始自動轉換 開始轉換程式。 如果您已轉換表單,您可能需要按一下 覆寫轉換。
note note NOTE AFC中的設定是針對一般使用者預先設定的,這表示這些設定不應加以變更。 - 選擇性:如果您想要使用無障礙的Ultramine主題,只要按一下「指定最適化表單主題」,並選取出現在選項清單中的Accessible-Ultramine主題。
轉換期間會顯示完成百分比狀態。 狀態顯示 已轉換 後,按一下 輸出 資料夾,選取最適化表單,然後按一下 編輯 以開啟已轉換的表單。
-
接著Camilla會檢閱表單,並確定所有欄位都存在
-
接著Camilla開始編輯表單,並選取「根面板>編輯(扳手) >從「面板配置」下拉式選單中選取「標籤在頂端」 >選取「核取方塊」。
-
然後Camilla會新增所有必要的CSS和欄位變更以產生最終產品。
表單資料模型與資料來源(Camila) data-sources
本節:轉換檔案並產生最適化表單後,Camila必須將最適化表單連線到資料來源。
-
接著Camila會選取「表單模型」 > 「從下拉式清單中選取表單資料模型」 > 「從選項清單中選取We.gov註冊FDM」。
-
按一下「儲存並關閉」。
-
Camila按一下 output 資料夾、選取最適化表單,然後按一下 編輯 以開啟已完成的We.Gov表單。
-
Camila選取最適化表單欄位並按一下
表單協助工具測試(Camila) form-accessibility-testing
Camila也會驗證建立的內容是否已根據公司標準正確建置且完全可存取。
-
Camila按一下 output 資料夾、選取最適化表單,然後按一下 預覽 以開啟已完成的We.Gov表單。
-
在Chrome開發人員工具中開啟「稽核」標籤。
-
執行協助工具檢查以驗證最適化表單。
最適化表單行動檢視示範(Aya) mobile-view-demo
此節必須在示範之前執行。
使用者指示:
-
導覽至: https://<aemserver>:<port>/content/we-gov/home.html
-
登入方式:
- 使用者: aya.tan
- 密碼:密碼
-
調整瀏覽器視窗大小,或使用瀏覽器的模擬器來複製行動裝置大小。
We.Gov網站(Aya) aya-user-story-we-gov-website
本節: Aya是市民,她從朋友那裡得知她可能有資格獲得政府機構提供的服務。 Aya從行動電話導覽至We.Gov網站,進一步瞭解她有資格使用的服務。
We.Gov前置熒幕(Aya) aya-user-story-we-gov-pre-screener
Aya會在行動電話上填寫簡短的最適化表格,回答幾個問題以確認其資格。
使用者指示:
-
在每個下拉式欄位中進行選取。
note note NOTE 如果使用者每年的收入超過$200,000,則不符合資格。 -
按一下 我是否符合資格?。
-
按一下 立即套用 以繼續。
We.Gov最適化表單(Aya) aya-user-story-we-gov-adaptive-form
Aya發現她符合資格,並開始填寫應用程式以請求行動裝置上的服務。
Aya必須先在家中檢視一些檔案,才能完成服務請求申請。 她儲存並從行動裝置退出應用程式。
使用者指示:
-
填寫基本資訊欄位,以下是必填欄位和下拉式清單:
-
基本資訊
- 名字
- 姓氏
- DOB
- 電子郵件
-
-
使用下列 動態邏輯,使用 系列狀態 下拉式清單來示範動態功能:
-
單一:顯示同類面板的旁邊
-
已婚:顯示婚姻相依面板
-
離婚:顯示親屬面板
-
喪偶:顯示近親面板
-
您有孩子嗎?: (是/否)選項按鈕可顯示子相依面板。
- (新增/移除)按鈕可新增/移除多個子項相依面板。
-
-
按一下灰色功能表列中的向右箭頭。
-
按一下底部的「儲存」按鈕。
案頭示範 desktop-demo
本節: 回到家中,Aya找到她需要的資訊,並從她的案頭繼續執行應用程式。 Aya會導覽至線上Forms入口網站,並繼續執行其應用程式。 只要進行簡單的自訂,代理商也可以自動產生連結,並透過電子郵件傳送連結,以繼續執行應用程式。
續式最適化表單(Aya) aya-user-story-continued-adaptive-form
使用者指示:
-
導覽至 https://<aemserver>:<port>/content/we-gov/home.html
-
從導覽列中選取 線上服務。
-
從「草稿Forms」面板中,選取現有的「健康權益註冊應用程式」。
外觀和感覺相同,她不需要重新輸入任何資料。
使用者指示:
-
在「圓CTA」上按一下滑鼠右鍵,移至下一個截面。
表單會填入至Aya的最後一個專案點。 Aya已輸入所有資訊並準備提交。
note note NOTE Aya填寫電話號碼欄位時,她必須填寫為連續11位數的數字,不含破折號、空格或連字型大小。 提交後,Aya會收到「感謝您」頁面。 Aya也可能會收到電子郵件(選擇性),以開啟該電子郵件,透過Adobe Sign以電子方式簽署記錄檔案。
選用:Adobe Sign (Aya) adobe-sign
使用者指示:
-
導覽至您的電子郵件使用者端,並找到Adobe Sign電子郵件。
-
按一下Adobe Sign的連結。
使用者指示:
-
檢查 我同意。
-
按一下 接受。
-
捲動至已檢閱檔案的底部。
-
按一下醒目提示的黃色標籤,以便您簽署檔案。
政府機構(George) government-agent-george
本節: George是政府機構業務分析師Aya向請求服務。 George有單一儀表板,他可以在其中檢視指派給他的所有服務請求應用程式以進行稽核。
AEM收件匣(George) george-user-story-aem-inbox
使用者指示:
-
導覽至 https://<aemserver>:<port>/aem/start.html
-
按一下使用者圖示(右上角)並使用 登出,或如果您目前是以系統管理使用者登入,則使用 模擬為 功能表選項。
-
登入方式:
- 使用者: george.lang
- 密碼: 密碼
-
或模擬:
-
在 模擬為 欄位中輸入
George
。 -
按一下「確定」進行模擬。
-
-
-
從右上角,按一下通知(鈴鐺)圖示。
-
按一下 檢視全部 以瀏覽至收件匣。
-
從收件匣中,開啟最新的 健康權益應用程式評論 工作。
可選:AEM收件匣與MS® Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics
有了資料整合和自動化工作流程,Aya的應用程式會與提交資料時自動產生的CRM記錄一起出現。
使用者指示:
-
開啟並檢查唯讀的最適化表單。
-
按一下 開啟MS® Dynamics,在新視窗中開啟MS® Dynamics記錄。
-
在CRM中,您會看到所有可更新的資訊。
- 選擇性地直接在Dynamics中新增一些稽核附註。
-
關閉並返回AEM收件匣。
返回AEM收件匣(George) george-user-story-back-to-aem-inbox
George會核准Aya的申請,並且由於現有的自動化工作流程,也會傳送確認電子郵件給Aya。
使用者指示:
-
導覽至左上角,然後按一下 核准 以核准應用程式。
-
在強制回應視窗中,您可以為CX銷售機會留下訊息。
-
按一下「完成」。
-
(公民角色)開啟您的電子郵件使用者端以檢視傳送至Aya的電子郵件。
CX銷售機會(Camila) cx-lead-camila
本節: Camila CX銷售代表與Aya設定歡迎電話來解釋如何使用她核准的政府服務。
(選用) AEM Inbox & MS® Dynamics camila-user-story-aem-inbox-ms-dynamics
使用者指示:
-
導覽至 https://<aemserver>:<port>/aem/start.html
-
按一下使用者圖示(右上角)並使用 登出,或如果您目前是以系統管理使用者登入,則使用 模擬為 功能表選項。
-
登入方式:
- 使用者: camila.santos
- 密碼:密碼
-
或模擬:
-
在 模擬為 欄位中輸入
Camila
。 -
按一下「確定」進行模擬。
-
-
-
從右上角,按一下通知(鈴鐺)圖示。
-
按一下 檢視全部 以瀏覽至收件匣。
-
從收件匣中,開啟最新的 新連絡人核准 工作。
(選擇性)使用者指示:
-
開啟並檢查唯讀的最適化表單。
-
按一下 開啟MS® Dynamics,在新視窗中開啟MS® Dynamics記錄。
-
在CRM中,您可以看到所有可更新的資訊。
- 或者,直接在Dynamics中新增呼叫活動。
- 開啟 活動 區段。
- 按一下 新電話。
- 新增電話詳細資料。
- 儲存並關閉視窗。
-
返回AEM,導覽至左上角,然後按一下 提交 以提交應用程式。
-
在強制回應視窗中,您可以留下訊息。
-
按一下「完成」。
(選用)歡迎套件公民(Aya) welcome-kit-citizen-aya
此節: Aya收到一封電子郵件,其中包含互動式通訊的連結,其中摘要說明其優點,並包含要填寫的表單欄位。 附帶PDF權益宣告及郵件中互動式通訊信函的連結(與互動式通訊具有相同的主題/品牌)。
電子郵件使用者端通知(Aya) aya-user-story-email-client
使用者指示:
-
找到並開啟歡迎套件電子郵件。
-
捲動至頁面底部的PDF附件。
-
按一下以開啟PDF附件。
-
向上捲動您的電子郵件使用者端並按一下 線上檢視歡迎套件。
- 這會開啟相同檔案的Web channel版本。
-
如需直接PDF的快速參考:
https://<aemserver>:<port>/aem/formdetails.html/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook
-
如需積體電路的快速參考,請點選:
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
使用者指示:
-
導覽至您的電子郵件使用者端。
-
找到並開啟更新提醒電子郵件。
-
按一下 提交新的應用程式,以便開啟最適化表單。
- 本節刻意留空,以支援階段2的資料預填。
(選用)表單資料模型(Camila) form-data-model
此區段: Camila會導覽至AEM Forms資料整合,在那裡她可以執行快速測試,以檢視透過「表單資料模型」整合傳送至外部資料來源的資訊是否確實存在。
表單資料模型(Camila) form-data-model-camila
此段落: Camila會瀏覽至「資料來源」頁面,驗證伺服器在Derby資料庫中復寫的資料。
-
使用者體驗完成且使用者提交完成後,Camila會導覽至AEM Forms中的「資料來源」索引標籤(Forms > 資料整合)
-
Camila接著選取AEM Forms We.gov FDM,然後編輯 We.gov註冊FDM。
-
然後Camila選取要測試的 連絡人 > 讀取服務。
-
Camila接著提供連絡人識別碼的測試服務,然後按一下 測試。 例如1或2 (如果您已提交表單)。 如果您尚未提交表單,則不會傳回任何資料。
-
然後,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
-
導覽至 https://<aemserver>:<port>/sites.html/content
-
選取 AEM Forms We.Gov網站 以檢視網站頁面。
-
選取其中一個網站頁面(例如「首頁」),然後選擇 Analytics與Recommendations。
-
在此頁面上,您會看到從Adobe Analytics擷取的資訊,其中與AEM Sites頁面相關(注意:這項資訊的設計會定期從Adobe Analytics重新整理,且不會即時顯示)。
-
回到頁面檢視頁面(在步驟3存取),您也可以變更顯示設定,在 清單檢視 中檢視專案,以檢視頁面檢視資訊。
-
找到 檢視 下拉式功能表,然後選取 清單檢視。
-
從相同的功能表選取 檢視設定,並從 Analytics 區段中選取您要顯示的資料行。
-
按一下 更新,讓新資料行可供使用。
Adobe Analytics Forms報告(Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics
-
瀏覽至
https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms
-
選取 健康權益註冊應用程式 最適化表單,並選取 Analytics報表 選項。
-
等候頁面載入,並檢視Analytics報表資料。