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

Pré-requisitos

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

História do usuário

  • AEM Forms

    • Conversão automática dos formulários
    • Criação
    • Modelos de dados do 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 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 integrados:

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

Usuário fictício

  • George Lang: Agência We.Gov - Analista de negócios

Usuário fictício

  • Camila Santos: Líder da Agência de Governação da We.Gov CX

Usuário fictício

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: Usuários e grupos definidos AEM demonstração.

  2. Botão: Retângulo colorido ou seta em círculo para navegação.

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

  4. Links: Localizado na parte superior do menu principal do 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. Forms Portal: https://<aemserver>:<port>/content/we-gov/formsportal.html

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

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

  9. Formulário de pré-filtragem: Formulário na página inicial 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: Barra de menu superior localizada Ícone Bell em AEM back-end.

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

  13. Cliente de email: Maneira preferencial de visualizar seus emails (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 líder CX tem um formulário PDF existente que foi usado como parte de um processo em papel. Como parte de um esforço de modernização, ela deseja usar esse formulário PDF para criar automaticamente um novo Adaptive Forms moderno.

automated forms conversion - We.Gov (Camila)

  1. Navegar para https://<aemserver>:<port>/aem/start.html

  2. Faça 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.

    Carregar formulário

  5. Camila, em seguida, seleciona o formulário PDF e os cliques Iniciar Conversão Automatizada 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

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

    • Opcional: Se desejar usar o tema Accessible Ultramarine, basta clicar no ícone Especificar um tema de formulário adaptável e selecionar o tema Accessible-Ultramarine que aparece na lista de opções.

    Iniciar conversão

    Tema ultramarino

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

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

    Revisar conversão

  7. O Camilla começa a editar o formulário. Ela seleciona Painel raiz > Editar (a chave) > seleciona Guias na parte superior no menu suspenso Layout do painel > seleciona a caixa Verificar.

    Revisar propriedades

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

    Adicionar CSS

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

Esta seção: Depois que o documento tiver sido convertido e produzido um formulário adaptável, Camila precisará 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 então 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 de opções.

  3. Cliques no botão Salvar e fechar.

    Seleção do FDM

  4. Camila clica no botão output , seleciona o formulário adaptável e clica em Editar para abrir o formulário We.Gov preenchido.

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

Teste de acessibilidade de formulário (Camila)

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

  1. Camila clica no botão output , seleciona o formulário adaptável e clica 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.

    Verificação de acessibilidade

Demonstração 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. Faça 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 We.Gov (Aya)

Usuário fictício

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

Pré-Telas We.Gov (Aya)

Aya responde algumas perguntas para confirmar sua qualificação preenchendo um pequeno formulário adaptável 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 estará qualificado.

  2. Clique no "Posso?" botão.

  3. Clique no "Aplicar agora" para continuar.

    Link Aplicar agora

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

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

Qualquer pessoa precisa revisar alguns documentos em casa antes de concluir o aplicativo de 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 Basic information , os seguintes são campos obrigatórios e lista suspensa:

    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 da família lista suspensa:

    1. Único: Mostrar próximo do painel de parentesco

    2. Casado: Mostrar painel dependente do marital

    3. Divorciado: Mostrar próximo do painel de parentesco

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

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

      1. Botão (Adicionar/Remover) para adicionar/remover vários painéis dependentes de filhos.
  3. Clique na seta para a direita na barra de menu cinza.

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

    Detalhes do formulário adaptável

Demonstração do desktop

Esta seção: Em casa, Aya encontrou as informações de que precisava e retomou o aplicativo do desktop. Qualquer um navega até o portal de formulários online para retomar seu aplicativo. Com uma personalização simples, as agências também podem gerar e enviar por email automaticamente um link para retomar o aplicativo.

Formulário Adaptável Continuado (Aya)

Instruções do usuário:

  1. Navegar para https://<aemserver>:<port>/content/we-gov/home.html

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

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

    Aplicativo de Inscrição para Benefícios de Integridade

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

    Instruções do usuário:

  4. Clique em CTA do círculo à direita para ir até a próxima seção.

    Círculo direito CTA

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

    Enviar o formulário adaptável

    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 hifens.

    Depois de enviar, o Aya recebe uma página de agradecimento. Opcionalmente, ela também receberá um email que poderá abrir 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 email e localize o email do Adobe Sign.

  2. Clique no link para Adobe Sign.

    Link Adobe sign

Instruções do usuário:

  1. Verifique o "Concordo"caixa.

  2. Clique em "Aceitar".

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

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

    Assinar o documento Assinar o documento de teste

Agente governamental (George)

Agente governamental George

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

Caixa de entrada AEM (George)

Instruções do usuário:

  1. Navegar para https://<aemserver>:<port>/aem/start.html

  2. Clique no ícone do usuário (canto superior direito) e use o "Fazer logoff", ou o "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. Tipo "George" no "Representar como".

      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 o " mais recente Revisão da Aplicação de Benefícios de Saúde" tarefa.

    Revisão da Aplicação de Benefícios de Saúde

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

Graças às integrações de dados e aos fluxos de trabalho automatizados, o aplicativo do Aya é exibido, juntamente com um registro de 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 no "Abrir o MS Dynamics" para abrir o registro do MS Dynamics em uma nova janela.

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

    1. Como opção, adicione algumas notas de revisão diretamente no Dynamics.
  4. Feche e volte para AEM Caixa de entrada.

    Registro do MS Dynamics

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 pedido.

  2. Na modal, é possível deixar uma mensagem para o cliente potencial do CX.

  3. Clique em Concluído.

  4. (Função de cidadão) Abra seu cliente de email para visualizar o email enviado para o Aya.

    Exibir o email enviado para o Aya

Líder CX (Camila)

Camila (cliente potencial CX)

Esta seção: Camila, o líder do CX, faz uma chamada telefônica bem-vinda com a Aya para explicar como usar os serviços governamentais para os quais ela foi aprovada.

(Opcional) AEM Caixa de entrada e MS Dynamics

Instruções do usuário:

  1. Navegar para https://<aemserver>:<port>/aem/start.html

  2. Clique no ícone do usuário (canto superior direito) e use o "Fazer logoff", ou o "Representar como" se você estiver conectado com um usuário administrativo.

    1. Faça logon com:

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

      1. Tipo "Camila" no "Representar como".

      2. Clique em OK para representar.

  3. No canto superior direito, clique no ícone Notification (bell) .

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

  5. Na Caixa de entrada, abra o " mais recente Nova Aprovação de Contato" tarefa.

Nova Aprovação de Contato

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

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

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

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

    1. Como opção, adicione uma nova atividade de chamada diretamente no Dynamics.
    2. Abra o "Atividades seção ".
    3. Clique no "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 apresentar o pedido.

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

  6. Clique em Concluído.

    Guia Atividades Confirmar Novo Contato

(Opcional) Kit De Boas-Vindas Cidadão (Aya)

Esta seção: O Aya recebe um email contendo um link para uma comunicação interativa que resume seus benefícios e também inclui campos de formulário a serem preenchidos. Com declaração PDF benefícios anexada e 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 email do kit de boas-vindas.

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

  3. Clique em para abrir o anexo PDF.

  4. Role para cima em seu cliente de email e clique em "Exibir kit de boas-vindas 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 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

    Manual de benefícios de boas-vindas Link de comunicação interativa

Cidadão da Lembrete Renovável (Aya)

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

Notificação De Cliente De Email (Aya)

Instruções do usuário:

  1. Navegue até seu cliente de email.

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

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

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

    Email do lembrete de renovação

(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 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 de Fontes de Dados para validar os dados que o servidor replicou no banco de dados Derby.

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

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

  3. Camila e, em seguida, seleciona a variável Contato > Serviço de leitura a ensaiar.

    Serviço de leitura de contatos

  4. Camila 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ê tiver enviado o formulário. Se você não tiver enviado o formulário, nenhum dado será retornado.

    Serviço de leitura de contatos

  5. Camila pode 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 visualizar em todo o KPI da agência, como % dos 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 as estatísticas de engajamento dos manuais de benefícios que ela enviou aos cidadãos.

Relatórios de sites da Adobe Analytics (Camila)

  1. Navegar para https://<aemserver>:<port>/sites.html/content

  2. Selecione o "Site We.Gov do AEM Forms" para visualizar as páginas do site.

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

    Analytics e Recomendações

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

    Métricas principais do Adobe Analytics

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

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

    Exibição de lista no menu suspenso Exibição

  7. No mesmo menu, selecione "Exibir configuração" e selecione as colunas que deseja exibir no "Analytics seção ".

    Configurar a exibição de colunas

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

    Disponibilizar 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 "Aplicativo de Inscrição para Benefícios de Integridade" e selecione o "Relatório do Analytics".

    Aplicativo de Inscrição para Benefícios de Integridade

  3. Aguarde até que a página seja carregada e exiba os dados do relatório do Analytics.

    Dados de relatório do Analytics

Nesta página