Apresentação do site de referência do We.Gov e We.Finance

Pré-requisitos

Configure o site de referência conforme descrito em Configurar o site de referência We.Gov e We.Finance.

História de usuário

• AEM Forms

  • Conversão automática dos formulários
  • Criação
  • Modelos de dados de formulário/Fontes de dados

• AEM Forms

  • Captura de dados
  • (Opcional) Integração de dados (MS® Dynamics)
  • (Opcional) Adobe Sign

• Fluxo de trabalho

• Notificações por email

• (Opcional) Comunicações ao cliente

  • Canal de impressão
  • Canal da Web

• Adobe Analytics

• Integrações da fonte de dados

Usuários e grupos fictícios

O pacote de demonstração We.Gov vem com os seguintes usuários fictícios incorporados:

• Aya Tan: Cidadão qualificado para um Serviço de uma agência do governo

• George Lang: Analista de negócios da agência We.Gov

• Camila Santos: Líder da We.Gov Agency CX

Os seguintes grupos também estão incluídos:

• Usuários do Forms We.Gov

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

• Usuários do We.Gov

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

Legenda dos termos da visão geral da demonstração

1. Representar: Usuários e grupos definidos na demonstração do AEM.

2. Botão: Retângulo colorido ou seta circulada para navegação.

3. Clique em: para executar uma ação na história do usuário.

4. Links: na parte superior do menu principal no site We.Gov.

5. Instruções do usuário: um conjunto de etapas numéricas a serem seguidas ao navegar pela história do usuário.

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

7. Exibição para dispositivos móveis: Usuário do We.Gov para replicar uma visualização móvel com um navegador redimensionado.

8. Modo de Exibição de Área de Trabalho: usuário do We.gov para ver uma demonstração em um laptop ou desktop.

9. Formulário de pré-triagem: Formulário na página inicial do site We.Gov.

10. Formulário adaptável: Formulário de inscrição para demonstração do 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. Caixa de entrada do Adobe: Barra de menu superior localizada Ícone de Campainha no back-end do AEM.

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

13. Cliente de e-mail: a maneira preferida de exibir seus emails (Gmail, Outlook)

14. CTA: Chamada para ação

15. Navegar: para localizar um ponto de referência específico na página do navegador.

16. AFC: AUTOMATED FORMS CONVERSION

Automated forms conversion (Camila)

Esta seção: Camila, o CX Lead, tem um formulário baseado em PDF existente que foi usado como parte de um processo baseado em papel. Como parte de um esforço de modernização, Camila quer usar este formulário de PDF para criar automaticamente um Forms adaptável moderno.

Automated forms conversion - We.Gov (Camila)

1. Navegue até https://<aemserver>:<port>/aem/start.html

2. Fazer logon com:

   • Usuário: camila.santos
   • Senha: senha

3. Na página principal, selecione Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.

4. Camila faz o upload do PDF para o AEM Forms.

   

5. Camilla seleciona o formulário PDF e clica em Iniciar conversão automática para iniciar o processo de conversão. Talvez seja necessário clicar em Substituir conversão se você tiver convertido o formulário.

   OBSERVAÇÃO

   As configurações na AFC são pré-configuradas para o usuário final, o que significa que elas não devem ser alteradas.

   • Opcional: Se quiser usar o tema acessível do Ultramarine, basta clicar no botão Especificar um tema de formulário adaptável e selecionar o tema acessível do Ultramarine que aparece na lista de opções.

   

   

   O status da porcentagem concluída é exibido durante a conversão. Quando o status for exibido Convertido, clique no link saída selecione o formulário adaptável e clique em Editar para abrir o formulário convertido.

6. Camilla, então, revisa o formulário e garante que todos os campos estejam presentes

   

7. Em seguida, o Camilla começa a editar o formulário e seleciona Painel raiz > Editar (a chave inglesa) > seleciona Guias na parte superior do menu suspenso Layout do painel > marca a caixa de seleção.

   

8. Em seguida, Camilla adiciona todas as alterações de CSS e de campo necessárias para produzir o produto final.

   

Modelo de dados de formulário e fontes de dados (Camila)

Esta seção: depois que o documento é convertido e produz um Formulário adaptável, Camila deve conectar o Formulário adaptável a uma fonte de dados.

1. Camila abre as Propriedades no formulário que foi convertido em Automated forms conversion - We.Gov.

