anexo 2. manual del usuario sistema descentralizado...

21
ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO PARA LA VERIFICACIÓN Y AUTENTICACIÓN DE CERTIFICADOS ACADÉMICOS UTILIZANDO LA TECNOLOGÍA BLOCKCHAIN. DAVID CAMILO SÁNCHEZ MORA FERNEY GIOVANY JEREZ VARGAS INGENIERÍA TELEMÁTICA FACULTAD TECNOLÓGICA UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS BOGOTÁ, 2018

Upload: others

Post on 22-Jul-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

ANEXO 2. MANUAL DEL USUARIO

SISTEMA DESCENTRALIZADO PARA LA VERIFICACIÓN Y AUTENTICACIÓN DE CERTIFICADOS ACADÉMICOS

UTILIZANDO LA TECNOLOGÍA BLOCKCHAIN.

DAVID CAMILO SÁNCHEZ MORA FERNEY GIOVANY JEREZ VARGAS

INGENIERÍA TELEMÁTICA FACULTAD TECNOLÓGICA

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS BOGOTÁ, 2018

Page 2: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

2

LISTA DE FIGURAS

Figura 1 Vista invitación de estudiantes ................................................................................ 3 Figura 2 Pasos para la invitación de un estudiante ................................................................ 4 Figura 3 Vista creación de certificados académicos .............................................................. 5 Figura 4 Pasos creación de un certificado académico ............................................................ 6

Figura 5 Vista principal del proyecto ..................................................................................... 7 Figura 6 Vista pasos validación de certificado ...................................................................... 8 Figura 7 Validación de certificado exitosa............................................................................. 9

Figura 8 Vista certificado invalido ....................................................................................... 10 Figura 9 Vista principal aplicación móvil ............................................................................ 11 Figura 10 Vista escaneo de códigos QR .............................................................................. 12 Figura 11 Vista escaneo código QR - dispositivo android ................................................... 13

Figura 12 Descarga del certificado académico vía navegador ............................................. 14 Figura 13 Vista inicio de sesión con GitHub ....................................................................... 15

Figura 14 Vista informativa selección de carta .................................................................... 16 Figura 15 Vista selección de carta ....................................................................................... 17

Figura 16 Vista lista de certificados académicos del estudiante .......................................... 18 Figura 17 Vista certificado académico ................................................................................. 19 Figura 18 Vista opción compartir certificado ...................................................................... 20

Figura 19 Generación de código QR .................................................................................... 21

Page 3: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

3

El administrador de la plataforma primero debe invitar estudiantes, digitando los nombres, apellidos y correo

electrónico.

Figura 1 Vista invitación de estudiantes

Fuente: autores

Page 4: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

4

Se visualizará una ventana modal la cual permite ver el proceso de invitación al estudiante. Se ejecutarán 3 pasos

• Creación del estudiante en el blockchain

• Expedición de una nueva identidad en el blockchain Envió de un correo electrónico con una tarjeta que le permitirá al estudiante ingresar a la red blockchain privada Figura 2 Pasos para la invitación de un estudiante

Fuente: autores

Page 5: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

5

El administrador puede crear certificados, seleccionando un estudiante, programa

y fecha de emisión del certificado.

En tiempo real el administrador puede ver una pre visualización del certificado a medida que selecciona o cambia los valores en el formulario.

Figura 3 Vista creación de certificados académicos

Fuente: autores

Page 6: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

6

Se visualizará una ventana modal la cual permite ver el proceso de creación del

nuevo certificado:

Se ejecutarán 5 pasos:

• Selección de los datos para el certificado

• Añadir firma digital al certificado

• Agregar el certificado firmado digitalmente al sistema interplanetario de archivos (IPFS)

• Ejecutar una transacción blockchain para añadir un nuevo certificado, indicando el hash del IPFS

Enviar un correo al estudiante notificándole de un nuevo certificado

Figura 4 Pasos creación de un certificado académico

Fuente: autores

Page 7: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

7

En la vista principal del proyecto, el estudiante puede ver el título del proyecto, y un botón que dice validar certificado, al momento de presionar el botón, el reclutador o estudiante puede subir un archivo PDF y verificar que el certificado es válido.

Figura 5 Vista principal del proyecto

Fuente: autores

Page 8: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

8

Al seleccionar un documento PDF una ventana modal se visualizara, indicando los pasos para la validación del documento PDF. Los pasos que ejecutara son los siguientes:

• Calcular Hash Local (Subir el archivo al sistema interplanetario de archivos y obtener el hash)

• Comparar el hash del archivo con el hash almacenado en el blockchain

• Verificar que la firma digital del documento sea valida

• Verificar que el documento no haya sido revocado

Figura 6 Vista pasos validación de certificado

Fuente: autores

Page 9: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

9

Al momento de seleccionar un certificado y validarlo, y en caso de que sea válido, se le indicara al usuario un link, donde puede ver el certificado y descargarlo del sistema interplanetario de archivos.

Figura 7 Validación de certificado exitosa

Fuente: autores

Page 10: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

10

En caso de que el certificado sea invalido, se le notificara al usuario en cuál de los procedimientos fallo el proceso.

Figura 8 Vista certificado invalido

Fuente: autores

Page 11: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

11

En la vista principal de la aplicación móvil se puede observar el título del proyecto y dos botones, con la posibilidad de iniciar sesión si soy estudiante con invitación, o en caso de que necesite escanear un código QR para descargar el certificado académico directamente del sistema interplanetario de archivos.

Figura 9 Vista principal aplicación móvil

Fuente: autores

Page 12: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

12

Figura 10 Vista escaneo de códigos QR

Fuente: autores

Page 13: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

13

Figura 11 Vista escaneo código QR - dispositivo android

Fuente: autores

Page 14: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

14

Figura 12 Descarga del certificado académico vía navegador

Fuente: autores

Page 15: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

15

Figura 13 Vista inicio de sesión con GitHub

Fuente: autores

Page 16: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

16

El estudiante al iniciar sesión exitosamente, podrá seleccionar la carta de invitación que se le envió al correo, esta carta de invitación es requerida cada vez que quiera ver sus certificados.

Figura 14 Vista informativa selección de carta

Fuente: autores

Page 17: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

17

Figura 15 Vista selección de carta

Fuente: autores

Page 18: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

18

El estudiante puede observar una lista de certificados en la parte vista principal después de iniciar sesión. Indicando el título del logro académico, y la fecha de emisión.

Figura 16 Vista lista de certificados académicos del estudiante

Fuente: autores

Page 19: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

19

Al pulsar sobre cualquier ítem de la lista de certificados, navego a una vista de visualización del certificado, con la opción de compartir y generar un código QR

Figura 17 Vista certificado académico

Fuente: autores

Page 20: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

20

Figura 18 Vista opción compartir certificado

Fuente: autores

Page 21: ANEXO 2. MANUAL DEL USUARIO SISTEMA DESCENTRALIZADO …repository.udistrital.edu.co/bitstream/11349/22404/... · anexo 2. manual del usuario sistema descentralizado para la verificaciÓn

21

Figura 19 Generación de código QR

Fuente: autores