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 do Data Source

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 do We.Gov Agency CX

Usuário fictício

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

  • Usuários do We.Gov no Forms

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

  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: 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. Portal do Forms: https://<aemserver>:<port>/content/we-gov/formsportal.html

  7. Exibição do Mobile:Usuário do We.Gov para replicar uma exibição do Mobile com um navegador redimensionado.

  8. Exibição da Área de Trabalho: We.gov usuário para ver a demonstração em um laptop ou área de trabalho.

  9. Formulário 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 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 sino no back-end do AEM.

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

  13. Cliente de email: maneira preferencial 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 Líder do CX, tem um formulário existente baseado em PDF 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, então, 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 Ultramarine Acessível, basta clicar no botão Especificar um tema de formulário adaptável e selecionar o tema Ultramarine Acessível exibido na lista de opções.

    Iniciar conversão

    Tema ultramarino

    O status da porcentagem concluída é exibido durante a conversão. Quando o status exibir Convertido, clique na pasta 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

    Conversão de revisã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 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 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 em Ícone Configurar e cria uma associação com as entidades de modelo de dados de formulário usando o campo Referência de Associação. 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 na pasta output, seleciona o formulário adaptável e clica em Visualizar para abrir o formulário We.Gov concluído.

  2. Abre a guia Auditoria na Chrome Developer Tool.

  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 estar qualificada 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 Estou Qualificado?.

  3. Clique em Aplicar agora para continuar.

    Aplicar link 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 a lógica dinâmica a seguir para demonstrar o recurso dinâmico usando a lista suspensa Status da Família:

    1. Simples: mostrar próximo do painel principal

    2. Casado: mostrar painel dependente conjugal

    3. Divorciado: mostrar próximo do painel parente

    4. Viúvo: mostrar próximo do painel parente

    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: em casa, Aya encontrou as informações de que precisava e retoma o aplicativo a partir de sua área de trabalho. 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.

    Aplicativo de 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 do 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. Marque 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 comercial da agência governamental Aya e está solicitando 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 opção de menu Sair ou Representar como 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. Digite George no campo Representar como.

      2. Clique em OK para representar.

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

  4. Clique em Exibir tudo para navegar até a Caixa de Entrada.

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

    Revisão do 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.

    Exibir 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, configura uma chamada telefônica 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 opção de menu Sair ou Representar como 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. 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 Exibir tudo para navegar até a Caixa de Entrada.

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

Aprovação de Novo Contato

(Opcional) Instruções de 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 a seção Atividades.
    3. Clique em Novo Telefonema.
    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 enviar o aplicativo.

  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 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 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 email 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 de Boas-vindas Link de Comunicação Interativa

Cidadão lembrete da renovação (Aya) renewal-reminder-citizen-aya

Esta seção: Camila também agendará um lembrete de comunicação para 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 novo aplicativo para poder 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 de Fontes de Dados para validar os dados replicados pelo servidor no banco de dados Derby.

  1. Após a conclusão da experiência do usuário e seu envio ser concluído, 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 We.gov Enrollment FDM.

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

    Serviço de leitura do contato

  4. Camila então fornece uma ID de contato ao serviço de teste e clica em 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.

    Serviço de leitura do contato

  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 para 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. Selecione Site do AEM Forms We.Gov para exibir as páginas do site.

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

    Análise e recomendação

  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 na Exibição de Lista.

  6. Localize o menu suspenso Modo de Exibição e selecione Modo de Exibição de Lista.

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

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

    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 formulário adaptável Aplicativo de Inscrição para Benefícios de Integridade e selecione a opção Relatório do Analytics.

    Aplicativo de 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