Aplicación web y app para registro y reserva de canchas deportivas de fútbol en el parque Samanes

(1)

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS ADMINISTRATIVAS

TRABAJO DE TITULACIÓN PRESENTADA COMO REQUISITO PARA OPTAR

POR EL TÍTULO DE INGENIERIA EN SISTEMAS ADMINISTRATIVOS

COMPUTARIZADOS

TEMA:

APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE CANCHAS

DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES

AUTORES

Priscilla Yamileth Anchaluisa Sarmiento

Wilson Olmedo Quinto Gutierrez

TUTOR DE TESIS

Ing. Bryan Zambrano Manzur

(2)



REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍA

FICHA DE REGISTRO DE TESIS

TÍTULO:

APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE CANCHAS DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES

AUTORES:

o Priscilla Yamileth Anchaluisa Sarmiento

o Wilson Olmedo Quinto Gutierrez

REVISORES:

Ing. César Barrionuevo

INSTITUCIÓN: Universidad de Guayaquil FACULTAD: Facultad de Ciencias Administrativas

CARRERA: Ingeniería en Sistemas Administrativos Computacionales

FECHA DE PUBLICACIÓN: _{N° DE PÁGS.:}_{103 Páginas}

ÁREA TEMÁTICA:

PALABRAS CLAVES: APLICACIÓN WEB APP EVENTOS RESERVA ANDROID CANCHAS

RESUMEN: Es una propuesta tecnológica para registro y reserva de canchas deportivas de fútbol en el Parque Samanes ubicado en la ciudad de Guayaquil, al momento dicho centro deportivo no cuenta con una aplicación web ni app, sus reservas se hacen de manera manual. La importancia de desarrollar esta idea es para proporcionarle un mejor manejo a la parte administrativa y a los usuarios brindándoles un servicio cómodo y de fácil manejo.

N° DE REGISTRO(en base de datos):

N° DE CLASIFICACIÓN:

DIRECCIÓN URL (tesis en la web):

(3)

CERTIFICADO DEL TUTOR

Habiendo sido asignado mediante Oficio signado con el N°. 134-ISAC-FCA-2017 con

fecha Mayo 16 de 2017, como TUTOR DE LA TESIS DE GRADO, requisito para optar

por el título de Ingeniero en Sistemas Administrativos Computarizados presentado por los

egresados:

 Anchaluisa Sarmiento Priscilla Yamileth, con C.C. N°. 0924708795

 Quinto Gutierrez Wilson Olmedo, con C.C. N°. 0941106080

Tema: “APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE

CANCHAS DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES”

Certifico: que he asistido, revisado y aprobado el desarrollo del contenido de tesis de

pregrado en todas sus partes, considerando que está apto para su sustentación.

Atentamente,

Bryan Nagib Zambrano Manzur, Ing. Abg. M.B.A.

(4)

RENUNCIA DE DERECHOS DE AUTOR

Por medio de la presente certifico que los contenidos desarrollados en esta tesis son de

absoluta propiedad y responsabilidad de: Priscilla Yamileth Anchaluisa Sarmiento, con

c.c. # 0924708795 y, Wilson Olmedo Quinto Gutierrez, con c.c. # 0941106080 cuyo

tema es: “APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE

CANCHAS DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES”

Derechos que renunciamos a favor de la Universidad de Guayaquil, para que haga uso

como a bien tenga.

Atentamente,

PRISCILLA ANCHALUISA

CI: 0924708795

WILSON QUINTO

(5)

INFORME URKUND

El presente trabajo ha sido revisado por el programa de Urkund teniendo un porcentaje del

4 % lo cual lo hace apto para su presentación y sustentación.

Atentamente,

(6)

El Honorable Jurado Calificador

Otorga a este trabajo de Titulación

La Calificación de:

Equivalente a

:

(7)

DEDICATORIA

En primer lugar esta tesis la dedico a Dios, que me ha dado la paciencia necesaria

para poder continuar cuando a punto de dejarlo todo he estado, también a mis padres por el

apoyo y comprensión por haberme formado con buenos valores los mismos que me han

servido para seguir por el camino correcto.

A mis amigos y profesores que han contribuido en la formación humana y

profesional a lo largo de mi vida, por las enseñanzas y atenciones que contribuyeron para

seguir adelante y enfrentar a las adversidades presentadas en el camino.

(8)

DEDICATORIA

Esta tesis se la dedico a Dios quién supo guiarme por el buen camino, por darme

fuerzas para poder seguir adelante y no desmayar en los problemas que se presentaban,

enseñándome a encarar las adversidades sin perder nunca la dignidad ni desfallecer en el

intento. A mi familia quienes por ellos soy lo que soy.

Para mis padres por su apoyo, consejos, comprensión, amor, ayuda en los

momentos difíciles, y por ayudarme con los recursos necesarios para estudiar. Me han

dado todo lo que soy como persona, mis valores, mis principios, mi carácter, mi empeño,

mi perseverancia, mi coraje para conseguir mis objetivos.

(9)

AGRADECIMIENTO

En primer lugar agradezco a Dios por sus bendiciones a lo largo de nuestro camino

por darme fortaleza para seguir adelante cuando más lo necesitaba y saber poder salir

adelante con la experiencia que he adquirido en el transcurso de la vida.

También agradezco a mis padres, amigos quienes me apoyaron a seguir en mis

estudios y dándome motivaciones para poder terminar con éxitos el mismo.

Y por último agradezco al Ing. Bryan Zambrano que estuvo guiándome en el

transcurso del desarrollo de la tesis para que todo salga bien, por sus enseñanzas y

consejos del día a día.

(10)

AGRADECIMIENTO

El presente trabajo de tesis en primer lugar me gustaría agradecer a Dios por

bendecirme para llegar hasta donde he llegado. A la Universidad de Guayaquil por darme

la oportunidad de estudiar y ser un profesional.

A mi tutor de tesis, Ing. Bryan Zambrano por su esfuerzo y dedicación, quien con

sus conocimientos, su experiencia, su paciencia y su motivación ha logrado en mí que

pueda terminar mis estudios con éxito.

También me gustaría agradecer a mis profesores durante toda mi carrera

profesional porque todos han aportado con un granito de arena a mi formación, y en

especial a mis profesores, Ing. Raúl Hurel, Ing. César Vallejo y Eco. Felix Chang por sus

consejos, su enseñanza y más que todo por su amistad.

(11)

ÍNDICE GENERAL

ÍNDICE GENERAL ... IX

ÍNDICE DE FIGURAS ... XIII

ÍNDICE DE GRÁFICOS ... XV

1.3.2 Objetivos Específicos. ... 4

1.4 Justificación ... 4

1.5 El propósito del estudio ... 4

CAPITULO 2 ... 5

2. MARCO TEÓRICO ... 5

2.1 Casos de Estudio ... 5

2.2 Marco Contextual ... 9

2.2.1 Situación actual. ... 9

2.3 Base de Datos ... 10

2.3.1 MySQL. ... 10

2.3.2 ¿Por qué usar MySQL? ... 10

2.4 Lenguajes de Programación... 10

2.4.1 Java. ... 10

2.4.2 JavaScript. ... 11

2.4.3 Php. ... 11

2.5 Servidor de Aplicación Web ... 11

(12)

2.6 Marco Legal ... 11

2.6.1 Funcionalidades. ... 11

2.6.2 Menores. ... 11

2.6.3 Derechos propios y de terceros. ... 12

2.6.4 Licencias y condiciones de uso. ... 12

2.6.5 Información y permisos. ... 12

2.6.6 Política de Cookies. ... 12

2.6.7 Publicidad. ... 12

CAPITULO 3 ... 13

3. DISEÑO METODOLÓGICO ... 13

3.1 Tipo de Estudio ... 13

