---
# System prepended metadata

title: Mockups de Pateo Bonito

---

# Mockups de Pateo Bonito
---

## Pagina Principal
En esta pagina se puede encontrar informacion basica e importante para la pagina *Pateo Bonito*, esta informacion es publica, ademas se tiene un video de como usar la pagina y algunas funciones como pagar membresia, obtener estadisticas filtradas, etc.

![](https://i.imgur.com/gmxLhgj.png)
## Login
Se tiene un campo para correo y otro para contraseña el cual al dar el boton iniciar, nos direcciona a ala pagina principal de nuestro tipo de usuario.
![](https://i.imgur.com/TuqPaVF.png)

## Pagina Error
Esta pagina es si se redirecciona a una pagina no existente dentro del sistema de  *Pateo Bonito*
![](https://i.imgur.com/2F25IoM.png)



## Acceso Denegado
Este es por si se quiere acceder a una pagina que no es del tipo de usuario, como por ejemplo: el usuario no puede acceder a registrar empleado. Entonces entra en funcion esta pagina, o si en caso quiere acceder a una pagina pero no tienen iniciada su sesion. 

![](https://i.imgur.com/hnAYQLt.png)

## Editar perfil
Cualquier usuario que tenga acceso a ala pagina **Pateo Bonito**, podra hacer cambios en su usuario como telefono, fotografia, direccion, etc. Toda la informacion se actualiza cuando se da guardar.

![](https://i.imgur.com/MvdfJI6.png)


---
# MODULO EMPLEADO

## Editar Tecnico
Esta es una vista donde el empleado puede editar los datos del cualquier tecnio, pero primero debe de buscar que tecnico debe de cambiar los datos, de esta manera se guardan los datos y se cambia los datos en todos los lugares donde se encontraba dicho tecnico.

![](https://i.imgur.com/yWA1FFr.png)


## Editar Arbitro 
Se muestra la vista de editar arbitro, lo cual debe de buscar al arbitro primero para luego editar este arbitro y esperar los cambios en todos los partidos que estuvo.

![](https://i.imgur.com/gdHa1wy.png)


## Editar Competencia
Se muestra la vista en que se puede editar los datos de la competencia, este puede variar como el estado si esta activa o no, la fecha, el pais donde se hara, etc. Toda la informacion relevante.

![](https://i.imgur.com/3wFo2j1.png)


## Consulta de Equipo 
Solo se obtienen todos los equipos registrados en la base de **Pateo Bonito**, con toda la informacion necesaria que se nesecita saber.

![](https://i.imgur.com/tVjIqfy.png)


--- 
# MODULO ADMINISTRADOR

## Creacion de usuarios
En esta pagina el administrador creara los perfiles de los empleados que tiene *Pateo Bonito*, esto con el fin de que todos los empleados tengan acceso al sistema y hacer su trabajo, recordando que cada usuario tiene distintas actividades por hacer.
![](https://i.imgur.com/S6XTeBJ.png)

## Cambio de estados 
Este es el cambio de estado que realiza el administrador, este lo puede cambiar en cualquier de los siguientes estados:
- Alta
- Baja
- Congelada
- Eliminada

Estos estados contienen una descripcion el cual se le hace llegar al usuario que se le cambio el estado.
![](https://i.imgur.com/qHzx1Qq.png)


# Agregar Jugador
Aqui se muestra todos los datos necesarios para que un jugador sea registrado en el sistema de **Pateo Bonito**, de esta manera ya podria participar en los campeonatos con sus repectivos equipos.

![](https://i.imgur.com/1gpy3fE.png)


# Agregar Equipo
Se muestra un formulario en el cual se tienen la informacion basica y importante para que un equipo sea registrado en el sistema.

![](https://i.imgur.com/tOpcIwx.png)


# Agregar Tecnico
Se agrega un tecnico a la base de datos de **Pateo Bonito**, con su informacion basica. Para luego ser tomado como un Tecnico en un equipo.


![](https://i.imgur.com/Bn7Oslr.png)

# Agregar Arbitro
Se agrega un arbitro a la base de datos de **Pateo Bonito**, con su informacion basica. Para luego ser tomado como un arbitro en un partido o varios de la competencia.

![](https://i.imgur.com/EEv2zCi.png)


## Agregar Competencia
Se muestra el formulario para ingresar los datos para una competencia, esta informacion es guardada en la base de datos de **Pateo Bonito**, esto con el fin de que los equipos se enfrenten y disputen la copa.

![](https://i.imgur.com/sTUI7N9.png)

## Agregar Incidencias
Se muestra un formulario corto, el cual contendra el nombre de la incidencia y la descripcion de la misma, estas son cometidas por los jugadores durante un partido.

![](https://i.imgur.com/DVXSEFX.png)

## Consulta de usuarios
En la vista se puede hacer una busqueda entre todos los usuarios del sistema no importando si es cliente, administrador o empleado. Todos estan debidamente identificados
![](https://i.imgur.com/FlOypgn.png)

Tambien se puede hacer un filtrar por correo de usuario, para una busqueda mas especifica.

![](https://i.imgur.com/9wVKVQw.png)


## Reporteria
En este se muestra los distintos reportes que se pueden hacer dentro del sistemas, esto con el fin de tener informacion actual y completa de toda la informacion de *Pateo Bonito*

![](https://i.imgur.com/DpJ75gn.png)


---

# MODULO CLIENTE
## Registro en el sistema
Se muestra un formulario para que el usuario se pueda registrar en la base de datos de *Pateo Bonito*, en este se tiene toda la informacion necesaria para tener una informacion completa del usuario.

![](https://i.imgur.com/6W1hxRM.png)

## Estadisticas 
En este se muestra los distintas estadisticas de los equipos favoritos del usuario, se puede filtar por equipo, lo cual muestra toda la informacion importante de los campeonatos jugados en *Pateo Bonito*

![](https://i.imgur.com/t4B6gCG.png)