2. Camila seleciona Modelo de formulário > Seleciona modelo de dados de formulário na lista suspensa Selecionar de > Seleciona We.gov Inscrição FDM na lista de opções.

3. Clique em Salvar e fechar.

   

4. Camila clica no saída selecione o formulário adaptável e clique em Editar para abrir o formulário We.Gov preenchido.

5. Camila seleciona um campo de formulário adaptável e clica em e cria vínculo com as entidades do modelo de dados de formulário usando o Referência de vinculação campo. Camila repete essa etapa para todos os campos no formulário adaptável.

Teste de acessibilidade de formulários (Camila)

Camila também valida se o conteúdo criado foi criado corretamente e se está totalmente acessível, de acordo com os padrões corporativos.

1. Camila clica no saída selecione o formulário adaptável e clique em Visualizar para abrir o formulário We.Gov preenchido.

2. Abre a guia Auditoria na Ferramenta de desenvolvedor do Chrome.

3. Executa uma verificação de Acessibilidade para validar o formulário adaptável.

   

Demonstração Do Modo De Exibição Móvel Do Formulário Adaptável (Aya)

Esta seção deve ser executada antes da demonstração.

Instruções do usuário:

1. Navegue até: https://<aemserver>:<port>/content/we-gov/home.html

2. Fazer logon com:

   1. Usuário: aya.tan
   2. Senha: senha

3. Redimensione a janela do navegador ou use o emulador do navegador para replicar um tamanho de dispositivo móvel.

Site Do We.Gov (Aya)

Esta seção: Aya é uma cidadã e ouve de uma amiga que ela pode ser elegível para receber um serviço de uma agência governamental. Aya navega até o site We.Gov em seu celular para saber mais sobre os serviços para os quais está qualificada.

Pré-Filtrador Do We.Gov (Aya)

Aya responde a algumas perguntas para confirmar sua elegibilidade preenchendo um pequeno formulário adaptável em seu telefone celular.

Instruções do usuário:

1. Faça uma seleção em cada campo suspenso.

   OBSERVAÇÃO

   Se o usuário ganhar mais de US$ 200.000/ano, não será qualificado.

2. Clique em Eu sou elegível?.

3. Clique em Inscreva-se agora para continuar.

   

Formulário Adaptável Do We.Gov (Aya)

Aya descobre que está qualificada e começa a preencher sua solicitação de serviço em seu dispositivo móvel.

Aya precisa revisar alguns documentos em casa antes de concluir a solicitação de serviço. Ela salva e sai do aplicativo do dispositivo móvel.

Instruções do usuário:

1. Preencha os campos Basic information (Informações básicas). Os campos e menus suspensos são os seguintes:

   1. Informações básicas

      1. Nome
      2. Sobrenome
      3. DOB
      4. Email

2. Use o seguinte lógica dinâmica para demonstrar o recurso dinâmico usando o Status familiar lista suspensa:

   1. Solteiro: Mostrar próximo do painel principal

   2. Casado: Mostrar painel dependente conjugal

   3. Divorciado: Mostrar próximo do painel principal

   4. Viúvo: Mostrar próximo do painel principal

   5. Você tem filhos?: botão de opção (Sim/Não) para mostrar o painel dependente filho.

      1. Botão (Adicionar/Remover) para adicionar/remover vários painéis dependentes filhos.

3. Clique na seta para a direita na barra de menu cinza.

4. Clique no botão Save na parte inferior.

   

Demonstração do desktop

Esta seção: De volta a casa, Aya encontrou as informações de que precisava e retoma o aplicativo a partir de seu desktop. Aya navega até o Portal do Forms online para retomar seu aplicativo. Com alguma personalização simples, as agências também podem gerar e enviar automaticamente por email um link para retomar o aplicativo.

Formulário adaptável contínuo (Aya)

Instruções do usuário:

1. Navegue até https://<aemserver>:<port>/content/we-gov/home.html

2. Na barra de navegação, selecione Serviços Online.

3. No painel "Rascunho do Forms", selecione o "Aplicativo de Inscrição para Benefícios de Saúde" existente.

   

   A aparência é a mesma e ela não precisa inserir os dados novamente.

   Instruções do usuário:

4. Clique com o botão direito do mouse em Circular CTA para ir até a próxima seção.

   

   O formulário é preenchido até o ponto da última entrada de Aya. Aya inseriu todas as informações e está pronto para enviar.

   

   OBSERVAÇÃO

   Quando Aya preenche o campo de número de telefone, ele deve preenchê-lo como um número contínuo de 11 dígitos sem traços, espaços ou hifens.

   Após o envio, Aya recebe uma página de agradecimento. Como opção, Aya também recebe um email que pode ser aberto para assinar o documento de registro eletronicamente com o Adobe Sign.

