Apresentação do site de referência do We.Gov e We.Finance we-gov-reference-site-walkthrough

Pré-requisitos pre-requisites

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 user-story

  • 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 fictitious-users-and-groups

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

Usuário fictício

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

Usuário fictício

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

Usuário fictício

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 demo-overview-terms-legend

  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) automated-forms-conversion

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) automated-forms-conversion-wegov

  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.

    Carregar formulário

  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.

    note note
    NOTE
    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.

    Iniciar conversão

    Tema ultramarino

    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

    Revisar conversão

  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.

    Revisar propriedades

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

    Adicionar CSS

Modelo de dados de formulário e fontes de dados (Camila) data-sources

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.

    Seleção de FDM

  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 Ícone Configurar 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) form-accessibility-testing

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.

    Verificação de acessibilidade

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

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) aya-user-story-we-gov-website

Usuário fictício

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-user-story-we-gov-pre-screener

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.

    note note
    NOTE
    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.

    Link Aplicar agora

Formulário Adaptável Do We.Gov (Aya) aya-user-story-we-gov-adaptive-form

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.

    Detalhes do formulário adaptável

Demonstração do desktop desktop-demo

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) aya-user-story-continued-adaptive-form

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.

    Inscrição para Benefícios de Integridade

    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.

    CTA de círculo direito

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

    Enviar o formulário adaptável

    note note
    NOTE
    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) adobe-sign

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.

    Link do sinal de Adobe

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.

    Assinar o documento Assinar o documento de teste

Agente do governo (George) government-agent-george

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) george-user-story-aem-inbox

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.

    Revisão de Aplicativo de Benefícios de Integridade

Opcional: Caixa de entrada AEM e MS® Dynamics (George) george-user-story-aem-inbox-and-ms-dynamics

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.

    Registro do MS Dynamics

Voltar para a caixa de entrada AEM (George) george-user-story-back-to-aem-inbox

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.

    Visualizar o email enviado para Aya

Líder do CX (Camila) cx-lead-camila

Camila (CX lead)

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 camila-user-story-aem-inbox-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.

Aprovação de novo contato

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

    Guia Atividades Confirmar novo contato

(Opcional) Welcome Kit Citizen (Aya) 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) aya-user-story-email-client

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

    Manual de benefícios do Welcome Link de comunicação interativa

Cidadão lembrete da renovação (Aya) renewal-reminder-citizen-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) aya-user-story-email-client-updated

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.

    Email de lembrete de renovação

(Opcional) Modelo de dados de formulário (Camila) form-data-model

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) form-data-model-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.

    Entrar em contato com o serviço de leitura

  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.

    Entrar em contato com o serviço de leitura

  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:
    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"
          }
    ]
    

(Opcional) Analytics (Camila) analytics-cx-lead-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) camila-reviews-sites-reporting-we-gov-adobe-analytics

  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.

    Analytics e Recommendation

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

    Métricas principais do Adobe Analytics

  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.

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

  7. No mesmo menu, selecione Configuração de exibição e selecione as colunas que deseja exibir na 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) camila-reviews-forms-reporting-we-gov-adobe-analytics

  1. Navegue 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.

    Inscrição para Benefícios de Integridade

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

    Dados de relatório do Analytics

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