3.1.1 Investigación Exploratoria. ... 14

3.1.2 Investigación Aplicada. ... 14

3.2 Población y Muestra ... 14

3.3 Técnicas de Recolección de Datos ... 18

3.3.1 La observación. ... 18

3.3.2 Encuesta. ... 18

3.4 Modalidad de la Investigación ... 19

3.4.1 Documental. ... 19

3.4.2 De Campo. ... 19

3.5 Procesamiento de Datos ... 20

3.6 Análisis e Interpretación de los Resultados ... 29

CAPITULO 4 ... 30

4. PROPUESTA ... 30

4.1 Título de la Propuesta ... 30

4.2 Objetivo de la Propuesta ... 30

4.3 Justificación de la Propuesta... 30

4.4 Descripción de la Propuesta ... 31

4.5 Diseño de Página Web ... 37

4.5.1 Página de Inicio de Sesión. ... 37

4.5.2 Página de Inicio. ... 37

(13)

4.5.4 Página de Eventos. ... 38

4.6 Diseño del Aplicativo ... 39

4.6.1 Página de Registro de Usuario... 39

4.6.2 Menú del Aplicativo. ... 39

4.6.3 Página de Reservas de Canchas y Selección de Horario. ... 40

4.7 Herramientas para el Desarrollo de la Aplicación Web ... 41

4.7.1 NetBeans. ... 41

4.7.2 WampServer. ... 41

4.7.3 Composer. ... 41

4.7.4 Postman. ... 41

4.7.5 MySQL Workbench. ... 42

4.7.6 Laravel. ... 42

4.8 Herramientas Para el Desarrollo de la Aplicación Móvil ... 42

4.8.1 Android Studio. ... 42

4.8.2 Características de Android Studio. ... 43

4.9 Beneficios de la Aplicación Para el Administrador... 43

4.10 Ventajas de la Aplicación Móvil Para el Usuario... 43

4.11 Arquitectura ... 44

4.12 Foda. ... 45

4.13 Casos de Uso ... 46

4.13.1 Caso de Uso del Usuario. ... 46

4.13.2 Caso de Uso del Administrador ... 47

4.14 Costos Del Desarrollo ... 48

4.15 Cuadro Comparativo de Plataformas de Desarrollo ... 49

4.16 Impactos de la Propuesta ... 50

4.16.1 Impacto Social. ... 50

4.16.2 Impacto Ambiental. ... 50

4.16.3 Impacto Económico. ... 51

4.16.4 Impacto Tecnológico. ... 51

CONCLUSIONES ... 52

RECOMENDACIONES ... 53

(14)

GLOSARIO ... 55

ANEXOS ... 56

CRONOGRAMA DE ACTIVIDADES ... 56

MANUAL DE ADMINISTRADOR ... 57

MANUAL DE USUARIO ... 61

MANUAL DE INSTALACIÓN Y EJECUCIÓN DEL PROYECTO ... 65

CARTA DIRIGIDA AL PARQUE SAMANES ... 78

CARTA DE AUTORIZACIÓN ... 80

(15)

ÍNDICE DE FIGURAS

Ilustración 1 Pantalla de la aplicación ¿Dónde Juego?... 6

Ilustración 2 Pantalla de la aplicación "Cancheros" ... 8

Ilustración 3 MySQL ... 10

Ilustración 4 Tipo de Estudio ... 13

Ilustración 5 Fórmula de población finita... 15

Ilustración 6 Cálculo de población finita ... 15

Ilustración 7 Horas de las canchas ocupadas a la semana ... 16

Ilustración 8 Menú de la página web (administrador) ... 31

Ilustración 9 Menú del aplicativo móvil ... 32

Ilustración 10 Modelo Entidad- Relación ... 33

Ilustración 11 NetBeans... 34

Ilustración 12 Laravel ... 34

Ilustración 13 Android Studio 2.3.3 ... 35

Ilustración 14 WampServer ... 35

Ilustración 15 Inicio Administrador Web ... 36

Ilustración 16 Inicio del aplicativo ... 36

Ilustración 17 Diseño de página de inicio sesion (administrador) ... 37

Ilustración 18 Gráficos estadísticos ... 37

Ilustración 19 Página de reservaciones activas de canchas ... 38

Ilustración 20 Página de Eventos (Administrador)... 38

Ilustración 21 Pantalla de registro de usuario ... 39

Ilustración 22 Pantalla de menú del aplicativo ... 39

Ilustración 23 Selección de cancha ... 40

Ilustración 24 Pantalla de selección de fecha de reservación ... 40

Ilustración 25 Android Studio ... 42

Ilustración 26 Arquitectura ... 44

Ilustración 27 Foda ... 45

Ilustración 28 Caso de uso del usuario ... 46

Ilustración 29 Caso de uso del administrador ... 47

Ilustración 30 Cálculo de Presupuesto... 48

(16)

ÍNDICE DE TABLAS

Tabla 1 Tamaño de la muestra ... 15

Tabla 2 Técnicas de Recolección de Datos ... 18

Tabla 3 Edad de los Encuestados ... 20

Tabla 4 Género de los Encuestados ... 21

Tabla 5 Frecuencia de visita al Parque Samanes ... 22

Tabla 6 Actividades deportivas junto con su familia o amigos ... 23

Tabla 7 Tiempo de reserva de cancha ... 24

Tabla 8 Inconvenientes al momento de reservar canchas... 25

Tabla 9 Servicio de reservas de canchas sintéticas de fútbol en el parque samanes ... 26

Tabla 10 Aceptación del uso de un aplicativo para reservas de canchas ... 27

(17)

ÍNDICE DE GRÁFICOS

Gráfico 1 Reservaciones por cancha ... 16

Gráfico 2 Reservaciones por día ... 17

Gráfico 3 Edad de los encuestados ... 20

Gráfico 4 Género de los encuestados ... 21

Gráfico 5 Frecuencia de visita al Parque Samanes ... 22

Gráfico 6 Actividades deportivas junto con su familia o amigos ... 23

Gráfico 7 Tiempo de reserva de cancha ... 24

Gráfico 8 Inconvenientes al momento de reservar canchas ... 25

Gráfico 9 Servicio de reservas de canchas sintéticas de fútbol en el parque samanes ... 26

Gráfico 10 Aceptación del uso de un aplicativo para reservas de canchas ... 27

(18)

ÍNDICE DE ANEXOS

Anexo 1 Cronograma de actividades ... 56

Anexo 2 Pantalla incio administrador ... 57

Anexo 3 Pantalla de ingreso administrador ... 57

Anexo 4 Pantalla de recuperación de clave ... 58

Anexo 5 Pantalla de estadísticas (Administrador) ... 58

Anexo 6 Gráfico por edades (Administrador) ... 59

Anexo 7 Pantalla de reservas manejada por el administrador ... 59

Anexo 8 Pantalla de eventos (Administrador) ... 60

Anexo 9 Pantalla de Locales (Administrador) ... 60

Anexo 10 Login Usuario ... 61

Anexo 11 Registro datos usuario ... 61

Anexo 12 Pantalla inicio usuario ... 62

Anexo 13 Menú del aplicativo... 62

Anexo 14 Pantalla eventos (Usuario) ... 63

Anexo 15 Pantalla locales (Usuario) ... 63

Anexo 16 Pantalla de canchas ... 64

Anexo 17 Selección de horario ... 64

Anexo 18 Mensaje de reservación activa ... 64

Anexo 19 Instalación MySQL(Paso1) ... 65

Anexo 20 Instalación MySQL (Paso 2) ... 65

Anexo 24 Pantalla de configuraciones de instalación de MySQL ... 67

Anexo 25 Verificación de clave de base de datos ... 68

Anexo 26 Finalización de la instalación de MySQL ... 68

