Présentation du site de référence We.Gov et We.Finance

Prérequis

Configurez le site de référence comme décrit dans Configuration du site de référence We.Gov et We.Finance.

User Story

  • AEM Forms

    • Conversion de formulaires automatisée
    • Création
    • Modèles de données de formulaire/sources de données
  • AEM Forms

    • Capture de données
    • (Facultatif) Intégration de données (MS Dynamics)
    • (Facultatif) Adobe Sign
  • Workflow

  • Notifications par e-mail

  • (Facultatif) Communications client

    • Canal d’impression
    • Canal web
  • Adobe Analytics

  • Intégrations des sources de données

Utilisateurs et groupes fictifs

Le module de démonstration We.Gov est fourni avec les utilisateurs fictifs intégrés suivants :

  • Aya Tan : Citoyen éligible à un Service d'une agence gouvernementale

Un utilisateur fictif

  • George Lang : Analyste commercial de l’agence We.Gov

Un utilisateur fictif

  • Camila Santos : Plomb CX de l’agence We.Gov

Un utilisateur fictif

Les groupes suivants sont également inclus :

  • Utilisateurs de Forms We.Gov

    • George Lang (membre)
    • Camila Santos (membre)
  • Utilisateurs de We.Gov

    • George Lang (membre)
    • Camila Santos (membre)
    • Aya Tan (membre)

Légende des termes de présentation de démonstration

  1. Emprunter l’identité : Utilisateurs et groupes définis dans AEM démonstration.

  2. Bouton : Rectangle coloré ou flèche entourée pour la navigation.

  3. Cliquez sur : Pour exécuter une action dans l’article de l’utilisateur.

  4. Liens : Situé dans la partie supérieure du menu principal du site We.Gov.

  5. Instructions utilisateur : Ensemble d’étapes numériques à suivre lors de la navigation dans l’histoire de l’utilisateur.

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

  7. Vue mobile : utilisateur We.Gov pour répliquer une vue mobile avec un navigateur redimensionné.

  8. Vue Bureau : Utilisateur de We.gov pour afficher une démonstration sur un ordinateur portable ou un ordinateur de bureau.

  9. Formulaire de pré-filtrage : Formulaire sur la page d’accueil du site We.Gov.

  10. Formulaire adaptatif : Formulaire de demande d’inscription pour la démonstration de We.gov.

    https://<aemserver> : <port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html

  11. Adobe du site We.Gov : https://<aemserver> : <port>/content/we-gov/home.html

  12. Boîte de réception d’Adobe : Icône de la barre de menu supérieure Bell dans AEM arrière-plan.

    https://<aemserver> : <port>/aem/start.html

  13. Client de messagerie : Mode d’affichage préféré de vos emails (Gmail, Outlook)

  14. CTA : Appel à l’action

  15. Naviguez : Pour localiser un point de référence spécifique sur la page du navigateur.

  16. AFC : automated forms conversion

automated forms conversion (Camila)

Cette section : Camila the CX Lead dispose d’un formulaire PDF existant qui a été utilisé dans le cadre d’un processus papier. Dans le cadre d’un effort de modernisation, elle souhaite utiliser ce formulaire PDF pour créer automatiquement un nouveau Forms adaptatif moderne.

automated forms conversion - We.Gov (Camila)

  1. Accédez à https://<aemserver>:<port>/aem/start.html

  2. Connectez-vous avec :

    • Utilisateur : camila.santos
    • Mot de passe : password
  3. Dans la page principale, sélectionnez Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.

  4. Camila télécharge le PDF dans AEM Forms.

    Télécharger le formulaire

  5. Camilla sélectionne ensuite le formulaire PDF et clique sur Démarrer la conversion automatisée pour lancer le processus de conversion. Vous devrez peut-être cliquer sur Remplacer la conversion si vous avez converti le formulaire.

    REMARQUE

    Notez que les paramètres d’AFC sont préconfigurés pour l’utilisateur final, ce qui signifie qu’ils ne doivent pas être modifiés.

    • Facultatif : Si vous souhaitez utiliser le thème Ultramarine accessible, cliquez simplement sur le thème Spécifier un formulaire adaptatif et sélectionnez le thème Ultramarine accessible qui apparaît dans la liste des options.

    Commencer la conversion

    Thème Ultramarine

    Le statut de pourcentage terminé s’affiche pendant la conversion. Une fois que l’état affiche Converted, cliquez sur le dossier output, sélectionnez le formulaire adaptatif et cliquez sur Modifier pour ouvrir le formulaire converti.

  6. Camilla examine ensuite le formulaire et s’assure que tous les champs sont présents

    Conversion des révisions

  7. Camilla commence ensuite à éditer le formulaire. Elle sélectionne Panneau racine > Modifier (la clé) > Sélectionner Onglets en haut dans le menu déroulant Disposition du panneau > sélectionne la case à cocher.

    Propriétés de révision

  8. Camilla ajoute ensuite toutes les modifications de champ et CSS nécessaires pour produire le produit final.

    Ajouter CSS

