APLICACIÓN WEB PARA LA ADMINISTRACION Y REGISTRO DE MIEMBROS DE UN GIMNASIO
Uriel Enrique Rea Segovia, Oziel Alberto Martínez Rea, Samuel de los Santos Ruíz, David Fernández Esparza
Facultad de Ingeniería Mecánica y Eléctrica, Universidad Autónoma de Nuevo León, Avenida Universidad s/n, Ciudad Universitaria, 66455 San Nicolás de los Garza, Nuevo
León, México
RESUMEN.
La aplicación tiene como objetivo la implementación en el gimnasio “Apolo GYM”, en el cual se utilizará para el uso de acceso a clientes, instructores y administradores, teniendo cada uno de ellos accesibilidad a diferentes opciones y manejo de sus cuentas.
El cliente mediante su cuenta, tiene la posibilidad de visualizar acerca del gimnasio, la selección de rutinas por semana, además de manejar un perfil en el cual puede tener contacto con su instructor mediante mensajes personales y solicitar facturas
La cuenta de los instructores ofrece la posibilidad de manejar su perfil, así como la interacción con los clientes ofreciendo mayor enfoque a los clientes y dar sus retroalimentaciones
Si la cuenta utilizada es de un administrador, este tiene la posibilidad de manejar la administración financiera para así obtener las ganancias totales, administración de personal manejando el registro de empleados, administración y registro de clientes, además de poder modificar rutinas, seleccionar nuevas rutinas y nuevos servicios dentro del gimnasio.
ABSTRACT.
The application aims to implement the "Apolo GYM" gym, in which it will be used for access to clients, instructors and administrators, each of them having access to different options and managing their accounts.
The client, through his account, has the possibility to visualize about the gym, the selection of routines per week, besides managing a profile in which he can have contact with his instructor through personal messages and request invoices
The account of the instructors offers the possibility to manage their profile, as well as the interaction with the clients offering greater focus to the clients and to give their feedbacks If the account used is an administrator, it has the ability to manage financial management to obtain total profits, personnel management managing the employee registry, administration and registration of clients, as well as being able to modify routines, select new routines and New services inside the gym.
PALABRAS CLAVES
Gimnasio, instructor, rutinas, clientes, factura, aplicación web, administración.
KEYWORDS
Gym, instructor, routines, clients, invoice, web aplication, management.
INTRODUCCIÓN
Debido a la problemática en el gimnasio de no tener una tecnología apropiada en la cual se tengan los datos tanto de los administradores, trabajadores, y clientes, se realiza este proyecto con la finalidad de tener un control en diferentes aspectos y además crear un ambiente en el cual el cliente tenga la facilidad de estar en contacto con los trabajadores, obteniendo así su satisfacción y crear la empatía por ello
Por lo tanto, el gimnasio puede aprovechar las capacidades que tiene de una forma optimizada y no solo que los clientes se sientan satisfechos, sino también los trabajadores del lugar para que cada uno de ellos tenga un seguimiento con sus clientes, y así los clientes tengan sus trabajos conforme a un solo instructor, brindándole sus retroalimentaciones
Este sistema tiene como objetivo poder mantener el gimnasio de una forma en la cual el administrativo pueda observar el flujo de personas, así como las finanzas del gimnasio, y en base a los datos poder tomar decisiones para poder manejar todo ordenada y sistemáticamente, así como aspirar a ser uno de los gimnasios más completos de la ciudad
DESARROLLO Requerimientos
• Apartado de administración financiera del cual el gerente pueda visualizar el flujo de efectivo (ingresos y gastos), así como enviar facturas a los clientes que deseen dicha información mediante correo electrónico en la cual provea el nombre y logo de la empresa, numero de factura, datos del cliente y una tabla en la cual venga el concepto a pagar, descripción, precio total del concepto, así como otra tabla donde se brinde la suma de los conceptos totales.
• Apartado de administración de personal en el cual se pueda visualizar información acerca de los distintos empleados tales como id, nombre, puesto, teléfono, dirección, salario y horario, visualizar a los clientes que él instruye y pueda dar una retro alimentación al cliente.
• Apartado de facilitación de información a clientes en dónde el cliente pueda registrarse mediante su correo, nombre, teléfono, genero, edad, y datos de membresía tales como,
tipo de membresía y numero de cliente. Al momento de acceder a la aplicación el cliente podrá visualizar sus rutinas diarias y también brindar noticias tanto de la empresa como de salud y ejercicio, promociones, etc.
Planeación de la interfaz
Durante la planeación, quisimos desarrollar una aplicación web para un gimnasio, en el cual se pudiera manejar distintas actividades, decidimos hacerla diferente a otras aplicaciones de una forma en que el cliente se sintiera más en contacto con sus instructores de una forma en la cual se siente más cómodo dentro del gimnasio y observara sus rendimientos, además de las actividades administrativas para el administrador, de una forma sencilla.
Base de Datos
Fueron necesarias las bases de datos para poder tener un registro de los clientes, instructores, administradores, para iniciar su sesión y observar información básica entre ellos, además de los servicios que tiene cada uno de los clientes y en base a eso seleccionar rutinas para cada uno de ellos. Además, son necesarias las bases de datos para la creación de factura, debido a la información que se requiere de los clientes y servicios para poder visualizarla correctamente. Entre otros aspectos requeridos eran los horarios de los instructores e incluso se necesitaba crear una para las notificaciones que recibirán los usuarios de la aplicación. Para realizar todas estas actividades, se utilizó el programa MYSQL.
Resultados
Los resultados de la aplicación se pueden observar en las siguientes ilustraciones. En la ilustración 2 podemos observar la página de inicio en la cual se tiene la opción de ver información acerca del gimnasio, si la persona que entra aun no es cliente, puede ver precios, contacto, ubicación, noticias y contacto para poder pedir más información. Los clientes pueden iniciar sesión una vez, hayan sido registrados por algún administrador
ILUSTRACIÓN 2 “VISTA PRINCIPAL DE LA INTERFAZ”
Al observar la ilustración 3, se puede visualizar la opción de inicio de sesión en la cual se tuvo la cuenta de elegir el tipo de usuario que entrará a su perfil, ya sea algún cliente o un instructor del gimnasio.
Decidimos crear una zona de administrador para su inicio de sesión para que solo él tuviera acceso a diferentes opciones, que se mostraran en las siguientes ilustraciones, entonces creamos una dirección para que así el administrador pueda realizar su inicio de sesión como se visualiza en la ilustración 4.
ILUSTRACIÓN 4 “ZONA DE ADMINISTRADOR”
Al ingresar en el usuario del administrador, podemos observar las opciones que tiene, además de las noticias y notificaciones que tiene como viene en la ilustración 5
Al seleccionar el icono de las notificaciones, cualquier usuario, puede observar los movimientos que se han hecho, tales como actualizaciones, creación de clientes, etc.
ILUSTRACIÓN 6 “NOTIFICACIONES”
Al ingresar a los instructores, el administrador puede observar la tabla de los instructores que se encuentran trabajando en el gimnasio, así como modificar alguna información, eliminar instructores, cambiar horarios, así como la creación de nuevos, como se puede observar en la ilustración 7 y 8
ILUSTRACIÓN 8: “DETALLES DEL INSTRUCTOR”
En la sección de clientes, el administrador tiene las mismas opciones, como en la sección del instructor donde puede observar a los clientes, aunque aquí se le asigna al cliente un instructor para que pueda tener un seguimiento más fijo y no cambiar de instructor dependiendo de la disponibilidad, igualmente se crean los clientes necesitando obligatoriamente un correo electrónico y password para poder ingresar a la cuenta.
La sección de servicios, se utiliza para poder asignar los diferentes tipos de servicio, así como una pequeña descripción para que los clientes puedan saber de qué se trata y contratarlo o no, además de información como el precio mensual y también nos sirve para realizar las facturas a los clientes
ILUSTRACIÓN 10 “SECCIÓN SERVICIOS” Herramientas Case
No. Software Versión Uso
1 Php 7.1 Programación del backend, todo lo relacionado a conexiones con base de datos, sesiones, etc.
2 Javascript EcmaScript 5 y 6 Programación frontend del sistema, todo lo relacionado a la interfaz del sistema.
3 Laravel 5.4 Framework utilizado para el desarrollo de la programación en php.
4 Vue js 2.1 Framework utilizado para la interactividad en el lado del cliente, así como la creación de componentes para la interfaz de usuario. 5 mysql 14.14 Distrib
5.7.16
Almacenamiento de registros de información. 6 Nginx 1.10.3 Utilizado como servidor de la aplicación web. 7 PhpStorm 2016.3.2 IDE utilizado para la programación.
8 Homestead 3.1.0 Box de vagrant que contiene el entorno de desarrollo utilizado como lo es Nginx, mysql y php
9 Vagrant 1.9.1 Utilizado para utilizar el box que contiene todo el entorno de desarrollo
CONCLUSIONES
David Adrián Fernández Esparza
Esta aplicación web que realizamos más que nada es para ayudar o que tenga una idea a las personas que quieren empezar a hacer ejercicio ya que algunas empiezan levantando pesas pensando que con solo levantar forjaran un buen cuerpo sin saber que esto lleva tiempo y aparte una rutina que se debe de llevar a cabo y saber que partes del cuerpo quiere trabajar para aumentar el volumen o masa muscular.
Samuel De Los Santos Ruiz
Creo que este proyecto además de ayudar en la práctica del desarrollo de un programa nos brindó una verdadera idea de cómo llevar a cabo un proyecto, y como es la realización a fondo de este, no solo se aprende acerca de lo que se está desarrollando, a lo que voy es que fundamentamos nuestros conocimientos en materia general, desde la documentación necesaria para la realización del proyecto hasta la parte de la programación de programa, creo que este programa puede ser beneficio en común, un usuario contento por lo que recibe y un administrador contento con lo que ofrece, brindando un servicio que muy poco se puede ver sin la ayuda de una persona física. Oziel Alberto Martínez Rea
Durante la realización de la aplicación pudimos desarrollar mejores conocimientos relacionados con la programación, así como el desarrollo de esta para poder realizar una innovación tecnológica, además de la importancia de realizar la documentación, ya que esta es necesaria en cualquier tipo de ámbito de estudiante, como de laboral. El proyecto se desarrolló de una manera en la cual se le puedan brindar nuevas funciones a lo largo del tiempo y no solo como una sola versión, actualizándose cuando sea necesaria para poder competir con aplicaciones de otros mercados
Uriel Enrique Rea Segovia
Este programa podrá mejorar la información de un gimnasio, que aunque este haya sido nuestro proyecto, se pudo tener el aprendizaje adecuado para realizar distintas aplicaciones, para diferentes sectores y giros de empresas que lo requieran, si bien el aprendizaje fue de forma aumentativa, buscando investigaciones, recolectando información no solo de la empresa, sino también de la información requerida para elaborar una base de datos, sobre el lenguaje de programación utilizado, se necesita el esfuerzo y la dedicación para tener niveles satisfactorios y de aprobación
BIBLIOGRAFÍA
LARAVEL. (s.f). https://laravel.com Obtenido de www.laravel.com: https://laravel.com/docs/5.4
Nikos M. (30 de mayo de 2015). www.stackoverflow.com. Obtenido de
www.stackoverflow.com: http://stackoverflow.com/questions/30461895/the-differences-between-int-and-uuid-in-mysql
Diaz S. (9 de mayo de 2017). www.developer.mozilla.org. Obtenido de www.developer.mozilla.org:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/imp ort
VUE.JS. (s.f). www.vuejs.org. Obtenido de www.vuejs.org: https://vuejs.org/v2/guide/ Otwell T. (s.f). https://laravel.com/. Obtenido de www.laravel.com
https://laravel.com/docs/5.4
ANEXOS
