> 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-en/products/autenticacion-usuarios-registrados/editor-1/web/demo.md).
# Demo
**Demo Authentication v.1.2.0;** The manual images show an updated version of the interface; the current demo may differ temporarily.
### **Introduction**
Facephi Authentication is a biometric cybersecurity solution that allows a user to be authenticated. The Flow consists of registering face and/or voice biometrics, and carrying out a transfer by authenticating the user with the already registered biometrics. As a result, the transfer is completed.
### **Requirements and installation**
To use Facephi Authentication, you must have a compatible browser on your device, whether on a computer or on a mobile device. The compatible operating systems and browsers are:
* Windows, macOS, Android, iOS.
* Mozilla Firefox, Google Chrome, Opera, Safari.
### **Log in**
To log in, enter your email (2) and password (3). By tapping the icon (4) you can show/hide your password. Once the data has been entered, tap the button (5) to move to the next screen.
If you have not entered your details correctly, a warning message will appear below each of the fields (2) and (3).
{% columns %}
{% column %}
{% endcolumn %}
{% column %}
You can change the language from the dropdown menu (1). The available languages are: Spanish, English, and Portuguese.
1. Language change dropdown menu
2. Text input for the username
3. Password input
4. Button to show password
5. Button to log in
6. Hyperlink to switch to another device
If you are on a computer and want to do the process on a mobile phone, tap the hyperlink (6) and a screen with a QR code will appear, which you will have to scan with your device's camera.
{% endcolumn %}
{% endcolumns %}
### **Access with QR**
{% columns %}
{% column %}
{% endcolumn %}
{% column %}
If you are on a computer, this screen lets you access the web address from a mobile device. To enter, you must scan the QR code shown on screen (3) with your device.
If you want to go back to the login screen, you can tap the button (2).
1. Language change dropdown menu
2. Back button
3. QR to scan
{% endcolumn %}
{% endcolumns %}
### **General Data Protection Regulation**
After logging in, if this is your first time accessing it or if you have recently cleared your device's cache, the General Data Protection Regulation appears.
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
To accept the GDPR, tap the button (3). It will be disabled until you have read all the content. To do this, scroll down the scrollbar (2) to the end. Once the button (3) is enabled, you can accept the GDPR to continue with the process.
If you want to decline the GDPR, tap the button (4).
1. Language change dropdown menu
2. Scrollbar
3. Button to accept GDPR
4. Button to decline GDPR
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If the GDPR is declined, a confirmation pop-up will appear. When you decline, your current session will also be closed.
To confirm that you want to decline the GDPR, tap the button (2).
To cancel and go back to the previous screen to accept the GDPR, tap the button (3) or the close icon (1).
1. Button to cancel the action
2. Button to log out
3. Button to cancel the action
{% endcolumn %}
{% endcolumns %}
### **Username selection**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
After accepting the GDPR, if this is your first time accessing it or if you have recently cleared your device's cache, this screen appears where you must enter your first name (3) and last name (4). Once the data has been entered, tap the button (5) to move to the next screen.
If you have not entered your details, a warning message will appear below each of the fields (3) and (4).
If you want to log out, tap the icon (2).
1. Language change dropdown menu
2. Button to log out
3. Text input for the username
4. Text input for the user's last name
5. Continue button
{% endcolumn %}
{% endcolumns %}
### **Pre-start errors**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If, when starting the process, it is detected that camera permissions are not enabled, this message will be shown.
To continue, enabling camera permissions is mandatory.
Once enabled, you need to reload the page to restart the process.
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If, when starting the process, a camera issue is detected that prevents access, you will be asked to try the process from another device.
This step is mandatory, since without access to the camera it is not possible to continue.
{% endcolumn %}
{% endcolumns %}
### **Face biometrics**
#### **Face biometrics process**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
To capture the face, a tutorial first appears explaining how to do the capture.
The animation shows how to interact with the Widget. The text provides details on how to carry out this step correctly.
To start the process, tap the button (3). To configure the available biometrics, tap the icon (2) if it is enabled. To log out, tap the icon (1).
1. Button to log out
2. Configuration button
3. Button to start the process
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
After the tutorial, a message appears requesting the necessary permissions to carry out the process.
To continue, press button (1). To cancel permission and not continue, press button (2).
1. Button to allow access
2. Button to cancel access
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Once the process starts, a text (4) appears giving you instructions on how to position yourself, or what you need to keep in mind.
This message is updated in real time and will give you details about:
* Distance: close, far.
* Framing: outside the circle, rotated.
* Movement.
* Lighting.
If the proper conditions are met, the capture will be done automatically and you will be taken to the next step.
If you want to close the process, tap the icon (3).
1. Button to log out
2. Configuration button
3. Button to close the process
4. Help message
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
When your position and the conditions are correct, the circle (4) changes shape and color. If you are not positioned correctly, it will return to the previous state with help messages.
If you want to close the process, tap the icon (3).
1. Button to log out
2. Configuration button
3. Button to close the process
4. Informational circle for the process status
5. Help message
{% endcolumn %}
{% endcolumns %}
### **Voice biometrics**
#### **Voice biometrics process**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
When registering voice biometrics for the first time, it is necessary to select the phrase you will use to identify yourself by voice.
Choose a default phrase by tapping one of the circular buttons (4). If you want to create a custom phrase, tap the last option and add your phrase in the text field (5). If you have not entered your details correctly, a warning message will appear below the field (5). When you have selected the phrase, tap the button (6) to continue.
If you want to close the voice registration process, tap the icon (3).
1. Button to log out
2. Configuration button
3. Button to close the process
4. Circular selection buttons
5. Text input
6. Button to start
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
To capture the voice, a tutorial first appears explaining how to do the voice capture.
The animation shows how to interact with the Widget. The text provides details on how to carry out this step correctly.
To continue, tap the button (1).
1. Button to log out
2. Configuration button
3. Button to start
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
After the tutorial, a message appears requesting the necessary permissions to carry out the process.
To continue, press button (1). To cancel permission and not continue, press button (2).
1. Button to allow access
2. Button to cancel access
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Once the process starts, the phrase you previously selected (5) appears to perform a correct voice registration.
Speak clearly and loudly. The text (6) and the animation change state depending on errors, recording processing, or successful voice registration.
If the recording is correct, the number in the counter shown in (4) will increase.
To close the process, tap the icon (3).
1. Button to log out
2. Configuration button
3. Button to close the process
4. Successful recordings counter
5. Selected phrase
{% endcolumn %}
{% endcolumns %}
#### **Voice biometrics errors**
**Timeout exceeded**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
The time limit for the widget to capture has been exceeded. Once the process starts, you have X seconds to complete the corresponding step. Otherwise, this message will appear so you can try again.
Tapping the icon (3) takes you back to the widget to retry this step.
1. Button to log out
2. Configuration button
3. Button to close this message
{% endcolumn %}
{% endcolumns %}
**Microphone permissions**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
The application is trying to access the microphone, but permissions are blocked. To continue, you must enable this permission.
Tapping the icon (1) will close this window. Accept the microphone permissions in your browser or device, and try this step again.
1. Button to close this message
{% endcolumn %}
{% endcolumns %}
### **Validation rejected**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
This error appears if the identity could not be validated for any reason.
You can try again by tapping the button (3).
1. Button to log out
2. Configuration button
3. Retry button
{% endcolumn %}
{% endcolumns %}
### **Private account**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Here you will see the details of your private account. You can configure and add new biometrics by tapping the Settings icon (2).
On the Exit icon (1) you will log out and be taken to the login screen.
From your private account you can check data or make a transfer by tapping the button (3).
1. Button to log out
2. Configuration button
3. Button to start the transfer
{% endcolumn %}
{% endcolumns %}
### **Configuration**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
From Settings you can enable/disable the biometrics that Facephi Authentication has available. In this version, face biometrics (6) and voice biometrics (7) are implemented.
You can also change your first name (4) and last name (5) once the data has been entered.
If you have not entered your details, a warning message will appear below each of the fields (4) and (5).
If you activate a biometric that is not yet registered, the registration flow for that biometric will start.
On this screen you can also change the voice biometrics phrase by tapping one of the circular buttons (8).
If you want to go back, use the icon (3).
1. Button to log out
2. Configuration button
3. Button to go back to the account
4. Text input for the username
5. Text input for the user's last name
6. (switch) button to activate face biometrics
7. (switch) button to activate voice biometrics
8. Circular selection buttons
9. (switch) button to activate antispoofing
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If you try to leave the configuration and there is not at least one biometric active, this informational warning will appear.
To close the message, tap the button (2) or the icon (1).
If you have not selected one or more biometrics, this message will appear again.
1. Button to close message
2. Button to close message
{% endcolumn %}
{% endcolumns %}
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If this is the first time you are going to register a biometric, this notice will appear for you to add it.
To continue with registration, tap the button (2). Otherwise, to cancel, tap (1) or (3).
1. Button to cancel the action
2. Button to add biometric
3. Button to cancel the action
{% endcolumn %}
{% endcolumns %}
### **Log out**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
You can log out at any time from the Exit icon in the top bar. When you tap it, a notice opens in which you will have to confirm whether to log out (2) or cancel the action (1), (3).
1. Button to cancel the action
2. Button to log out
3. Button to cancel log out
{% endcolumn %}
{% endcolumns %}
### **Make a transfer**
#### **Form**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
To make a transfer, you must fill in the details. Indicate the concept in the text field (3), and who it is addressed to in the text field (4). You must also enter the account number in the text field (5) and indicate the amount in the text field (6).
If all the details are correct, continue the process by tapping the button (7).
If, on the other hand, you want to go back, cancel the operation by tapping the button (8).
1. Button to log out
2. Configuration button
3. Concept text field
4. Recipient text field
5. Account number field
6. Amount text field
7. Continue button
8. Button to cancel
{% endcolumn %}
{% endcolumns %}
#### **Biometric request**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
Choose the biometric you want to use to validate your identity, either face (3) or voice (4).
You can register more biometrics to validate your identity from the Settings menu (2).
1. Button to log out
2. Configuration button
3. Face biometrics button
4. Voice biometrics button
{% endcolumn %}
{% endcolumns %}
#### **Transfer successful**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If the transfer is completed successfully, this success message appears with a summary of the transfer. Tapping the button (3) will redirect you to your account.
1. Button to log out
2. Configuration button
3. Continue button
{% endcolumn %}
{% endcolumns %}
#### **Transfer failed**
{% columns %}
{% column width="50%" %}
{% endcolumn %}
{% column width="50%" %}
If there was an error in the transfer, this screen will appear. You can try again with the button (3).
1. Button to log out
2. Configuration button
3. Retry button
{% endcolumn %}
{% endcolumns %}
### **Frequently asked questions (FAQ)**
* **Can I activate more biometrics once registered?**
* Yes, in the configuration section you will be able to activate another biometric.
* **What should I do if I have rejected camera or microphone permissions?**
* You must go to your device and/or browser settings and accept the permissions. Once enabled, reload the page to start the process again.
* **What happens if I run out of funds?**
* Nothing, since this is a demo you can keep making transfers.
* **My camera is broken, how can I make a transfer?**
* You will need to activate another biometric in order to make the transfer or use another device.
* **I can't take a selfie. What should I do?**
* Check that the lighting is correct and that the face is visible without shadows.
* Use a plain background so that the image stands out.
* Make sure the face is centered and inside the circle.
* **My demo does not show all the options that appear in the manual**
* Request another demo from the relevant person.