Procedura dettagliata sul sito di riferimento We.Gov e We.Finance we-gov-reference-site-walkthrough

Prerequisiti pre-requisites

Impostare il sito di riferimento come descritto in Impostare e configurare il sito di riferimento We.Gov e We.Finance.

Storia utente user-story

  • AEM Forms

    • Conversione moduli automatica
    • Authoring
    • Modelli di dati modulo/Origini dati
  • AEM Forms

    • Acquisizione dati
    • (Facoltativo) Integrazione dei dati (MS® Dynamics)
    • (Facoltativo) Adobe Sign
  • Flusso di lavoro

  • Notifiche e-mail

  • (Facoltativo) Comunicazioni con i clienti

    • Canale di stampa
    • Canale web
  • Adobe Analytics

  • Integrazioni Data Source

Utenti e gruppi fittizi fictitious-users-and-groups

Il pacchetto demo We.Gov è dotato dei seguenti utenti fittizi incorporati:

  • Aya Tan: cittadino idoneo a un servizio da un'agenzia governativa

Utente fittizio

  • George Lang: analista di business di We.Gov

Utente fittizio

  • Camila Santos: lead CX dell'agenzia We.Gov

Utente fittizio

Sono inclusi anche i seguenti gruppi:

  • Utenti Forms We.Gov

    • George Lang (membro)
    • Camila Santos (membro)
  • Utenti We.Gov

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

Legenda dei termini della panoramica della demo demo-overview-terms-legend

  1. Rappresenta: utenti e gruppi definiti nella demo AEM.

  2. Pulsante: rettangolo colorato o freccia cerchiata per la navigazione.

  3. Fare clic: per eseguire un'azione nella storia utente.

  4. Collegamenti: nella parte superiore del menu principale nel sito We.Gov.

  5. Istruzioni utente: un insieme di passaggi numerici da seguire per spostarsi all'interno del brano dell'utente.

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

  7. Visualizzazione mobile:l'utente We.Gov deve replicare una visualizzazione mobile con un browser ridimensionato.

  8. Vista desktop: We.gov utente per visualizzare una demo su un laptop o desktop.

  9. Modulo pre-screening: modulo nella home page del sito We.Gov.

  10. Modulo adattivo: modulo di richiesta di registrazione per la demo We.gov.

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

  11. Sito We.Gov Adobe: https://<aemserver>:<porta>/content/we-gov/home.html

  12. Casella in entrata Adobe: barra dei menu superiore icona campana nel backend AEM.

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

  13. Client e-mail: metodo preferito per visualizzare le e-mail (Gmail, Outlook)

  14. CTA: invito all'azione

  15. Naviga: per individuare un punto di riferimento specifico nella pagina del browser.

  16. AFC: Automated forms conversion

Automated forms conversion (Camila) automated-forms-conversion

Questa sezione: Camila il lead CX ha un modulo esistente basato su PDF che è stato utilizzato come parte di un processo cartaceo. Come parte di un progetto di modernizzazione, Camila vuole utilizzare questo modulo PDF per creare automaticamente un moderno Forms adattivo.

