Tutorial del sitio de referencia de We.Gov y We.Finance we-gov-reference-site-walkthrough
Requisitos previos pre-requisites
Configure el sitio de referencia tal como se describe en Configure y configure el sitio de referencia de We.Gov y We.Finance.
Historia del usuario user-story
-
AEM Forms
- Conversión de formularios automatizada
- Creación
- Modelos de datos de formulario/Fuentes de datos
-
AEM Forms
- Data Capture
- (Opcional) Integración de datos (MS® Dynamics)
- (Opcional) Adobe Sign
-
Flujo de trabajo
-
Notificaciones por correo electrónico
-
(Opcional) Comunicaciones con los clientes
- Canal de impresión
- Canal web
-
Adobe Analytics
-
Integraciones de fuentes de datos
Usuarios y grupos ficticios fictitious-users-and-groups
El paquete de demostración de We.Gov viene con los siguientes usuarios ficticios integrados:
- Aya Tan: una ciudadana que reúne los requisitos para solicitar una prestación de una agencia pública.
- George Lang: analista empresarial de la agencia We.Gov.
- Camila Santos: directora de CX de la agencia We.Gov.
También se incluyen los siguientes grupos:
-
Usuarios De Forms de We.Gov
- George Lang (miembro)
- Camila Santos (miembro)
-
Usuarios de We.Gov
- George Lang (miembro)
- Camila Santos (miembro)
- Aya Tan (miembro)
Leyenda de los términos de la descripción general de la demostración demo-overview-terms-legend
-
Suplantar: los usuarios y grupos definidos en la demostración de AEM.
-
Botón: un rectángulo de color o una flecha en círculo para navegar por la demostración.
-
Clic: para ejecutar una acción en la historia del usuario.
-
Vínculos: en la parte superior del menú principal del sitio de We.Gov.
-
Instrucciones para el usuario: un conjunto de pasos numéricos a seguir cuando se navega por la historia del usuario.
-
Portal de Forms: https://<aemserver>:<port>/content/we-gov/formsportal.html.
-
Vista móvil: El usuario de We.Gov debe replicar una vista móvil con un explorador cuyo tamaño se ha cambiado.
-
Vista de escritorio: el usuario de We.Gov para ver la demostración en un ordenador portátil o de escritorio.
-
Formulario de prefiltrado: un formulario de la página de inicio del sitio de We.Gov.
-
Formulario adaptable: el formulario de solicitud de la demostración de We.Gov.
https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html
-
Sitio Web de We.Gov de Adobe: https://<aemserver>:<port>/content/we-gov/home.html
-
Bandeja de entrada de Adobe: el icono en forma de campana situado en la barra de menús superior del back-end de AEM.
https://<aemserver>:<port>/aem/start.html
-
Cliente de correo electrónico: la forma preferida de ver los correos electrónicos (Gmail, Outlook).
-
CTA: llamada a la acción.
-
Navegar: permite localizar un punto de referencia específico en la página del explorador.
-
AFC: conversión de formularios automatizada.
Conversión de formularios automatizada (Camila) automated-forms-conversion
Esta sección: Camila, la directora de CX, tiene un formulario basado en PDF existente que ha sido utilizado como parte de un proceso basado en el papel. Como parte del esfuerzo de modernización, Camila desea utilizar este formulario PDF para crear automáticamente un Forms adaptable moderno.
Conversión de formularios automatizada - We.Gov (Camila) automated-forms-conversion-wegov
-
Vaya a https://<aemserver>:<port>/aem/start.html
-
Inicie sesión con:
- Usuario: camila.santos
- Contraseña: password
-
En la página principal, seleccione Forms > Forms y documentos > AEM Forms We.gov Forms > AFC.
-
Camila carga el PDF en AEM Forms.
-
A continuación, Camilla selecciona el formulario PDF y hace clic en Iniciar conversión automatizada para iniciar el proceso de conversión. Es posible que tenga que hacer clic en Sobrescribir conversión si ha convertido el formulario.
note note NOTE Los ajustes de AFC están preconfigurados para el usuario final, lo que significa que no deben modificarse. - Opcional: si desea utilizar el Ultramarino accesible, solo tiene que hacer clic en Especificar un tema para el formulario adaptable y seleccionar el tema Accesible-Ultramarino que aparece en la lista de opciones.
El estado del porcentaje completado se muestra durante la conversión. Una vez que se muestre el estado Convertido, haga clic en la carpeta output, seleccione el formulario adaptable y haga clic en Editar para abrir el formulario convertido.
-
A continuación, Camilla revisa el formulario y se asegura de que todos los campos están presentes.
-
A continuación, Camilla comienza a editar el formulario y selecciona Panel raíz > Editar (la llave inglesa) > selecciona Pestañas en la parte superior del menú desplegable Diseño del panel > selecciona la casilla de verificación.
-
A continuación, Camilla realiza todas las modificaciones necesarias en el código CSS y en los campos para producir el producto final.
Modelo de datos de formulario y fuentes de datos (Camila) data-sources
Esta sección: después de convertir el documento y de producir un formulario adaptable, Camila debe conectar el formulario adaptable a una fuente de datos.
-
Abre las Propiedades del formulario convertido en Conversión de formularios automatizada - We.Gov.
-
A continuación, Camila selecciona Modelo de formulario. Luego selecciona Modelo de datos de formulario en el menú desplegable Seleccionar de y selecciona el FDM de solicitud de We.Gov en la lista de opciones.
-
Haga clic en Guardar y cerrar.
-
Camila hace clic en salida , selecciona el formulario adaptable y hace clic en Editar para abrir el formulario de We.Gov completado.
-
Selecciona un campo del formulario adaptable y hace clic en y crea un enlace con las entidades del modelo de datos de formulario utilizando Referencia de enlace field. Camila repite este paso en todos los campos del formulario adaptable.
Probar la accesibilidad del formulario (Camila) form-accessibility-testing
Camila también comprueba que el contenido creado se ha generado correctamente y es totalmente accesible de acuerdo con los estándares corporativos.
-
Camila hace clic en salida , selecciona el formulario adaptable y hace clic en Previsualizar para abrir el formulario de We.Gov completado.
-
Abre la pestaña Auditoría en la herramienta para desarrolladores de Chrome.
-
Realiza una comprobación de accesibilidad para validar el formulario adaptable.
Demostración de la vista móvil del formulario adaptable (Aya) mobile-view-demo
Esta sección debe realizarse antes de la demostración.
Instrucciones para el usuario:
-
Vaya a: https://<aemserver>:<port>/content/we-gov/home.html
-
Inicie sesión con:
- Usuario: aya.tan
- Contraseña: password
-
Cambie el tamaño de la ventana del explorador o utilice el emulador del explorador para replicar el tamaño de un dispositivo móvil.
Sitio web de We.Gov (Aya) aya-user-story-we-gov-website
Esta sección: Aya es una ciudadana y un amigo le cuenta que podría cumplir los requisitos para recibir un servicio de una agencia pública. Aya visita el sitio web de We.Gov desde su teléfono móvil para obtener más información sobre las prestaciones para las que reúne los requisitos.
Prefiltrado de We.Gov (Aya) aya-user-story-we-gov-pre-screener
Aya responde a una serie de preguntas para confirmar que reúne los requisitos rellenando un breve formulario adaptativo en su teléfono móvil.
Instrucciones para el usuario:
-
Realice una selección en cada campo desplegable.
note note NOTE Si el usuario gana más de 200 000 dólares al año, no reúne los requisitos. -
Clic ¿Cumplo los requisitos?.
-
Clic Aplicar ahora para continuar.
Formulario adaptable de We.Gov (Aya) aya-user-story-we-gov-adaptive-form
Aya descubre que reúne los requisitos y comienza a rellenar su solicitud para solicitar la prestación desde su dispositivo móvil.
Debe revisar algunos documentos en casa antes de poder completar la solicitud de la prestación. Guarda y sale de la solicitud en su dispositivo móvil.
Instrucciones para el usuario:
-
Rellene los campos de Información básica. Los siguientes campos y listas desplegables son obligatorios:
-
Información básica
- Nombre
- Apellidos
- Fecha de nacimiento
- Correo electrónico
-
-
Utilice la siguiente lógica dinámica para mostrar la función dinámica utilizando la lista desplegable Situación familiar:
-
Soltero: mostrar el panel Familiares.
-
Casado: mostrar el panel Cónyuge a cargo.
-
Divorciado: mostrar el panel Familiares.
-
Viudo: mostrar el panel Familiares.
-
¿Tiene hijos?: botón de selección (Sí/No) para mostrar el panel Hijos a cargo.
- Botón (Agregar/quitar) para agregar/quitar varios paneles Hijos a cargo.
-
-
Haga clic en la flecha derecha de la barra de menús gris.
-
Haga clic en el botón Guardar de la parte inferior.
Demostración de escritorio desktop-demo
Esta sección: una vez en casa, Aya encuentra la información que necesitaba y continúa rellenando la solicitud desde su equipo de escritorio. Aya va al portal en línea de Forms para reanudar la solicitud. Mediante una sencilla personalización, las agencias también pueden generar un vínculo y enviarlo por correo electrónico automáticamente para continuar rellenando la solicitud.
Formulario adaptable continuo (Aya) aya-user-story-continued-adaptive-form
Instrucciones para el usuario:
-
Vaya a https://<aemserver>:<port>/content/we-gov/home.html
-
En la barra de navegación, seleccione Servicios en línea.
-
En el panel "Borradores de formularios", seleccione la "Solicitud de prestación sanitaria" existente.
El aspecto es el mismo y no necesita volver a introducir ningún dato.
Instrucciones para el usuario:
-
Haga clic con el botón derecho en Círculo CTA para pasar a la siguiente sección.
El formulario se rellena hasta la última entrada de Aya. Aya ha introducido todos sus datos y está lista para enviar el formulario.
note note NOTE Cuando Aya rellena el campo del número de teléfono, debe hacerlo con un número continuo de 11 dígitos sin rayas, espacios ni guiones. Después de enviar, Aya recibe una página de agradecimiento. Opcionalmente, Aya también recibe un correo electrónico que puede abrir para firmar electrónicamente el documento de registro con Adobe Sign.
Opcional: Adobe Sign (Aya) adobe-sign
Instrucciones para el usuario:
-
Vaya a su cliente de correo electrónico y busque el correo electrónico de Adobe Sign.
-
Haga clic en el vínculo a Adobe Sign.
Instrucciones para el usuario:
-
Marque Estoy de acuerdo.
-
Clic Aceptar.
-
Desplácese hasta la parte inferior del documento revisado.
-
Haga clic en la pestaña amarilla resaltada para firmar el documento.
Funcionario público (George) government-agent-george
Esta sección: George es un analista empresarial de la agencia pública en la que Aya ha solicitado la prestación. George tiene un solo panel desde el que puede ver todas las solicitudes de prestaciones que se le han asignado para su revisión.
Bandeja de entrada de AEM (George) george-user-story-aem-inbox
Instrucciones para el usuario:
-
Vaya a https://<aemserver>:<port>/aem/start.html
-
Haga clic en el icono de usuario (esquina superior derecha) y utilice el Cerrar sesión, o el Suplantar como opción de menú si ha iniciado sesión con un usuario administrativo.
-
Inicie sesión con:
- Usuario: george.lang
- Contraseña: password
-
O Suplantar:
-
Tipo
George
en el Suplantar como field. -
Haga clic en Aceptar para suplantar a George.
-
-
-
En la esquina superior derecha, haga clic en el icono Notificación (campana).
-
Clic Ver todo para ir a la bandeja de entrada.
-
En la bandeja de entrada, abra la última Revisión de solicitud de prestaciones sanitarias tarea.
AEM Opcional: bandeja de entrada de la ® y MS Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics
Gracias a las integraciones de datos y a los flujos de trabajo automatizados, la solicitud de Aya aparece junto con un registro CRM que se ha generado automáticamente al enviar los datos.
Instrucciones para el usuario:
-
Abra e inspeccione el formulario adaptable de solo lectura.
-
Clic Abra MS® Dynamics para abrir el registro de MS® Dynamics en una nueva ventana.
-
En CRM, verá toda la información que se puede actualizar.
- Si lo desea, también puede agregar algunas notas de revisión directamente en Dynamics.
-
Cierre y vuelva a la Bandeja de entrada de AEM.
Vuelva a la Bandeja de entrada de AEM (George) george-user-story-back-to-aem-inbox
George aprueba la solicitud de Aya, y gracias a un flujo de trabajo automatizado existente, también se le envía un correo electrónico de confirmación.
Instrucciones para el usuario:
-
Vaya a la esquina superior izquierda y haga clic en Aprobar para aprobar la solicitud.
-
En el modal, puede dejar un mensaje para la directora de CX.
-
Haga clic en Listo.
-
(Función Ciudadano) Abra su cliente de correo electrónico para ver el correo electrónico enviado a Aya.
Directora de CX (Camila) cx-lead-camila
Esta sección: Camila, la directora de CX, configura una llamada telefónica de bienvenida con Aya para explicarle cómo usar los servicios gubernamentales para los que está aprobada.
AEM (Opcional) Bandeja de entrada de ® y MS Dynamics camila-user-story-aem-inbox-ms-dynamics
Instrucciones para el usuario:
-
Vaya a https://<aemserver>:<port>/aem/start.html
-
Haga clic en el icono de usuario (esquina superior derecha) y utilice el Cerrar sesión, o el Suplantar como opción de menú si ha iniciado sesión con un usuario administrativo.
-
Inicie sesión con:
- Usuario: camila.santos
- Contraseña: password
-
O Suplantar:
-
Tipo
Camila
en el Suplantar como field. -
Haga clic en Aceptar para suplantar a George.
-
-
-
En la esquina superior derecha, haga clic en el icono Notificación (campana).
-
Clic Ver todo para ir a la bandeja de entrada.
-
En la bandeja de entrada, abra la última Nueva aprobación de contacto tarea.
Instrucciones para el usuario (Opcional):
-
Abra e inspeccione el formulario adaptable de solo lectura.
-
Clic Abra MS® Dynamics para abrir el registro de MS® Dynamics en una nueva ventana.
-
En CRM puede ver toda la información que se puede actualizar.
- De forma opcional, agregue una actividad de llamada directamente en Dynamics.
- Abra el Actividades sección.
- Clic Nueva llamada de teléfono.
- Agregue los datos de la llamada telefónica.
- Guarde su trabajo y cierre la ventana.
-
AEM Vuelva a la barra de herramientas, navegue hasta la esquina superior izquierda y haga clic en Enviar para enviar la solicitud.
-
En el modal, puede dejar un mensaje.
-
Haga clic en Listo.
(Opcional) Kit de bienvenida para el ciudadano (Aya) welcome-kit-citizen-aya
Esta sección: Aya recibe un correo electrónico que contiene un vínculo a una comunicación interactiva con un resumen de su prestación y varios campos de formulario para rellenar. Con el documento PDF de la prestación adjunto y el vínculo a la carta de la comunicación interactiva en el correo (con el mismo tema/marca que la comunicación interactiva).
Notificación del cliente de correo electrónico (Aya) aya-user-story-email-client
Instrucciones para el usuario:
-
Busque y abra el correo electrónico del kit de bienvenida.
-
Desplácese hasta el archivo adjunto del PDF en la parte inferior de la página.
-
Haga clic en el archivo adjunto del PDF para abrirlo.
-
Desplácese hacia arriba en el cliente de correo electrónico y haga clic en Ver kit de bienvenida en línea.
- Se abre la versión del canal Web del mismo documento.
-
Para obtener una referencia rápida al PDF directamente:
https://<aemserver>:<port>/aem/formdetails.html/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook
-
Para obtener la referencia rápida al IC directamente:
https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?channel=web&mode=preview&wcmmode=disabled
Nuevo recordatorio para el ciudadano (Aya) renewal-reminder-citizen-aya
Esta sección: Camila también programa una comunicación de recordatorio un año después. (Paso del flujo de trabajo que automatiza/ejecuta y el correo electrónico).
Notificación del cliente de correo electrónico (Aya) aya-user-story-email-client-updated
Instrucciones para el usuario:
-
Vaya a su cliente de correo electrónico.
-
Busque y abra el correo electrónico del recordatorio de renovación.
-
Clic Enviar nueva solicitud para poder abrir el formulario adaptable.
- Esta sección se deja vacía intencionadamente para admitir el relleno previo de datos en la fase 2.
(Opcional) Modelo de datos de formulario (Camila) form-data-model
Esta sección: Camila va a Integraciones de datos de AEM Forms, donde puede realizar una prueba rápida para comprobar si realmente se ha incluido la información enviada a la fuente de datos externa mediante la integración del modelo de datos de formulario.
Modelo de datos de Formulario (Camila) form-data-model-camila
Esta sección: Camila va a la página Fuentes de datos para validar los datos que el servidor ha replicado en la base de datos de Derby.
-
Una vez que la experiencia del usuario y el envío del usuario se han completado, Camila accede a la pestaña Fuentes de datos en AEM Forms (Forms > Integraciones de datos)
-
A continuación, Camila selecciona el FDM de AEM Forms We.gov y edita el FDM de inscripción de We.gov.
-
Después, Camila selecciona el Contacto > Servicio de lectura que va a probar.
-
A continuación, proporciona al servicio de prueba un ID de contacto y hace clic en Prueba. Por ejemplo, 1 o 2, si envió el formulario. Si no ha enviado el formulario, no se devuelve ningún dato.
-
A continuación, Camila puede validar que los datos se han insertado correctamente en la fuente de datos.
- Los datos de Derby DS tienen un formato similar al siguiente:
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" } ]
(Opcional) Analytics (Camila) analytics-cx-lead-camila
Esta sección: Camila navega hasta un panel en el que puede ver los KPI de la agencia, como el % de ciudadanos que empiezan a rellenar un formulario de solicitud de prestación y lo abandonan, el tiempo promedio desde la presentación de la solicitud hasta la respuesta de aprobación/denegación y las estadísticas de participación de los manuales de prestaciones que ha enviado a los ciudadanos.
Informes de sitios de Adobe Analytics (Camila) camila-reviews-sites-reporting-we-gov-adobe-analytics
-
Vaya a https://<aemserver>:<port>/sites.html/content
-
Seleccionar Sitio de We.Gov de AEM Forms para ver las páginas del sitio.
-
Seleccione una de las páginas del sitio (por ejemplo, Inicio) y elija Analytics y Recommendations.
-
En esta página, verá información recuperada de Adobe Analytics que pertenece a la página de AEM Sites (NOTA: Por diseño, esta información se actualiza periódicamente desde Adobe Analytics y no se muestra en tiempo real).
-
Cuando vuelva a la página de la vista de página (a la que se accede en el paso 3), también podrá ver la información de la vista de página cambiando la configuración de visualización para ver los elementos en Vista de lista.
-
Busque el Ver menú desplegable y seleccione Vista de lista.
-
En el mismo menú, seleccione Configuración de vista y seleccione las columnas que desee mostrar en la Analytics sección.
-
Clic Actualizar para que las nuevas columnas estén disponibles.
Informes de formularios de Adobe Analytics (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics
-
Vaya a
https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms.
-
Seleccione el Solicitud de prestación sanitaria formulario adaptable y seleccione la Informe de Analytics opción.
-
Espere a que se cargue la página y vea los datos del informe de Analytics.