Tutorial del sitio de referencia de We.Gov y We.Finance

Requisitos previos

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

  • 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

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.

Usuario ficticio

  • George Lang: analista empresarial de la agencia We.Gov.

Usuario ficticio

  • Camila Santos: directora de CX de la agencia We.Gov.

Usuario ficticio

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

  1. Suplantar: los usuarios y grupos definidos en la demostración de AEM.

  2. Botón: un rectángulo de color o una flecha en círculo para navegar por la demostración.

  3. Haga clic en: permite ejecutar una acción en la historia del usuario.

  4. Vínculos: situado en la parte superior del menú principal del sitio web de We.Gov.

  5. Instrucciones para el usuario: un conjunto de pasos numéricos a seguir cuando se navega por la historia del usuario.

  6. Portal de Forms: https://<aemserver>:<port>/content/we-gov/formsportal.html.

  7. Vista móvil: el usuario de We.Gov para replicar una vista móvil con un explorador redimensionado.

  8. Vista de escritorio: el usuario de We.Gov para ver la demostración en un ordenador portátil o de escritorio.

  9. Formulario de prefiltrado: un formulario de la página de inicio del sitio de We.Gov.

  10. 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

  11. Sitio Web de We.Gov de Adobe: https://<aemserver>:<port>/content/we-gov/home.html

  12. 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

  13. Cliente de correo electrónico: la forma preferida de ver los correos electrónicos (Gmail, Outlook).

  14. CTA: llamada a la acción.

  15. Navegar: permite localizar un punto de referencia específico en la página del explorador.

  16. AFC: conversión de formularios automatizada.

Conversión de formularios automatizada (Camila)

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, quiere utilizar este formulario PDF para crear automáticamente un formulario adaptable nuevo y moderno.

Conversión de formularios automatizada - We.Gov (Camila)

  1. Vaya a https://<aemserver>:<port>/aem/start.html

  2. Inicie sesión con:

    • Usuario: camila.santos
    • Contraseña: password
  3. En la página principal, seleccione Forms > Formularios y documentos > Formularios de We.Gov de AEM Forms > AFC.

  4. Camila carga el PDF en AEM Forms.

    Cargar formulario

  5. 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.

    NOTA

    Tenga en cuenta que 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.

    Iniciar conversión

    Temática Ultramarine

    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.

  6. A continuación, Camilla revisa el formulario y se asegura de que todos los campos están presentes.

    Revisar conversión

  7. A continuación, Camilla comienza a editar el formulario. Selecciona Panel raíz > Editar (la llave inglesa). Después selecciona Pestañas en la parte superior del menú desplegable Diseño del panel y luego selecciona la casilla de verificación.

    Revisar propiedades

  8. A continuación, Camilla realiza todas las modificaciones necesarias en el código CSS y en los campos para producir el producto final.

    Agregar CSS

Modelo de datos de formulario y fuentes de datos (Camila)

Esta sección: una vez que el documento se ha convertido, y ha producido un formulario adaptable, Camila debe conectar el formulario adaptable a una fuente de datos.

  1. Abre las Propiedades del formulario convertido en Conversión de formularios automatizada - We.Gov.

  2. 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.

  3. Hace clic en el botón Guardar y cerrar.

    Selección de FDM

  4. Camila hace clic en la carpeta output, selecciona el formulario adaptable y hace clic en Editar para abrir el formulario de We.Gov completado.

  5. Selecciona un campo del formulario adaptable y hace clic en el icono Configurar. Crea enlaces con las entidades del modelo de datos de formulario utilizando el campo Referencia de enlace. Repite este paso en todos los campos del formulario adaptable.

Probar la accesibilidad del formulario (Camila)

Camila también comprueba que el contenido creado se ha generado correctamente y es totalmente accesible de acuerdo con los estándares corporativos.

  1. Camila hace clic en la carpeta output, selecciona el formulario adaptable y hace clic en Previsualizar para abrir el formulario de We.Gov completado.

  2. Abre la pestaña Auditoría en la herramienta para desarrolladores de Chrome.

  3. Realiza una comprobación de accesibilidad para validar el formulario adaptable.

    Comprobación de accesibilidad

Demostración de la vista móvil del formulario adaptable (Aya)

Esta sección debe realizarse antes de la demostración.

Instrucciones para el usuario:

  1. Vaya a: https://<aemserver>:<port>/content/we-gov/home.html

  2. Inicie sesión con:

    1. Usuario: aya.tan
    2. Contraseña: password
  3. 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)

Usuario ficticio

Esta sección: Aya es una ciudadana. Un amigo le cuenta que es posible que reúna los requisitos para recibir una prestación 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 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:

  1. Realice una selección en cada campo desplegable.

    NOTA

    Si el usuario gana más de 200 000 dólares al año, no reúne los requisitos.

  2. Haga clic en el botón "¿Cumplo los requisitos?".

  3. Haga clic en el botón "Solicitar ahora" para continuar.

    Vínculo Solicitar ahora

