Hace tiempo realicé un sistema para un gimnasio usando PHP, MySQL, Vue y Bulma. Lo volví a hacer pero esta vez usando Vuetify.
Con este sistema serás capaz de:
- Registrar usuarios
- Registrar membresías
- Registrar miembros
- Generar credencial de miembro
- Registrar pagos y visitas
Te mostraré algunas capturas y descripción del sistema, al final tendrás los enlaces para que puedas descargarlo, usarlo y modificarlo.
Te recuerdo que si deseas modificarlo en tu equipo debes tener Node.js instalado para instalar las dependencias del proyecto.
Inicio de sesión
Como en todos los sistemas que te he presentado (tres apenas), este cuenta con inicio de sesión. En este caso colocas el nombre del usuario y la contraseña. Si los datos son correctos, redirecciona al dashboard, de lo contrario indica que hay un error. Si el usuario es nuevo, deberá cambiar su contraseña y volver a iniciar sesión con la nueva contraseña.
Dashboard o página de inicio
En este apartado, verás información y graficas de los datos. Las gráficas (sparklines) y las tablas, son componentes, así que se pueden reutilizar aquí y en otras secciones del sistema.
Usuarios
El apartado de usuario es un CRUD, aquí se colocan a todos los usuarios que pueden usar el sistema. Cuando se registra a un nuevo usuario se crea una contraseña por defecto, en este caso es GimHunter123, la primera vez que acceda, deberá cambiar la contraseña.
Membresías
Las membresías son aquellas que compran los usuarios para poder utilizar los servicios que ofrece el gimnasio, tienen un periodo de tiempo y precio. Cuando llega la fecha de fin, la membresía aparece como VENCIDO, si la membresía sigue activa, se marca como ACTIVO.
Miembros
Los miembros son aquellos que se registran y adquieren una membresía.
Para registrar un miembro, se requiere su información personal, adicionalmente se pide información de algún contacto en caso de que le suceda algún accidente.
Después de registrar el miembro se genera la credencial y se pude generar la credencial o realizar el pago.
En la tabla de los miembros se elimina, edita, imprime credencial y se realizan pagos.
Credencial de miembros
Para generar la credencial del miembro, se puede hacer cuando se registra al miembro o en la tabla de los miembros, en esta aparecen los datos del miembro así como los del gimnasio
Registro de visitas
Lo más importante es el registro de visitas y los pagos. Para el primero, si el miembro no está registrado y es de esas personas que solo van una o dos veces a la semana y no necesita una membresía, se usa la vista regular. En esta parte solo se coloca el total de la visita. Así ya no necesitas membresías para este tipo de visitas.
Si el miembro está registrado, se coloca su nombre o matrícula en el buscador y se selecciona de la lista. Ahora si su membresía esta ACTIVA se puede registrar la visita, de lo contrario se debe actualizar la membresía .
Reporte de pagos
Los pagos se registran cuando el miembro es registrado o cuando se actualiza la membresía. Esto se puede hacer en la tabla de miembros o cuando se registra la visita. En el reporte de pagos, al entrar se muestran los pagos del día. Puedes filtrar por un periodo de fecha. Entre la información que se muestra se encuentra:
- Pagos de membresías: Se muestran los pagos realizados por cada membresía registrada. La VISITA REGULAR son de aquellas personas que no tienen membresía y solo pagan la visita
- Pagos realizados por usuarios.
- Miembros con mayores pagos registrados.
Reporte de visitas
Este apartado es igual que el anterior, solo que en este en vez de ver los pagos se ven las visitas de los miembros.
Configurar
Aquí se colocan los datos del gimnasio (nombre, teléfono, dirección y logo). Estos datos son los que se muestran en la credencial.
Perfil
Aquí se muestra información generada del usuario que tiene la sesión activa.
Descargar y usar el sistema
Si te ha gustado este sistema y deseas usarlos o modificarlo el código lo tienes aquí. También hice un video en el que te muestro como funciona y como descargarlo, puedes verlo aquí.
Instalar el sistema
Después de que hayas creado el sistema y copiarlo en una carpeta que se llame sistema_gimnasio en donde sirvas tus archivos, debes crear la base de datos, para esto te he dejado el esquema listo para ser importado en phpmyadmin o desde la línea de comandos, el archivo se llama sistema_gimnasio.sql. Al hacerlo te crea un usuario por defecto o como se diga que es admin y recuerda que la contraseña por defecto es GimHunter123. Al iniciar sesión por primera vez deberás cambiar esta contraseña.
Ahora solo queda que accedas a localhost/sistema-gimasio/dist
Si deseas modificarlo debes tener instalado Node.js, y para instalar las dependencias del proyecto navegas hacia la ruta donde lo tengas y ejecutas npm install, y después npm run dev. Ahora ya puedes entrar a localhost:8080.