Opcional: Adobe Sign (Aya)

Instruções do usuário:

1. Navegue até seu Cliente de e-mail e localize o e-mail do Adobe Sign.

2. Clique no link para o Adobe Sign.

   

Instruções do usuário:

1. Marcar Concordo.

2. Clique em Aceitar.

3. Rolar para a parte inferior do documento revisado.

4. Clique na guia realçada em amarelo para poder assinar o documento.

   

Agente do governo (George)

Esta seção: George é um analista de negócios da agência governamental Aya é um solicitante de um serviço da. George tem um único painel de controle no qual pode ver todos os aplicativos de solicitação de serviço que foram atribuídos a ele para análise.

Caixa de entrada AEM (George)

Instruções do usuário:

1. Navegue até https://<aemserver>:<port>/aem/start.html

2. Clique no ícone do usuário (canto superior direito) e use a Sair ou a variável Representar como opção de menu se você estiver conectado no momento com um usuário administrativo.

   1. Fazer logon com:

      1. Usuário: george.lang
      2. Senha: senha

   2. Ou representar:

      1. Tipo George no Representar como campo.

      2. Clique em OK para representar.

3. No canto superior direito, clique no ícone de Notificação (sino).

4. Clique em Exibir todos para navegar até a Caixa de entrada.

5. Na Caixa de entrada, abra a mais recente Revisão de Aplicativo de Benefícios de Integridade tarefa.

   

Opcional: Caixa de entrada AEM e MS® Dynamics (George)

Graças às integrações de dados e aos fluxos de trabalho automatizados, o aplicativo de Aya é exibido junto com um registro CRM que foi gerado automaticamente quando os dados foram enviados.

Instruções do usuário:

1. Abra e inspecione o formulário adaptável somente leitura.

2. Clique em Abrir o MS® Dynamics para abrir o registro do MS® Dynamics em uma nova janela.

3. No CRM, você vê todas as informações que podem ser atualizadas.

   1. Opcionalmente, adicione algumas notas de revisão diretamente no Dynamics.

4. Feche e retorne à Caixa de entrada do AEM.

   

Voltar para a caixa de entrada AEM (George)

George aprova a inscrição de Aya e, graças a um fluxo de trabalho automatizado existente, um email de confirmação também é enviado a Aya.

Instruções do usuário:

1. Navegue até o canto superior esquerdo e clique em Aprovar para aprovar o aplicativo.

2. No modal, é possível deixar uma mensagem para o lead do CX.

3. Clique em Concluído.

4. (Função Cidadã) Abra seu cliente de email para ver o email enviado a Aya.

   

Líder do CX (Camila)

Esta seção: Camila, a Líder do CX, faz um telefonema de boas-vindas com Aya para explicar como usar os serviços governamentais para os quais ela é aprovada.

(Opcional) Caixa de entrada de AEM e MS® Dynamics

Instruções do usuário:

1. Navegue até https://<aemserver>:<port>/aem/start.html

2. Clique no ícone do usuário (canto superior direito) e use a Sair ou a variável Representar como opção de menu se você estiver conectado no momento com um usuário administrativo.

   1. Fazer logon com:

      1. Usuário: camila.santos
      2. Senha: senha

   2. Ou representar:

      1. Tipo Camila no Representar como campo.

      2. Clique em OK para representar.

3. No canto superior direito, clique no ícone Notificação (sino).

4. Clique em Exibir todos para navegar até a Caixa de entrada.

5. Na Caixa de entrada, abra a mais recente Aprovação de novo contato tarefa.

(Opcional) Instruções para o usuário:

1. Abra e inspecione o formulário adaptável somente leitura.

2. Clique em Abrir o MS® Dynamics para abrir o registro do MS® Dynamics em uma nova janela.

3. No CRM é possível ver todas as informações que podem ser atualizadas.

   1. Como opção, adicione uma atividade de chamada diretamente no Dynamics.
   2. Abra o Atividades seção.
   3. Clique em Nova Chamada Telefônica.
   4. Adicionar detalhes da chamada telefônica.
   5. Salve e feche a janela.

4. De volta ao AEM, navegue até o canto superior esquerdo e clique em Enviar para apresentar o pedido.