Modèle de données de formulaire et sources de données (Camila)

Cette section : Une fois le document converti et généré un formulaire adaptatif, Camila doit connecter le formulaire adaptatif à une source de données.

  1. Camila ouvre les Propriétés sur le formulaire qui a été converti en Automated forms conversion - We.Gov.

  2. Camila sélectionne ensuite Modèle de formulaire > Sélectionner le modèle de données de formulaire dans la liste déroulante Sélectionner dans > Sélectionner le FDM d’inscription We.gov dans la liste des options.

  3. Cliquez sur le bouton Enregistrer et fermer .

    Sélection FDM

  4. Camila clique sur le dossier output , sélectionne le formulaire adaptatif et clique sur Edit pour ouvrir le formulaire We.Gov complété.

  5. Camila sélectionne un champ de formulaire adaptatif et clique sur Icône Configurer. Elle crée une liaison avec les entités de modèle de données de formulaire à l’aide du champ Référence de liaison. Elle répète cette étape pour tous les champs du formulaire adaptatif.

Test d’accessibilité des formulaires (Camila)

Camila confirme également que le contenu créé est construit correctement et entièrement accessible selon les standards de l'entreprise.

  1. Camila clique sur le dossier output , sélectionne le formulaire adaptatif et clique sur Aperçu pour ouvrir le formulaire We.Gov complété.

  2. Ouvre l’onglet Audit dans l’outil Chrome Developer.

  3. Exécute une vérification d’accessibilité afin de valider le formulaire adaptatif.

    Vérification de l’accessibilité

Démonstration de la vue mobile du formulaire adaptatif (Aya)

Cette section doit être effectuée avant la démonstration.

Instructions utilisateur :

  1. Accédez à : https://<aemserver>:<port>/content/we-gov/home.html

  2. Connectez-vous avec :

    1. Utilisateur : aya.tan
    2. Mot de passe : password
  3. Redimensionnez la fenêtre du navigateur ou utilisez l’émulateur du navigateur pour répliquer la taille d’un appareil mobile.

Site Web We.Gov (Aya)

Un utilisateur fictif

Cette section : Aya est une citoyenne. Elle entend d'une amie qu'elle peut être éligible pour recevoir un Service d'une agence gouvernementale. Aya accède au site Web We.Gov à partir de son téléphone mobile pour en savoir plus sur les services auxquels elle est éligible.

We.Gov Pre-Screener (Aya)

Aya répond à quelques questions pour confirmer son éligibilité en remplissant un court formulaire adaptatif sur son téléphone portable.

Instructions utilisateur :

  1. Effectuez une sélection dans chaque champ de liste déroulante.

    REMARQUE

    Si l’utilisateur gagne plus de 200 000 $ par an, il n’est pas éligible.

  2. Cliquez sur "Suis-je éligible ?” button.

  3. Cliquez sur le bouton "Appliquer maintenant" pour continuer.

    Lien Appliquer maintenant

Formulaire Adaptatif We.Gov (Aya)

Aya découvre qu’elle est éligible et commence à remplir sa demande pour demander le service sur son appareil mobile.

Aya doit consulter certains documents à la maison avant de pouvoir remplir la demande de service. Elle enregistre et quitte l’application à partir de son appareil mobile.

