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

Pré-requisitos

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

História do 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 do cliente

  • Canal de impressão
  • Canal da Web

• Adobe Analytics

• Integrações de fonte de dados

Usuários e grupos fictícios

O pacote demo We.Gov vem com os seguintes usuários fictícios incorporados:

• Aya Tan: Cidadão elegível para um serviço de uma agência governamental

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

• Camila Santos: Chefe do We.Gov Agency CX

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

• Usuários do We.Gov Forms

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

• Usuários do We.Gov

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

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

1. Representar: Definidos usuários e grupos em AEM demonstração.

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

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

4. Links: Localizado 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. Visualização móvel: usuário We.Gov para replicar uma visualização móvel com um navegador redimensionado.

8. Visualização da área de trabalho: Usuário do We.gov para demonstração de visualização em um laptop ou desktop.

9. Formulário de pré-filtragem: Formulário no Home page do site We.Gov.

10. Formulário adaptável: Formulário de aplicativo de inscrição para demonstração 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 Adobe: Localizada barra de menus superior, Ícone Bell AEM backend.

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

13. Cliente de email: Maneira preferencial de visualização de e-mails (Gmail, Outlook)

14. CTA: Chamada à 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 cliente potencial CX possui um formulário com base em PDF existente que foi usado como parte de um processo com base em papel. Como parte de um esforço de modernização, ela deseja usar este formulário PDF para criar automaticamente um novo Forms adaptativo moderno.

automated forms conversion - We.Gov (Camila)

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

2. Faça logon com:

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

3. Na página principal, selecione Forms > Forms e Documentos > AEM Forms We.gov Forms > AFC.

4. Camila carrega o PDF no AEM Forms.

   

5. Camilla, em seguida, seleciona o formulário PDF e clica em Conversão automatizada do Start para start do processo de conversão. Talvez seja necessário clicar em Substituir conversão se você tiver convertido o formulário.

   OBSERVAÇÃO

   Observe que as configurações no AFC são pré-definidas para o usuário final, o que significa que elas não devem ser alteradas.

   • Opcional: Se você quiser usar o tema Ultramarine Acessível, basta clicar no tema Especificar um formulário adaptável e selecionar o tema Accessible-Ultramarine exibido na lista de opções.

   

   

   O status de porcentagem concluída é exibido durante a conversão. Quando o status exibir Converted, clique na pasta output, 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. Camilla start para editar o formulário. Ela seleciona Painel raiz > Editar (a chave de fenda) > seleciona Guias na parte superior no menu suspenso Layout do painel > seleciona a caixa de seleção.

   

8. Camilla acrescenta então todas as alterações de campo e CSS 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 produzido um Formulário adaptável, Camila precisa 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, em seguida, seleciona Modelo de formulário > Seleciona o modelo de dados de formulário na lista suspensa Selecionar de > Seleciona o FDM de inscrição We.gov na lista da opção.

3. Clique no botão Salvar e fechar.

   

4. Camila clica na pasta output, seleciona o formulário adaptável e clica em Editar para abrir o formulário We.Gov concluído.

5. Camila seleciona um campo de formulário adaptável e clica . Ela cria vínculos com as entidades do modelo de dados de formulário usando o campo Vincular referência. Ela repete essa etapa para todos os campos na forma adaptativa.

Teste de acessibilidade do formulário (Camila)

Camila também valida que o conteúdo criado é criado correta e totalmente acessível de acordo com os padrões corporativos.

1. Camila clica na pasta output, seleciona o formulário adaptável e clica em Pré-visualização para abrir o formulário We.Gov concluído.

2. Abre a guia Auditoria na ferramenta para desenvolvedores do Chrome.

3. Realiza uma verificação de acessibilidade para validar o formulário adaptável.

   

Demonstração da Visualização do formulário móvel adaptável (Aya)

Esta seção deve ser realizada antes da manifestação.

Instruções do usuário:

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