Formulario adaptable de We.Gov (Aya)

Aya descubre que reúne los requisitos y comienza a rellenar su solicitud para solicitar la prestación desde su dispositivo móvil.

Necesita 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:

  1. Rellene los campos de Información básica. Los siguientes campos y listas desplegables son obligatorios:

    1. Información básica

      1. Nombre
      2. Apellidos
      3. Fecha de nacimiento
      4. Correo electrónico
  2. Utilice la siguiente lógica dinámica para mostrar la función dinámica utilizando la lista desplegable Situación familiar:

    1. Soltero: mostrar el panel Familiares.

    2. Casado: mostrar el panel Cónyuge a cargo.

    3. Divorciado: mostrar el panel Familiares.

    4. Viudo: mostrar el panel Familiares.

    5. ¿Tiene hijos?: botón de selección (Sí/No) para mostrar el panel Hijos a cargo.

      1. Botón (Agregar/quitar) para agregar/quitar varios paneles Hijos a cargo.
  3. Haga clic en la flecha derecha de la barra de menús gris.

  4. Haga clic en el botón Guardar de la parte inferior.

    Detalles del formulario adaptable

Demostración de escritorio

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. Visita el portal de formularios en línea para seguir rellenando 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)

Instrucciones para el usuario:

  1. Vaya a https://<aemserver>:<port>/content/we-gov/home.html

  2. En la barra de navegación, seleccione o haga clic en "Prestaciones en línea".

  3. En el panel "Borradores de formularios", seleccione la "Solicitud de prestación sanitaria" existente.

    Solicitud de prestación sanitaria

    El aspecto es el mismo, y no necesita volver a introducir ningún dato.

    Instrucciones para el usuario:

  4. Haga clic en la CTA en forma de círculo de la derecha para desplazarse a la siguiente sección.

    CTA en forma de círculo de la derecha

    El formulario se rellena hasta la última entrada de Aya. Aya ha introducido todos sus datos y está lista para enviar el formulario.

    Enviar el formulario adaptable

    NOTA

    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 el formulario, a Aya se le muestra una página de agradecimiento. Opcionalmente, también se le puede mostrar un correo electrónico que puede abrir para firmar electrónicamente el documento de registro con Adobe Sign.

Opcional: Adobe Sign (Aya)

Instrucciones para el usuario:

  1. Vaya a su cliente de correo electrónico y busque el correo electrónico de Adobe Sign.

  2. Haga clic en el vínculo a Adobe Sign.

    Vínculo de Adobe Sign

Instrucciones para el usuario:

  1. Marque el cuadro "Acepto".

  2. Haga clic en "Aceptar"

  3. Desplácese hasta la parte inferior del documento revisado.

  4. Haga clic en la pestaña amarilla resaltada para firmar el documento.

    Firmar el documento Firmar el documento de prueba

Funcionario público (George)

Funcionario público 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)

Instrucciones para el usuario:

  1. Vaya a https://<aemserver>:<port>/aem/start.html

  2. Haga clic en el icono de usuario (esquina superior derecha) y utilice las opciones de menú "Cerrar sesión" o "Suplantar como" si ha iniciado sesión con un usuario administrativo.

    1. Inicie sesión con:

      1. Usuario: george.lang
      2. Contraseña: password
    2. O Suplantar:

      1. Escriba "George" en el campo "Suplantar como".

      2. Haga clic en Aceptar para suplantar a George.

  3. Haga clic en el icono Notificación (campana) de la esquina superior derecha.

  4. Haga clic en "Ver todo" para desplazarse a la bandeja de entrada.

  5. En la bandeja de entrada, abra la última tarea, "Revisión de solicitudes de prestaciones sanitarias".

    Revisión de solicitudes de prestaciones sanitarias

Opcional: Bandeja de entrada de AEM y MS Dynamics (George)

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:

  1. Abra e inspeccione el formulario adaptable de solo lectura.

  2. Haga clic en el botón "Abrir MS Dynamics" para abrir el registro de MS Dynamics en una nueva ventana.

  3. En el CRM puede ver que toda la información se puede actualizar.

    1. Si lo desea, también puede agregar algunas notas de revisión directamente en Dynamics.
  4. Cierre y vuelva a la Bandeja de entrada de AEM.

    Registro de MS Dynamics

Vuelva a la Bandeja de entrada de AEM (George)

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:

  1. Vaya a la esquina superior izquierda y haga clic en "Aprobar" para aprobar la solicitud.

  2. En el modal, puede dejar un mensaje para la directora de CX.

  3. Haga clic en Listo.

  4. (Función Ciudadano) Abra su cliente de correo electrónico para ver el correo electrónico enviado a Aya.

    Ver el correo electrónico enviado a Aya

Directora de CX (Camila)

Camila (directora de CX)

