Show Menu
SUJETS×

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

Conditions préalables

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

Article utilisateur

  • AEM Forms
    • Conversion de formulaires automatisée
    • Création
    • Modèles de données de formulaire/Sources de données
  • AEM Forms
    • Capture des 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

Fictitious users and groups

Le paquet 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
  • George Lang : Analyste d'affaires de l'agence We.Gov
  • Camila Santos : Directeur CX de l'agence We.Gov
Les groupes suivants sont également inclus :
  • Utilisateurs de We.Gov Forms
    • George Lang (membre)
    • Camila Santos (membre)
  • Utilisateurs Web.Gov
    • George Lang (membre)
    • Camila Santos (membre)
    • Aya Tan (membre)

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

  1. Se faire passer pour : Utilisateurs et groupes définis dans AEM démonstration.
  2. Bouton : Rectangle coloré ou flèche circulaire pour la navigation.
  3. Cliquez sur : Pour exécuter une action dans l’article utilisateur.
  4. Liens : Situé en haut du menu principal du site We.Gov.
  5. Instructions utilisateur : Ensemble d’étapes numériques à suivre pour parcourir l’article 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 de bureau : Démo de l'utilisateur We.gov vers la vue sur un ordinateur portable ou un ordinateur de bureau.
  9. Formulaire pré-écran : Formulaire sur la Page d'accueil du site We.Gov.
  10. Formulaire adaptatif : Formulaire de demande d'inscription pour la démonstration We.gov.
    https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html
  11. adobe Site We.Gov : https://<aemserver>:<port>/content/we-gov/home.html
  12. Boîte de réception Adobe : Icône bell.svg Bell située dans la barre de menu supérieure dans AEM backend.
    https://<aemserver>:<port>/aem/start.html
  13. Client de messagerie : Moyen privilégié de vue de vos e-mails (Gmail, Outlook)
  14. DEC : Appel à l'action
  15. Naviguer : Pour localiser un point de référence spécifique sur la page du navigateur.
  16. AFC : Conversion Forms automatisée