2. Faça logon com:

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

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

Site We.Gov (Aya)

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

Pré-filtragem We.Gov (Aya)

Aya responde a algumas perguntas para confirmar sua qualificação preenchendo um pequeno formulário adaptativo em seu 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, ele não será elegível.

2. Clique em "Sou elegível?” botão.

3. Clique no botão "Aplicar agora" para continuar.

   

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

Aya descobre que ela é qualificada e começa a preencher seu pedido para solicitar serviço em seu dispositivo móvel.

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

Instruções do usuário:

1. Preencha os campos Informações básicas; os campos a seguir são obrigatórios e os menus suspensos:

   1. Informações básicas

      1. Nome
      2. Sobrenome
      3. DOB
      4. E-mail

2. Use a seguinte lógica dinâmica para demonstrar o recurso dinâmico usando a lista suspensa Status da família:

   1. Único: Mostrar próximo ao painel de parentes

   2. Casado: Mostrar painel dependente do casamento

   3. Divorciado: Mostrar próximo ao painel de parentes

   4. Viúvo: Mostrar próximo ao painel de parentes

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

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

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

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

   

Demonstração de desktop

Esta seção: Em casa, Aya encontrou as informações necessárias e retoma o aplicativo de sua área de trabalho. Aya navega até o portal de formulários online para retomar seu aplicativo. Com uma simples personalização, as agências também podem gerar e enviar automaticamente por email um link para retomar o aplicativo.

Formulário adaptativo continuado (Aya)

Instruções do usuário:

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

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

3. No painel "Forms de rascunho", selecione o "Aplicativo de inscrição para benefícios de saúde" existente.

   

   A aparência é a mesma, e ela não precisa reinserir nenhum dado.

   Instruções do usuário:

4. Clique à direita em Círculo CTA para ir para a próxima seção.

   

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

   

   OBSERVAÇÃO

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

   Depois de enviar a página de agradecimento, Aya recebe. Opcionalmente, ela também receberá um email que poderá abrir para assinar o documento de registro eletronicamente com a Adobe Sign.

Opcional: Adobe Sign (Aya)

Instruções do usuário:

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

2. Clique no link para Adobe Sign.

   

Instruções do usuário:

1. Marque a caixa "Concordo".

2. Clique em "Aceitar".

3. Role até a parte inferior do documento revisado.

4. Clique na guia amarela realçada para assinar a documento.

   

Agente governamental (George)

Esta seção: George é um analista de negócios na agência governamental Aya é um solicitante de um serviço. George tem um único painel onde ele pode ver todas as solicitações de serviço que lhe foram atribuídas para revisão.

Caixa de entrada AEM (George)

Instruções do usuário:

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

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

   1. Faça logon com:

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

   2. Ou Representar:

      1. Digite "George" no campo "Representar como".

      2. Clique em OK para representar.

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

4. Clique em "Visualização All" para navegar até a Caixa de entrada.

5. Na Caixa de entrada, abra a tarefa "Health Benefits Application Review" mais recente.

   

Opcional: Caixa de entrada AEM e dinâmica do MS (George)

Graças às integrações de dados e aos workflows automatizados, o aplicativo Aya é exibido, juntamente 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 adaptativo somente leitura.

2. Clique no botão "Abrir o MS Dynamics" para abrir o registro do MS Dynamics numa nova janela.

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

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

4. Feche e volte para AEM Caixa de entrada.

   

Voltar para AEM Caixa de entrada (George)

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

Instruções do usuário:

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

2. No modal, você pode deixar uma mensagem para o cliente potencial CX.

3. Clique em Concluído.

4. (Função de cidadão) Abra seu cliente de e-mail para visualização do e-mail enviado para Aya.

   

Chumbo CX (Camila)

Esta seção: Camila, o cliente potencial CX, configura uma chamada telefônica de boas-vindas com a Aya para explicar como usar os serviços governamentais para os quais ela foi aprovada.