Esta sección: Camila, la directora de CX, configura una llamada telefónica de bienvenida con Aya para explicarle cómo puede usar las prestaciones públicas para las que su solicitud ha sido aprobada.

(Opcional) Bandeja de entrada de AEM y MS Dynamics

Instrucciones para el usuario:

  1. Vaya a https://<aemserver>:<port>/aem/start.html

  2. Haga clic en el icono de usuario (esquina superior derecha) y utilice las opciones de menú "Cerrar sesión" o "Suplantar como" si ha iniciado sesión con un usuario administrativo.

    1. Inicie sesión con:

      1. Usuario: camila.santos
      2. Contraseña: password
    2. O Suplantar:

      1. Escriba "Camila" en el campo "Suplantar como".

      2. Haga clic en Aceptar para suplantar a Camila.

  3. Haga clic en el icono Notificación (campana) de la esquina superior derecha.

  4. Haga clic en "Ver todo" para desplazarse a la bandeja de entrada.

  5. En la bandeja de entrada, abra la última tarea "Nueva aprobación de contacto".

Nueva aprobación de contacto

Instrucciones para el usuario (Opcional):

  1. Abra e inspeccione el formulario adaptable de solo lectura.

  2. Haga clic en el botón "Abrir MS Dynamics" para abrir el registro de MS Dynamics en una nueva ventana.

  3. En el CRM puede ver que toda la información se puede actualizar.

    1. Si lo desea, agregue una nueva actividad de llamada directamente en Dynamics.
    2. Abra la sección "Actividades".
    3. Haga clic en la opción "Llamada de teléfono nueva".
    4. Agregue los datos de la llamada telefónica.
    5. Guarde su trabajo y cierre la ventana.
  4. Cuando vuelva a AEM, vaya a la esquina superior izquierda y haga clic en "Enviar" para enviar la solicitud.

  5. En el modal, puede dejar un mensaje.

  6. Haga clic en Listo.

    Pestaña Actividades Confirmar nuevo contacto

(Opcional) Kit de bienvenida para el ciudadano (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)

Instrucciones para el usuario:

  1. Busque y abra el correo electrónico del kit de bienvenida.

  2. Desplácese hasta el archivo adjunto del PDF en la parte inferior de la página.

  3. Haga clic en el archivo adjunto del PDF para abrirlo.

  4. Desplácese hacia arriba en su cliente de correo electrónico y haga clic en "Ver kit de bienvenida en línea".

    1. Se abrirá la versión del canal web del mismo documento.
  5. 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

  6. 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

    Manual de bienvenida para prestaciones Vínculo de la comunicación interactiva

Nuevo recordatorio para el ciudadano (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)

Instrucciones para el usuario:

  1. Vaya a su cliente de correo electrónico.

  2. Busque y abra el correo electrónico del recordatorio de renovación.

  3. Haga clic en el botón "Enviar una nueva solicitud" para abrir el formulario adaptable.

    1. Esta sección se deja vacía intencionadamente para admitir el relleno previo de datos en la fase 2.

    Correo electrónico del recordatorio de renovación

(Opcional) Modelo de datos de formulario (Camila)

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)

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.

  1. 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).

  2. A continuación, selecciona el FDM de We.Gov de AEM Forms y, a continuación, edita el FDM de solicitud de We.Gov.

  3. Después, Camila selecciona el Contacto > Servicio de lectura que va a probar.

    Servicio de lectura de contactos

  4. Luego, proporciona al servicio de prueba un ID de contacto y, a continuación, hace clic en el botón Probar. Por ejemplo, 1 o 2, si envió el formulario. Si no ha enviado el formulario, no se devuelve ningún dato.

    Servicio de lectura de contactos

  5. 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:
       [
          {
          "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)

Esta sección: Camila navega hasta un panel en el que puede ver en 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)

  1. Vaya a https://<aemserver>:<port>/sites.html/content

  2. Seleccione el sitio de We.Gov de AEM Forms para ver las páginas del sitio.

  3. Seleccione una de las páginas del sitio (p. ej., Inicio) y elija "Analytics & Recommendations".

    Analytics and Recommendations

  4. 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).

    Métricas clave de Adobe Analytics

  5. 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 la "Vista de lista".

  6. Busque el menú desplegable "Vista" y seleccione "Vista de lista".

    La vista de lista del menú desplegable Vista

  7. En el mismo menú, seleccione "Configuración de vista" y luego seleccione las columnas que desea mostrar en la sección "Análisis".

    Configuración de la visualización de las columnas

  8. Haga clic en Actualizar para que las columnas nuevas estén disponibles.

    Haga que las columnas nuevas estén disponibles

Informes de formularios de Adobe Analytics (Camila)

  1. Vaya a

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

  2. Seleccione el formulario adaptable "Solicitud de prestación sanitaria" y luego seleccione la opción "Informe de Analytics".

    Solicitud de prestación sanitaria

  3. Espere a que se cargue la página y vea los datos del informe de Analytics.

    Datos del informe de Analytics

En esta página