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
- George Lang: analista de negócios da agência We.Gov
- Camila Santos: Líder do We.Gov Agency CX
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
-
Representar: demonstração para usuários e grupos definidos no AEM.
-
Botão: retângulo colorido ou seta circulada para navegação.
-
Clique: para executar uma ação na história do usuário.
-
Links: na parte superior do menu principal do site We.Gov.
-
Instruções do usuário: um conjunto de etapas numéricas a serem seguidas ao navegar pela história do usuário.
-
Portal do Forms: https://<aemserver>:<port>/content/we-gov/formsportal.html
-
Exibição do Mobile:Usuário do We.Gov para replicar uma exibição do Mobile com um navegador redimensionado.
-
Exibição da Área de Trabalho: We.gov usuário para ver a demonstração em um laptop ou área de trabalho.
-
Formulário pré-filtragem: formulário na página inicial do site We.Gov.
-
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
-
Site Adobe We.Gov: https://<aemserver>:<port>/content/we-gov/home.html
-
Caixa de Entrada do Adobe: barra de menu superior localizada Ícone de sino no back-end do AEM.
https://<aemserver>:<port>/aem/start.html
-
Cliente de email: maneira preferencial de exibir seus emails (Gmail, Outlook)
-
CTA: Chamada para ação
-
Navegar: para localizar um ponto de referência específico na página do navegador.
-
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
-
Navegue até https://<aemserver>:<port>/aem/start.html
-
Fazer logon com:
- Usuário: camila.santos
- Senha: senha
-
Na página principal, selecione Forms > Forms & Documents > AEM Forms We.gov Forms > AFC.
-
Camila faz o upload do PDF para o AEM Forms.
-
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.
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.
-
Camilla, então, revisa o formulário e garante que todos os campos estejam presentes
-
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.
-
Em seguida, Camilla adiciona todas as alterações de CSS e de campo necessárias para produzir o produto final.
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.
-
Camila abre as Propriedades no formulário convertido em Automated forms conversion - We.Gov.
-
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.
-
Clique em Salvar e fechar.
-
Camila clica na pasta output, seleciona o formulário adaptável e clica em Editar para abrir o formulário We.Gov concluído.
-
Camila seleciona um campo de formulário adaptável e clica em 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.
-
Camila clica na pasta output, seleciona o formulário adaptável e clica em Visualizar para abrir o formulário We.Gov concluído.
-
Abre a guia Auditoria na Chrome Developer Tool.
-
Executa uma verificação de Acessibilidade para validar o formulário adaptável.
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:
-
Navegue até: https://<aemserver>:<port>/content/we-gov/home.html
-
Fazer logon com:
- Usuário: aya.tan
- Senha: senha
-
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
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:
-
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. -
Clique Em Estou Qualificado?.
-
Clique em Aplicar agora para continuar.
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:
-
Preencha os campos Basic information (Informações básicas). Os campos e menus suspensos são os seguintes:
-
Informações Básicas
- Nome
- Sobrenome
- DOB
-
-
Use a lógica dinâmica a seguir para demonstrar o recurso dinâmico usando a lista suspensa Status da Família:
-
Simples: mostrar próximo do painel principal
-
Casado: mostrar painel dependente conjugal
-
Divorciado: mostrar próximo do painel parente
-
Viúvo: mostrar próximo do painel parente
-
Você tem Filhos?: Botão de opção (Sim/Não) para mostrar o painel dependente filho.
- Botão (Adicionar/Remover) para adicionar/remover vários painéis dependentes filhos.
-
-
Clique na seta para a direita na barra de menu cinza.
-
Clique no botão Save na parte inferior.
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:
-
Navegue até https://<aemserver>:<port>/content/we-gov/home.html
-
Na barra de navegação, selecione Serviços Online.
-
No painel "Rascunho do Forms", selecione o "Aplicativo de Inscrição para Benefícios de Saúde" existente.
A aparência é a mesma e ela não precisa inserir os dados novamente.
Instruções do Usuário:
-
Clique com o botão direito do mouse em Circular CTA para ir até a próxima seção.
O formulário é preenchido até o ponto da última entrada de Aya. Aya inseriu todas as informações e está pronto para enviar.
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:
-
Navegue até seu Cliente de e-mail e localize o e-mail do Adobe Sign.
-
Clique no link para o Adobe Sign.
Instruções do Usuário:
-
Marque Concordo.
-
Clique em Aceitar.
-
Rolar para a parte inferior do documento revisado.
-
Clique na guia realçada em amarelo para poder assinar o documento.
Agente do governo (George) government-agent-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:
-
Navegue até https://<aemserver>:<port>/aem/start.html
-
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.
-
Fazer logon com:
- Usuário: george.lang
- Senha: senha
-
Ou representar:
-
Digite
George
no campo Representar como. -
Clique em OK para representar.
-
-
-
No canto superior direito, clique no ícone de Notificação (sino).
-
Clique em Exibir tudo para navegar até a Caixa de Entrada.
-
Na Caixa de Entrada, abra a tarefa mais recente 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:
-
Abra e inspecione o formulário adaptável somente leitura.
-
Clique em Abrir o MS® Dynamics para abrir o registro do MS® Dynamics em uma nova janela.
-
No CRM, você vê todas as informações que podem ser atualizadas.
- Opcionalmente, adicione algumas notas de revisão diretamente no Dynamics.
-
Feche e retorne à Caixa de entrada do AEM.
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:
-
Navegue até o canto superior esquerdo e clique em Aprovar para aprovar o aplicativo.
-
No modal, é possível deixar uma mensagem para o lead do CX.
-
Clique em Concluído.
-
(Função Cidadã) Abra seu cliente de email para ver o email enviado a Aya.
Líder do CX (Camila) cx-lead-camila
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:
-
Navegue até https://<aemserver>:<port>/aem/start.html
-
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.
-
Fazer logon com:
- Usuário: camila.santos
- Senha: senha
-
Ou representar:
-
Digite
Camila
no campo Representar como. -
Clique em OK para representar.
-
-
-
No canto superior direito, clique no ícone Notificação (sino).
-
Clique em Exibir tudo para navegar até a Caixa de Entrada.
-
Na Caixa de Entrada, abra a tarefa mais recente Nova Aprovação de Contato.
(Opcional) Instruções de Usuário:
-
Abra e inspecione o formulário adaptável somente leitura.
-
Clique em Abrir o MS® Dynamics para abrir o registro do MS® Dynamics em uma nova janela.
-
No CRM é possível ver todas as informações que podem ser atualizadas.
- Como opção, adicione uma atividade de chamada diretamente no Dynamics.
- Abra a seção Atividades.
- Clique em Novo Telefonema.
- Adicionar detalhes da chamada telefônica.
- Salve e feche a janela.
-
De volta ao AEM, navegue até o canto superior esquerdo e clique em Enviar para enviar o aplicativo.
-
Na modal, é possível deixar uma mensagem.
-
Clique em Concluído.
(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:
-
Localize e abra o email do kit de boas-vindas.
-
Role até o anexo PDF na parte inferior da página.
-
Clique em para abrir o anexo PDF.
-
Role para trás em seu cliente de email e clique em Exibir kit de boas-vindas online.
- Essa ação abre a versão do canal da Web do mesmo documento.
-
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
-
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
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:
-
Navegue até seu cliente de e-mail.
-
Localize e abra o email Lembrete de renovação.
-
Clique em Enviar novo aplicativo para poder abrir o formulário adaptável.
- Esta seção foi deixada intencionalmente vazia para suportar o preenchimento prévio de dados na fase 2.
(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.
-
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)
-
Camila seleciona o AEM Forms We.gov FDM e edita o We.gov Enrollment FDM.
-
Camila então seleciona o Contato > Serviço de Leitura a ser testado.
-
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.
-
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
-
Navegue até https://<aemserver>:<port>/sites.html/content
-
Selecione Site do AEM Forms We.Gov para exibir as páginas do site.
-
Selecione uma das páginas do site (por exemplo, Início) e escolha Analytics & Recommendations.
-
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).
-
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.
-
Localize o menu suspenso Modo de Exibição e selecione Modo de Exibição de Lista.
-
No mesmo menu, selecione Exibir Configuração e selecione as colunas que deseja exibir na seção Analytics.
-
Clique em Atualizar para disponibilizar as novas colunas.
Relatórios do Adobe Analytics Forms (Camila) camila-reviews-forms-reporting-we-gov-adobe-analytics
-
Navegue até
https://<aemserver>:<port>/aem/forms.html/content/dam/formsanddocuments/adobe-gov-forms
-
Selecione o formulário adaptável Aplicativo de Inscrição para Benefícios de Integridade e selecione a opção Relatório do Analytics.
-
Aguarde o carregamento da página e visualize os dados do relatório do Analytics.