Conversion Forms automatisée (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 une nouvelle Forms adaptative moderne.

Conversion automatisée de Forms - We.Gov (Camila)

  1. Accédez à https://<aemserver>:<port>/aem/start.html
  2. Connexion par :
    • 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 en AEM Forms.
  5. Camilla sélectionne ensuite le formulaire PDF et clique sur Conversion automatisée du Début pour début du processus de conversion. Vous devrez peut-être cliquer sur Remplacer la conversion si vous avez converti le formulaire.
    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 Accessible Ultramarine, cliquez simplement sur le thème Spécifier un formulaire adaptatif et sélectionnez le thème Accessible-Ultramarine qui apparaît dans la liste des options.
    Le pourcentage d’achèvement de l’état 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.
  7. Camilla effectue ensuite des débuts pour modifier le formulaire. Elle sélectionne Panneau racine > Modifier (la clé à molette) > sélectionne Onglets en haut dans le menu déroulant Disposition du panneau > sélectionne la case à cocher.
  8. Camilla ajoute ensuite toutes les transformations CSS et les modifications de terrain nécessaires pour produire le produit final.

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

Cette section : Une fois que le document a été converti et créé un formulaire adaptatif, Camila doit alors connecter le formulaire adaptatif à une source de données.
  1. Camila ouvre les Propriétés sur le formulaire qui a été converti en Conversion automatisée Forms - We.Gov .
  2. Camila sélectionne ensuite Modèle de formulaire > Sélectionne Modèle de données de formulaire dans la liste déroulante Sélectionner dans > Sélectionne l'inscription We.gov FDM à partir de la liste de l'option.
  3. Cliquez sur le bouton Enregistrer et fermer.
  4. Camila clique sur le dossier output , sélectionne le formulaire adaptatif et clique sur Modifier pour ouvrir le formulaire We.Gov rempli.
  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 du 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 valide é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 Prévisualisation pour ouvrir le formulaire We.Gov complété.
  2. Ouvre l’onglet Audit dans l’outil de développement Chrome.
  3. Effectue une vérification de l’accessibilité afin de valider le formulaire adaptatif.

Démo de la Vue mobile de formulaire adaptatif (Aya)

Cette section doit être exécutée avant la manifestation.
Instructions utilisateur :
  1. Accédez à : https://<aemserver>:<port>/content/we-gov/home.html
  2. Connexion par :
    1. Utilisateur : aya.tan
    2. Mot de passe  : password
  3. Redimensionnez la fenêtre du navigateur ou utilisez l’émulateur du navigateur pour reproduire la taille d’un périphérique mobile.

Site Web We.Gov (Aya)

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

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 déroulant.
    Si l’utilisateur gagne plus de 200 000 $ par année, il n’est pas admissible.
  2. Cliquez sur " Suis-je éligible ? ” button.
  3. Cliquez sur le bouton " Appliquer maintenant " pour continuer.

Formulaire adaptatif We.Gov (Aya)

Aya découvre qu'elle est éligible et commence à remplir sa demande de service sur son appareil mobile.
Aya doit passer en revue certains documents à la maison avant de pouvoir remplir la demande de service. Elle enregistre et quitte l'application depuis son appareil mobile.
Instructions utilisateur :
  1. Renseignez les champs Informations de base, les champs et listes déroulantes obligatoires suivants sont requis :
    1. Informations de base
      1. Prénom
      2. Nom
      3. DOB
      4. Email
  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 le prochain panneau de mise en page
    2. Marié : Afficher le panneau dépendant du mariage
    3. Divorcé : Afficher le prochain panneau de mise en page
    4. veuf : Afficher le prochain panneau de mise en page
    5. Avez-vous des enfants ? : (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.

Démo de bureau

Cette section : De retour à la maison, Aya a trouvé les informations dont elle avait besoin et reprend l'application 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.

Formulaire adaptatif Continued (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 l’option 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. Cliquez sur Circle CTA à droite pour passer à la section suivante.
    Le formulaire est renseigné jusqu’au point de la dernière entrée d’Aya. Aya a entré toutes ses informations et est prête à les envoyer.
    Lorsqu'Aya remplit le champ du numéro de téléphone, elle doit le remplir sous la forme d'un numéro continu à 11 chiffres sans tirets, espaces ou traits d'union.
    Après avoir envoyé Aya reçoit une page de remerciement. Il est possible qu'elle reçoive également un courriel qu'elle peut ouvrir pour signer le document d'enregistrement par voie électronique avec Adobe Sign.

Facultatif : adobe sign (Aya)

Instructions utilisateur :
  1. Accédez à votre client de messagerie et recherchez le courrier électronique Adobe Sign.
  2. Cliquez sur le lien vers Adobe Sign.
Instructions utilisateur :
  1. Cochez la case " Je suis d'accord ".
  2. Cliquez sur " Accepter ".
  3. Faites défiler l’écran jusqu’au bas du document consulté.
  4. Cliquez sur l'onglet jaune surligné pour signer le document.

Agent du gouvernement (George)

Cette section : George est analyste d'affaires à l'agence gouvernementale Aya demande un service à . George a un tableau de bord unique où il peut voir toutes les demandes de service qui lui ont été assignées pour examen.

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 (en haut à droite) et utilisez l'option de menu " Se déconnecter " ou " Se faire passer pour " si vous êtes actuellement connecté avec un utilisateur administratif.
    1. Connexion par :
      1. Utilisateur : george.lang
      2. Mot de passe : password
    2. Ou s'emprunt d'identité :
      1. Tapez " George " dans le champ " Impersonate as ".
      2. Cliquez sur OK pour vous faire passer pour une identité.
  3. Dans le coin supérieur droit, cliquez sur l’icône Notification (cloche).
  4. Cliquez sur " Vue 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 Benefits Application Review ".

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 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 la gestion de la relation client, toutes les informations peuvent être mises à jour.
    1. Vous pouvez éventuellement ajouter des notes de révision directement dans Dynamics.
  4. Fermez la boîte de réception et revenez à AEM.

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

George approuve la demande d’Aya et, grâce à un processus automatisé existant, un courrier électronique de confirmation est également envoyé à Aya.
Instructions utilisateur :
  1. Accédez au coin supérieur gauche et cliquez sur " Approuver " pour approuver la demande.
  2. Dans le module modal, vous pouvez laisser un message pour la piste CX.
  3. Cliquez sur Done (Terminé).
  4. (Rôle Citoyen) Ouvrez votre client de messagerie pour vue à l’e-mail envoyé à Aya.

CX Lead (Camila)

Cette section : Camila the CX Lead lance un appel téléphonique de bienvenue avec Aya pour expliquer comment utiliser les services gouvernementaux pour lesquels elle a été approuvée.

(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 (en haut à droite) et utilisez l'option de menu " Se déconnecter " ou " Se faire passer pour " si vous êtes actuellement connecté avec un utilisateur administratif.
    1. Connexion par :
      1. Utilisateur : camila.santos
      2. Mot de passe  : password
    2. Ou s'emprunt d'identité :
      1. Tapez " Camila " dans le champ " Impersonate as ".
      2. Cliquez sur OK pour vous faire passer pour une identité.
  3. Dans le coin supérieur droit, cliquez sur l’icône Notification (sonnerie).
  4. Cliquez sur " Vue 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".
(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 la gestion de la relation client, 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. ajouter les détails de l'appel téléphonique.
    5. Enregistrez et fermez la fenêtre.
  4. De retour en AEM, accédez au coin supérieur gauche et cliquez sur " Envoyer " pour envoyer la demande.
  5. Dans le module, vous pouvez laisser un message.
  6. Cliquez sur Done (Terminé).

(Facultatif) Kit de bienvenue Citoyen (Aya)

Cette section : Aya reçoit un courriel qui contient un lien vers une communication interactive qui résume ses avantages et comprend également des champs de formulaire à remplir. Avec un énoncé des avantages PDF joint 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 au bas de la page.
  3. Cliquez sur pour ouvrir la pièce jointe PDF.
  4. Faites défiler la page vers le haut dans votre client de messagerie et cliquez sur "Kit de bienvenue Vue en ligne ".
    1. Ceci ouvrira la version du canal Web du même document.
  5. Pour obtenir une référence rapide au format 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?canal=web&mode=prévisualisation&wcmmode=disabled
    des avantages de bienvenue Lien de communication

Renouvellement du rappel citoyen (Aya)

Cette section : Camila planifie aussi un rappel de communication un an plus tard. (Etape de flux de travail qui automatise/s’exécute et envoie des courriers électroniques).

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 " Soumettre une nouvelle application " pour ouvrir le formulaire adaptatif.
    1. Cette section est volontairement laissée vide pour prendre en charge le préremplissage de données dans la phase 2.

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

Cette section : Camila se rend à AEM Forms Data Integrations 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 > Data Integrations ).
  2. Camila sélectionne ensuite AEM Forms We.gov FDM , puis modifie l'inscription We.gov FDM .
  3. Camila sélectionne ensuite le service ​Contact > Lecture à tester.
  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.
  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) Analyses (Camila)

Cette section : Camila se rend dans un tableau de bord où elle peut voir à travers les indicateurs clés de performance de l'agence, tels que le pourcentage de citoyens qui ont début à remplir un formulaire de demande de service et à abandonner, la durée moyenne entre la soumission de la 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 de sites Adobe Analytics (Camila)

  1. Accédez à https://<aemserver>:<port>/sites.html/content
  2. Sélectionnez "Site Web AEM FormsGov" pour vue des pages du site.
  3. Sélectionnez l’une des pages du site (par exemple, Accueil), puis sélectionnez " Analytics & Recommendations ".
  4. Sur cette page, vous verrez les informations extraites d'Adobe Analytics qui se rapportent à la page AEM Sites (REMARQUE : par conception, ces informations sont périodiquement actualisées à partir de l'Adobe Analytics et ne sont pas affichées en temps réel).
  5. De retour sur la page de vue de page (accessible à l’étape 3), vous pouvez également vue les informations de vue de page en modifiant le paramètre d’affichage en éléments de vue dans la "Vue de Liste".
  6. Recherchez le menu déroulant " Vue " et sélectionnez "Vue ​Liste".
  7. Dans le même menu, sélectionnez "Paramètre de Vue" et sélectionnez les colonnes à afficher dans la section " Analyses ".
  8. Cliquez sur " Mettre à jour " pour rendre les nouvelles colonnes disponibles.

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 avantages pour la santé" et sélectionnez l’option "Rapport ​Analytics".
  3. Attendez que la page se charge et vue les données du rapport Analytics.