Instructions utilisateur :

  1. Renseignez les champs Informations de base , les champs et listes déroulantes suivants sont obligatoires :

    1. Informations de base

      1. Prénom
      2. Nom
      3. DDN
      4. E-mail
  2. Utilisez la logique dynamique suivante pour démontrer la fonctionnalité dynamique à l’aide de la liste déroulante État de la famille :

    1. Simple : Afficher en regard du panneau parent

    2. Marié : Afficher le panneau dépendant du mariage

    3. Divorcé : Afficher en regard du panneau parent

    4. veuve : Afficher en regard du panneau parent

    5. Avez-vous des enfants ?: Bouton radio (Oui/Non) pour afficher le panneau enfant à charge.

      1. (Ajouter/Supprimer) pour ajouter/supprimer plusieurs panneaux enfant dépendants.
  3. Cliquez sur la flèche droite dans la barre de menus grise.

  4. Cliquez sur le bouton Enregistrer en bas de la page.

    Détails du formulaire adaptatif

Démonstration de l’appli de bureau

Cette section : De retour à la maison, Aya a trouvé les informations dont elle avait besoin et reprend la demande depuis son bureau. Aya accède au portail de formulaires en ligne pour reprendre sa demande. Avec une personnalisation simple, les agences peuvent également générer automatiquement et envoyer par courrier électronique un lien pour reprendre l’application.

Suite du formulaire adaptatif (Aya)

Instructions utilisateur :

  1. Accédez à https://<aemserver>:<port>/content/we-gov/home.html

  2. Dans la barre de navigation, sélectionnez "Services en ligne".

  3. Dans le panneau "Version préliminaire de Forms", sélectionnez la demande d’inscription existante pour les prestations d’intégrité.

    Demande d’inscription pour les prestations de santé

    L’apparence est la même, et elle n’a pas besoin de saisir à nouveau des données.

    Instructions utilisateur :

  4. Cliquez sur Circle CTA droit pour passer à la section suivante.

    CTA du cercle droit

    Le formulaire est renseigné jusqu’au point de la dernière entrée d’Aya. Aya a saisi toutes ses informations et est prête à les envoyer.

    Envoyer le formulaire adaptatif

    REMARQUE

    Lorsqu’Aya remplit le champ du numéro de téléphone, elle doit le remplir sous la forme d’un nombre à 11 chiffres au fil de l’eau, sans tirets, espaces ou tirets.

    Après l’envoi, Aya reçoit une page de remerciement. Elle peut également recevoir un courrier électronique qu’elle peut ouvrir pour signer électroniquement le document d’enregistrement avec Adobe Sign.

Facultatif : Adobe Sign (Aya)

Instructions utilisateur :

  1. Accédez à votre client de messagerie et recherchez l’adresse électronique Adobe Sign.

  2. Cliquez sur le lien vers Adobe Sign.

    Lien de signature d’Adobe

Instructions utilisateur :

  1. Cochez la case "J’accepte".

  2. Cliquez sur "Accepter".

  3. Faites défiler jusqu’au bas du document révisé.

  4. Cliquez sur l’onglet jaune en surbrillance pour signer le document.

    Signer le documentSigner le document de test

Agent du gouvernement (George)

Agent du gouvernement George

Cette section : George est un analyste des affaires de l'agence gouvernementale Aya est un demandeur de service. George dispose d’un seul tableau de bord où il peut voir toutes les demandes de service qui lui ont été affectées pour révision.

AEM Boîte de réception (George)

Instructions utilisateur :

  1. Accédez à https://<aemserver>:<port>/aem/start.html

  2. Cliquez sur l’icône de l’utilisateur (coin supérieur droit) et utilisez l’option de menu "Se déconnecter" ou "Se faire passer pour" si vous êtes actuellement connecté avec un utilisateur administrateur.

    1. Connectez-vous avec :

      1. Utilisateur : george.lang
      2. Mot de passe : password
    2. Ou emprunter l’identité :

      1. Saisissez "George" dans le champ "Emprunter l’identité de".

      2. Cliquez sur OK pour emprunter l’identité.

  3. Dans le coin supérieur droit, cliquez sur l’icône Notification (cloche) .

  4. Cliquez sur "Afficher tout" pour accéder à la boîte de réception.

  5. Dans la boîte de réception, ouvrez la dernière tâche "Health Avantages Application Review".

    Examen des demandes d’avantages sociaux

Facultatif : AEM Boîte de réception et MS Dynamics (George)

Grâce aux intégrations de données et aux workflows automatisés, l’application Aya apparaît, ainsi qu’un enregistrement CRM qui a été généré automatiquement lors de l’envoi des données.

