lOMoARcPSD|14229643

Diseño frontend. GA6-220501123-AA3-

EV01

educacion (Universidad de San Buenaventura)

Studocu no está patrocinado ni avalado por ningún colegio o universidad.
Descargado por arlinson ahumada (arlinso16@gmail.com)
 lOMoARcPSD|14229643

Diseño Frontend. GA6- 220501123-AA3-EV01

Aprendices:
Andrés Felipe Mora Suescun
Geovani Gregorio Rincón Navas
Ricardo Rodríguez Emiliani
Angi Katerin Guerrero Méndez
Luis David Correa Pacheco
Elizabeth Torres Hernández

Instructor:
José Fernando Murillo Arango

Programación de Aplicaciones y Servicios para la Nube

Ficha: 2405107

Servicio Nacional de Aprendizaje - SENA

Centro de Automatización Industrial Regional Caldas
27 de junio de 2022

Descargado por arlinson ahumada (arlinso16@gmail.com)

 lOMoARcPSD|14229643

2
Introducción

El siguiente informe muestra en detalle las pruebas realizadas al Frontend, es

importante recordar que este componente es la parte del sitio web que interactúa con
los usuarios, es decir todas las tecnologías de diseño y desarrollo web que corren en el
navegador y que se encargan de la interactividad con el cliente.

Tabla de Contenido
2

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Introducción 2
Repositorio del proyecto 4
Clonación del Frontend 4
Instalación de Angular 5
Prueba CREATE 7
Prueba UPDATE 9
Prueba VIEW 12
Prueba VIEW ID 13
Prueba de DELETE 14

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Repositorio del proyecto

Esta imagen muestra el repositorio de la aplicación Web:

Clonación del Frontend

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Instalación de Angular

La siguiente imagen muestra la creación del Frontend desde Visual Studio Code:

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Se ejecuta el servidor de Angular:

La siguiente imagen muestra lo que se visualiza dentro de la web:

Esta imagen evidencia el menú de la aplicación o proyecto desarrollado:

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Prueba CREATE

Se realiza prueba de creación de un torneo desde el CRUD:

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Al momento de registrar el torneo, se devuelve la vista de la lista de los torneos

registrados

Se verifica la creación en la base de datos MySQL:

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

Prueba UPDATE

Se realiza prueba de actualización del torneo <las estrellas del mañana= desde el CRUD:

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

10

Al momento de actualizar el torneo, se devuelve la vista de la lista de los torneos

registrados

Se verifica la actualización en la base de datos MySQL:

10

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

11

11

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

12
Prueba VIEW

Se realiza prueba de listado y visualización de los torneos desde el CRUD:

Se verifica la visualización de los torneos en la base de datos MySQL:

12

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

13
Prueba VIEW ID

Se realiza prueba de visualización de detalles de un torneo mediante su ID desde el

CRUD:

Se verifica la visualización un torneo mediante su ID en la base de datos MySQL:

13

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

14
Prueba de DELETE

Se realiza prueba de eliminación del torneo <la Liga= desde el CRUD:

14

Descargado por arlinson ahumada (arlinso17@gmail.com)

 lOMoARcPSD|14229643

15
Se verifica la actualización en la base de datos MySQL:

15

Descargado por arlinson ahumada (arlinso17@gmail.com)