PDF de programación - Diseño e implementación de una plataforma web para la gestión de pistas de pádel

ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA DE

TELECOMUNICACIÓN

UNIVERSIDAD POLITÉCNICA DE CARTAGENA



Proyecto Fin de Carrera



“Diseño e implementación de una plataforma web para la gestión de

pistas de pádel.”


AUTOR: Bienvenido Valera Hurtado

DIRECTOR: Francesc Burrul i Mestres

Marzo / 2015





Autor

Bienvenido Valera Hurtado

E-mail del Autor

[email protected]

Director

Francesc Burrull i Mestres

E-mail del Director

[email protected]

Título del PFC

Diseño e implementación de una plataforma web para la gestión
de pistas de pádel.

Descriptores

Pádel, Reserva de pista de pádel

Resumen

Se plantea el desarrollo de una plataforma web para la reserva de pistas de pádel por
un usuario. Para ello se ha diseñado una central de reservas centralizada que permite a los
usuarios la búsqueda de pistas libres y una vez elegida su posterior reserva.



Hasta el momento la reserva se realiza en cada club individualmente. Se pretende
facilitar al usuario esta tarea de forma que sea más sencillo la práctica de este deporte en auge.



Titulación

Ingeniería Técnica de Telecomunicaciones, Esp. Telemática.

Intensificación



Departamento

Departamento de Tecnologías de Información y Comunicaciones

Fecha de Presentación Marzo 2015



2



Índice



CAPÍTULO 1. INTRODUCCIÓN ....................................................................................4

1.1. PLANTEAMIENTO INICIAL Y MOTIVACIÓN........................................................................................4
1.2. OBJETIVOS............................................................................................................................................5

CAPÍTULO 2. ESTUDIO DE LAS TECNOLOGÍAS Y HERRAMIENTAS DE
DESARROLLO ..............................................................................................................6

2.1. INTRODUCCIÓN.....................................................................................................................................6
2.2. PHP ........................................................................................................................................................6
2.3. MySQL ...................................................................................................................................................7
2.4. APACHE.................................................................................................................................................8
2.5. phpMyAdmin..........................................................................................................................................9
2.6. XAMPP..................................................................................................................................................10
2.7. Frameworks…………………………………………………………………………………………………….11
2.7.1. ¿Qué es un Framework?...................................................................................................11

2.7.2. Objetivos de un Framework…………………………………………………………………….11
2.7.3. Comparativa Frameworks………………………………………………………………………12

2.7.3.1. CodeIgniter……………………………………………………………………………12
2.7.3.2. Symfony……………………………………………………………………………….13


2.7.3.3. Zend Framework……………………………………………………………………..14
2.8. Zend Framework 2...............................................................................................................................15
2.9. JavaScript y jQuery…………...............................................................................................................16
2.10. CSS………..........................................................................................................................................16

CAPÍTULO 3. ANÁLISIS…………………………..........................................................18

3.1. DIAGRAMA CASOS DE USO………………………………………………………………………………..18
3.1.1 Casos de uso del usuario no registrado…..………………………………………………….18
3.1.2 Casos de uso del usuario registrado………………………………………………………….19
3.1.3 Casos de uso del gestor del club………………………………………………………………20
3.1.4 Casos de uso del administrador del portal…………………………………………………..22


CAPÍTULO 4. IMPLEMENTACIÓN ……………………………..…................................23

4.1. BASE DE DATOS………..…………………………………………………………………………………….23
4.2. ARQUITECTURA DE ZF2…………………………………………………………………………………….26
4.2.1 Estructura de directorios…………………………………….………………………………….28
4.2.2 Componentes del patrón MVC……………….…………………………………………………28
4.3. CAPA DE PRESENTACIÓN………………………………………...………………………………………..30
4.4. CÓDIGO EJECUTADO EN CLIENTE………...……………………………………………………………..31


CAPÍTULO 5 FUNCIONES IMPLEMENTADAS…..……..............................................32

5.1. REGISTRO DE UN USUARIO ………..................................................................................................32
5.2. LOG IN DE UN USUARIO REGISTRADO ..........................................................................................34
5.3. BÚSQUEDA Y RESERVA DE UNA PISTA .........................................................................................35
5.4. ADMINISTRADOR DE UN CLUB …………………...............................................................................40
5.5. ADMINISTRADOR DEL PORTAL WEB…………………………………………………………………….42