Anexo 27 Pantalla de ejecución de MySQL Workbench ... 69

Anexo 28 Pantalla de opción de management ... 69

Anexo 29 Pantalla principal de bienvenida de instalación Laragon (Paso1) ... 70

Anexo 30 Instalación Laragon (Paso 2) ... 70

Anexo 33 Icono acceso directo de Laragon... 72

Anexo 34 Pantalla de ruta de proyecto ... 72

Anexo 35 Pantalla de inicio al abrir el programa Laragon ... 72

Anexo 36 Pantalla para abrir el proyecto en Laragon ... 73

Anexo 37 Pantalla de consumo de servicios de la aplicación móvil ... 73

Anexo 38 Pantalla principal de bienvenida de instalacion Laragon Android Studio ... 74

Anexo 39 Instalación Android Studio (Paso 1) ... 74

Anexo 40 Instalación Android Studio (Paso 2) ... 75

Anexo 41 Pantalla de descarga de componentes de Android Studio (Paso 3) ... 75

Anexo 42 Finalización de instalación de Android Studio ... 76

Anexo 43 Pantalla de muestra de la App ... 76

Anexo 44 Pantalla para ejecución del proyecto... 77

Anexo 45 Carta para el Parque Samanes (Parte 1) ... 78

Anexo 46 Carta para el Parque Samanes (Parte 2) ... 79

Anexo 47 Carta de Autorización Parque Samanes (Parte 1) ... 80

(19)

RESUMEN

Título del Proyecto: APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE

CANCHAS DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES

El presente proyecto se ha elaborado con la finalidad de crear una aplicación web y

App de reservas de canchas en la ciudad de Guayaquil el cual permitirá a los usuarios

optimizar su tiempo evitando hacer largas filas, esta idea surgió debido a la experiencia

vivida de los autores en el lugar, en donde se realizan actividades deportivas.

Nuestros principales clientes son los jóvenes quienes se hayan más involucrados en

actividades deportivas, tendremos una interfaz amigable de acceso fácil, para realizar

nuestro estudio de investigación se realizaron encuestas a los deportistas de esta manera se

determinó con estadísticas los resultados, a través del análisis se determinaron fortalezas,

oportunidades, amenazas y debilidades.

También hablaremos sobre las bases teóricas de la investigación ya que es muy

importante aclarar los principales temas con lo que trabajamos en el desarrollo del

proyecto.

Podrán observar detalladamente como resultaría nuestra aplicación además de

mostrarle una versión beta de la App. Sin olvidar que nuestro objetivo principal es

satisfacer a nuestros clientes respecto hacia la disponibilidad de la reserva de canchas

deportivas.

AUTOR(es): Anchaluisa Priscilla Yamileth

Quinto Wilson Olmedo

(20)

ABSTRACT

The present project has been elaborated by the purpose of creating a web

application and App of reservations of fields in the city of Guayaquil which will allow to

the users to optimize his time avoiding to do long rows, this idea arose due to the

experience lived of the authors in the place, where sports activities are realized.

Our principal clients are the young persons who have more interfered in sports

activities, we will have a friendly interface, of easy access, to realize our study of

investigation surveys were realized to the sportsmen hereby one determined with statistics

the results, the analysis identified strengths, opportunities, threats and weaknesses.

Also we will speak on the theoretical bases of the investigation since it is very

important to clarify the principal topics with what we are employed at the development of

the project.

You will be able to see in detail how our application would turn out as well as

show you a beta version of the App. Not forgetting that our main objective is to satisfy our

customers regarding the availability of the reserve of sports fields.

AUTHORS: Anchaluisa Priscilla Yamileth

Quinto Wilson Olmedo

(21)

CAPITULO 1

1. INTRODUCCIÓN

El presente proyecto surgió en base al crecimiento exponencial de la población de

Guayaquil para realizar actividades deportivas en las áreas verdes, el gobierno autónomo

de la ciudad de Guayaquil ha dedicado a construir algunos parques de esparcimiento,

buscando brindar más espacios verdes a la ciudad de Guayaquil.

El gobierno central entro en una fase de construcción de espacios verdes entre estos

se encuentra el Parque Samanes el cual cuenta con 851 hectáreas, lo que lo convierte en el

tercer parque más grande de Latinoamérica.

En vista de este crecimiento abrumador de personas buscando lugares de

esparcimiento en áreas verdes, adicional de las personas que desean realizar actividades

deportivas; el parque samanes a la actualidad a presentado estas alternativas de desarrollo

deportivo teniendo entre sus espacios canchas para la práctica de varias disciplinas entre

estas la de mayor incidencia es el fútbol.

Por tal razón el presente proyecto incidirá en el proceso de reserva de canchas

deportivas en el parque samanes para ver un desarrollo más dinamizado del proceso de

reservas de las mismas entre el público asistente a tan emblemático parque, creando así un

(22)

1.1 Antecedentes

El parque Samanes se creó en el año 2010 en la ciudad de Guayaquil se encuentra

ubicado en la Avenida Francisco de Orellana y calle Teodoro Alvarado Olea, como un

centro deportivo de recreación dedicado a realizar varias disciplinas deportivas, su

características principal consiste en brindar lugares que permitan realizar actividades

deportivas para el bienestar de la salud de la población de Guayaquil.

En vista de la ausencia de espacios de esparcimientos verdes en acción del

gobierno central y como parte del proyecto gubernamental Guayaquil Ecológico, se

construyó el Parque Samanes el cual con su diversidad de esparcimientos consta de 57

canchas deportivas para varias disciplinas como el futbol, básquet, tenis, handball entre

otras además de un estadio de fútbol nombrado Christian Benítez en honor del futbolista

ecuatoriano, además cuenta con pistas para trotar hechas con caucho reciclado, ciclo vías,

áreas de camping, áreas de juegos infantiles y máquinas para hacer ejercicios aeróbicos.

Consta de siete edificios para el funcionamiento de entidades públicas las cuales

son los ministerios del Deporte, Cultura, Ambiente, Telecomunicaciones y Fedeguayas,

Asoguayas y la Empresa Pública de Parques Urbanos y Espacios Públicos. Consta con una

plaza de eventos con capacidad de 150.000 personas, posee tres lagunas de las cuales dos

de ellas pueden alimentar a los peces y en la otra laguna se puede pasear en botes de

pedales con su respectivo valor de alquiler el tiempo de duración es de 25 minutos y cuesta

4 dólares , además también posee una concha acústica la cual tiene una capacidad para

10.000 personas, posee una área multifuncional que sirve como estacionamiento, los días

más visitados son los días viernes, sábados y domingos, con una media de permanencia de

una persona de dos horas, el horario de apertura empieza a las 6:00 hasta las 23:00 de

(23)

1.2 El Problema

En el Parque Samanes existen múltiples canchas para realizar diferentes

actividades deportivas entre estas el fútbol, para practicar dicho deporte existen dos tipos

de canchas las que se realizan por reservaciones gratis y las alquiladas que son canchas

reglamentarias en base a la mayor demanda que existe en la reservaciones de canchas

gratis se decidió crear una aplicación.

En vista del aglutinamiento de las personas que acuden al Parque Samanes a

realizar varias actividades deportivas, se han observado problemáticas para la reserva de

las canchas de fútbol de césped por medio de las cuales se origina un atestamiento debido

a la aglomeración de las personas, además de la falta de organización para la reserva de las

mismas. Como consecuencia hemos encontrado las siguientes anomalías:

 Registro manual de reservas

 No posee una base de los registros digitalizados

 No tiene un control detallado del uso de las canchas.

Lo cual produce un cuello de botella que con lleva a tener varios conflictos entre

las personas que acuden al Parque Samanes a realizar actividades deportivas, sobre todo el

fin de semana que son los días de mayor afluencia.

1.3Objetivos

