> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-pt-br/produtos/autenticacion-usuarios-registrados/editor-1/web/demo.md).
# Demo
**Demo Authentication v.1.2.0;** As imagens do manual mostram uma versão atualizada da interface; a demo atual pode diferir temporariamente.
### **Introdução**
Facephi Authentication é uma solução de cibersegurança biométrica que permite autenticar um usuário. O Fluxo consiste em registrar a biometria de rosto e/ou voz e realizar uma transferência autenticando o usuário com essa biometria já registrada. Como resultado, a transferência é concluída.
### **Requisitos e instalação**
Para poder usar Facephi Authentication, você deve ter no seu dispositivo um navegador compatível, seja em um computador ou em um dispositivo móvel. Os sistemas operacionais e navegadores compatíveis são:
* Windows, macOS, Android, iOS.
* Mozilla Firefox, Google Chrome, Opera, Safari.
### **Iniciar sessão**
Para iniciar sessão, insira o e-mail (2) e a senha (3). Ao pressionar o ícone (4), você pode mostrar/ocultar sua senha. Depois de inserir os dados, pressione o botão (5) para avançar para a próxima tela.
Caso você não tenha inserido os dados corretamente, aparecerá uma mensagem de alerta abaixo de cada um dos campos (2) e (3).
{% columns %}
{% column %}
{% endcolumn %}
{% column %}
Você pode alterar o idioma no menu suspenso (1). Os idiomas disponíveis são: espanhol, inglês e português.
1. Menu suspenso de mudança de idioma
2. Campo de texto para o nome de usuário
3. Campo de texto para a senha
4. Botão para mostrar a senha
5. Botão para iniciar sessão
6. Hiperlink para mudar para outro dispositivo
Se você estiver em um computador e quiser fazer o processo com um celular, clique no hiperlink (6) e aparecerá uma tela com um QR code, que você terá de escanear com a câmera do seu dispositivo.
{% endcolumn %}
{% endcolumns %}
### **Acessar com QR**
{% columns %}
{% column %}
{% endcolumn %}
{% column %}
Se você estiver em um computador, esta tela permite acessar o endereço web a partir de um dispositivo móvel. Para entrar, você precisa escanear com seu dispositivo o QR que aparece na tela (3).
Se desejar voltar à tela de login, você pode pressionar o botão (2).
1. Menu suspenso de mudança de idioma
2. Botão voltar atrás
3. QR para escanear
{% endcolumn %}
{% endcolumns %}
### **Regulamento Geral de Proteção de Dados**
Depois de iniciar sessão, se for a primeira vez que você acessa ou se limpou o cache do seu dispositivo recentemente, aparece o Regulamento Geral de Proteção de Dados.
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Para aceitar o RGPD, pressione o botão (3). Ele ficará desabilitado até que você tenha lido todo o conteúdo. Para isso, desça a barra de rolagem (2) até o final. Depois que o botão (3) estiver habilitado, você poderá aceitar o RGPD para continuar com o processo.
Se desejar recusar o RGPD, pressione o botão (4).
1. Menu suspenso de mudança de idioma
2. Barra de rolagem
3. Botão para aceitar o RGPD
4. Botão para recusar o RGPD
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se o RGPD for recusado, aparece uma janela pop-up de confirmação. Ao recusar, sua sessão atual também será encerrada.
Para confirmar que você quer recusar o RGPD, pressione o botão (2).
Para cancelar e voltar à tela anterior para aceitar o RGPD, pressione o botão (3) ou o ícone para fechar (1).
1. Botão para cancelar a ação
2. Botão para encerrar a sessão
3. Botão para cancelar a ação
{% endcolumn %}
{% endcolumns %}
### **Seleção de nome de usuário**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Depois de aceitar o RGPD, se for a primeira vez que você acessa ou se limpou o cache do seu dispositivo recentemente, aparece esta tela na qual você deve inserir seu nome (3) e seus sobrenomes (4). Depois de inserir os dados, pressione o botão (5) para avançar para a próxima tela.
Caso você não tenha inserido os dados, aparecerá uma mensagem de alerta abaixo de cada um dos campos (3) e (4).
Se desejar encerrar a sessão, pressione o ícone (2).
1. Menu suspenso de mudança de idioma
2. Botão para encerrar a sessão
3. Campo de texto para o nome de usuário
4. Campo de texto para os sobrenomes do usuário
5. Botão para continuar
{% endcolumn %}
{% endcolumns %}
### **Erros pré-inicialização**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se, ao iniciar o processo, for detectado que as permissões da câmera não estão habilitadas, esta mensagem será exibida.
Para continuar, é obrigatório habilitar as permissões da câmera.
Depois de habilitadas, é necessário recarregar a página para reiniciar o processo.
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se, ao iniciar o processo, for detectado um problema com a câmera que impeça o acesso, será solicitado que o processo seja tentado a partir de outro dispositivo.
Este passo é obrigatório, pois sem acesso à câmera não é possível continuar.
{% endcolumn %}
{% endcolumns %}
### **Biometria facial**
#### **Processo de biometria facial**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Para capturar o rosto, primeiro aparece um tutorial que explica como fazer a captura.
A animação mostra como interagir com o Widget. O texto fornece detalhes sobre como realizar este passo corretamente.
Para iniciar o processo, pressione o botão (3). Para configurar as biometria disponíveis, pressione o ícone (2), caso esteja habilitado. Para encerrar a sessão, pressione o ícone (1).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para iniciar o processo
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Depois do tutorial, aparece uma mensagem solicitando as permissões necessárias para realizar o processo.
Para continuar, pressione o botão (1). Para cancelar a permissão e não continuar, pressione o botão (2).
1. Botão para permitir o acesso
2. Botão para cancelar o acesso
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Assim que o processo começa, aparece um texto (4) que lhe dá orientações sobre como se posicionar ou o que você precisa levar em conta.
Esta mensagem é atualizada em tempo real e lhe dará detalhes sobre:
* Distância: perto, longe.
* Enquadramento: fora do círculo, girado.
* Movimento.
* Iluminação.
Se as condições adequadas forem atendidas, a captura será feita automaticamente e você será direcionado para a próxima etapa.
Se quiser encerrar o processo, pressione o ícone (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para encerrar o processo
4. Mensagem de ajuda
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Quando sua posição e as condições estiverem corretas, o círculo (4) muda de forma e cor. Caso você não esteja posicionado corretamente, ele voltará ao estado anterior com mensagens de ajuda.
Se quiser encerrar o processo, pressione o ícone (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para encerrar o processo
4. Círculo informativo do estado do processo
5. Mensagem de ajuda
{% endcolumn %}
{% endcolumns %}
### **Biometria de voz**
#### **Processo de biometria de voz**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Ao registrar pela primeira vez a biometria de voz, é necessário selecionar a frase que você usará para se identificar pela voz.
Escolha uma frase predefinida pressionando um dos botões circulares (4). Se quiser criar uma frase personalizada, pressione a última opção e adicione sua frase no campo de texto (5). Caso você não tenha inserido os dados corretamente, aparecerá uma mensagem de alerta abaixo do campo (5). Quando tiver selecionado a frase, pressione o botão (6) para continuar.
Se quiser encerrar o processo de registro de voz, pressione o ícone (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para encerrar o processo
4. Botões circulares de seleção
5. Campo de texto
6. Botão para começar
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Para capturar a voz, primeiro aparece um tutorial que explica como fazer a captura de voz.
A animação mostra como interagir com o Widget. O texto fornece detalhes sobre como realizar este passo corretamente.
Para continuar, pressione o botão (1).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para começar
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Depois do tutorial, aparece uma mensagem solicitando as permissões necessárias para realizar o processo.
Para continuar, pressione o botão (1). Para cancelar a permissão e não continuar, pressione o botão (2).
1. Botão para permitir o acesso
2. Botão para cancelar o acesso
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Assim que o processo começa, aparece a frase que você selecionou anteriormente (5) para realizar um registro correto da voz.
Fale alto e claro. O texto (6) e a animação vão mudando de estado, de acordo com erros, processamento da gravação ou registro de voz bem-sucedido.
Se a gravação estiver correta, o número no contador que aparece em (4) será incrementado.
Para encerrar o processo, pressione o ícone (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para encerrar o processo
4. Contador de gravações bem-sucedidas
5. Frase selecionada
{% endcolumn %}
{% endcolumns %}
#### **Erros de biometria de voz**
**Tempo esgotado**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
O tempo limite para que o Widget faça a captura foi excedido. Assim que o processo é iniciado, você tem X segundos para concluir a etapa correspondente. Caso contrário, esta mensagem aparecerá para que você tente novamente.
Pressionando o ícone (3), você retorna ao Widget para tentar esta etapa novamente.
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para fechar esta mensagem
{% endcolumn %}
{% endcolumns %}
**Permissões de microfone**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
O aplicativo está tentando acessar o microfone, mas as permissões estão bloqueadas. Para continuar, você deve ativar essa permissão.
Ao pressionar o ícone (1), você fechará esta janela. Aceite as permissões do microfone no seu navegador ou dispositivo e tente novamente esta etapa.
1. Botão para fechar esta mensagem
{% endcolumn %}
{% endcolumns %}
### **Validação rejeitada**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Este erro aparece se a identidade não puder ser validada por qualquer motivo.
Você pode tentar novamente pressionando o botão (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para tentar novamente
{% endcolumn %}
{% endcolumns %}
### **Conta privada**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Aqui você verá os detalhes da sua conta privada. Você pode configurar e adicionar novas biometria pressionando o ícone de Configuração (2).
No ícone Sair (1), você encerrará a sessão e será direcionado para a tela de login.
A partir da sua conta privada, você pode consultar dados ou realizar uma transferência pressionando o botão (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para iniciar a transferência
{% endcolumn %}
{% endcolumns %}
### **Configuração**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
A partir de Configuração, você pode ativar/desativar as biometria que o Facephi Authentication tem disponíveis. Nesta versão, as biometria de rosto (6) e de voz (7) estão implementadas.
Você também pode alterar seu nome (4) e seus sobrenomes (5) depois de inserir os dados.
Caso você não tenha inserido os dados, aparecerá uma mensagem de alerta abaixo de cada um dos campos (4) e (5).
Se você ativar uma biometria que ainda não está registrada, o Fluxo de registro dessa biometria será iniciado.
Nesta tela você também pode alterar a frase da biometria de voz, pressionando um dos botões circulares (8).
Se quiser voltar, use o ícone (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para voltar à conta
4. Campo de texto para o nome de usuário
5. Campo de texto para os sobrenomes do usuário
6. Botão (switch) para ativar biometria de rosto
7. Botão (switch) para ativar biometria de voz
8. Botões circulares de seleção
9. Botão (switch) para ativar antispoofing
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se você tentar sair da configuração e não houver pelo menos uma biometria ativa, este aviso informativo será exibido.
Para fechar a mensagem, pressione o botão (2) ou o ícone (1).
Se você não tiver selecionado uma ou mais biometria, esta mensagem aparecerá novamente.
1. Botão para fechar mensagem
2. Botão para fechar mensagem
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se for a primeira vez que você vai registrar uma biometria, este aviso aparecerá para que você a adicione.
Para continuar com o registro, pressione o botão (2). Caso contrário, para cancelar, pressione (1) ou (3).
1. Botão para cancelar a ação
2. Botão para adicionar biometria
3. Botão para cancelar a ação
{% endcolumn %}
{% endcolumns %}
### **Encerrar sessão**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Você pode encerrar a sessão a qualquer momento pelo ícone Sair na barra superior. Ao pressioná-lo, abre-se um aviso no qual você terá de confirmar se deseja encerrar a sessão (2) ou cancelar a ação (1), (3).
1. Botão para cancelar a ação
2. Botão para encerrar a sessão
3. Botão para cancelar o encerramento da sessão
{% endcolumn %}
{% endcolumns %}
### **Realizar uma transferência**
#### **Formulário**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Para realizar uma transferência, você deve preencher os dados. Indique o conceito no campo de texto (3) e o destinatário no campo de texto (4). Você também deve inserir o número da conta no campo de texto (5) e indicar o valor no campo de texto (6).
Se todos os dados estiverem corretos, continue o processo pressionando o botão (7).
Se, por outro lado, quiser voltar, cancele a operação pressionando o botão (8).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Campo de texto do conceito
4. Campo de texto do destinatário
5. Campo do número da conta
6. Campo de texto do valor
7. Botão para continuar
8. Botão para cancelar
{% endcolumn %}
{% endcolumns %}
#### **Solicitação de biometria**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Escolha a biometria com a qual validar sua identidade, seja rosto (3) ou voz (4).
Você pode registrar mais biometria para validar sua identidade, no menu Configuração (2).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão biometria facial
4. Botão biometria de voz
{% endcolumn %}
{% endcolumns %}
#### **Transferência bem-sucedida**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se a transferência for concluída corretamente, esta mensagem de sucesso aparecerá com um resumo da transferência. Ao pressionar o botão (3), você será redirecionado para a sua conta.
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para continuar
{% endcolumn %}
{% endcolumns %}
#### **Transferência malsucedida**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Se houve um erro na transferência, esta tela aparecerá. Você pode tentar novamente com o botão (3).
1. Botão para encerrar a sessão
2. Botão de configuração
3. Botão para tentar novamente
{% endcolumn %}
{% endcolumns %}
### **Perguntas frequentes (FAQ)**
* **Posso ativar mais biometria depois de me registrar?**
* Sim, na parte de configuração você poderá ativar outra biometria.
* **O que faço se eu tiver recusado as permissões da câmera ou do microfone?**
* Você precisa ir às configurações do seu dispositivo e/ou navegador e aceitar as permissões. Depois de ativadas, recarregue a página para começar o processo novamente.
* **O que acontece se eu ficar sem fundos?**
* Nada, por ser uma demo, você pode continuar realizando transferências.
* **Minha câmera está quebrada, como posso fazer uma transferência?**
* Você deverá ativar outra biometria para poder fazer a transferência ou usar outro dispositivo.
* **Não consigo tirar uma selfie. O que faço?**
* Verifique se a iluminação está correta e se o rosto aparece sem sombras.
* Use um fundo uniforme para que a imagem se destaque.
* Certifique-se de que o rosto esteja centralizado e dentro do círculo.
* **Na minha demo não aparecem todas as opções que aparecem no manual**
* Solicite outra demo à pessoa responsável.