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 la section Installation et configuration du site de référence We.Gov et We.Finance.

Scénario utilisateur

  • 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 : citoyenne éligible à un Service d’une agence gouvernementale

Un utilisateur fictif

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

Un utilisateur fictif

  • Camila Santos : Responsable expérience client de l’agence We.Gov

Un utilisateur fictif

Les groupes suivants sont également inclus :

  • Utilisateurs We.Gov Forms

    • George Lang (membre)
    • Camila Santos (membre)
  • Utilisateurs 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 la démonstration d’AEM.

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

  3. Cliquer : pour exécuter une action dans le scénario de l’utilisateur.

  4. Liens : situés 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 le scénario 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 ordinateur de 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. Site Adobe We.Gov : https://<aemserver>:<port>/content/we-gov/home.html

  12. Boîte de réception Adobe : dans la barre de menu supérieure, Icône cloche du serveur principal d’AEM.

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

  13. Client de messagerie : mode d’affichage préféré de vos courriers électroniques (Gmail, Outlook)

  14. CTA : Call to action (appel à l’action)

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

  16. AFC: Automated Forms Conversion (conversion automatisée de formulaires)

Automated Forms Conversion (Camila)

La présente section : Camila (Responsable de l’expérience client) dispose d’un formulaire basé un 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 formulaire 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 vers 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 déjà 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.

    Démarrer la conversion

    Thème Ultramarine

    Le pourcentage de la barre de progression s’affiche pendant la conversion. Une fois l’état Converti affiché, cliquez sur le dossier de sortie, 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

    Vérifier la conversion

  7. Camilla commence ensuite à modifier le formulaire. Elle sélectionne Panneau racine > Modifier (la clé), sélectionne Onglets en haut dans le menu déroulant Disposition du panneau puis 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 générer le produit final.

    Ajouter CSS

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

La présente section : une fois le document converti et le formulaire adaptatif généré, 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 grâce à Automated Forms Conversion - We.Gov.

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

  3. Clique sur le bouton Enregistrer et fermer.

    Sélection FDM

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

  5. Camila sélectionne un champ de formulaire adaptatif et clique sur l’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 de sortie, sélectionne le formulaire adaptatif et clique sur Prévisualisation 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émo d’affichage mobile de 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

La présente section : Aya est une citoyenne. Elle entend dire par une amie qu’elle peut être éligible pour recevoir un Service de la part 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.

Présélection We.Gov (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 la 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 « Déposer une candidature maintenant » pour continuer.

    Lien Déposer une candidature 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 d’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 Statut de la famille :

    1. Célibataire : afficher le panneau des proches parents

    2. Marié.e : afficher le panneau relatif au mariage

    3. Divorcé.e : afficher le panneau des proches parents

    4. Veuf.ve : afficher le panneau des proches parents

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

      1. Bouton (Ajouter/Supprimer) pour ajouter/supprimer plusieurs panneaux d’enfants à charge.
  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 ordinateur de bureau

La présente section : de retour à la maison, Aya a trouvé les informations dont elle avait besoin et reprend l’application depuis son ordinateur de 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 la demande de candidature.

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 cliquer sur « Services en ligne ».

  3. Dans le panneau « Version préliminaire de formulaires », sélectionnez la « Demande d’inscription existante pour les prestations d’intégrité » existante.

    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. Faites un clic droit sur Circle CTA pour passer à la section suivante.

    Right circle CTA

    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 sans tirets, espaces ou traits d’union.

    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 électronique et recherchez l’adresse Adobe Sign.

  2. Cliquez sur le lien vers Adobe Sign.

    Lien Adobe Sign

Instructions utilisateur :

  1. Cochez la case « J’accepte ».

  2. Cliquez sur « Accepter ».

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

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

    Signez le document Signez le document test

Agent du gouvernement (George)

Agent du gouvernement George

Cette section : George est un analyste des affaires de l’agence gouvernementale à qui Aya demande un 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.

Boîte de réception AEM (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 « 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 empruntez l’identité :

      1. Tapez « George » dans le champ « Se faire passer pour ».

      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 le dernier « Examen des demandes d’avantages sociaux ».

    Examen des demandes d’avantages sociaux

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

Grâce aux intégrations de données et aux workflows automatisés, la demande d’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 à la boîte de réception AEM.

    Enregistrement MS Dynamics

Retour à la boîte de réception d’AEM (George)

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

Instructions d’utilisation :

  1. Accédez au coin supérieur gauche et cliquez sur « Approuver » pour approuver la demande.

  2. Dans la fenêtre modale, vous pouvez laisser un message pour le responsable Expérience Client.

  3. Cliquez sur Terminé.

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

    Affichez l’email envoyé à Aya

Responsable Expérience Client (Camila)

Camila (Responsable Expérience Client)

Cette section : Camila, la responsable Expérience Client, a mis en place un appel téléphonique de bienvenue avec Aya pour lui expliquer comment utiliser les services gouvernementaux pour lesquels elle a reçu l’autorisation de travailler.

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

Instructions d’utilisation :

  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 « 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 empruntez l’identité :

      1. Écrivez « Camila » dans le champ « Se faire passer pour ».

      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 d’utilisation :

  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 le fichier, puis fermez la fenêtre.
  4. De retour dans AEM, accédez au coin supérieur gauche et cliquez sur « Envoyer » pour envoyer la demande.

  5. Dans la fenêtre modale, vous pouvez laisser un message.

  6. Cliquez sur Terminé.

    Onglet Activités Confirmer le 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 déclaration d’avantages au format PDF est jointe ainsi qu’un lien vers la 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 d’utilisation :

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

    Manuel des avantages de bienvenue Lien de communication interactive

Rappel de renouvellement citoyen (Aya)

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

Notification client par courrier électronique (Aya)

Instructions utilisateur :

  1. Accédez à votre client de messagerie.

  2. Recherchez et ouvrez le courrier électronique Rappel de renouvellement.

  3. Cliquez sur le bouton « Envoyer une nouvelle demande » 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)

La présente 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)

La présente 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 le FDM We.gov d’AEM Forms puis modifie 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)

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

Rapports sur les sites Adobe Analytics (Camila)

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

  2. Sélectionnez le « Site We.Gov d’AEM Forms » pour afficher les pages du site.

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

    Analytics et Recommandations

  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 la page vue en modifiant le paramètre d’affichage afin d’afficher les éléments dans l’« Affichage de liste ».

  6. Recherchez le menu déroulant « Affichage » et sélectionnez « Affichage de liste ».

    Affichage de liste dans le menu déroulant Affichage

  7. Dans le même menu, sélectionnez « Paramètre d’affichage » et sélectionnez les colonnes que vous souhaitez 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 le « Rapport Analytics ».

    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