1.3.1 Objetivo General.

Desarrollar una aplicación web y App en el Parque Samanes permitiéndoles

optimizar el tiempo tanto de la administración como de los usuarios en la reserva de

(24)

1.3.2 Objetivos Específicos.

 Analizar los procesos de asignación de canchas para los usuarios.

 Evaluar las mejores herramientas tecnológicas que me permitan desarrollar el

aplicativo.

 Levantar información e identificación de problemáticas por medio de usuarios y

administrador en el proceso de asignación de canchas.

1.4 Justificación

El presente proyecto está orientado hacia un bien social para las personas que

desean hacer deporte en la ciudad de Guayaquil, con el fin de mejorar los procesos

actuales de asignación de canchas en los parques de esparcimientos específicamente del

parque samanes.

Este parque de esparcimiento que se destaca por recibir día a día a gente tanto

nacional como internacional por sus diversos espacios de recreación para realizar diversas

actividades entre estas las deportivas como el fútbol, requieren de una organización más

exhaustiva debido a la falta de control para la asignación de dichas canchas; creando en

los fines de semana que existe mayor cantidad de afluencia de personas desorden al

momento de solicitar por parte de los usuarios una cancha.

1.5 El propósito del estudio

El propósito del presente estudio es el de llegar a tener la información necesaria

para poder llegar al desarrollo de un aplicativo web y móvil para mejorar el proceso de

(25)

CAPITULO 2

2. MARCO TEÓRICO

2.1 Casos de Estudio

Según la investigación realizada a continuación detallaremos aplicaciones de

asignación de canchas de algunos países y mencionaremos algunos parámetros referentes

investigados que nos ayudaran en la sustentación para el desarrollo de este proyecto, como

primer caso tenemos:

Según (Centurión, 2016):

Fue creado a mediados de Diciembre en la provincia de Santa fe - Argentina por

Jerónimo Sola acompañado de sus socios Faustino Gagneten y Franco Zini, una aplicación

denominada ¿Dónde Juego?, este proyecto se dio gracias a la experiencia vivida por los

propios autores del desarrollo del aplicativo, es decir que el tiempo para reservar una

cancha en el horario que deseaba tardaba horas inclusive realizaba llamadas pero en varias

ocasiones no había ninguna disponible, esas razones con llevaron a buscar la manera de

simplificar el proceso a través de las tecnologías existentes.

Se basaron en la experiencia que tenían de sus trabajos, además del apoyo por

internet, y la programación adquirida en sus respectivas facultades, se organizaron de

manera ordenada y comenzaron el desarrollo del aplicativo para teléfonos celulares y

tablets. “Cuando se empieza a pensar un proyecto hay que pautar varias cosas, como en

qué lenguaje se va a programar, qué tecnologías se van a usar, cuál es el alcance de

personas pretendido, y demás cuestiones”, explicó Sola

En vista de esto contaron con un abogado para tener los derechos de autor del

aplicativo y poder registrar la idea por el motivo de que no se encontraba ningún desarrollo

(26)

Realizaron el levantamiento de información de los complejos de futbol que existen

en la ciudad y alrededores, luego de esto establecieron contacto con los administradores

para explicarles cómo funciona y a través de una cuenta especial puedan administrar los

servicios que ofrecen.

Las características principales del aplicativo son:

 Realizar la reserva con diez días de anticipación.

 Cancelar hasta una hora y media antes del horario solicitado.

 Si la persona no asiste y no cancela el turno reservado los administradores

pueden marcar a ese usuario con una calificación negativa.

 La aplicación se puede utilizar en dispositivos con sistema operativo

Android 4.0 en adelante.

Los resultados obtenidos durante las dos semanas de iniciada la liberación de la

aplicación fue positiva, el proyecto se expandió rápidamente en muy poco tiempo y cuenta

con más de 400 usuarios que se registraron para poder hacer la reserva del turno a través

del sistema.

(27)

En el siguiente caso tenemos una aplicación llamada “Cancheros” fue presentada

en el evento ONE Coworking Cuenca, por una empresa dedicada al desarrollo de software

(SAIOS- Sistema y aplicaciones en un solo servicio). Los propietarios de SAIOS son

Franklin Santillán, Martín Yánez, Juan Carlos Jaramillo, Rafael Gallardo y Pedro Gil.

Según (Anónimo, 2016):

“Cancheros” fue desarrollada en Bluemix de IBM, plataforma de desarrollo de

aplicaciones en la Nube, de fácil administración y mantenimiento cuenta con un sistema de

reserva de canchas de futbol.

La posibilidad de escalar hizo que Bluemix sea la plataforma ideal para sobrellevar

el crecimiento que requiere un sistema que hoy soporta las reservas de canchas de futbol

en una sola ciudad y que aspira a tener una base de datos que incluya las canchas de futbol

de todo el país.

¨La idea nació por la pasión que sentimos los jugadores de fútbol. Muchas veces es

difícil conseguir cancha en el horario y el día programado para el partido. Ahora con

“Cancheros” los jugadores pueden ver todas las opciones de canchas y optar por la mejor,

de forma muy sencilla y ágil” explicó el ingeniero Juan Carlos Jaramillo, CEO de SAIOS.

Brinda al usuario comodidad para realizar la reserva desde su celular evitando las

incomodidades que atrae al momento de ir personalmente encontrado a su vez un

atestamiento debido a la aglomeración de las personas, esta aplicación está compuesta por

12 canchas en la ciudad de Cuenca, se encuentra disponible para IOS y Android.

"Dada la demanda que existe por parte de jugadores amateur en esta ciudad y la

falta de un canal de comunicación directo con los dueños de las canchas, vimos la

(28)

Las características que resaltan está aplicación son:

 Comunicación en doble vía tanto para el administrador de la canchas como

para los usuarios.

 Reservas en tiempo real

 Por parte del administrador de la cancha, se recibirán notificaciones que

dejarán saber sobre la actividad y requerimientos que sus clientes tengan.

 No es una aplicación pesada

 Cuenta con un servidor en la nube que almacena toda la información y no

se queda alojada en los teléfonos celulares ni del usuario, ni del dueño de la

cancha.

Los resultados obtenidos de la aplicación durante los dos meses a partir de su

lanzamiento fueron de gran éxito contaba con más de 1000 descargas y 120 reservas de

canchas inclusive esperan sumar nuevos servicios como por ejemplo armar equipos entre

jugadores que no se conocen.

(29)

En vista de que estos casos expuestos dentro de este trabajo que presentaron

condiciones muy similares a las presentadas en el parque samanes nosotros vamos a

analizar la posibilidad de aplicar una propuesta en este espacio para esto necesitamos

levantar información mediante la cual tendríamos aceptación o negación por parte de los

usuarios una vez levantada esta información.

2.2 Marco Contextual

Usuarios son las personas deportistas o clubes deportivos a quienes va dirigida

nuestra aplicación son los que van a usar los servicios que ofrece la aplicación de reservas.

Un target de la aplicación es para personas que realicen actividades deportivas y están en

un intervalo de 18 años de edad en adelante.

Lugar es el área recreativa de deportes la cual tendrá canchas a su disposición para

ser reservadas, el sector para la aplicación es parque samanes, el cual cuenta con la

disposición del lugar.

Local son los lugares cercanos a las canchas deportivas que ofrecen algún tipo de

servicio y pueden ser una fuente de ingreso para el costo de mantenimientos de la

aplicación brindándoles un espacio de publicidad, que promocionen sus locales.

2.2.1 Situación actual.

Actualmente el sistema de reservas funciona mediante métodos poco

automatizados, como el método presencial en el que se debe ir a reservar directamente en

el establecimiento. Lo cual no brinda ningún tipo de comodidad ni agilidad en el proceso

(30)

2.3 Base de Datos

