Genomgång av referenswebbplatser för Web.Gov och We.Finance we-gov-reference-site-walkthrough
Krav pre-requisites
Konfigurera referenswebbplatsen enligt beskrivningen i Konfigurera och konfigurera referenswebbplatsen Web.Gov och We.Finance.
Användarberättelse user-story
-
AEM Forms
- Automated forms conversion
- Redigering
- Formulärdatamodeller/datakällor
-
AEM Forms
- Datainhämtning
- (Valfritt) Dataintegrering (MS® Dynamics)
- (Valfritt) Adobe Sign
-
Arbetsflöde
-
E-postmeddelanden
-
(Valfritt) Kundkommunikation
- Utskriftskanal
- Webbkanal
-
Adobe Analytics
-
Data Source Integrations
Faktiska användare och grupper fictitious-users-and-groups
Demonspaketet We.Gov innehåller följande inbyggda fiktiva användare:
- Aya Tan: En person som är berättigad till en tjänst från en myndighet
- George Lang: Business Analyst på Web.Gov-byrån
- Camila Santos: Vi.Gov Agency CX Lead
Följande grupper ingår också:
-
We.GOV Forms Users
- George Lang (medlem)
- Camila Santos (medlem)
-
We.GOV Users
- George Lang (medlem)
- Camila Santos (medlem)
- Aya Tan (medlem)
Förklaring av termer i demoöversikt demo-overview-terms-legend
-
Personifiera: Definierade användare och grupper i AEM demo.
-
Knapp: Färgad rektangel eller inringad pil för navigering.
-
Klicka: Om du vill köra en åtgärd i användarartikeln.
-
Länkar: Högst upp på huvudmenyn på webbplatsen Web.Gov.
-
Användarinstruktioner: En uppsättning numeriska steg som ska följas när användaren navigerar i användarens berättelse.
-
Forms Portal: https://<aemserver>:<port>/content/we-gov/formsportal.html
-
Mobilvy:Vi.Gov-användare för att replikera en mobilvy med en webbläsare som har ändrat storlek.
-
Skrivbordsvy: We.gov användare för att visa en demo på en bärbar eller stationär dator.
-
Pre-screener Form: Formulär på startsidan för Web.Gov-webbplatsen.
-
Anpassat formulär: Registreringsansökningsformulär för We.gov.
https://<aemserver>:<port>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html
-
Adobe We.GOV Site: https://<aemserver>:<port>/content/we-gov/home.html
-
Inkorgen för Adobe: Den översta menyraden Bellikon finns i AEM.
https://<aemserver>:<port>/aem/start.html
-
E-postklient: Önskat sätt att visa e-postmeddelanden (Gmail, Outlook)
-
CTA: Call to action
-
Navigera: Om du vill hitta en specifik referenspunkt på webbläsarsidan.
-
AFC: Automated forms conversion
Automated forms conversion (Camila) automated-forms-conversion
Det här avsnittet: CX-leadet i Camila har ett befintligt PDF-baserat formulär som användes som en del av en pappersbaserad process. Som en del av en moderniseringssatsning vill Camila använda det här PDF-formuläret för att automatiskt skapa en modern Adaptiv Forms.
Automated forms conversion - We.GOV (Camila) automated-forms-conversion-wegov
-
Navigera till https://<aemserver>:<port>/aem/start.html
-
Logga in med:
- Användare: camila.santos
- Lösenord: lösenord
-
På huvudsidan väljer du Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.
-
Camila överför PDF till AEM Forms.
-
Camilla markerar sedan formuläret PDF och klickar på Starta automatisk konvertering för att starta konverteringen. Du kan behöva klicka på Skriv över konvertering om du har konverterat formuläret.
note note NOTE Inställningarna i AFC är förkonfigurerade för slutanvändaren, vilket betyder att de inte ska ändras. - Valfritt: Om du vill använda det hjälpmedelsanpassade Ultramarine-temat klickar du bara på Ange ett anpassat formulärtema och väljer det hjälpmedelsanpassade Ultramarine-tema som visas i listan med alternativ.
Statusen för Procent färdigt visas under konverteringen. När statusen är Konverterad klickar du på mappen output, markerar det adaptiva formuläret och klickar på Redigera för att öppna det konverterade formuläret.
-
Camilla granskar sedan formuläret och ser till att alla fält finns
-
Camilla börjar sedan redigera formuläret och väljer Rotpanel > Redigera (skiftnyckel) > väljer Tabbar överst på panellayoutmenyn > markerar kryssrutan.
-
Camilla lägger sedan till alla CSS- och fältändringar som behövs för att producera slutprodukten.
Formulärdatamodell och datakällor (Camila) data-sources
Det här avsnittet: När dokumentet har konverterats och skapats med ett adaptivt formulär måste Camila ansluta det adaptiva formuläret till en datakälla.
-
Camila öppnar egenskaperna för formuläret som har konverterats i Automated forms conversion - We.Gov.
-
Camila väljer sedan Formulärmodell > Väljer formulärdatamodell i listrutan Välj från > Väljer We.gov för registrering i listan över alternativ.
-
Klicka på Spara och stäng.
-
Camila klickar på mappen output, väljer det adaptiva formuläret och klickar på Redigera för att öppna det färdiga webbformuläret.
-
Camila väljer ett adaptivt formulärfält och klickar på ikonen och skapar bindning med entiteterna i formulärdatamodellen med fältet Bindningsreferens . Camila upprepar det här steget för alla fält i det adaptiva formuläret.
Testning av formulärtillgänglighet (Camila) form-accessibility-testing
Camila kontrollerar också att det skapade innehållet är korrekt och fullt tillgängligt enligt företagsstandarder.
-
Camila klickar på mappen output, väljer det adaptiva formuläret och klickar på Preview för att öppna det färdiga webbformuläret.
-
Öppnar granskningsfliken i Chrome Developer Tool.
-
Utför en tillgänglighetskontroll för att validera det adaptiva formuläret.
Demo av mobilvyn Adaptiv form (Aya) mobile-view-demo
Det här avsnittet måste utföras före demonstrationen.
Användarinstruktioner:
-
Navigera till: https://<aemserver>:<port>/content/we-gov/home.html
-
Logga in med:
- Användare: aya.tan
- Lösenord: lösenord
-
Ändra storlek på webbläsarfönstret eller använd webbläsarens emulator för att replikera en mobilenhetsstorlek.
Webbplats för Web.Gov (Aya) aya-user-story-we-gov-website
Det här avsnittet: Aya är medborgare och hör från en vän som kan ha rätt att få en tjänst från en myndighet. Aya navigerar till webbsidan We.Gov från sin mobiltelefon för att lära sig mer om tjänster som hon är berättigad till.
We.GOV Pre-Screener (Aya) aya-user-story-we-gov-pre-screener
Svar på några frågor som bekräftar hennes behörighet genom att fylla i ett kort anpassningsbart formulär på mobiltelefonen.
Användarinstruktioner:
-
Gör ett val i varje listruta.
note note NOTE Om användaren tjänar mer än 200 000 USD/år är de inte berättigade. -
Klicka på Är jag berättigad?.
-
Klicka på Använd nu för att fortsätta.
Adaptiv form (AYA) aya-user-story-we-gov-adaptive-form
Aya får reda på att hon är berättigad och börjar fylla i sin ansökan för att få service på sin mobila enhet.
Du måste granska vissa dokument hemma innan hon kan fylla i serviceförfrågningen. Hon sparar och avslutar programmet från sin mobila enhet.
Användarinstruktioner:
-
Fyll i de grundläggande informationsfälten, följande är obligatoriska fält och listrutor:
-
Grundläggande information
- Förnamn
- Efternamn
- DOB
- E-post
-
-
Använd följande dynamiska logik för att demonstrera den dynamiska funktionen i listrutan Familjestatus:
-
Enskild: Visa nästa panel
-
Gift: Visa äktenskapsberoende panel
-
Skilt: Visa nästa panel
-
Ändrad: Visa nästa panel
-
Har du barn?: (Ja/Nej) om du vill visa den underordnade beroende panelen.
- (Lägg till/ta bort) om du vill lägga till/ta bort flera underordnade paneler.
-
-
Klicka på högerpilen i det grå menyfältet.
-
Klicka på knappen Spara längst ned.
Demo desktop-demo
Det här avsnittet: Hemma har Aya hittat den information hon behövde och återtar programmet från sin dator. Aya navigerar till Forms-portalen online för att återuppta sin tillämpning. Med viss enkel anpassning kan man också automatiskt generera och mejla en länk för att återuppta ansökningen.
Fortsatt adaptiv form (AYA) aya-user-story-continued-adaptive-form
Användarinstruktioner:
-
Navigera till https://<aemserver>:<port>/content/we-gov/home.html
-
Välj Onlinetjänster i navigeringsfältet.
-
På panelen Utkast till Forms väljer du det befintliga programmet för hälsoförmåner.
Utseendet och känslan är desamma, och hon behöver inte skriva in några data igen.
Användarinstruktioner:
-
Högerklicka på Circle CTA för att gå till nästa avsnitt.
Formuläret fylls i fram till den punkt där Aya senast anmälde sig. Aya har angett alla hennes uppgifter och är redo att skicka in.
note note NOTE När Aya fyller i telefonnummerfältet måste hon fylla i det som ett kontinuerligt 11-siffrigt nummer utan bindestreck, mellanslag eller bindestreck. När Aya har skickat in en sida med tack. Aya kan också få ett e-postmeddelande som hon kan öppna för att signera urkunder elektroniskt med Adobe Sign.
Tillval: Adobe Sign (Aya) adobe-sign
Användarinstruktioner:
-
Navigera till din e-postklient och hitta Adobe Sign e-postadress.
-
Klicka på länken till Adobe Sign.
Användarinstruktioner:
-
Kontrollera Jag godkänner.
-
Klicka på Acceptera.
-
Rulla längst ned i det granskade dokumentet.
-
Klicka på den markerade gula fliken så att du kan signera dokumentet.
Statlig agent (George) government-agent-george
Det här avsnittet: George är affärsanalytiker på myndigheten Aya begär en tjänst från. George har en enda kontrollpanel där han kan se alla serviceförfrågningar som han har tilldelats för granskning.
AEM Inkorg (George) george-user-story-aem-inbox
Användarinstruktioner:
-
Navigera till https://<aemserver>:<port>/aem/start.html
-
Klicka på användarikonen (det övre högra hörnet) och använd menyalternativet Logga ut eller Personifiera som om du är inloggad med en administrativ användare.
-
Logga in med:
- Användare: george.lang
- Lösenord: lösenord
-
Eller personifiera:
-
Skriv
George
i fältet Personifiera som. -
Klicka OK för att personifiera.
-
-
-
Klicka på ikonen Meddelande (klockan) i det övre högra hörnet.
-
Klicka på Visa alla för att navigera till Inkorgen.
-
Öppna den senaste hälsobidragsprogramgranskningen-aktiviteten i Inkorgen.
Valfritt: AEM Inbox & MS® Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics
Tack vare dataintegreringar och automatiserade arbetsflöden visas Ayas program tillsammans med en CRM-post som automatiskt har genererats när data skickades.
Användarinstruktioner:
-
Öppna och inspektera det skrivskyddade anpassningsbara formuläret.
-
Klicka på Öppna MS® Dynamics för att öppna MS® Dynamics-posten i ett nytt fönster.
-
I CRM visas all information som kan uppdateras.
- Du kan också lägga till några granskningsanteckningar direkt i Dynamics.
-
Stäng och gå tillbaka till AEM Inkorg.
Tillbaka till AEM Inkorg (George) george-user-story-back-to-aem-inbox
George godkänner Ayas ansökan, och tack vare ett befintligt automatiserat arbetsflöde skickas även ett bekräftelsemeddelande via e-post till Aya.
Användarinstruktioner:
-
Navigera till det övre vänstra hörnet och klicka på Godkänn för att godkänna programmet.
-
I modala medier kan du lämna ett meddelande till CX-leadet.
-
Klicka på Klar.
-
(Medborgarroll) Öppna din e-postklient för att visa e-postmeddelandet som skickats till Aya.
CX Lead (Camila) cx-lead-camila
Det här avsnittet: Camila the CX Lead skapar ett välkomstsamtal med Aya för att förklara hur hon använder myndighetstjänster som hon har godkänts för.
(Valfritt) AEM Inbox & MS® Dynamics camila-user-story-aem-inbox-ms-dynamics
Användarinstruktioner:
-
Navigera till https://<aemserver>:<port>/aem/start.html
-
Klicka på användarikonen (det övre högra hörnet) och använd menyalternativet Logga ut eller Personifiera som om du är inloggad med en administrativ användare.
-
Logga in med:
- Användare: camila.santos
- Lösenord: lösenord
-
Eller personifiera:
-
Skriv
Camila
i fältet Personifiera som. -
Klicka OK för att personifiera.
-
-
-
Klicka på ikonen Meddelande (klockan) i det övre högra hörnet.
-
Klicka på Visa alla för att navigera till Inkorgen.
-
Öppna den senaste nya kontaktgodkännandeåtgärden i Inkorgen.
(Valfritt) Användarinstruktioner:
-
Öppna och inspektera det skrivskyddade anpassningsbara formuläret.
-
Klicka på Öppna MS® Dynamics för att öppna MS® Dynamics-posten i ett nytt fönster.
-
I CRM kan du se all information som kan uppdateras.
- Du kan också lägga till en samtalsaktivitet direkt i Dynamics.
- Öppna avsnittet Aktiviteter.
- Klicka på Nytt telefonsamtal.
- Lägg till telefonsamtalsinformation.
- Spara och stäng fönstret.
-
Gå AEM till det övre vänstra hörnet och klicka på Skicka för att skicka programmet.
-
I modala medier kan du lämna ett meddelande.
-
Klicka på Klar.
(Valfritt) Välkomstpaket (Aya) welcome-kit-citizen-aya
Det här avsnittet: Du får ett e-postmeddelande som innehåller en länk till ett interaktivt meddelande som sammanfattar hennes fördelar och även innehåller formulärfält som ska fyllas i. Med PDF Benefits Statement bifogat och länk till interaktivt kommunikationsbrev i e-postmeddelandet (med samma tema/varumärke som det interaktiva meddelandet).
E-postklientmeddelande (AYA) aya-user-story-email-client
Användarinstruktioner:
-
Leta reda på och öppna e-postmeddelandet om välkomstpaketet.
-
Bläddra till den bifogade PDF-filen längst ned på sidan.
-
Klicka för att öppna den bifogade filen PDF.
-
Bläddra tillbaka i e-postklienten och klicka på Visa välkomstpaketet online.
- Då öppnas webbkanalversionen av samma dokument.
-
En snabb referens till PDF direkt:
https://<aemserver>:<port>/aem/formdetails.html/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook
-
En snabb referens till IC direkt:
https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?channel=web&mode=preview&wcmmode=disabled
Påminnelse om förnyelse - medborgare (Aya) renewal-reminder-citizen-aya
Det här avsnittet: Camila schemalägger även en påminnelse så ett år senare. (Arbetsflödessteg som automatiserar/kör och skickar e-post).
E-postklientmeddelande (AYA) aya-user-story-email-client-updated
Användarinstruktioner:
-
Navigera till din e-postklient.
-
Leta reda på och öppna e-postmeddelandet med en påminnelse om förnyelse.
-
Klicka på Skicka in ett nytt program så att du kan öppna det anpassade formuläret.
- Detta avsnitt är avsiktligt tomt för att stödja förifyllning av data i fas 2.
(Valfritt) Formulärdatamodell (Camila) form-data-model
Det här avsnittet: Camila navigerar till AEM Forms Data Integrations där hon kan göra ett snabbt test för att se att det finns information som skickas till den externa datakällan via integrering med formulärdatamodellen.
Formulärdatamodell (Camila) form-data-model-camila
Det här avsnittet: Camila navigerar till sidan Datakällor för att validera data som servern har replikerat i Derby-databasen.
-
När användarupplevelsen är klar och användaröverföringen är klar går Camila till fliken Datakällor i AEM Forms (Forms > Dataintegreringar)
-
Camila väljer sedan AEM Forms We.gov FDM och redigerar sedan We.gov Enrollment FDM.
-
Camila väljer sedan den kontakt > Lästjänst som ska testas.
-
Camila förser sedan testtjänsten med ett kontakt-ID och klickar sedan på Test. Exempel: 1 eller 2, om du har skickat in formuläret. Om du inte har skickat formuläret returneras inga data.
-
Camila kan sedan validera att data har infogats i datakällan.
- Uppgifterna i Derby DS liknar följande format:
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" } ]
(Valfritt) Analytics (Camila) analytics-cx-lead-camila
Det här avsnittet: Camila navigerar till en kontrollpanel där hon kan se nyckeltal för olika myndigheter, t.ex. procent av de medborgare som börjar fylla i ett formulär och överge en serviceförfrågan, genomsnittlig tid från att begära in en ansökan till ett svar på en ansökan om godkännande/avslag, och engagemangsstatistik för de förmånsböcker som hon har skickat till medborgarna.
Adobe Analytics Sites Reporting (Camila) camila-reviews-sites-reporting-we-gov-adobe-analytics
-
Navigera till https://<aemserver>:<port>/sites.html/content
-
Välj AEM Forms Web.Gov Site om du vill visa webbplatssidorna.
-
Välj en av webbplatssidorna (till exempel Home) och välj Analytics & Recommendations.
-
På den här sidan ser du hämtad information från Adobe Analytics som gäller för AEM Sites-sidan (Obs! Den här informationen uppdateras regelbundet från Adobe Analytics och visas inte i realtid).
-
Tillbaka på sidan för sidvisning (som du kom åt i steg 3.) kan du även visa sidvyinformationen genom att ändra visningsinställningen så att objekt visas i listvyn.
-
Leta reda på listrutan Visa och välj Listvy.
-
Välj Visningsinställning på samma meny och markera de kolumner som du vill visa i avsnittet Analytics.
-
Klicka på Uppdatera för att göra de nya kolumnerna tillgängliga.
Adobe Analytics Forms Reporting (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics
-
Navigera till
https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms
-
Välj det anpassade formuläret Registreringsprogram för hälsoförmåner och välj alternativet Analysrapport.
-
Vänta tills sidan har lästs in och visa analysrapportdata.