Automated forms conversion - We.Gov (Camila) automated-forms-conversion-wegov

  1. Passa a https://<aemserver>:<porta>/aem/start.html

  2. Accedi con:

    • Utente: camila.santos
    • Password: password
  3. Dalla pagina principale, seleziona Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.

  4. Camila carica il PDF su AEM Forms.

    Carica modulo

  5. Camilla seleziona quindi il modulo PDF e fa clic su Avvia conversione automatica per avviare il processo di conversione. Se il modulo è stato convertito, potrebbe essere necessario fare clic su Sovrascrivi conversione.

    note note
    NOTE
    Le impostazioni in AFC sono preconfigurate per l'utente finale, il che significa che non devono essere modificate.
    • Facoltativo: se desideri utilizzare il tema Ultramarine accessibili, fai clic su Specifica un tema per moduli adattivi e seleziona il tema Ultramarine accessibili visualizzato nell'elenco delle opzioni.

    Avvia conversione

    Tema Ultramarine

    Lo stato di completamento della percentuale viene visualizzato durante la conversione. Una volta visualizzato lo stato Convertito, fai clic sulla cartella output, seleziona il modulo adattivo e fai clic su Modifica per aprire il modulo convertito.

  6. Camilla esamina il modulo e si accerta che tutti i campi siano presenti

    Rivedi conversione

  7. Camilla inizia quindi a modificare il modulo e seleziona Root Panel (Pannello principale) > Edit (Modifica (chiave inglese) > select Tabs on Top (Schede in alto) dal menu a discesa Panel Layout (Layout pannello) > seleziona la casella di controllo.

    Rivedi proprietà

  8. Camilla aggiunge quindi tutte le modifiche CSS e sul campo necessarie per produrre il prodotto finale.

    Aggiungi CSS

Modello dati modulo e origini dati (Camila) data-sources

Questa sezione: dopo la conversione del documento e la generazione di un modulo adattivo, Camila deve connettere il modulo adattivo a un'origine dati.

  1. Camila apre le Proprietà nel modulo convertito in Automated forms conversion - We.Gov.

  2. Camila seleziona quindi Modello modulo > Seleziona modello dati modulo dal menu a discesa Seleziona da > Seleziona FDM di iscrizione We.gov dall’elenco di opzioni.

  3. Fai clic su Salva e chiudi.

    Selezione FDM

  4. Camila fa clic sulla cartella output, seleziona il modulo adattivo e fa clic su Modifica per aprire il modulo We.Gov completato.

  5. Camila seleziona un campo modulo adattivo, fa clic sull'icona Configura e crea un'associazione con le entità del modello dati del modulo utilizzando il campo Riferimento associazione. Camila ripete questo passaggio per tutti i campi del modulo adattivo.

Test di accessibilità dei moduli (Camila) form-accessibility-testing

Camila verifica inoltre che il contenuto creato sia stato creato correttamente e completamente accessibile in base agli standard aziendali.

  1. Camila fa clic sulla cartella output, seleziona il modulo adattivo e fa clic su Anteprima per aprire il modulo We.Gov completato.

  2. Apre la scheda Audit in Chrome Developer Tool.

  3. Esegue una verifica di accessibilità per convalidare il modulo adattivo.

    Verifica accessibilità

Demo Vista Mobile Modulo Adattivo (Aya) mobile-view-demo

Questa sezione deve essere eseguita prima della dimostrazione.

Istruzioni utente:

  1. Passa a: https://<aemserver>:<porta>/content/we-gov/home.html

  2. Accedi con:

    1. Utente: aya.tan
    2. Password: password
  3. Ridimensiona la finestra del browser o utilizza l’emulatore del browser per replicare le dimensioni di un dispositivo mobile.

Sito Web We.Gov (Aya) aya-user-story-we-gov-website

Utente fittizio

Questa sezione: Aya è una cittadina e sente da un amico che potrebbe essere idonea a ricevere un Servizio da un'agenzia governativa. Aya accede al sito web We.Gov dal suo telefono cellulare per saperne di più sui servizi a cui ha diritto.

Pre-Screener We.Gov (Aya) aya-user-story-we-gov-pre-screener

Aya risponde ad alcune domande per confermare la sua idoneità compilando un breve modulo adattivo sul suo telefono cellulare.

Istruzioni utente:

  1. Effettua una selezione in ciascun campo a discesa.

    note note
    NOTE
    Se l’utente guadagna più di $ 200.000/anno, non è idoneo.
  2. Fare clic su Sono idoneo?.

  3. Fare clic su Applica per continuare.

    Collegamento Applica

Modulo Adattivo We.Gov (Aya) aya-user-story-we-gov-adaptive-form

Aya scopre di essere idonea e inizia a compilare la sua applicazione per richiedere il servizio sul suo dispositivo mobile.

Aya deve rivedere alcuni documenti a casa prima di poter completare l'applicazione di richiesta di assistenza. Salva e chiude l’applicazione dal suo dispositivo mobile.

Istruzioni utente:

  1. Compila i campi Informazioni di base. Di seguito sono riportati i campi obbligatori e i menu a discesa:

    1. Informazioni di base

      1. Nome
      2. Cognome
      3. Data di nascita
      4. E-mail
  2. Utilizza la logica dinamica seguente per dimostrare la funzionalità dinamica utilizzando il menu a discesa Stato famiglia:

    1. Singolo: mostra pannello superiore

    2. Sposato: mostra pannello coniugale dipendente

    3. Divorziato: mostra pannello accanto

    4. Vedovo: mostra pannello vicino

    5. Hai figli?: pulsante di opzione (Sì/No) per visualizzare il pannello dipendente figlio.

      1. (Aggiungi/Rimuovi) per aggiungere/rimuovere più pannelli figlio dipendenti.
  3. Fare clic sulla freccia destra nella barra dei menu grigia.

  4. Fai clic sul pulsante Salva in basso.

    Dettagli modulo adattivo

Demo desktop desktop-demo

Questa sezione: A casa, Aya ha trovato le informazioni necessarie e riprende l'applicazione dal desktop. Aya passa al portale Forms online per riprendere l’applicazione. Con alcune semplici personalizzazioni, le agenzie possono anche generare automaticamente e inviare tramite e-mail un collegamento per riprendere l’applicazione.

Modulo Adattivo Continuo (Aya) aya-user-story-continued-adaptive-form

Istruzioni utente:

  1. Passa a https://<aemserver>:<porta>/content/we-gov/home.html

  2. Dalla barra di spostamento, selezionare Servizi in linea.

  3. Dal pannello "Bozza Forms", selezionare la "Applicazione di iscrizione per benefici per la salute" esistente.

    Domanda di iscrizione per benefici per la salute

    Il look and feel è lo stesso e non ha bisogno di inserire nuovamente alcun dato.

    Istruzioni utente:

  4. Fate clic con il pulsante destro del mouse su Circle CTA (Circle CTA) per passare alla sezione successiva.

    CTA cerchio destro

    Il modulo viene compilato fino al punto dell'ultima voce di Aya. Aya ha inserito tutte le sue informazioni ed è pronta a inviarle.

    Invia il modulo adattivo

    note note
    NOTE
    Quando Aya compila il campo del numero di telefono, deve compilarlo come numero continuo di 11 cifre senza trattini, spazi o trattini.

    Dopo l’invio, Aya riceve una pagina di ringraziamento. Facoltativamente, Aya riceve anche un’e-mail che può aprire per firmare il documento di record elettronicamente con Adobe Sign.

Facoltativo: Adobe Sign (Aya) adobe-sign

Istruzioni utente:

  1. Passa al client e-mail e trova l’e-mail di Adobe Sign.

  2. Fai clic sul collegamento ad Adobe Sign.

    Collegamento Adobe

Istruzioni utente:

  1. Controlla Accetto.

  2. Fare clic su Accetta.

  3. Scorrere fino alla parte inferiore del documento revisionato.

  4. Fare clic sulla scheda gialla evidenziata per firmare il documento.

    Firma il documento Firma il documento di prova

Agente governativo (George) government-agent-george

Agente governativo George

Questa sezione: George è un analista commerciale presso l'agenzia governativa Aya richiede un servizio a. George dispone di un'unica dashboard in cui è possibile visualizzare tutte le applicazioni di richiesta di servizio che gli sono state assegnate per la revisione.

Casella in entrata AEM (George) george-user-story-aem-inbox

Istruzioni utente:

  1. Passa a https://<aemserver>:<porta>/aem/start.html

  2. Fai clic sull'icona utente (in alto a destra) e utilizza Disconnetti oppure l'opzione di menu Impersona se hai attualmente effettuato l'accesso con un utente amministratore.

    1. Accedi con:

      1. Utente: george.lang
      2. Password: password
    2. Oppure rappresenta:

      1. Digitare George nel campo Impersona.

      2. Fai clic su OK per rappresentare.

  3. Nell’angolo in alto a destra, fai clic sull’icona della notifica (campana).

  4. Fare clic su Visualizza tutto per passare alla cartella Posta in arrivo.

  5. Dalla Posta in arrivo, apri l'ultima attività Valutazione applicazione benefici per l'integrità.

    Analisi applicazione benefici per la salute

Facoltativo: Casella in entrata AEM e MS® Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics

Grazie alle integrazioni di dati e ai flussi di lavoro automatizzati, viene visualizzata l’applicazione di Aya, insieme a un record di gestione delle relazioni con i clienti che è stato generato automaticamente al momento dell’invio dei dati.

Istruzioni utente:

  1. Apri e controlla il modulo adattivo di sola lettura.

  2. Fare clic su Apri MS® Dynamics per aprire il record MS® Dynamics in una nuova finestra.

  3. Nel CRM, puoi visualizzare tutte le informazioni che possono essere aggiornate.

    1. Facoltativamente, aggiungi alcune note di revisione direttamente in Dynamics.
  4. Chiudere e tornare alla casella in entrata AEM.

    Record MS Dynamics

Torna a Casella in entrata AEM (George) george-user-story-back-to-aem-inbox

George approva l'applicazione di Aya e, grazie a un flusso di lavoro automatico esistente, viene inviata anche un'e-mail di conferma ad Aya.

Istruzioni utente:

  1. Passa all'angolo superiore sinistro e fai clic su Approva per approvare l'applicazione.

  2. Nella finestra modale, puoi lasciare un messaggio per il lead CX.

  3. Fai clic su Fine.

  4. (Ruolo cittadino) Apri il client e-mail per visualizzare l’e-mail inviata ad Aya.

    Visualizza le-mail inviata ad Aya

Lead CX (Camila) cx-lead-camila

Camila (lead CX)

Questa sezione: Camila il lead CX imposta una telefonata di benvenuto con Aya per spiegare come utilizzare i servizi governativi per i quali è approvata.

(Facoltativo) Casella in entrata AEM e MS® Dynamics camila-user-story-aem-inbox-ms-dynamics

Istruzioni utente:

  1. Passa a https://<aemserver>:<porta>/aem/start.html

  2. Fai clic sull'icona utente (in alto a destra) e utilizza Disconnetti oppure l'opzione di menu Impersona se hai attualmente effettuato l'accesso con un utente amministratore.

    1. Accedi con:

      1. Utente: camila.santos
      2. Password: password
    2. Oppure rappresenta:

      1. Digitare Camila nel campo Impersona.

      2. Fai clic su OK per rappresentare.

  3. Nell’angolo in alto a destra, fai clic sull’icona Notifica (campana).

  4. Fare clic su Visualizza tutto per passare alla cartella Posta in arrivo.

  5. Dalla Posta in arrivo, apri l'ultima attività Nuova approvazione contatto.

Approvazione nuovo contatto

(Facoltativo) Istruzioni utente:

  1. Apri e controlla il modulo adattivo di sola lettura.

  2. Fare clic su Apri MS® Dynamics per aprire il record MS® Dynamics in una nuova finestra.

  3. Nel sistema di gestione delle relazioni con i clienti puoi visualizzare tutte le informazioni che possono essere aggiornate.

    1. Facoltativamente, aggiungi un’attività di chiamata direttamente in Dynamics.
    2. Apri la sezione Attività.
    3. Fai clic su Nuova telefonata.
    4. Aggiungi i dettagli della telefonata.
    5. Salvare e chiudere la finestra.
  4. Torna a AEM, passa all'angolo in alto a sinistra e fai clic su Invia per inviare l'applicazione.

  5. Nel modale, puoi lasciare un messaggio.

  6. Fai clic su Fine.

    Scheda Attività Conferma nuovo contatto

(Facoltativo) Welcome Kit Citizen (Aya) welcome-kit-citizen-aya

Questa sezione: Aya riceve un'e-mail contenente un collegamento a una comunicazione interattiva che riassume i vantaggi e include anche campi modulo da compilare. Con l’istruzione sui vantaggi PDF allegata e il collegamento alla lettera di comunicazione interattiva nell’e-mail (con lo stesso tema/branding della comunicazione interattiva).

Notifica Client E-Mail (Aya) aya-user-story-email-client

Istruzioni utente:

  1. Individua e apri l’e-mail del kit di benvenuto.

  2. Scorri fino all’allegato PDF nella parte inferiore della pagina.

  3. Fare clic per aprire l'allegato PDF.

  4. Scorri verso l'alto nel client e-mail e fai clic su Visualizza il kit di benvenuto online.

    1. Viene aperta la versione del canale web dello stesso documento.
  5. Per un rapido riferimento direttamente a PDF:

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

  6. Per un rapido riferimento direttamente all'IC:

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

    Manuale dei benefici di benvenuto Collegamento di comunicazione interattiva

Cittadino Promemoria Rinnovo (Aya) renewal-reminder-citizen-aya

Questa sezione: Camila pianifica anche un promemoria di comunicazione, quindi un anno dopo. (Passaggio del flusso di lavoro che automatizza/esegue e invia e-mail).

Notifica Client E-Mail (Aya) aya-user-story-email-client-updated

Istruzioni utente:

  1. Passa al client e-mail.

  2. Individua e apri l’e-mail di Promemoria per il rinnovo.

  3. Fai clic su Invia una nuova applicazione per aprire il modulo adattivo.

    1. Questa sezione viene intenzionalmente lasciata vuota per supportare la precompilazione dei dati nella fase 2.

    E-mail di promemoria per il rinnovo

(Facoltativo) Modello dati modulo (Camila) form-data-model

Questa sezione: Camila passa a Integrazioni dati di AEM Forms dove può eseguire un test rapido per verificare che le informazioni inviate all'origine dati esterna tramite l'integrazione del modello dati del modulo siano effettivamente presenti.

Modello dati modulo (Camila) form-data-model-camila

Questa sezione: Camila passa alla pagina Origini dati per convalidare i dati replicati dal server nel database Derby.

  1. Al termine dell'esperienza utente e al termine dell'invio da parte dell'utente, Camila passa alla scheda Origini dati in AEM Forms (Forms > Integrazioni dati)

  2. Camila seleziona quindi AEM Forms We.gov FDM e quindi modifica l'FDM We.gov registrazione.

  3. Camila seleziona quindi il Contatto > Servizio di lettura da testare.

    Contatta il servizio di lettura

  4. Camila fornisce quindi al servizio di test un ID contatto e quindi fa clic su Test. Ad esempio, 1 o 2, se il modulo è stato inviato. Se non hai inviato il modulo, non vengono restituiti dati.

    Contatta il servizio di lettura

  5. Camila può quindi verificare che i dati siano stati inseriti correttamente nell’origine dati.

    • I dati all'interno di Derby DS sono simili al seguente formato:
    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"
          }
    ]
    