Ilustración 3 MySQL Fuente: (Luke & Thomson, 2005)

2.3.1 MySQL.

Es una base de datos estructurada de código abierto y la más popular del mundo,

por su buen rendimiento, facilidad de uso y confiabilidad, es una de la más utilizada por

web como YouTube, Facebook y twitter.

2.3.2 ¿Por qué usar MySQL?

MySQL nos permite trabajar de forma ordenada nuestras tablas es decir recopila

los datos en diferentes tablas en lugar de colocar todos los datos en una sola. Esto significa

una gran ayuda al momento de buscar algún dato.

Trabajar con MySQL es muy importante fue desarrollado para trabajar con bases

de datos grandes en la actualidad su rapidez, conectividad y un sin número de ventajas de

funciones lo hacen ser adecuado para trabajar.

2.4Lenguajes de Programación

2.4.1 Java.

Lenguaje estructurado que ofrece seguridad al momento de programar siendo uno

(31)

2.4.2 JavaScript.

Es el lenguaje interpretado más utilizado, principalmente en la construcción de

páginas Web, con una sintaxis muy semejante a Java y a C. (Flanagan, 2007)

2.4.3 Php.

Es un lenguaje interpretado libre, usado solamente para el desarrollo de

aplicaciones presentes y que actuaran en el lado del servidor, capaces de generar contenido

dinámico en la World Wide Web. (Arias, 2017, pág. 13)

2.5Servidor de Aplicación Web

2.5.1 Apache.

Es un servidor web HTTP de código abierto para la creación de páginas y servicios

web, gratuito que destaca por su seguridad y rendimiento. Fueron Brian Behlendorf y Cliff

Skolnick quienes a través de una lista de correo coordinaron el trabajo y lograron

establecer un espacio compartido de libre acceso para los desarrolladores. (Cases, 2014)

2.6Marco Legal

2.6.1 Funcionalidades.

Para tener una mejor funcionalidad y manejo de nuestro aplicativo debemos

informar a los usuarios sobre lo que pueden hacer o no desde la app o página web, de esta

manera ayudamos a adquirir el conocimiento necesario para el manejo de las mismas.

(Mocholí, 2014)

2.6.2 Menores.

Antes de lanzar nuestra aplicación debemos tener en cuenta a quien va dirigida y a

qué edad para que así, si son menores de 14 años debemos consultar las obligaciones

(32)

2.6.3 Derechos propios y de terceros.

Es muy importante tener en cuenta las licencias de los programas que utilizaremos

para el desarrollo de aplicaciones además de no pasar por alto las condiciones evitando

sanciones, debido a esto es necesario leer detenidamente cada uno de los puntos explícitos

al momento de utilizar o instalar los programas que nos permitirán desarrollar las

aplicaciones o páginas web. (Mocholí, 2014)

2.6.4 Licencias y condiciones de uso.

Al momento de realizar las licencias y condiciones de uso debemos tener en cuenta

el poder de eximirnos de mayores responsabilidades para así evitar que puedan reclamar

después, por el mal uso que realicen de las páginas web y aplicaciones. (Mocholí, 2014)

2.6.5 Información y permisos.

Debemos ser claros con la información que se solicite en las aplicaciones que se

ejecutan de dispositivos móviles muchas veces puede ser para acceder a los contactos o

datos para cancelar pagos. (Mocholí, 2014)

2.6.6 Política de Cookies.

Se debe informar la utilización de cookies implicando un conocimiento sobre el

uso de estos que sean necesarios en páginas web, para una mejor aceptación de los mismos

también se incluyen en las descargas de aplicaciones móviles. (Mocholí, 2014)

2.6.7 Publicidad.

La publicidad es uno de los mayores elementos utilizados al momento de generar

ingresos, pero también depende de las diferentes técnicas que utilicen los tipos de

empresas, algunas resultan más llamativas o con mejor aceptación que otras, pero todo eso

(33)

Exploratoria

Aplicada

CAPITULO 3

3. DISEÑO METODOLÓGICO

El diseño metodológico se caracteriza por ser un conjunto de procedimientos que

se hacen de forma clara y concisa en cada una de las etapas de la investigación, esto ayuda

a determinar qué instrumentos se van a utilizar para analizar las diferentes estadísticas que

se encontraran en el tipo de metodología a aplicar.

De acuerdo al proyecto a desarrollar, nuestro público objetivo son los jóvenes

deportistas, equipos de fútbol, aquellos que también poseen celulares con acceso a internet,

principalmente aquellos que reservan las canchas de fútbol, ellos son a quienes se le

realizaron encuestas previas para obtener resultados de nuestra propuesta.

Más adelante se detalla los resultados obtenidos de cada pregunta realizada en el

Parque Samanes cada una con sus respectivos análisis respecto a la misma, gráficos y todo

referente a la buena elaboración de las 9 preguntas realizadas, para obtener deducciones de

los diferentes puntos de vista de cada encuestado.

3.1 Tipo de Estudio

Ilustración 4 Tipo de Estudio

(34)

3.1.1 Investigación Exploratoria.

Realizaremos un conjunto de antecedentes referente al tema de proyecto y otorgar

soluciones que se puedan realizar en futuras investigaciones además procederemos a

documentar resultados que me va otorgando la investigación respectiva.

En este tipo de investigación buscamos información que nos guie en buscar las

mejores herramientas para el buen desarrollo del proyecto ya sea por medio de libros,

canales de YouTube, información en internet además del conocimiento adquirido en el

transcurso de nuestra etapa universitaria, cada uno de estos elementos contribuyen para un

buen desarrollo del aplicativo.

3.1.2 Investigación Aplicada.

En este proyecto nosotros utilizaremos para cumplir nuestros objetivos la

investigación aplicada es decir que mediante nuestros conocimientos adquiridos realizar

un proyecto práctico y útil para la vida de la civilización humana. Ser capaz de proyectarlo

e idear la mejor forma de aplicarlo a la vida real, con fin de mejorar el bienestar humano, a

través de aplicaciones útiles.

Este tipo de investigación se basa en tener una relación directa entre la teoría y el

producto a realizar, además de apoyarse en el conocimiento humano, está sumamente

inclinada hacia el bien de la sociedad.

3.2 Población y Muestra

Para el cálculo de la muestra se realizó una investigación acerca de la población de

los deportistas del parque samanes específicamente el área de espacios verdes, seguido de

esto se realizó una fórmula de población finita para saber cuántos del total tendremos que

(35)

Tabla 1 Tamaño de la muestra

Tamaño de la Muestra 184

Total de Población (N) 1983

Seguridad (Za) 1.96

Proporción Esperada (p) 0,05

Q=1-p 0,95

Precisión (d) 0.03

Elaborado por: Priscilla Anchaluisa y Wilson Quinto Agosto 2017

Ilustración 5 Fórmula de población finita Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Ingreso de parámetros

Ilustración 6 Cálculo de población finita

(36)

En la siguiente ilustración pueden observar la columnas de canchas y en la posición

de filas los días de la semana como referencia para elaborar los gráficos tomamos una

semana como ejemplo, el rango máximo de horas es de 17 y el mínimo 1 según lo que se

muestra en el gráfico son las horas que están ocupadas además cabe recalcar que nuestra

población consta de un total de 1983.

Ilustración 7 Horas de las canchas ocupadas a la semana Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 1 Reservaciones por cancha

Elaborado por: Priscilla Anchaluisa y Wilson Quinto Cancha 1; 113

Cancha 17; 107Cancha 18; 108

(37)

En el gráfico se muestra las reservaciones en las 18 canchas, en la cancha 5 posee

el mayor número de reservas con un total de 116 seguido de la cancha 4 con un número de

114 reservas, mientras que las canchas 1 y 6 se encuentran con un número de 113

reservaciones, las canchas 3 y 9 con 112 reservas, luego con un número de 111 reservas

