Skip to main content

Web Demo

The web component acts as a demo for the whole MegaMatcher ID Server product. It is designed to show what functions are available in the product, and how to integrate them in the customers product. In this section we will review the main UI components and how the front end user sees it.

The default port for the Web Service is 40005 therefore it can be accessed by http://server_ip:40005/. As the port can be changed during server setup, url should be changed accordingly. After navigating to the url and allowing camera access, you will see the main view for the component:

Web component

Operations

The main functionality of the demo, to show enrollement, verification and checks operations

Enroll

Enroll operation is used to start capturing a face and then add it to a database. Enrolled subjects can be verified later. After clicking Enroll user will be asked to enter the subject id that will act as the users identification in the database:

Enroll

Then select which modalites to enroll:

Modalities

After submitting, enrollment will be started and on success the subject will be added to the database if more then one modalities are selected, then enrollment of the next modality will be started.

Face modality:

FaceModality

Voice modality:

VoiceModality

Success or other status will be prompted to the screen, on complete enrollment of all selected modalities overview will be prompted:

Overview

Verify

Verify operation is used to check if the person is the same as in the database. After clicking Verify you will be asked to select one of three options:

Verify

With enrolled person

With enrolled person workflow is similar to enroll, enter the subject id, select which modalities to verify with (look at enroll).

VerifySelected

With QR code

With QR code allows to use QR code to verify with a person, requires to have a QR code which you can get from Show QR:

WithQrCode

First scan the QR code:

WithQrCodeScanning

Then scan the appropriate modality when prompted:

WithQrCodeFace

Show QR code

Show QR code shows QR code of a subject to be verified with, which can be used with with qr codeWith qr code verification:

ShowQrCode

Checks

Checks operation depends on what setting is enabled (see Liveness and ICAO) default being check liveness.

CheckLiveness

Used to determine if the face behind the camera is a real person or a spoof. Ideally, if the face is real, capturing result is Success, otherwise, if printed face is used, SpoofDetected should be returned.

CheckLivenessFailed

Check ICAO

Used To achieve ICAO compliant image, user is instructed to position its face according ICAO standard. If the face does not met ICAO requirements operation will not end the capture until Timeout is reached.

Settings/Info

There are different types of settings on MegaMatcher ID Server. Settings on web demo used for debug purposes while determining most suitable parameters for users application. Can be used when Allow settings override is enabled if disabled will show info tab instead.

Info

Show basic info for the user.

InfoTab

Settings

There are different types of settings on MegaMatcher ID server, which are devided to few different tabs For more detailed explanation see here.

Capturing

SettingsCapturing

Verification

SettingsVerification

Liveness

To use Liveness you first need to enable it using the switch at the top right. Then Liveness settings will become active. Liveness custom action sequence is only used in the custum liveness mode and thus is only available when custom liveness mode is used. To enable ISO 30103-7 settings press Apply next to the parameters, you will then be prompted on what settings to use: PC or mobile. After you apply the settings, it will automatically change the appropriate parameters from the table.

SettingsLiveness

ICAO

To use ICAO you first need to enable it using the switch at the top right. Background color is only used when Remove background is enabled.

SettingsIcao

Management

To have the ability to clear database, it needs to be enable on the server settings see development properties.

SettingsManagement

Reset

SettingsReset

About

SettingsAbout