(Facoltativo) Analytics (Camila) analytics-cx-lead-camila

Questa sezione: Camila passa a una dashboard in cui può vedere i KPI dell'agenzia, ad esempio il numero di cittadini che iniziano a compilare un modulo di richiesta di assistenza e che abbandonano, il periodo di tempo medio tra l'invio della richiesta e la risposta di approvazione/rifiuto e le statistiche di coinvolgimento per i manuali dei benefit inviati ai cittadini.

Rapporti sui siti di Adobe Analytics (Camila) camila-reviews-sites-reporting-we-gov-adobe-analytics

  1. Passa a https://<aemserver>:<porta>/sites.html/content

  2. Seleziona Sito AEM Forms We.Gov per visualizzare le pagine del sito.

  3. Selezionare una delle pagine del sito, ad esempio Home, e scegliere Analytics & Recommendations.

    Analisi e consigli

  4. In questa pagina vengono visualizzate le informazioni recuperate da Adobe Analytics relative alla pagina di AEM Sites (NOTA: per progettazione queste informazioni vengono periodicamente aggiornate da Adobe Analytics e non vengono visualizzate in tempo reale).

    Metriche chiave di Adobe Analytics

  5. Tornando alla pagina di visualizzazione della pagina (a cui si accede al passaggio 3.), è possibile visualizzare le informazioni di visualizzazione della pagina modificando l'impostazione di visualizzazione in modo da visualizzare gli elementi nella Vista a elenco.

  6. Individua il menu a discesa Visualizza e seleziona Vista a elenco.

    Visualizzazione elenco nel menu a discesa Visualizza

  7. Nello stesso menu, selezionare Visualizza impostazione e selezionare le colonne da visualizzare nella sezione Analytics.

    Configura la visualizzazione delle colonne

  8. Fai clic su Aggiorna per rendere disponibili le nuove colonne.

    Rendere disponibili nuove colonne

Rapporti di Adobe Analytics Forms (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics

  1. Passa a

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

  2. Selezionare il modulo adattivo Applicazione di iscrizione per benefici per la salute e selezionare l'opzione Report di Analytics.

    Domanda di iscrizione per benefici per la salute

  3. Attendi che la pagina venga caricata e visualizza i dati del rapporto di Analytics.

    Dati report di Analytics

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