por cancha se encuentra la cancha 8, seguido de la cancha 2 con 110 reservas y las canchas

7, 10 y 11 con 109 reservas, luego con 108 reservas se encuentran las canchas

12,13,14,15,16 y 18 por último con un número menor de 107 reservaciones la cancha 17.

Gráfico 2 Reservaciones por día

Elaborado por: Priscilla Anchaluisa y Wilson Quinto

En este gráfico se detalla las reservas por día los fines de semana son de mayor

asistencia, empieza con un número alto el día domingo con un total de 302 reservas por

día, seguido del día sábado con 295 reservas, mientras que el día viernes posee un total de

289 reservas, el lunes cuenta con un total de 277 reservas, seguido del día jueves con 275

reservas, mientras que el día martes con un total de 273 reservas y por último el día

miércoles con un número de 272 reservas.

(38)

3.3 Técnicas de Recolección de Datos

Las técnicas involucran aquello que vamos a utilizar o cómo vamos a reflejar a

través de resultados el éxito de nuestra propuesta. Los instrumentos que se utilizarán para

la presente investigación serán:

Tabla 2 Técnicas de Recolección de Datos

Instrumento Técnica

Cuestionario Encuestas

Guía de Observación Observación

Elaborado por: Priscilla Anchaluisa y Wilson Quinto Agosto 2017

Se llevó a cabo las técnicas de la observación y encuestas en el Parque Samanes de

la ciudad de Guayaquil a jóvenes deportistas, personas amantes al deporte conocedores de

la falta de un aplicativo.

3.3.1 La observación.

Por medio de esta técnica buscamos al ver a nuestro alrededor las necesidades que

tienen los usuarios, por medio del cual nos damos cuenta cuan necesario resulta la

implementación de una aplicación que les beneficia y mejora su buen vivir. Además de

ayudarnos a involucrar todos los parámetros que necesitaremos en el desarrollo del

aplicativo.

3.3.2 Encuesta.

Las encuestas ayudaran a conocer si los usuarios usarían una aplicación como la

que hemos propuesto para llevar un mejor orden, además de saber cómo califican la

situación actual de reservas de canchas, y también la calidad del trato a los usuarios entre

otros, con la finalidad de demostrar con datos estadísticos los resultados obtenidos por

(39)

3.4Modalidad de la Investigación

3.4.1 Documental.

Este tipo de la modalidad es aquella que busca información de otras fuentes, como

son libros, artículos científicos, proyecto o archivos en la cual se puede guiar y tomar

como referencia aquellas herramientas necesarias para la creación e implementación de

una aplicación web y app para el registro y reserva de canchas deportivas de fútbol.

En este tipo de modalidad es en la que se conserva toda la investigación

relacionada con la información obtenida para el desarrollo de la propuesta, la información

encontrada como herramientas para el desarrollo web y móvil, lenguajes de programación

y servicios web sirven de gran ayuda para determinar cuáles de todos los investigados será

el mejor para el buen desarrollo del aplicativo pensado.

3.4.2 De Campo.

Se entiende por investigación de campo la acción de tener en cuenta las personas

que serán evaluadas para la ejecución de encuestas o que serán participes de una muestra

para poder evaluar la aceptación de algún tema en particular.

En este tipo de modalidad se encuentra la participación directa entre los

investigadores y participantes, en este caso se elaboró en los exteriores del área deportiva

del Parque Samanes, la investigación de campo utiliza instrumentos como cuestionarios,

observaciones, entrevistas y encuestas por medio del cual se logra una información concisa

en la situación en que se encuentra.

Nosotros mediante esta investigación podemos obtener resultados y mediante los

mismos realizar un análisis y tabulación de datos para expresar por medio de gráficos las

(40)

3.5 Procesamiento de Datos

Edad

Tabla 3 Edad de los Encuestados

Descripción Frecuencia Porcentaje

18-23 45 25% Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 3 Edad de los encuestados

Interpretación de resultados

Según la encuesta un 25% de los encuestados poseen un rango de edad

comprendido entre 18 a 23 años, seguido de un 30% las personas cuya edad están entre 24

a 29 años, luego se encuentran con un 24% cuyo rango de edad oscila entre 30 a 35 años,

seguidos por un 16% que lo conforman personas a partir de los 36 a 41 años de edad y por

ultimo con un menor porcentaje, exactamente del 5% las personas de 42 años en adelante,

(41)

Género

Tabla 4 Género de los Encuestados

Masculino 150 82%

Femenino 34 18%

Total 184 100%

Fuente: Investigación de Campo Fecha: Agosto 2017 Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 4 Género de los encuestados Elaborado por: Priscilla Anchaluisa y Wilson Quinto

La encuesta muestra que el sexo que predomina, lo lideran los hombres con un

82% seguido con un menor porcentaje del 18% le siguen las mujeres, esto se debe ya que

la persona que decide visitar el Parque Samanes lo realiza por el fútbol u otra actividad que

conlleve cansancio.

Masculino 82% Femenino

(42)

1) ¿Con qué frecuencia visita el Parque Samanes?

Tabla 5 Frecuencia de visita al Parque Samanes

Fines de Semana 120 65% Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 5 Frecuencia de visita al Parque Samanes Elaborado por: Priscilla Anchaluisa y Wilson Quinto

El 65% de los encuestados respondió que prefiere visitar el Parque Samanes un fin

de semana, seguido del 22% de los encuestados aseguraron que van al parque una vez al

mes, posteriormente un 11% afirmo que prefiere visitarlo 1 vez por semana, mientras que

un 2% lo visita de forma consecutiva, esto debe a la disponibilidad de tiempo con el que la

persona cuenta, es decir, trabajo, estudios, viajes entre otros.

(43)

2) ¿Usted realiza actividades deportivas junto con su familia o amigos?

Tabla 6 Actividades deportivas junto con su familia o amigos

Si 154 84%

No 30 16%

Total 184 100%

Gráfico 6 Actividades deportivas junto con su familia o amigos Elaborado por: Priscilla Anchaluisa y Wilson Quinto

El 84% de los encuestados afirmó que realizan actividades deportivas con amigos y

algún familiar tales como práctica de fútbol, básquet, ciclismo, trotar ente otras, mientras

que un 16% afirmó que suele ir solo a realizar alguna actividad deportiva. Si 84% No

(44)

3) ¿Qué tiempo le toma reservar una cancha?

Tabla 7 Tiempo de reserva de cancha

30 Minutos 6 3% Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 7 Tiempo de reserva de cancha

El 3% de los encuestados afirmo que el tiempo en el que logran reservar una

cancha de fútbol es 30 minutos, seguidos de un 61% los cuales aseguraron que el tiempo

es de 1 hora, el 25% de los encuestados dijeron que el tiempo es de 2 horas un 11 %

manifestó que el tiempo es de 3 horas o más, vale recalcar que los tiempo de reservas

varían dependiendo de los días, los fines de semana es mucho más difícil reservar una

(45)

4) ¿Al momento de reservar una cancha suele presentarse algún inconveniente?

Tabla 8 Inconvenientes al momento de reservar canchas

Si 140 76%

No 44 24%

Total 184 100%

Gráfico 8 Inconvenientes al momento de reservar canchas Elaborado por: Priscilla Anchaluisa y Wilson Quinto

El 76% de los encuestados afirmó que existen irregularidades durante el proceso de

reservas de canchas de fútbol, seguidos de un 24% que afirman que durante el proceso de

reservas de cancha no surgieron ningún inconveniente, dicho malestar radica en que se le

da privilegios a algunas empresas o grupos corporativos, en donde no necesitan hacer cola

para reservar una cancha de fútbol y además se exceden en el tiempo de uso de la misma. Si

76% No

(46)

