PDF de programación - Diseño de un portal web para alquiler de habitaciones a estudiantes

Escola Tècnica Superior d’Enginyeria Informàti ca

Universitat Politècnica de València



Diseño de un portal web para alquiler de

habitaciones a estudiantes



Trabajo Fin de Grado

Grado en Ingeniería Informática



Autor: Ávila González, José Luis

Tutor: Sáez Barona, Sergio

2016/2017



Diseño de un portal web para alquiler de habitaciones a estudiantes



2



Resumen

En este trabajo se desarrolla un portal web de alquiler de habitaciones para
estudiantes que permite al usuario del portal realizar distintas acciones relacionadas con
el alquiler de habitaciones, como pueden ser el ofertar una habitación para alquiler o
alquilar una de estas. En el trabajo se desarrolla tanto la parte frontend como la parte
backend.



Palabras clave: web, back-end, front-end, portal, Laravel, habitaciones.



In this project is developed a web portal for student room rental that allows the user
of the web to perform different actions related to the rental of rooms, such as offering a
room for rent or rent one of these. The project develops both the frontend and the
backend.

Abstract



Keywords: web, back-end, front-end, portal, Laravel, room.



3

Diseño de un portal web para alquiler de habitaciones a estudiantes

Tabla de contenidos


Introducción ................................................................................................................. 7

1

1.1

1.2

1.3

Objetivos ............................................................................................................. 7

Contexto .............................................................................................................. 7

Estructura del documento ................................................................................. 8

2

Especificación de requisitos .......................................................................................... 9

2.1

Introducción ...................................................................................................... 9

2.1.1

Propósito .................................................................................................... 9

2.1.2

2.1.3

Ámbito ........................................................................................................ 9

Definiciones, Acrónimos y Abreviaturas .................................................... 9

2.1.4

Visión general del documento ................................................................... 10

2.2 Descripción General.......................................................................................... 10

2.2.1

Perspectiva del producto ........................................................................... 10

2.2.2

Funciones del producto ............................................................................. 10

2.2.3

Características del usuario ........................................................................ 11

2.2.4

Restricciones ............................................................................................. 11

2.2.5

Supuestos y dependencias ......................................................................... 11

2.2.6

Requisitos futuros ..................................................................................... 12

2.3 Requisitos específicos ....................................................................................... 12

2.3.1

Requisitos de interfaces externos .............................................................. 12

2.3.2

Requisitos funcionales ............................................................................... 12

2.3.3

Atributos del sistema ................................................................................. 19

2.3.3.1 Mantenimiento ...................................................................................... 19

2.3.3.2 Portabilidad ........................................................................................... 19

2.3.3.3 Seguridad ............................................................................................... 19

3 Análisis ..................................................................................................................... 20

3.1 Introducción .......................................................................................................... 20

3.2 Casos de uso .......................................................................................................... 20

3.2.1 Actores ............................................................................................................ 20

3.2.2 Caso de uso: Usuario no Registrado ............................................................... 21

3.2.3 Caso de uso: Usuario Registrado .................................................................... 21

3.2.4 Especificación de los casos de uso ................................................................. 22

3.3 Diagramas de actividad .......................................................................................... 31

3.3.1 Diagramas de actividad Búsqueda ................................................................. 32

4



3.3.2 Diagramas de actividad Inicio Sesión ............................................................ 32

3.3.3 Diagramas de actividad Publicar Habitación ................................................. 33

3.4 Diagrama de clases ............................................................................................... 33

4 Diseño ........................................................................................................................... 34

4.1 Introducción .......................................................................................................... 34

4.2 Arquitectura física................................................................................................. 34

4.3 Arquitectura de software ...................................................................................... 35

4.3.1 Capa de persistencia ....................................................................................... 35

4.3.1.1 Modelo ...................................................................................................... 36

4.3.1.2 Modelo entidad relación de la BBDD ...................................................... 36

4.3.1.3 Descripción detallada de tablas ................................................................ 37

4.3.2 Capa de presentación ..................................................................................... 39

4.3.2.1 Vista ......................................................................................................... 39

4.3.2.2 Mockups web ........................................................................................... 40

4.3.3 Capa de lógica .................................................................................................. 41

4.3.3.1 Controlador ............................................................................................... 41

4.3.3.2 Enrutamiento ........................................................................................... 41

4.3.3.3 Mapa web ................................................................................................. 42

5 Desarrollo ...................................................................................................................... 43

5.1

Tecnologías ...................................................................................................... 43

5.1.1

FrontEnd .................................................................................................. 43

5.1.1.1 HTML .................................................................................................... 43

5.1.1.2 CSS ........................................................................................................ 43

5.1.1.3 JavaScript ............................................................................................. 44

5.1.2

BackEnd .................................................................................................... 44

5.1.2.1 PHP ....................................................................................................... 44

5.1.2.2 Laravel .................................................................................................. 44

5.1.2.3 MySQL .................................................................................................. 45

5.2

Entorno de desarrollo ...................................................................................... 45

5.3 Herramientas utilizadas .................................................................................. 45

5.3.1

PhpStorm .................................................................................................. 45

5.3.2

phpMyAdmin ............................................................................................ 46

5.3.3

Composer .................................................................................................. 46

5.3.4

Github ....................................................................................................... 46

5.3.5

Artisan .......................................................................................................47

5.4

Estructura .........................................................................................................47

5.4.1

Directorio app ............................................................................................47

5

Diseño de un portal web para alquiler de habitaciones a estudiantes

5.4.2

Directorio config ............................................................