Set up the reference site as described in Set up and configure We.Gov and We.Finance reference site.
AEM Forms
AEM Forms
Workflow
Email Notifications
(Optional) Customer Communications
Adobe Analytics
Data Source Integrations
The We.Gov demo package comes with the following built-in fictitious users:
The following groups are also included:
We.Gov Forms Users
We.Gov Users
Impersonate: Defined Users & Groups in AEM demo.
Button: Colored rectangle or circled arrow for navigating.
Click: To execute an action in the user story.
Links: Located at the top of the main menu in We.Gov site.
User Instructions: A set of numerical steps to follow when navigating through the user’s story.
Forms Portal: https://<aemserver>:<port>/content/we-gov/formsportal.html
Mobile View:We.Gov user to replicate a mobile view with a re-sized browser.
Desktop View: We.gov user to view demo on a laptop or desktop.
Pre-screener Form: Form on the Home page of the We.Gov site.
Adaptive Form: Enrollment application form for We.gov demo.
https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html
Adobe We.Gov Site: https://<aemserver>:<port>/content/we-gov/home.html
Adobe Inbox: Located top menu bar Bell icon in AEM backend.
https://<aemserver>:<port>/aem/start.html
Email Client: Preferred way to view your emails (Gmail, Outlook)
CTA: Call to action
Navigate: To locate a specific reference point on the browser page.
AFC: Automated Forms Conversion
This section: Camila the CX Lead has an existing PDF based form that was used as part of a paper-based process. As part of a modernization effort she wants to use this PDF form to automatically create a new modern Adaptive Forms.
Navigate to https://<aemserver>:<port>/aem/start.html
Login with:
From the main page select Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.
Camila uploads the PDF to AEM Forms.
Camilla then selects the PDF form and clicks Start Automated Conversion to start the conversion process. You may need to click Overwrite conversion if you have converted the form.
Note that the settings in AFC are preconfigured for the end user which means that they should not be altered.
The percentage complete status displays during conversion. Once the status displays Converted, click the output folder, select the adaptive form and click Edit to open the converted form.
Camilla then reviews the form and makes certain that all fields are present
Camilla then starts to edit the form. She selects Root Panel > Edit (the wrench) > selects Tabs on Top from the Panel Layout dropdown menu > selects the Check box.
Camilla then adds all the necessary CSS and field alterations to produce the final product.
This section: Once the document has been converted and produced an Adaptive Form, Camila then needs to connect the Adaptive Form to a datasource.
Camila opens the Properties on the form that was converted in Automated Forms Conversion - We.Gov.
Camila then selects Form Model > Selects Form Data Model from Select From dropdown > Selects We.gov Enrollment FDM from the list of option.
Clicks on the Save & Close button.
Camila clicks the output folder, selects the adaptive form and clicks Edit to open the completed We.Gov form.
Camila selects an adaptive form field and clicks . She creates binding with the form data model entities using the Bind Reference field. She repeats this step for all fields in the adaptive form.
Camila also validates that the created content is built correctly and fully accessible according to corporate standards.
Camila clicks the output folder, selects the adaptive form and clicks Preview to open the completed We.Gov form.
Opens the Audit tab within the Chrome Developer Tool.
Performs an Accessibility check in order to validate the adaptive form.
This section must be performed ahead of the demonstration.
User Instructions:
Navigate to: https://<aemserver>:<port>/content/we-gov/home.html
Login with:
Re-size the browser window or use the browser’s emulator to replicate a mobile device size.
This section: Aya is a citizen. She hears from a friend that she may be eligible to receive a Service from a government agency. Aya navigates to the We.Gov website from her mobile phone to learn more about services she is eligible for.
Aya answers a few questions to confirm her eligibility by filling out a short adaptive form on her mobile phone.
User Instructions:
Make a selection in each dropdown field.
If the user earns more than $200,000/yr, they aren’t eligible.
Click the “Am I Eligible?” button.
Click the “Apply Now” button to proceed.
Aya finds out she is eligible and begins filling her application to request service on her mobile device.
Aya needs to review some documents at home before she can complete the service request application. She saves and exits the application from her mobile device.
User Instructions:
Fill out the Basic information fields, the following are required fields and dropdowns:
Basic Information
Use the following dynamic logic to demonstrate dynamic feature using the Family Status dropdown:
Single: Show next of kin panel
Married: Show marital dependant panel
Divorced: Show next of kin panel
Widowed: Show next of kin panel
Do you have Children?: (Yes/No) radio button to show child dependant panel.
Click the right arrow in the gray menu bar.
Click the Save button at the bottom.
This section: Back at home, Aya has found the information she needed and resumes the application from her desktop. Aya navigates to the online forms portal to resume her application. With some simple customization, agencies can also automatically generate and email a link to resume the application.
User Instructions:
Navigate to https://<aemserver>:<port>/content/we-gov/home.html
From the navigation bar, select click on “Online Services”.
From the “Draft Forms” panel, select the existing “Enrollment Application For Health Benefits”.
The look and feel are the same, and she does not need to re-enter any data.
User Instructions:
Click right Circle CTA to move to the next section.
The form is populated up to the point of Aya’s last entry. Aya has entered all her information and is ready to submit.
When Aya fills out the phone number field she must fill it as a continuous 11 digit number with no dashes, spaces or hyphens.
After submitting Aya receives a Thank You page. Optionally she will also receive an email that she can open to sign the document of record electronically with Adobe Sign.
User Instructions:
Navigate to your Email Client and find the Adobe Sign email.
Click on the link to Adobe Sign.
User Instructions:
Check the “I agree” box.
Click “Accept”.
Scroll to the bottom of the reviewed document.
Click on the highlighted yellow tab to sign the document.
This section: George is a business analyst at the government agency Aya is a requesting a service from. George has a single dashboard where he can see all service request applications that have been assigned to him for review.
User Instructions:
Navigate to https://<aemserver>:<port>/aem/start.html
Click on the user icon (top right-hand corner) and use the “Sign Out”, or the “Impersonate as” menu option if you are currently logged in with an administrative user.
Login with:
Or Impersonate:
Type “George” in the “Impersonate as” field.
Click okay to impersonate.
From the top right corner, click the Notification (bell) Icon.
Click “View All” to navigate to the Inbox.
From the Inbox, open the latest “Health Benefits Application Review” task.
Thanks to data integrations and automated workflows, Aya’s application appears, along with a CRM record that has automatically been generated when the data was submitted.
User Instructions:
Open and inspect the read-only adaptive form.
Click on the “Open MS Dynamics” button to open the MS Dynamics record in a new window.
In the CRM you can see all information can be updated
Close and return to AEM Inbox.
George approves Aya’s application, and thanks to an existing automated workflow a confirmation email is also sent to Aya.
User Instructions:
Navigate to the top left corner and click “Approve” to approve the application.
In the modal, you can leave a message for the CX lead.
Click Done.
(Citizen role) Open up your email client to view the email sent to Aya.
This section: Camila the CX Lead sets up a welcome phone call with Aya to explain how to make use of the government services she has been approved for.
User Instructions:
Navigate to https://<aemserver>:<port>/aem/start.html
Click on the user icon (top right-hand corner) and use the “Sign Out”, or the “Impersonate as” menu option if you are currently logged in with an administrative user.
Login with:
Or Impersonate:
Type “Camila” in the “Impersonate as” field.
Click okay to impersonate.
From the top right corner, click the Notification (bell) icon.
Click “View All” to navigate to the Inbox.
From the Inbox, open the latest “New Contact Approval” task.
(Optional) User Instructions:
Open and inspect the read-only adaptive form.
Click on the “Open MS Dynamics” button to open the MS Dynamics record in a new window.
In the CRM you can see all information can be updated
Back in AEM, navigate to the top left corner and click “Submit” to submit the application.
In the modal, you can leave a message.
Click Done.
This section: Aya receives an email contains a link to an interactive communication which summarizes her benefits and also includes form fields to fill. With PDF benefits statement attached and link to interactive communication letter in the mail (with the same theme/branding as the interactive communication).
User Instructions:
Locate and open the Welcome Kit email.
Scroll to PDF attachment at the bottom of the page.
Click to open the PDF attachment.
Scroll back up in your email client and click on “View welcome kit online”.
For a quick reference to PDF directly:
https://<aemserver>:<port>/aem/formdetails.html/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook
For a quick reference to IC directly:
https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?channel=web&mode=preview&wcmmode=disabled
This section: Camila also schedules a communication reminder so one year later. (Workflow Step that automates/executes and email).
User Instructions:
Navigate to your email client.
Locate and open the Renewal Reminder email.
Click on the “Submit a new application” button to open the adaptive form.
This section: Camila navigates to AEM Forms Data Integrations where she can run a quick test to see that the information sent to the external data source via Form Data Model integration is indeed present.
This section: Camila navigates to the Data Sources page to validate the data that the server has replicated within the Derby database.
Once the user experience is complete and the user submission has been completed Camila navigates to the Data Sources tab within AEM Forms (Forms > Data Integrations)
Camila then selects AEM Forms We.gov FDM and then edit the We.gov Enrollment FDM.
Camila then selects the Contact > Read Service to be tested.
Camila then provides the test service with a contact id and then clicks on Test button. For example, 1 or 2, if you submitted the form. If you have not submitted the form, no data is returned.
Camila can then validate that the data has successfully been inserted into the datasource.
[
{
"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"
}
]
This section: Camila navigates to a dashboard where she can see across the agency KPI’s such as % of citizens who start filling a service request form and abandon, the average length of time from request submission to approval/denial response, and engagement statistics for the benefits handbooks she has sent to citizens.
Navigate to https://<aemserver>:<port>/sites.html/content
Select the “AEM Forms We.Gov Site” to view the site pages.
Select one of the site page (e.g. Home), and choose “Analytics & Recommendations”.
On this page, you will see fetched information from Adobe Analytics which pertains to the AEM Sites page (NOTE: by design this information is periodically refreshed from Adobe Analytics and is not displayed in real-time).
Back on the page view page (accessed in step 3.), you can also view the page view information by changing the display setting to view items in the “List View”.
Locate the “View” dropdown menu and select “List View”.
From the same menu, select “View Setting” and select the columns you wish to display from the “Analytics” section.
Click “Update” to make the new columns available.
Navigate to
https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms
Select the “Enrollment Application For Health Benefits” adaptive form and select the “Analytics Report” option.
Wait for the page to load, and view the Analytics report data.