Instructions utilisateur :

  1. Ouvrez et examinez le formulaire adaptatif en lecture seule.

  2. Cliquez sur le bouton "Ouvrir MS Dynamics" pour ouvrir l’enregistrement MS Dynamics dans une nouvelle fenêtre.

  3. Dans le CRM, toutes les informations peuvent être mises à jour.

    1. Vous pouvez éventuellement ajouter des notes de révision directement dans Dynamics.
  4. Fermez et revenez à AEM boîte de réception.

    Enregistrement MS Dynamics

Retour à AEM Boîte de réception (George)

George approuve la demande d’Aya et, grâce à un workflow automatisé existant, un email de confirmation est également envoyé à Aya.

Instructions utilisateur :

  1. Accédez au coin supérieur gauche et cliquez sur "Approve" (Approuver) pour approuver la demande.

  2. Dans le modal, vous pouvez laisser un message pour le prospect CX.

  3. Cliquez sur Terminé.

  4. (Rôle citoyen) Ouvrez votre client de messagerie pour afficher l’e-mail envoyé à Aya.

    Afficher l'email envoyé à Aya

CX Lead (Camila)

Camila (chef CX)

Cette section : Camila the CX lance un appel téléphonique de bienvenue avec Aya pour expliquer comment utiliser les services publics pour lesquels elle a reçu l'autorisation de service.

(Facultatif) AEM Boîte de réception et MS Dynamics

Instructions utilisateur :

  1. Accédez à https://<aemserver>:<port>/aem/start.html

  2. Cliquez sur l’icône de l’utilisateur (coin supérieur droit) et utilisez l’option de menu "Se déconnecter" ou "Se faire passer pour" si vous êtes actuellement connecté avec un utilisateur administrateur.

    1. Connectez-vous avec :

      1. Utilisateur : camila.santos
      2. Mot de passe : password
    2. Ou emprunter l’identité :

      1. Saisissez "Camila" dans le champ "Emprunter l’identité de".

      2. Cliquez sur OK pour emprunter l’identité.

  3. Dans le coin supérieur droit, cliquez sur l’icône Notification (cloche) .

  4. Cliquez sur "Afficher tout" pour accéder à la boîte de réception.

  5. Dans la boîte de réception, ouvrez la dernière tâche "Nouvelle approbation de contact".

Nouvelle approbation de contact

(Facultatif) Instructions utilisateur :

  1. Ouvrez et examinez le formulaire adaptatif en lecture seule.

  2. Cliquez sur le bouton "Ouvrir MS Dynamics" pour ouvrir l’enregistrement MS Dynamics dans une nouvelle fenêtre.

  3. Dans le CRM, toutes les informations peuvent être mises à jour.

    1. Vous pouvez éventuellement ajouter une nouvelle activité d’appel directement dans Dynamics.
    2. Ouvrez la section "Activités".
    3. Cliquez sur l’option "Nouvel appel téléphonique".
    4. Ajoutez les détails de l’appel téléphonique.
    5. Enregistrez la fenêtre, puis fermez-la.
  4. De retour dans AEM, accédez au coin supérieur gauche et cliquez sur "Submit" pour envoyer la demande.

  5. Dans le modal, vous pouvez laisser un message.

  6. Cliquez sur Terminé.

    Onglet Activités Confirmer nouveau contact

(Facultatif) Kit de bienvenue Citoyen (Aya)

Cette section : Aya reçoit un courrier électronique contenant un lien vers une communication interactive qui résume ses avantages et inclut également des champs de formulaire à remplir. Une instruction d’avantages PDF est jointe et un lien vers une lettre de communication interactive dans le courrier (avec le même thème/marque que la communication interactive).

Notification Client Par Courrier Électronique (Aya)

Instructions utilisateur :

  1. Recherchez et ouvrez le courrier électronique du kit de bienvenue.

  2. Faites défiler la page jusqu’à la pièce jointe PDF.

  3. Cliquez sur pour ouvrir la pièce jointe PDF.

  4. Faites défiler l’écran vers le haut dans votre client de messagerie et cliquez sur "Afficher le kit de bienvenue en ligne".

    1. Cette opération ouvre la version du canal web du même document.
  5. Pour une référence rapide à PDF directement :

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

  6. Pour une référence rapide à IC directement :

    https://<aemserver>: <port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?channel=web&mode=preview&wcmmode=disabled

    Welcome Avantages ManualInteractive Communication Link

