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.

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 demo-overview-terms-legend

  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. Clic: para ejecutar una acción en la historia del usuario.

  4. Vínculos: en la parte superior del menú principal del sitio 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 debe replicar una vista móvil con un explorador cuyo tamaño se ha cambiado.

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

  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 > Forms y documentos > AEM Forms We.gov 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.

    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.

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

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

  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. Haga clic en Guardar y cerrar.

    Selección de FDM

  4. Camila hace clic en salida , 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 Icono Configurar 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.

  1. Camila hace clic en salida , 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) mobile-view-demo

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) aya-user-story-we-gov-website

Usuario ficticio

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:

  1. 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.
  2. Clic ¿Cumplo los requisitos?.

  3. Clic Aplicar ahora para continuar.

    Vínculo Solicitar ahora

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:

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

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

  2. En la barra de navegación, seleccione Servicios 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 con el botón derecho en Círculo CTA para pasar 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

    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:

  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 Estoy de acuerdo.

  2. Clic 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) government-agent-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) george-user-story-aem-inbox

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 el Cerrar sesión, o el Suplantar como opción de menú 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. Tipo George en el Suplantar como field.

      2. Haga clic en Aceptar para suplantar a George.

  3. En la esquina superior derecha, haga clic en el icono Notificación (campana).

  4. Clic Ver todo para ir a la bandeja de entrada.

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

    Revisión de solicitudes de prestaciones sanitarias

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:

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

  2. Clic Abra MS® Dynamics para abrir el registro de MS® Dynamics en una nueva ventana.

  3. En CRM, verá toda la información que 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-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:

  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) cx-lead-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 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:

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

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

    1. Inicie sesión con:

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

      1. Tipo Camila en el Suplantar como field.

      2. Haga clic en Aceptar para suplantar a George.

  3. En la esquina superior derecha, haga clic en el icono Notificación (campana).

  4. Clic Ver todo para ir a la bandeja de entrada.

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

Nueva aprobación de contacto

Instrucciones para el usuario (Opcional):

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

  2. Clic Abra MS® Dynamics para abrir el registro de MS® Dynamics en una nueva ventana.

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

    1. De forma opcional, agregue una actividad de llamada directamente en Dynamics.
    2. Abra el Actividades sección.
    3. Clic Nueva llamada de teléfono.
    4. Agregue los datos de la llamada telefónica.
    5. Guarde su trabajo y cierre la ventana.
  4. AEM Vuelva a la barra de herramientas, navegue hasta 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) 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:

  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 el cliente de correo electrónico y haga clic en Ver kit de bienvenida en línea.

    1. Se abre 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) 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:

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

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

  3. Clic Enviar nueva solicitud para poder 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) 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.

  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, Camila selecciona el FDM de AEM Forms We.gov y edita el FDM de inscripción de We.gov.

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

    Servicio de lectura de contactos

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

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

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

  2. Seleccionar Sitio de We.Gov de AEM Forms para ver las páginas del sitio.

  3. Seleccione una de las páginas del sitio (por ejemplo, Inicio) y elija Analytics y 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 Vista de lista.

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

    La vista de lista del menú desplegable Vista

  7. En el mismo menú, seleccione Configuración de vista y seleccione las columnas que desee mostrar en la Analytics sección.

    Configuración de la visualización de las columnas

  8. Clic Actualizar para que las nuevas columnas estén disponibles.

    Haga que las columnas nuevas estén disponibles

Informes de formularios de Adobe Analytics (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics

  1. Vaya a

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

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

    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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2