Podlet-web-videollamada

Los cuestionarios que interpreta este podlet incluyen la verificación de geolocalización, la capacidad de capturar imágenes como identificación oficial, además de una videollamada con el cliente con el fin de llevar a cabo una parte del proceso de verificación de identidad.

Diagrama

Flujo de videollamada vista ejecutivo

Dependencias

Dependencias que necesita el interprete para poder funcionar de acuerdo a la validación de negocio que se necesite.

• OCR:

• Biometricos

• Twillio: es una compañía que ofrece una plataforma de comunicaciones así como de servicios en la nube proporcionando Api´s y SDK los cuales permiten desarrollar implementaciones y hacer uso de los servicios ofrecidos por la empresa.

• Api google maps

• Web Sockets

Componentes

Mapa de Google

Con la implementación del mapa de Google nos permite verificar la ubicación geográfica del cliente por medio de geocercas. En la imagen de la izquierda por medio de un círculo rojo se percibe que el cliente no se encuentra en territorio nacional y del lado derecho se verifica exitosamente la ubicación del cliente. 

Mapa indicando la ubicación geográfica

SpeechText

Este componente de material UI se ocupa para darle al ejecutivo instrucciones claras de lo que debe decirle al cliente.

SpeechText

Interfaz de videollamada

Sección de video

Este componente cuenta con varios botones para el uso de la videollamada

 1.-Botón para silenciar videollamada.
 2.-Botón de estatus de conexión.
 3.-Botón de bloqueo de cámara.
 6.-Botón de captura de de imagen que abre un modal para la vista previa.

Los siguientes botones se activan dependiendo el numero de cámaras en el dispositivo móvil:

 4.-Botón para hacer un recorrido del array de cámaras que existen en el dispositivo
 5.-Boton para hacer un cambio de cámara frontal a cámara trasera.

Modal de captura de INE

Este modal nos sirve para ver un vista previa de la captura y herramientas para girar la imagen previamente para el guardado de la imagen.

Modal de captura

Visor de Imágenes

El siguiente visor de imágenes no sirve para visualizar las imágenes capturadas por el ejecutivo las cuales al ser captura pasa por un proceso de legibilidad de imagen y lectura de biométricos.

Visor de imagenes

Servicios de OCR y Biométricos

Las capturas de biométricos pasa por un servicio de biométricos y ocr que nos ayudan a verificar si las INE cumplen con los criterios de legibilidad. Las siguientes imágenes nos muestran los mensajes de error y aprobación de las INEs.

Visor de images con mensajes de biometricos

Web sockets

El Diagrama muestra los mensajes que se envían y reciben al podlet-cvideocall para mantener la comunicación de las verificaciones y flujos de la videollamada

Flujo de web socket ejecutivo

Logs

Este servicio lleva un registro de todos los procesos, comportamiento del usuario y la comunicación del web socket entre el podlet cvideocall y videollamada. La siguiente tabla muestra por medio de fases de verificaciones los mensajes que se registran en la base de datos.

Fase	Etapa de verificaciones	Mensajes al websockets	Alternativas de error	Logs happy path	Logs de errores
Fase de Inicio	Inicio de Tarea
	conectado a web socket
	Proceso de videollamada genera token		Unable to connect to Room:		mensaje de twillio
	token obtenido, conectando a room	agent_in_call
Verificación Inicial	Verificacion: Geolocalizacion	disable_overlay
	Verificacion: Aspectos generales	disable_overlay
	Verificacion: Presentación	disable_overlay
	Verficacion: Foto INE anverso	overlay_anverso		overlay_anverso
Verificación INE anverso	Boton: Recorrido de camara	change_pos_camera
	Boton: Cambio de camara frontal-reverso	change_camera
	Boton: Snapshot
	Boton: Guardar Imagen
	Biometricos:		Error biometrico	Distancia biometricos	Error biometrico
Verificación INE reverso	Verficacion: Foto INE REVERSO	overlay_reverso		overlay_reverso
	Boton: Recorrido de camara	change_pos_camera
	Boton: Cambio de camara frontal-reverso	change_camera
	Botón: Snapshot
	Botón: Guardar Imagen
	Biometricos:		Error biometrico	Distancia biometricos	Error biometrico
Verificación SELFIE	Verificación: Foto del Solicitante	overlay_selfie
	Botón: Snapshot
	Botón: Guardar Imagen
	Biometricos:		Error biometrico	Distancia selfie biometrico:	Error biometrico
Verificación de Datos Personales	Verificacion: Validar fecha nacimiento	disable_overlay
	Verificacion: Validar Edad	disable_overlay
	Verificacion: Validar # Celular	disable_overlay
	Verificacion: Explique el pago	disable_overlay
Cierre y Resolución
	Verificacion: Cierra de videollamada	session_over		Finaliza videollamada
	Resumen de verificación			Termina resolucion final

Cuestionarios

• VERIFICACION VIDEOLLAMADA (stage 1): Este cuestionario interpreta un total de 12 verificación entre las que destaca el proceso de videollamada y validación de captura de INE y foto del cliente.
• VERIDENTI VIDEO LIGHT(stage 2): Este cuestionario interpreta un total de 10 verificaciones, a diferencia de la videollamada full este cuestionario excepto la captura de la INE y solo hace una validación de la SELFIE previamente obtenida.

Referencias

Repositorio: https://source.cloud.google.com/coa-autonomation-mx/podlet-web-videollamada

Despliegue: https://podlet-web-videollamada.web.calidad-architect.com