Documentación Proyecto de RegistrAPP

Requisitos que debes tomar en cuenta antes de utilizar el proyecto

• (1). node.js
• (2). Ionic_CLI
• (3) Realizar git clone al repositorio y luego instala las dependencias

git clone https://github.com/BrandonLCC/RegistrAPP.git o descarga del src

npm install  #Instalar dependencias
 
#Importaciónes necesarias
npm install @capacitor-mlkit/barcode-scanning@next 
npm install --save-dev @types/capacitor-camera

#Importaciones en caso de error
npm install --save-dev @types/capacitor-mlkit-barcode-scanning
npm install @capacitor-mlkit/barcode-scanning@next

npm audit fix
npx cap sync #Sincroniza los cambios 

• (4). Entrar en la carpeta con cd PcMax y Ejecutar el proyecto con: ionic serve
• (5). Ejecutar el archivo en una terminal aparte del visual estudio utilizando este comando: node database.js para activar la base de datos
• Resultado obtenido: node database.js Servidor en ejecución en http://localhost:3000

Librerias del proyecto

• (1). Para instalar la libreria se ejecuto este comando dentro del visual estudio: npm install --save-dev @types/capacitor-camera

  La libreria llamada "barcode-scanning" sirve para el escaneo de QR y codigos de barras. Esta libreria esta vinculada con un archivo llamado barcode-scanning-modal.component.ts. Este es un modal con diferentes funcionalidades como iniciar el escaneo, salir del escaneo, diseños y activación de linterna entre otras funciones.

• (2). npm install --save-dev @types/capacitor-camera

  La libreria llamada "capacitor-camera" Nos permite acceder a la camara de los dispositivos moviles.

  PD: Probablemente pueda dar errores de dependencias o vulnerabilidades por lo que debes seguir el paso 3 para instalar el proyecto correctamente.

Evidencia del consumo de API RandomUser

• Link de la api: https://randomuser.me/

  Esta API se encuentra en un servicio el cual se comunica con los demas componetes de la aplicación movil.

Conexión y Consultas síncronas y/o asíncronas

Manejo de las respuestas de manera estructurada y eficiente.

• Participación de la api dentro de las paginas

Evidencia de la integración del plugin Escaneo de código QR

• Links de referencias:

  https://www.youtube.com/watch?v=dhTLpXuYGOI

  https://capawesome.io/plugins/mlkit/barcode-scanning/

Este fue el proceso de la integración del plugin

• Se instalo la importación npm install @capacitor-mlkit/barcode-scanning@next
• Tambien debes importar npm install --save-dev @types/capacitor-camera
• Y luego sincronizamos los cambios npx ionic cap sync

Evidencia del plugin dentro del proyecto

El archivo barcode-scanning-modal.component.ts es un modal que podemos descargar y implementar en el proyecto

Aqui encontramos la comunicación entre las funcionalidades de la página pagina-alumno-3.page.ts y el archivo barcode-scanning-modal.component.ts para utilizarlo con el HTML

Las funciónes del pagina-alumno-3.page.ts integrados al HTML

Resultado final

Genera APK de acuerdo con los estándares de testing con jasmin y karma.

Pasos para realizar los testeos

• Se utiliza un servicio para realizar testeos ingresando datos validos y no validos esperando el resultado esperado, en este caso en el archivo auth.service.spec.ts

  

• Identificar los componentes a los que les realizaremos un testeo como por ejemplo: Inicio de sesión o Registro de usuario. Estos testeos se realizaron en el archivo first-page.page.spec.ts

  

• Como ultimo paso ejecutaremos en el terminal de visual Estudio el comando: ng testing y esperaremos los resultados obtenidos del testeo.

Creación del apk

• Evidencia de creación del apk

Firma de la aplicación

• Firma el APK utilizando el comandos correspondiente:

keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-key-alias

• Ubicación del archivo generado