MATERIA: PROGRAMACIÓN WEB EN

FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Requisito 0: Generar un repositorio en GITHUB con el proyecto, la definición de

tablas debe hacerla por migraciones y debe poblar la base de datos con al menos
dos usuarios de cada tipo que no sean anónimos y las tablas que se usen.

Link de nuestro repositorio en GITHUB:

https://github.com/SergioRicardo96/proyecto?
fbclid=IwAR1ydFXOmDRE_nRaEzURqHiVxuPngGi5d8BvObsU_I2vrSHhuD6btgm
OAUQ

Link de nuestro proyecto alojado en fortrabbit:

https://maxgym.frb.io/?
fbclid=IwAR3pYAOiiXViWGq416jpNQ5klZ6KQ58kGgWbgbq6uszDyOwMAxDqImL
oh8c

A continuación, podemos observar las migraciones que utilizamos en nuestro

proyecto LARAVEL y para comenzar a poblar nuestra página web nos apoyamos
de database seeder con el cual poblamos nuestras tablas users, roles y role_user

Pagina 1 de 23
MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Pagina 2 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Requisito 1: En el diseño del sistema debe usar SPA al máximo posible.

Utilizamos la mayor cantidad de posibles de SPA en nuestra página web, un

ejemplo de esto es en el inicio de sesión en cual mandamos a llamar mediante un
modal.

Pagina 3 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Cuando inicia sesión un cobrador implementamos en el CRUD de servicio el cual

no te llevará a ninguna página, todo se realizará mediante modales al dar clic en
los botones.

Igualmente, como cobrador en el apartado suscriptores todo se realiza mediante

modales al dar clic en los botones.

Pagina 4 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Como suscriptor en el apartado de servicios puedes visualizar mediante un modal

los detalles del servicio y suscribirse sin tener que cambiar de pestañas.

Pagina 5 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

ACCIONES QUE REALIZA EL ANONIMO

Requisito 1: puede ver los servicios que existen en la base de datos.

Utilizamos la siguiente función dentro del controlador de rutas para poder enviarle
la consulta de la tabla servicios mediante compact a la vista servicios.

Pagina 6 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Requisito 2: Puede crear su cuenta (ser SUSCRIPTOR)

Para poder crear este proyecto utilizamos roles para los usuarios e
implementamos Middleware. Para poder checar el rol cuando inicia sesión un
usuario utilizamos el siguiente controlador y nos dirigirá a la vista correspondiente

Cuando accedemos a welcome a la página principal o a home tenemos las

siguientes funciones dentro de nuestras rutas

Pagina 7 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

En el registro de usuario una vez validados todos los campos nos redirigirá a la
vista principal de suscriptor, utilizamos el siguiente controlador dentro de el miso
registramos en la tabla suscripción un estatus 0 para indicar que no ha pagado la
mensualidad.

Dentro de nuestro middleware tenemos el siguiente controlador donde solo

permitiremos el acceso al usuario si pertenece a algún rol de lo contrario lo
reenviara a la página de inicio, utilizamos el siguiente controlador.

Pagina 8 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Todo lo anterior lo empleamos para poder hacer nuestra página segura, como
resultado podemos observar las siguientes vistas del proceso de crear una cuenta.

En la página de inicio en la sección de iniciar sesión nos cargara un modal en el

cual tendremos habilitada la opción de iniciar sesión o registrarse, al dar clic al
botón, nos mandara a una vista con un formulario que debemos de rellenar para
poder crear nuestra cuenta.

Pagina 9 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

posteriormente si todos los datos se validaron con éxito nos mandar a siguiente
vista que es el home de suscriptor.

ACCIONES QUE REALIZA EL COBRADOR

Requisito 3: Puede crear un servicio (este debe tener al menos 3 imágenes, un

costo y un monto de mora, el recargo puede ser un porcentaje del precio o puede
ser una cantidad fija)

Para poder acceder a crear un servicio necesitamos iniciar con una cuenta que
tenga el rol de cobrador, estas cuentas son cobrador1@gmail.com
cobrador2@gmail.com y para ambas la contraseña es pasopaso.

Pagina 10 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Cuando el usuario da clic a servicios nos cargara el siguiente controlador, este

controlador lo que hace es guardar en la variable servi la consulta de la tabla
servicios y retorna a la vista cobrador servicio junto con compact una variable.

Pagina 11 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Al dar clic se desplegará el siguiente modal.

Pagina 12 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Al dar clic en guardar, cargara el siguiente controlador, para así poder crear un
servicio

Requisito 4: Puede modificar un servicio (en caso de modificación deberá de

crearse una nueva versión del servicio por cuestiones del histórico de pagos.)

Utilizando el controlador de arriba podemos modificar un servicio en este caso

como se debe de crear una nueva versión al dar clic se actualizará a una nueva
versión.

Pagina 13 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Como nos encontramos en el misma pagina solo recuperamos los datos y

mandamos a llamar el controlador anterior para poder modificar un servicio.

Requisito 5: borrado lógico aplicara para cuando se elimina un servicio

Para poder llevar acabo el borrado lógico haremos uso del softdeletes el cual
deberemos de crear una columna en nuestro servicio la cual nos permitirá hacer el
borrado lógico al llamar al controlador mediante el formulario.

Pagina 14 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Controlador

Requisito 6: Conocer un listado de suscriptores (no suscripciones) Desde el

listado de suscriptores puede conocer:

Pagina 15 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

• El Historial de pagos de algún suscriptor en especial

• Conocer la fecha en que alguien se ha suscrito a cada servicio

• Conocer los datos de perfil (nombre, dirección, rfc…)

• Si un suscriptor ya pago la última mensualidad o no

Esta es la vista para el apartado servicio, la cual tiene el controlador que nos
ayuda a devolver las consultas necesarias para poder implementar todas las
funciones.

Pagina 16 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Historial de pagos.

Conocer la fecha en la que se han suscritos a cada servicio

Pagina 17 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Conocer los datos del perfil

Si suscriptor pago la última mensualidad o no al darle clic al botón de color rojo se

registrará el pago utilizando el siguiente controlador que recibe por método post un
arreglo.

Pagina 18 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Requisito 8:

Esta es la vista y la configuración del mensaje del servicio SMTP.

Pagina 19 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

ACCIONES QUE REALIZA EL SUSCRIPTOR

Requisito 9: Conocer su estado de cuenta

Pagina 20 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Utilizamos el siguiente controlador para poder obtener la consulta correspondiente.

Requisito 11: Conocer su historial de pagos.

Utilizando el siguiente controlador para obtener la consulta necesaria.

Pagina 21 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Requisito 11: puede ver los servicios disponibles, para suscribirse

(IMPLEMENTAR ESTE REQUISITO USANDO AJAX)

Al dar clic al botón ver podremos conocer los datos del servicio gracias al
controlador que nos devolvió por compact los datos.

Al dar clic al botón suscribirse cargara el siguiente controlador quien es el

encargado de agregar la suscripción y automáticamente como si hubiera pagado

Pagina 22 de 23
 MATERIA: PROGRAMACIÓN WEB EN
FRAMEWORK
GRUPO: S8B
EQUIPO: 7
TEMA (s):
Alumno1: ()

Observación:

Es muy importante que cada controlador incluya la siguiente función para poder
ejecutarse con éxito debido al middleware implementado.

Pagina 23 de 23