Renouvellement du citoyen (Aya)

Cette section : Camila planifie également un rappel de communication un an plus tard. (Étape de workflow qui automatise/exécute et envoie électronique).

Notification Client Par Courrier Électronique (Aya)

Instructions utilisateur :

  1. Accédez à votre client de messagerie.

  2. Recherchez et ouvrez l’e-mail Rappel de renouvellement .

  3. Cliquez sur le bouton "Submit a1/>" pour ouvrir le formulaire adaptatif.

    1. Cette section est délibérément laissée vide pour prendre en charge le préremplissage de données lors de la phase 2.

    Courrier électronique de rappel de renouvellement

(Facultatif) Modèle de données de formulaire (Camila)

Cette section : Camila accède aux intégrations de données AEM Forms où elle peut exécuter un test rapide pour vérifier que les informations envoyées à la source de données externe via l’intégration du modèle de données de formulaire sont bien présentes.

Modèle de données de formulaire (Camila)

Cette section : Camila accède à la page Sources de données pour valider les données que le serveur a répliquées dans la base de données Derby.

  1. Une fois l’expérience utilisateur terminée et l’envoi de l’utilisateur terminé, Camila accède à l’onglet Sources de données dans AEM Forms (Forms > Intégrations de données).

  2. Camila sélectionne ensuite AEM Forms We.gov FDM, puis édite le FDM d’inscription We.gov.

  3. Camila sélectionne ensuite le Contact > Service de lecture à tester.

    Service de lecture des contacts

  4. Camila fournit ensuite au service de test un ID de contact, puis clique sur le bouton Tester. Par exemple, 1 ou 2, si vous avez envoyé le formulaire. Si vous n’avez pas envoyé le formulaire, aucune donnée n’est renvoyée.

    Service de lecture des contacts

  5. Camila peut ensuite vérifier que les données ont bien été insérées dans la source de données.

    • Les données du Derby DS ressemblent au format suivant :
       [
          {
          "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"
          }
    ]
    

(Facultatif) Analytics (Camila)

Cette section : Camila accède à un tableau de bord où elle peut voir les IPC de l’agence, tels que le pourcentage de citoyens qui commencent à remplir un formulaire de demande de service et abandonnent, la durée moyenne entre l’envoi d’une demande et la réponse d’approbation/refus, et les statistiques d’engagement pour les manuels d’avantages qu’elle a envoyés aux citoyens.

Rapports Adobe Analytics Sites (Camila)

  1. Accédez à https://<aemserver>:<port>/sites.html/content

  2. Sélectionnez "AEM Forms We.Gov Site" pour afficher les pages du site.

  3. Sélectionnez l’une des pages du site (par exemple Accueil), puis "Analytics et Recommendations".

    Analytics et recommandation

  4. Sur cette page, vous verrez les informations récupérées d’Adobe Analytics qui se rapportent à la page AEM Sites (REMARQUE : par conception, ces informations sont régulièrement actualisées à partir d’Adobe Analytics et ne s’affichent pas en temps réel).

    Mesures clés Adobe Analytics

  5. De retour sur la page vue (accessible à l’étape 3.), vous pouvez également afficher les informations de page vue en modifiant le paramètre d’affichage pour afficher les éléments dans le "mode Liste".

  6. Recherchez le menu déroulant "Afficher" et sélectionnez "Mode Liste".

    Mode Liste dans le menu déroulant Affichage

  7. Dans le même menu, sélectionnez "Paramètre d’affichage" et sélectionnez les colonnes à afficher dans la section "Analytics".

    Configurer l'affichage des colonnes

  8. Cliquez sur "Mettre à jour" pour rendre les nouvelles colonnes disponibles.

    Mettre de nouvelles colonnes à disposition

Rapports Adobe Analytics Forms (Camila)

  1. Accédez à .

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

  2. Sélectionnez le formulaire adaptatif "Demande d’inscription pour les prestations de santé" et sélectionnez l’option "Rapport d’analyse".

    Demande d’inscription pour les prestations de santé

  3. Patientez jusqu’au chargement de la page et affichez les données du rapport Analytics.

    Données du rapport Analytics

Sur cette page