5) ¿Cómo calificaría el servicio de reservas de canchas sintéticas de fútbol en el

Parque Samanes?

Tabla 9 Servicio de reservas de canchas sintéticas de fútbol en el parque samanes

Excelente 5 3% Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Gráfico 9 Servicio de reservas de canchas sintéticas de fútbol en el parque samanes Elaborado por: Priscilla Anchaluisa y Wilson Quinto

El 3% de los encuestados se refiere que el servicio de alquiler de canchas es

excelente, seguido de un 2% cuyo resultado fue satisfactorio, mientras que la mayor parte

de los encuestados con un 84% califican el servicio como regular y por ultimo con un 11%

(47)

6) ¿Usaría una aplicación que le ayudara a la reservación de canchas de fútbol en el

Parque Samanes?

Tabla 10 Aceptación del uso de un aplicativo para reservas de canchas

Si 164 89%

No 20 11%

Total 184 100%

Gráfico 10 Aceptación del uso de un aplicativo para reservas de canchas Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Un 89% de los encuestados afirmó que le gustaría usar una aplicación que le

permita reservar una cancha vía on-line, así evitando las filas, y datos innecesarios por la

reservas de las mismas, seguido de un 11% de los encuestados el cual afirmó que el

proceso de reservación de canchas es el correcto y no debería cambiar, indicando que están

a gusto con el servicio actual.

Si 89% No

(48)

7) ¿Las personas encargadas de la recepción de las canchas en el Parque Samanes

brindan un servicio oportuno y de calidad?

Tabla 11 Servicio oportuno y de calidad de parte de los encargados de la recepción de canchas

Si 169 92%

No 15 8%

Total 184 100%

Gráfico 11 Servicio oportuno y de calidad de parte de los encargados de la recepción de canchas

La mayoría de los encuestados afirmó que el 92% que el personal que labora dentro

del Parque Samanes no brinda un servicio oportuno, mientras que un 8% confirmó que el

servicio brindado por dichas personas es oportuno, esto se debe a que no llevan un proceso

de reservación ordenado.

Si 92% No

(49)

3.6Análisis e Interpretación de los Resultados

Después de realizadas las encuestas a los usuarios se concretó que la factibilidad de

aplicar este método de reservaciones resulta aceptado por la mayor parte de los deportistas

que utilizan las áreas verdes.

Evitando de esta manera el aglutinamiento de las personas en largas filas e

incomodidad por la espera del tiempo en poder reservar una cancha, además que los

usuarios califican de forma regular el servicio actual que se realiza de manera manual.

Los deportistas de los alrededores del parque samanes que fueron encuestados en la

mayoría de los casos están de acuerdo de las horas que pasan para poder utilizar el área de

futbol, además de existir inconvenientes al momento de reserva de la misma, debido a la

falta de organización tanto de los usuarios como de la administración.

Finalmente se deduce, la gran aceptación que obtendrá el sistema de reservas de

canchas de fútbol, permitiendo una mejor administración y orden tanto para el usuario

(50)

CAPITULO 4

4. PROPUESTA

4.1 Título de la Propuesta

APLICACIÓN WEB Y APP PARA REGISTRO Y RESERVA DE CANCHAS

DEPORTIVAS DE FÚTBOL EN EL PARQUE SAMANES

4.2 Objetivo de la Propuesta

Diseñar una aplicación web y app para optimizar el tiempo de los usuarios en la

reserva de canchas y una mejor organización para el área administrativa.

4.3 Justificación de la Propuesta

Consideramos de vital importancia el desarrollo de este proyecto por el cual se dará

a conocer las fortalezas que brinda una aplicación web y app, la misma que permitirá

también que sus usuarios conozcan los servicios que brindara el Parque Samanes,

originando así la buena comunicación de sus actividades.

El justificativo que tiene esta propuesta es la de tener un mejor orden de las

reservas de canchas, ayudándoles a los usuarios que deseen reservar los espacios verdes de

manera oportuna, especialmente optimizando su tiempo permitiendo realizar la acción de

reserva por medio de sus celulares, laptop o cualquier equipo que tenga acceso a internet.

El motivo por el cual se realiza este proyecto es debido a que el parque no posee

una herramienta tecnológica que le ayude en el registro y reserva de canchas deportivas de

fútbol, de esta manera contribuimos a una mejor organización de ambas partes tanto a los

(51)

4.4 Descripción de la Propuesta

En la actualidad las aplicaciones son muy usadas para realizar cualquier actividad

desde su dispositivo o cualquier equipo inteligente, sobretodo porque les brinda un

servicio oportuno y de fácil acceso con el hecho de solo estar conectado a una red de

internet.

El propósito fundamental de la aplicación para el Parque Samanes de la ciudad de

Guayaquil es brindarles a los usuarios una herramienta tecnológica de la cual pueden

acceder para reservar canchas deportivas de fútbol, obteniendo así una mejor organización

tanto para los usuarios como para la administración.

Ilustración 8 Menú de la página web (administrador) Elaborado por: Priscilla Anchaluisa y Wilson Quinto

La pantalla que se muestra es la que manejara el administrador conformada por un

menú de inicio, eventos, reservas y locales. Mencionare un poco de cada una de ellas:

Inicio.- Se mostraran gráficos estadísticos de las respectivas reservas en el periodo

de una semana.

Eventos.- Permitirá al administrador agregar eventos, ferias o conciertos a

realizarse en el parque samanes.

Reservas.- Muestra una lista de reservaciones de canchas la cual tendrá que validar

la reserva, eliminar o desactivar.

(52)

En la siguiente imagen está el menú del aplicativo conformado de la siguiente

manera: inicio, eventos, canchas y locales. En la opción de canchas es donde el usuario

realizará la reservación de la cancha en el horario que mejor desee.

Ilustración 9 Menú del aplicativo móvil

A continuación se detallan los pasos necesarios para el desarrollo del presente

proyecto. En primer lugar se comunicó el tema de tesis a la parte administrativa del parque

samanes los cuales nos informaron los requerimientos que se debían efectuar para poder

realizar el levantamiento de información.

Segundo se realizó una carta membretada por la universidad a nombre del Ing.

Francisco Cedeño en calidad de director de la carrera de Ingeniería en Sistemas

Administrativos Computarizados en la cual solicitaba ayuda y colaboración a los autores

del desarrollo de la tesis, para poder realizar levantamiento de información en las

instalaciones del Parque Samanes. También se comunicaba por medio de la misma los

beneficios que obtendrá el Parque Samanes a través de la aplicación dicha carta fue

dirigida a la Ing. Gladys Carrión Torres (Coordinadora Zonal 8 Inmobiliar).

Tercero una vez que entregamos la carta se esperó un cierto tiempo para obtener

respuesta y así sucedió. Luego que se obtuvo la respuesta de autorización, se procedió a

crear el modelo de entidad relación de la base de datos por medio de Workbench el cual

(53)

(54)

Ilustración 11 NetBeans

Ilustración 12 Laravel

Luego de generar el script realizamos las interfaces web y móviles de la aplicación

usando como herramienta de desarrollo web a NetBeans 8.2, el mismo que nos permite

crear una estructura de proyecto Laravel divididas por carpetas mediante las cuales

(55)

En cuanto a la aplicación móvil utilizamos el desarrollador móvil llamado Android

Studio, esta herramienta también nos permite dividir por carpetas el modelo, la vista y el

controlador.

Ilustración 13 Android Studio 2.3.3

Luego se procedió a instalar el WampServer que nos brinda un entorno de

desarrollo web específico para Windows que nos permitirá gestionar sus servicios Apache

y MySQL, el cual nos da la ventaja de ver el desarrollo del proyecto sin necesidad de

colgar las aplicaciones a la web de una manera local.

Ilustración 14 WampServer

(56)

Una vez instalado el WampServer se procede a instalar el Composer para proceder