5. Na modal, é possível deixar uma mensagem.

6. Clique em Concluído.

   

(Opcional) Welcome Kit Citizen (Aya)

Esta seção: Aya recebe um email com um link para uma comunicação interativa que resume seus benefícios e também inclui campos de formulário a serem preenchidos. Com a declaração de benefícios do PDF anexada e o link para a carta de comunicação interativa no e-mail (com o mesmo tema/marca como a comunicação interativa).

Notificação De Cliente De Email (Aya)

Instruções do usuário:

1. Localize e abra o email do kit de boas-vindas.

2. Role até o anexo PDF na parte inferior da página.

3. Clique em para abrir o anexo PDF.

4. Role para trás em seu cliente de e-mail e clique em Exibir kit de boas-vindas online.

   1. Essa ação abre a versão do canal da Web do mesmo documento.

5. Para uma referência rápida ao PDF diretamente:

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

6. Para uma referência rápida ao CI diretamente:

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

   

Cidadão lembrete da renovação (Aya)

Esta seção: Camila também agenda um lembrete de comunicação para que um ano depois. (Etapa de fluxo de trabalho que automatiza/executa e-mail).

Notificação De Cliente De Email (Aya)

Instruções do usuário:

1. Navegue até seu cliente de e-mail.

2. Localize e abra o email Lembrete de renovação.

3. Clique em Enviar uma nova solicitação de emprego para que você possa abrir o formulário adaptável.

   1. Esta seção foi deixada intencionalmente vazia para suportar o preenchimento prévio de dados na fase 2.

   

(Opcional) Modelo de dados de formulário (Camila)

Esta seção: Camila navega até as Integrações de dados do AEM Forms, onde pode executar um teste rápido para ver se as informações enviadas para a fonte de dados externa por meio da integração do Modelo de dados de formulário estão realmente presentes.

Modelo de dados de formulário (Camila)

Esta seção: Camila navega até a página Fontes de Dados para validar os dados que o servidor replicou no banco de dados Derby.

1. Após a conclusão da experiência do usuário e seu envio, Camila navega até a guia Fontes de dados no AEM Forms (Forms > Integrações de dados)

2. Camila, seleciona o AEM Forms We.gov FDM e edita o FDM de inscrição do We.gov.

3. Camila então seleciona o Contato > Serviço de leitura a ser testado.

   

4. Camila então fornece uma ID de contato ao serviço de teste e clica em Teste. Por exemplo, 1 ou 2, se você enviou o formulário. Se você não tiver enviado o formulário, nenhum dado será retornado.

   

5. Camila poderá então validar se os dados foram inseridos com êxito na fonte de dados.

   • Os dados no Derby DS assemelham-se ao seguinte formato:

      [
         {
         "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"
         }
   ]
   

(Opcional) Analytics (Camila)

Esta seção: Camila navega até um painel onde pode ver os KPIs da agência, como % de cidadãos que começam a preencher um formulário de solicitação de serviço e abandonam, o tempo médio desde o envio da solicitação até a resposta de aprovação/negação e estatísticas de engajamento para os manuais de benefícios que ela enviou aos cidadãos.

Relatórios do Adobe Analytics Sites (Camila)

1. Navegue até https://<aemserver>:<port>/sites.html/content

2. Selecionar Site do AEM Forms We.Gov para exibir as páginas do site.

3. Selecione uma das páginas do site (por exemplo, Página inicial) e escolha Analytics e Recommendations.

   

4. Nesta página, você vê informações buscadas no Adobe Analytics que pertencem à página do AEM Sites (OBSERVAÇÃO: por design, essas informações são atualizadas periodicamente do Adobe Analytics e não são exibidas em tempo real).

   

5. De volta à página de exibição de página (acessada na etapa 3.), você também pode exibir as informações de exibição de página alterando a configuração de exibição para exibir itens em Exibição de lista.

6. Localize o Exibir e selecione Exibição de lista.

   

7. No mesmo menu, selecione Configuração de exibição e selecione as colunas que deseja exibir na Analytics seção.

   

8. Clique em Atualizar para disponibilizar as novas colunas.

   

Relatórios do Adobe Analytics Forms (Camila)

1. Vá até

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

2. Selecione o Solicitação de Inscrição para Benefícios de Saúde formulário adaptável e selecione o Relatório do Analytics opção.

   

3. Aguarde o carregamento da página e visualize os dados do relatório do Analytics.