APÉNDICE. INSTALACIÓN Y PUESTA EN MARCHA ..............................................44

1. INSTALACIÓN Y CONFIGURACIÓN DE XAMPP..................................................................................44
2. INSTALACIÓN Y CONFIGURACIÓN DE ZENDFRAMEWORK.............................................................45

BIBLIOGRAFÍA…………………….…………………………………………………………47



3

Capítulo 1.

INTRODUCCIÓN.



1.1 Planteamiento inicial y motivación.

Se ha constatado que el pádel es un deporte en auge. Actualmente es el segundo
deporte más practicado en España, después del fútbol, desbancando al baloncesto como
actividad deportiva. Es por ello que la oferta de pistas para su práctica ha aumentado
considerablemente estos últimos años.

El problema surge cuando un usuario desea reservar una pista y para ello tiene que

contactar con cada club individualmente, ya sea mediante su rastreo por internet o realizando
diversas llamadas telefónicas, hasta localizar un club con pistas disponibles.

Ante la demanda generada se ha pretendido dar solución a la problemática de reservar

pista. Para ello se desea implementar un sistema centralizado de reservas vía portal web, que
sea utilizado por los jugadores de pádel para la búsqueda y reserva de pistas disponibles según
criterios geográficos, de horarios, etc. Tras un rastreo en internet no se ha encontrado ningún
servicio de estas características. Hasta ahora las reservas se gestionan individualmente por
cada club siendo esto tedioso para el jugador que desea buscar una pista disponible y
reservarla.

Las necesidades detectadas actualmente en los usuarios de pádel en internet y los

clubs que generan la demanda son las siguientes:



A. Jugadores:

a) Búsqueda de pistas disponibles entre una amplia oferta de clubes.

b) Reserva de la pista en el menor tiempo posible.

c) Toda la información del club localizada en un único portal.

B. Administrador del club:

a) Un sistema único de reservas

b) Que los usuarios conozcan su club.

El proyecto consistirá en la creación del sistema de reservas implementado en el portal

Servipadel.com.



4

1.2 Objetivos.



1. Crear una solución que permita a los usuarios encontrar fácilmente los clubs más

cercanos.



2. Generar una plataforma de gestión única y centralizada para todos los clubs.



3. Diseñar un buscador sencillo e intuitivo para los usuarios de la aplicación.



4. Construir un sencillo flujo de reserva en pocos pasos.



5.

Informar a los jugadores de pádel con movilidad geográfica de los clubs que

disponga alrededor, independiente de su ubicación.


6. Facilitar el encuentro entre jugador y club.


7. Formar una comunidad de jugadores de pádel que facilite la práctica de este

deporte.



5



ESTUDIO DE LAS TECNOLOGÍAS Y HERRAMIENTAS
ESTUDIO DE LAS TECNOLOGÍAS Y HERRAMIENTAS
ESTUDIO DE LAS TECNOLOGÍAS Y HERRAMIENTAS
DE DESARROLLO.
DE DESARROLLO.

Capítulo 2
Capítulo 2.



2.1 Introducción.

Como nuestro objetivo es desarrollar una aplicación web dinámica con acceso a
Como nuestro objetivo es desarrollar una aplicación web dinámica con acceso a
Como nuestro objetivo es desarrollar una aplicación web dinámica con acceso a


información almacenada en una base de datos, ante la variedad de herramientas disponibles,
información almacenada en una base de datos, ante la variedad de herramientas disponibles,
información almacenada en una base de datos, ante la variedad de herramientas disponibles,
he elegido el lenguaje de programación PHP, la base de datos MySQL, y el servidor web
he elegido el lenguaje de programación
, y el servidor web
Apache, por ser estándares "de facto" que ofrecen una potencia y flexibilidad suficientes. He
, por ser estándares "de facto" que ofrecen una potencia y flexibilidad suficientes. He
, por ser estándares "de facto" que ofrecen una potencia y flexibilidad suficientes. He
utilizado el servidor XAMPP por su sencilla instalación, facilidad de uso e integración de las
por su sencilla instalación, facilidad de uso e integración de las
por su sencilla instalación, facilidad de uso e integración de las
herramientas indicadas. Además nos proporciona la interfaz para el manejo de la base de
herramientas indicadas. Además nos proporciona la interfaz para el manejo de la base de
herramientas indicadas. Además nos proporciona la interfaz para el manejo de la base de
datos phpmyadmin.


Para e