(Opcional) Caixa de entrada AEM e Microsoft Dynamics

Instruções do usuário:

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

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

   1. Faça logon com:

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

   2. Ou Representar:

      1. Digite "Camila" no campo "Representar como".

      2. Clique em OK para representar.

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

4. Clique em "Visualização All" para navegar até a Caixa de entrada.

5. Na Caixa de entrada, abra a tarefa "Nova aprovação de contato" mais recente.

(Opcional) Instruções do usuário:

1. Abra e inspecione o formulário adaptativo somente leitura.

2. Clique no botão "Abrir o MS Dynamics" para abrir o registro do MS Dynamics numa nova janela.

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

   1. Como opção, adicione uma nova atividade de chamada diretamente no Dynamics.
   2. Abra a seção "Atividade".
   3. Clique na opção "Nova chamada telefônica".
   4. Adicione detalhes de 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 enviar o aplicativo.

5. No modal, você pode deixar uma mensagem.

6. Clique em Concluído.

   

(Opcional) Kit de boas-vindas Cidadão (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 um link para a carta de comunicação interativa no email (com o mesmo tema/marca da comunicação interativa).

Notificação de cliente de email (Aya)

Instruções do usuário:

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

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

3. Clique para abrir o anexo PDF.

4. Role para cima no seu cliente de e-mail e clique em "Kit de boas-vindas da Visualização online".

   1. Isso abrirá a versão do canal da Web do mesmo documento.

5. Para obter 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 IC diretamente:

   https://<aemserver>:<port>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?canal=web&mode=pré-visualização&wcmmode=disabled

   

Renewer Lembrete (Aya)

Esta seção: Camila também agenda um lembrete de comunicação, então um ano depois. (Etapa do 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 email.

2. Localize e abra o e-mail Renewal Lembrete.

3. Clique no botão "Enviar um novo aplicativo" para abrir o formulário adaptável.

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

   

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

Esta seção: Camila navega até Integrações de dados da AEM Forms onde pode executar um teste rápido para verificar se as informações enviadas para a fonte externa de dados por meio da integração com o 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 dentro do banco de dados Derby.

1. Quando a experiência do usuário for concluída e o envio do usuário for concluído, Camila navegará até a guia Fontes de dados no AEM Forms (Forms > Integrações de dados)

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

3. Camila, em seguida, seleciona o Contact > Serviço de leitura a ser testado.

   

4. Camila, em seguida, fornece ao serviço de teste uma ID de contato e, em seguida, clica no botão Testar. 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 pode então validar se os dados foram inseridos com êxito na fonte de dados.

   • Os dados no Derby DS são semelhantes 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 ela pode ver em toda a agência KPIs, como % dos cidadãos que start preenchem um formulário de solicitação de serviço e abandonam, o tempo médio desde a submissão de solicitação até a resposta de aprovação/negação e estatísticas de envolvimento para os manuais de benefícios que ela enviou aos cidadãos.

relatórios Adobe Analytics Sites (Camila)

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

2. Selecione "Site do AEM Forms We.Gov" para visualização das páginas do site.

3. Selecione uma da página do site (por exemplo, Início) e escolha "Analytics & Recommendations".

   

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

   

5. De volta à página de visualização da página (acessada na etapa 3.), você também pode visualização as informações de visualização da página alterando a configuração de exibição para itens de visualização na Visualização "Lista".

6. Localize o menu suspenso "Visualização" e selecione "Visualização de Lista".

   

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

   

8. Clique em "Atualizar" para disponibilizar as novas colunas.

   

relatórios Adobe Analytics Forms (Camila)

1. Vá até

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

2. Selecione o formulário adaptativo "Aplicativo de inscrição para benefícios de saúde" e selecione a opção "Relatório do Analytics".

   

3. Aguarde a página ser carregada e visualização nos dados do relatório do Analytics.