al desarrollo en el lenguaje Php con framework Laravel realizando con el comando de

creación del proyecto en cmd (laravel new ProyectoReserva), y también con la creación

del login (php artisan make: auth) este comando nos ayuda a crear todo lo correspondiente

con la seguridad del login, registro y recuperación de contraseña.

Luego de esto se llevaron a cabo pruebas para demostrar cómo va quedando la

aplicación web y la app.

Ilustración 15 Inicio Administrador Web Elaborado por: Priscilla Anchaluisa y Wilson Quinto

Ilustración 16 Inicio del aplicativo

(57)

4.5 Diseño de Página Web

En esta sección se mostraran las funcionalidades de la página web.

4.5.1 Página de Inicio de Sesión.

Esta página permite el inicio de sesión del administrador para poder utilizar y

manejar las funciones que contiene la misma.

Ilustración 17 Diseño de página de inicio sesion (administrador) Elaborado por: Priscilla Anchaluisa y Wilson Quinto

4.5.2 Página de Inicio.

Muestra gráficos estadísticos de las reservas de usuarios por día.

Ilustración 18 Gráficos estadísticos

(58)

4.5.3 Página de Reservas de Canchas.

Esta página permite realizar las siguientes acciones como buscar por fecha las

reservas activas además de validar, eliminar, desactivar la reserva si no llega el usuario (el

tiempo de la desactivación de la reserva depende del administrador).

Ilustración 19 Página de reservaciones activas de canchas Elaborado por: Priscilla Anchaluisa y Wilson Quinto

4.5.4 Página de Eventos.

Permite agregar lo que se desea mostrar al usuario de las ferias o conciertos

próximos en el parque samanes.

(59)

4.6 Diseño del Aplicativo

4.6.1 Página de Registro de Usuario.

Esta pantalla permite a los usuarios registrase para poder utilizar las funciones del

aplicativo como las reservas de canchas o también ver los eventos próximos a realizarse en

el parque samanes.

Ilustración 21 Pantalla de registro de usuario Elaborado por: Priscilla Anchaluisa y Wilson Quinto

4.6.2 Menú del Aplicativo.

En la siguiente imagen se puede observar el menú que poseen los usuarios después

de iniciar sesión.

(60)

4.6.3 Página de Reservas de Canchas y Selección de Horario.

Esta pantalla permite seleccionar la cancha deseada y elegir la fecha de reservación

en el horario que más se ajuste a su comodidad.

Ilustración 23 Selección de cancha

(61)

4.7 HERRAMIENTAS PARA EL DESARROLLO DE LA APLICACIÓN WEB

4.7.1 NetBeans.

Es un IDE gratuito sin restricciones de uso de código abierto que posee una

plataforma de desarrollo, además de ayudarnos a simplificar las tareas al momento de

programar en cualquier lenguaje de programación, brindándonos una facilidad de diseño y

mejor desarrollo de aplicaciones tanto web como móviles.

4.7.2 WampServer.

Es un conjunto de herramientas, totalmente gratuita que nos permite crear una

ambiente de desarrollo web completamente configurado para un uso rápido y poder montar

nuestros proyectos creados.

4.7.3 Composer.

Son paquetes de librerías utilizadas en la creación de proyectos web, utilizamos

Composer porque nos facilita la instalación de las librerías por defecto que requiera en el

desarrollo del proyecto web.

4.7.4 Postman.

Es un herramienta muy útil para el desarrollo de proyectos web podemos probar el

funcionamiento de nuestras aplicaciones, mediante el uso de Postman, se guardan en el

historial las peticiones más recientes de manera automática cabe recalcar que es una

extensión gratuita que se le da al navegador de google solo hay que indicar la url y

podremos probar servicios web. Podemos también definir colecciones las cuales

permitirán compartir con otras personas o volver a usar métodos guardado usando formato

(62)

4.7.5 MySQL Workbench.

Nos permite moldear diagramas de entidad relación, además de sincronizar la base

de datos real con el modelo en desarrollo, y también permite hacer ingeniería inversa de

base de datos ya creadas para ver la estructura y el modelado de la base de datos.

4.7.6 Laravel.

Es un framework que nos permite crear códigos de manera sencilla además de

permitir multitud de funcionalidades por ejemplo la creación de la mayor parte del

proyecto solo con comandos en CMD.

4.8 Herramientas Para el Desarrollo de la Aplicación Móvil

Ilustración 25 Android Studio Fuente: (Gironés, 2012)

4.8.1 Android Studio.

Es un IDE, una interfaz de desarrollo. En realidad, es una especie de escritorio de

trabajo para un desarrollador. Allí se encuentra nuestro proyecto, las carpetas del mismo,

los archivos que hay en él, y todo lo necesario para acabar creando la aplicación. Lo mejor

de Android Studio es que ha sido creado por Google y fue presentado hace tan solo unos

meses, por lo que no hablamos de una herramienta antigua y nada depurada, sino de un

programa muy moderno que encima ha sido creado por los mismos que han creado el

(63)

4.8.2 Características de Android Studio.

Estructura.- Su estructura es sencilla, simple y se puede trabajar de manera muy

organizada en la creación de proyectos independientemente de cual sea su tamaño.

Visualización.- Posee una función de visualización en vivo que permite observar el

diseño de la aplicación.

Plantillas.- Tiene a disposición diferentes plantillas para el diseño de elementos.

Permite usar Emuladores.- Permite saber el buen funcionamiento de nuestras

aplicaciones con la utilización de emuladores podemos comprobar que la ejecución de

nuestro programas se realicen de forma correcta y sin ningún problema.

4.9 Beneficios de la Aplicación Para el Administrador

 Registro y control de las canchas.

 Manejo de Información y generación de informes.

 Podrá tener un mejor medio comunicativo con los usuarios.

 Una mejor administración de la reserva de canchas.

 Espacio de publicidad de actividades.

 Gráficos estadísticos de las reservaciones de cada semana.

 Manejo de eventos.

4.10 Ventajas de la Aplicación Móvil Para el Usuario

 Optimización del tiempo de los usuarios.

 Respeto por el horario de reserva realizado.

 Comodidad hacia el usuario.

(64)

4.11 Arquitectura

Ilustración 26 Arquitectura

(65)

4.12 Foda.

Ilustración 27 Foda

(66)

4.13 Casos de Uso

4.13.1 Caso de Uso del Usuario.

El usuario mediante la aplicación móvil puede realizar las siguientes acciones

desde su celular entre estos tenemos registro de usuario si no tiene cuenta debe crear uno,

la acción de inicio de sesión, además puede visualizar los eventos que se realizaran en el

parque samanes, los locales que posee y lo más importante seleccionar y reservar su

cancha deportiva.

Ilustración 28 Caso de uso del usuario

(67)

4.13.2 Caso de Uso del Administrador

En el siguiente gráfico se muestra las acciones que puede realizar el administrador

los más relevantes son el control de reservas puede eliminar, desactivar y validar la

reserva, posee también el control de eventos en el cual puede agregar los conciertos, ferias

o actividades relacionadas en el parque samanes, tiene un control de usuario es decir

presenta una lista de los mismos e inclusive puede crear otros usuarios (administradores)

para que manejen el sistema.

(68)

4.14 Costos Del Desarrollo

Ilustración 30 Cálculo de Presupuesto

En el total de proyecto tenemos un resultado de $1.170,33 en la parte de arriba se detalla los gastos que intervinieron en el desarrollo del

(69)

4.15 Cuadro Comparativo de Plataformas de Desarrollo

Ilustración 31 Cuadro comparativo de plataformas de desarrollo Elaborado por: Priscilla Anchaluisa y Wilson Quinto

En vista de la realización del cuadro comparativo concluimos que el IDE de desarrollo con mejores características y funcionalidades para