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 configure o sitede referência We.Gov e We.Finance.

História do usuário

  • Formulários AEM

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

    • 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

Fictitious users and groups

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

Usuário fictício

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

Usuário fictício

  • Camila Santos: Chefe do We.Gov Agency 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 dos 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>:<porta>/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>:<porta>/content/forms/af/adobe-gov-forms/enrollment-application-for-health-benefits.html

  11. Site Adobe We.Gov: https://<aemserver>:<porta>/content/we-gov/home.html

  12. Caixa de entrada Adobe: Localizado o ícone Bell da barra de menus superior no backend AEM.

    https://<aemserver>:<porta>/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: Conversão automatizada do Forms

Conversão automatizada do Forms (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.

Conversão automatizada do Forms - 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.

    Carregar formulário

  5. Em seguida, Camilla seleciona o formulário PDF e clica em Start de conversão automatizada 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.

    conversão de start

    Tema ultramarino

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

    Propriedades da revisão

  8. Camilla acrescenta então todas as alterações de campo e CSS 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 é 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.

    Seleção do FDM

  4. Camila clica na pasta de saída , 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 no ícone Configurar. 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 de saída , 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.

    Verificação de acessibilidade

Demonstração Da Visualização De 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)

Usuário fictício

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.

    Link Aplicar agora

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.

    Detalhes do formulário adaptável

Demonstração do desktop

Esta seção: Em casa, Aya encontrou as informações de que precisava e retirou o aplicativo do desktop. 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 Adaptável 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.

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

    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.

    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 adaptativo

    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.

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

    Assine o documento Assine 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 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 "Representar como" se estiver conectado a um usuário administrativo.

    1. Faça logon com:

      1. Usuário: george.lang
      2. Senha: password
    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 tudo" para navegar até a Caixa de entrada.

  5. Na Caixa de entrada, abra a tarefa mais recente "Análise do aplicativo de benefícios de saúde".

    Revisão de Aplicativo de Benefícios à Saúde

Opcional: Caixa de entrada AEM e Microsoft Dynamics (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 em uma 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.

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

    Visualização do email enviado para Aya

Chumbo CX (Camila)

Camila (cliente potencial CX)

Esta seção: Camila, a 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) 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 "Representar como" se estiver conectado a 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 tudo" para navegar até a Caixa de entrada.

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

Nova Aprovação de Contato

(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 em uma 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 à 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.

    Guia Atividade Confirmar Novo Contato

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

Esta seção: Qualquer usuário recebe um email com um link para uma comunicação interativa que resume seus benefícios e também inclui campos de formulário para preenchimento. 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 de volta para o seu cliente de e-mail e clique em "Kit de boas-vindas 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>:<porta>/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>:<porta>/content/dam/formsanddocuments/adobe-gov-forms/welcome-handbook/we-gov-welcome-handbook/jcr:content?canal=web&mode=pré-visualização&wcmmode=disabled

    Link de Comunicação Interativa do Manual de Benefícios de Boas-Vindas

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

    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 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 então seleciona AEM Forms We.gov FDM e edita o FDM de inscrição We.gov.

  3. Camila, em seguida, seleciona Entrar em contato > Ler serviço a ser testado.

    Serviço de leitura de contatos

  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.

    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 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 todo o KPI da agência, 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 We.Gov AEM Forms" para visualização das páginas do site.

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

    Analytics e Recomendações

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

    Métricas principais do Adobe Analytics

  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 de Lista".

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

    Visualização da lista no menu suspenso Visualização

  7. No mesmo menu, selecione "Configuração de Visualizaçã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 Adobe Analytics Forms (Camila)

  1. Vá até

    https://<aemserver>:<porta>/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".

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

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

    Dados de relatório do Analytics

Nesta página