Memoria

PROYECTO FINAL DE CARRERA:
RESERVA DE VEHCULOS MEDIANTE

INTERFAZ WEB
Ingeniera Tcnica Informtica de Gestin
Alumno: Jorge Bou Ramn

Director: Sergio Sez Barona
Junio 2012
NDICE
1. INTRODUCCIN................................................................................ 4
1.1.
1.2.
1.3.
1.4.
1.5.
PROPSITO ........................................................................................................... 5
MBITO DEL SISTEMA .......................................................................................... 5
DEFINICIONES, ACRNIMOS Y ABREVIATURAS .................................................... 7
REFERENCIAS ....................................................................................................... 7
VISIN GENERAL ................................................................................................. 7
2. DESCRIPCIN GENERAL ............................................................... 8

2.1. PERSPECTIVA DEL PRODUCTO .............................................................................. 8
2.2. FUNCIONES DEL PRODUCTO ................................................................................. 8
2.2.1. Usuario No Registrado .................................................................................. 9
2.2.2. Usuarios Registrados..................................................................................... 9
2.2.3. Administrador ................................................................................................ 9
2.3. CARACTERSTICAS DEL USUARIO ......................................................................... 9
2.4. RESTRICCIONES .................................................................................................. 10
2.5. SUPUESTOS Y DEPENDENCIAS ............................................................................ 10
2.6. REQUISITOS PENDIENTES ................................................................................... 10
3. REQUISITOS ESPECFICOS ......................................................... 11

3.1. INTERFACES EXTERNAS...................................................................................... 11
3.1.1. Interfaz de Usuario ...................................................................................... 11
3.1.2. Interfaz de Hardware................................................................................... 11
3.1.3. Interfaz de Software ..................................................................................... 11
3.1.4. Interfaz de Comunicacin ............................................................................ 12
3.2. REQUISITOS FUNCIONALES................................................................................. 12
3.3. REQUISITOS DE RENDIMIENTO ........................................................................... 14
3.4. RESTRICCIONES DE DISEO ................................................................................ 14
3.4.1. Estndares cumplidos. ................................................................................. 14
3.4.2. Limitaciones hardware. ............................................................................... 14
3.5. ATRIBUTOS DEL SISTEMA ................................................................................... 14
3.6. OTROS REQUISITOS ............................................................................................ 14
4. ANLISIS ........................................................................................... 15
4.1. CASOS DE USO .................................................................................................... 15
4.1.1. Usuario Annimo ......................................................................................... 15
4.1.2. Usuario Identificado .................................................................................... 17
4.1.3. Administrador .............................................................................................. 19
4.1. DIAGRAMA UML ............................................................................................... 23
4.2. DIAGRAMAS DE SECUENCIA ............................................................................... 24
4.2.1. Modificar Vehculo ...................................................................................... 24
4.2.2. Reserva Vehculo ......................................................................................... 25
5. DISEO............................................................................................... 26
5.1. NIVEL DE INTERFAZ ........................................................................................... 26
5.1.1. Diagramas de Navegabilidad ...................................................................... 29
5.1.1.1. Usuario Annimo ................................................................................... 29
5.1.1.2. Usuario Identificado ............................................................................... 29
5.1.1.3. Administrador......................................................................................... 30
5.2. NIVEL DE APLICACIN ....................................................................................... 30
5.3. NIVEL DE PERSISTENCIA .................................................................................... 31
5.3.1. Diagrama EER............................................................................................. 31
6. DETALLES DE IMPLEMENTACIN .......................................... 32

6.1. TECNOLOGAS .................................................................................................... 32
6.1.1. Apache ......................................................................................................... 32
6.1.2. HTTP............................................................................................................ 32
6.1.3. PHP.............................................................................................................. 33
6.1.4. MySQL ......................................................................................................... 33
6.1.5. CSS............................................................................................................... 33
6.2. HERRAMIENTAS ................................................................................................. 33
6.3. DETALLES DE IMPLEMENTACIN ........................................................................ 34
7. PRUEBAS ........................................................................................... 36
7.1.
7.2.
RESOLUCIN ...................................................................................................... 36
COMPROBACIN PHP Y CSS.............................................................................. 42
8. MANUAL DE USUARIO.................................................................. 44
8.1.
8.2.
USUARIOS .......................................................................................................... 44
ADMINISTRADOR ................................................................................................ 50
9. CONCLUSIONES .............................................................................. 56
10.
BIBLIOGRAFA.............................................................................. 57
P R O Y E C T O F I N A L C A R R E R A
A L Q U I L E R V E H C U L O S
1. INTRODUCCIN
La principal motivacin para el desarrollo del proyecto ha sido que durante el
transcurso de mis estudios no tena conocimientos bsicos sobre el lenguaje PHP y cre
conveniente para mi futuro profesional tener un conocimiento ms amplio sobre este
tipo de lenguajes, ya que me puede ser de utilidad en futuros proyectos. Por estos
motivos el desarrollo de aplicacin Web resulta un reto personal.
La aplicacin Web consistir en una aplicacin para la reserva de vehculos, as
como el mantenimiento sobre la bases de datos. La aplicacin Web tendr distintos
tipos de usuarios (annimos, identificados y administradores) y dependiendo del nivel
de acceso podrn realizar unas gestiones u otras.
La aplicacin se ha diseado para una empresa de reservas de vehculos ficticia, pero
con unas pequeas modificaciones se podra adaptar a las exigencias de cualquier
empresa de reserva vehculos.
La memoria est divida en nueve secciones, desde una introduccin con los objetivos
que se pretenden alcanzar, hasta el manual de usuario pasando por todo el diseo y
modelado de la aplicacin. De esta manera se tiene:
La primera seccin es la Introduccin, donde se describe las motivaciones para el
desarrollo de la aplicacin, as como las funciones que esta realizar.
La segunda, se trata de la Especificacin de Requisitos, donde se especifica en
detalle los objetivos a conseguir por el desarrollo de la aplicacin, as como una
descripcin general del proyecto.
En la tercera seccin se encuentra el Anlisis, en esta seccin se encuentra el
anlisis de los desarrollos a realizar, basndose en distintos diagramas para facilitar el
desarrollo de las funciones que la aplicacin debe alcanzar.
En la cuarta seccin se tiene el Diseo, est basada en la especificacin de las
caractersticas que tendr la aplicacin, tanto a nivel de interfaz de usuario, as como de
las funciones que realizar la aplicacin.
La quinta seccin Detalles de Implementacin, se describen las diferentes

tecnologas aplicadas en el desarrollo de la aplicacin. Adems tambin se explica las
diferentes herramientas que se han utilizado.
En la sexta seccin Pruebas de Uso, se tiene las distintas pruebas realizadas a la
aplicacin para comprobar que se ha desarrollado correctamente, cumpliendo con los
estndares, as como la comprobacin que se visualiza correctamente con distintas
resoluciones de pantalla.
En la sptima seccin Manual de Usuario, se intenta explicar de una forma
detallada las funciones que pueden realizar los distintos usuarios que acceden a la
aplicacin.
En la octava seccin Conclusiones, se encuentra el resumen y conclusiones que he
obtenido del desarrollo de este Proyecto Final de Carrera.
Por ltimo se tiene la novena seccin Bibliografa, donde se encuentran todos los
documentos consultados para poder llevar a cabo el desarrollo de esta memoria.
1.1. Propsito
En este apartado se explica detalladamente la especificacin de requisitos que tendr
la aplicacin Web de Alquiler de Vehculos, de esta manera se intenta conseguir tres
objetivos, que en este caso son:
1. Definir una serie de requisitos que se puedan validar despus del desarrollo de la
aplicacin.
2. Que estos requisitos sirvan como una base para el desarrollo y el diseo de la
aplicacin.
3. Atender las necesidades y requisitos por parte del usuario.
1.2.
mbito del Sistema
La finalidad del proyecto es la creacin de una aplicacin Web para facilitar a los
distintos usuarios la posibilidad de realizar reservas de vehculos a travs de este sitio
Web y a los administradores facilitar el mantenimiento de la BBDD. A partir de ahora a
esta aplicacin la denominaremos CABO y deber tener la siguiente funcionalidad:
Una de las principales caractersticas del sistema es el mantenimiento por completo
de todos los elementos de los que consta la empresa. Dicho mantenimiento debe poder
dar de alta, baja modificar de todos los elementos que de la base de datos donde se
encuentra toda la informacin til de la pgina Web. De esta manera el administrador de
la pgina Web ser capaz de realizar las modificaciones necesarias en cuanto a la
informacin de la BBDD necesarias.
El sistema permitir la reserva online de los diferentes vehculos que se encuentren a
disposicin. Para esto el sistema facilitar un calendario para cada vehculo
5
especificando la disponibilidad de este para unas determinadas fechas en el que el

usuario este interesado. De esta manera se mostrar grficamente si el vehculo se
encuentra disponible en las fechas en las que el usuario est interesado, despus de que
el usuario seleccione las fechas en las que quiere realizar la reserva se proceder a la
confirmacin de la reserva introduciendo los datos correspondientes al usuario que el
sistema requerir.
La aplicacin en su interfaz grfica constar de un men lateral en el cual se
encontrar todos los servicios disponibles para los usuarios, el cual facilitar la
navegacin a travs de toda la pgina Web.
La aplicacin tambin constar de una funcionalidad que permita realizar bsquedas
sobre las distintas caractersticas de un vehculo. Con esto se permite acceder a los
vehculos dependiendo de las necesidades o gusto del cliente que desea realizar la
reserva. Si la bsqueda no fuese satisfactoria la aplicacin mostrar una serie de
vehculos que se encuentren dentro de las caractersticas buscadas por el cliente, de esta
manera se permite que el cliente puede disponer de un vehculo con caractersticas
similares a las que estaba buscado.
La aplicacin tendr que tener alguna medida de seguridad a la hora de poder realizar
modificaciones u otros tipos de operaciones restringidas a usuarios no identificados. Por
este motivo se crear una funcionalidad que permitir la autentificacin de usuarios.
Dependiendo del tipo de usuario, se podr acceder a diferentes servicios que ofrece
la aplicacin. En nuestro caso existirn 3 tipos de usuarios:
1. Administrador, este usuario tendr acceso total a la aplicacin, no tendr
ningn tipo de restriccin. Ser el encargado de mantener la informacin de la
BBDD.
2. Usuario Identificado, se trata de un usuario que ser capaz de acceder a zonas
con ciertos privilegios como puede ser la confirmacin de una reserva.
3. Usuario No Identificado, en este caso se trata de un usuario genrico que ha
accedido a la pgina Web, tendr restringido el acceso a ciertas zonas que
necesitarn de mayores privilegios, como puede ser la zona del administrador o
a la hora de confirmar una reserva. Cuando un Usuario No Identificado se
registra en la aplicacin ser capaz de poder realizar reservas de los distintos
vehculos que tenga la empresa, pero en ningn caso podr acceder a la zona de
administracin.
La aplicacin contendr una seccin correspondiente a noticias. Estas noticias sern
gestionadas por el administrador del sistema y la aplicacin permitir la creacin,
modificacin y borrado de las noticias. Las noticias se mostrarn segn los criterios que
seleccione el administrador en el momento de generar la noticia o cuando la noticia
sufra algn tipo de modificacin.
La aplicacin proporcionar una gestin a posibles ofertas generadas como en el caso
anterior por el administrador del sistema. Dentro de la gestin de las ofertas se podr
dar de alta, modificar o borrado de la oferta. A la hora de mostrar las ofertas se
realizarn aleatoriamente, de esta manera se mostrar una oferta diferente cada vez que
se acceda a la pgina, siempre y cuando se dispongan de diversas ofertas.
1.3.
Definiciones, Acrnimos y Abreviaturas
CABO: Se trata de las siglas utilizadas para identificar la pgina web (Coches de
Alquiler Bou)
Web: la World Wide Web (tambin conocida como la Web), es el sistema de
documentos (o pginas web) interconectados por enlaces de hipertexto, disponibles en
Internet.
Navegador: Un navegador o navegador web (del ingls, web browser) es un
programa que permite ver la informacin que contiene una pgina web (ya se encuentre
sta alojada en un servidor dentro de la World Wide Web en un servidor local).
CSS: El nombre hojas de estilo en cascada viene del ingls Cascading Style Sheets,
del que toma sus siglas. CSS es un lenguaje usado para definir la presentacin de un
documento estructurado escrito en HTML XML y por extensin en (XHTML). El
W3C (World Wide Web Consortium) es el encargado de formular la especificacin de
las hojas de estilo que servirn de estndar para los agentes de usuario o navegadores.
1.4.
Referencias
Para el desarrollo de este documento se han utilizado las siguientes referencias:

http://www.lsi.us.es/cursos/cursophp/
http://www.w3.org/TR/CSS21/
http://httpd.apache.org/docs-2.0/
http://es.wikipedia.org
1.5. Visin General

El desarrollo del documento estar basado en explicar y detallar ms ampliamente
los objetivos que se pretenden alcanzar, as como los conceptos sobre los que se
desarrollar la aplicacin.
2. Descripcin General
Este captulo consiste en la recapitulacin y descripcin de todos aquellos factores
que afectan a la aplicacin y sus requisitos. De esta manera se tiene una visin global de
la aplicacin, de las funciones que debe realizar, de los usuarios que existen, as como
de las restricciones existentes de la aplicacin.
2.1.
Perspectiva del Producto
El producto a desarrollar permite acceder a los diferentes servicios que ofrece la

empresa. La aplicacin podr ser accedida a travs de cualquier sistema operativo,
haciendo uso de un navegador Web.
Se trata de una pgina web dinmica desarrollada con PHP, la mayor ventaja del
lenguaje PHP es que se trata de unos lenguajes multiplataforma y libre. Adems la
aplicacin acceder a una base de datos MYSQL para almacenar y obtener toda la
informacin que contiene la aplicacin. Por lo tanto ser necesario trabajar con un
servidor que nos permita trabajar con PHP junto con una base de datos MYSQL.
Las pginas web dinmicas nos permiten gestionar ms fcilmente los contenidos del
sitio web y a interactuar con la base de datos, que al fin y al cabo, es lo que se pretende.
2.2.
Funciones del Producto
En la aplicacin CABO se podrn realizar diferentes funciones dependiendo del tipo

de usuario que este accediendo. De esta manera se encuentra un usuario genrico que se
llamar Usuario No Registrado, un usuario que se ha identificado en la aplicacin,
que recibir el nombre Usuario Registrado, y el usuario encargado de realizar el
mantenimiento de la aplicacin, en este caso el denominado Administrador.
2.2.1. Usuario No Registrado

Los usuarios no registrados podrn consultar en cualquier momento el listado de
vehculos. Podrn realizar bsquedas sencillas, es decir, bsquedas por un solo campo,
as como bsquedas avanzadas, que tienen en cuenta varios campos. Estas bsquedas
podrn ser fecha de disponibilidad de los vehculos as como por caractersticas propias
del vehculo.
Los usuarios no registrados se podrn registrar en la aplicacin para poder realizar
las reservas de los vehculos.
2.2.2. Usuarios Registrados
Los usuarios registrados adems de poder realizar las consultas como los usuarios
no registrados podrn autentificarse en la aplicacin para realizar las reservas de los
vehculos. La autentificacin del usuario consistir en indicar un usuario y un password.
Para realizar las reservas el usuario registrado deber consultar que vehculos tiene
disponible para las fechas en las que est interesado. Para esto deber seleccionar una
fecha inicial de la reserva y la fecha de la devolucin del vehculo.
2.2.3. Administrador
El administrador de la aplicacin ser capaz de realizar cualquier mantenimiento
sobre la BD. Para identificarse como Administrador ser necesario acceder autenticarse
con el nombre y contrasea desde la pantalla de Administradores.
El Administrador ser el encargado de realizar registrar los nuevos vehculos,
gamas u ofertas en la aplicacin, as como tambin podr hacer las modificaciones o
borrados sobre estos.
2.3.
Caractersticas del Usuario
En cuanta a los usuarios que utilizarn la aplicacin podemos destacar tres tipos de
usuarios: administrador, usuario no identificado y usuario registrado.
El Administrador ser el responsable de gestionar de la Base de Datos para realizar
el mantenimiento de los vehculos, gamas, ofertas. Tendr un acceso y control total de
la aplicacin.
El Usuario no registrado ser capaz de realizar consultas sobre los vehculos, ver las
ofertas. Adems podr registrarse en el sistema, y en el caso que ya estuviese dado de
alta podr identificarse.
El Usuario registrado ser capaz de reservas vehculos para un periodo determinado.
2.4.
Restricciones
Para poder realizar operaciones sobre los vehculos ser necesaria la identificacin
del usuario.
Para poder acceder a la zona de administrador para el mantenimiento de la BD ser
necesaria la autentificacin del usuario.
Se debe tener conexin a Internet para acceder a la aplicacin.
2.5. Supuestos y Dependencias
Para acceder a la aplicacin CABO se necesita de un navegador Web con acceso a
Internet.
2.6. Requisitos Pendientes

Se deja como requisito pendiente el mantenimiento de los usuarios, para tener la
informacin de los usuarios y la posible modificacin de los datos de estos.
10
3. Requisitos Especficos
Los Requisitos Especficos consisten en tener una visin ms detallada de la
aplicacin, de tal manera que sea posible permitir a los diseadores disear la aplicacin
que cumpla con estos requisitos y que se puedan disear las pruebas para comprobar
que el sistema cumple con las necesidades especificadas.
3.1. Interfaces Externas
En esta seccin del captulo se definen los requisitos que afectan a la interfaz de
usuario, interfaz hardware, interfaz software, as como a la interfaz de comunicaciones.
3.1.1. Interfaz de Usuario
A la aplicacin se accede utilizando un navegador, el cual permite conectarse al
servidor y mostrar la interfaz web de la aplicacin. Dependiendo del tipo de usuario que
acceda a la aplicacin CABO, la interfaz cambiar ajustndose a sus necesidades,
teniendo diferenciado la interfaz para los administradores, del resto de usuarios.
3.1.2. Interfaz de Hardware
Los usuarios que quieran acceder a la aplicacin, necesitarn de un ordenador con
todo lo necesario (tarjeta grfica, monitor con una resolucin mnima de 800x600, etc.),
que sea capaz de ejecutar un navegador web.
3.1.3. Interfaz de Software
La aplicacin CABO se podr utilizar en cualquier sistema operativo, debido a que
se acceder a la aplicacin mediante una navegador web. El servidor que hospede la
aplicacin estar basado en Apache con PHP y MySQL, disponibles para diferentes
sistemas operativos. En este caso se ha utilizado Windows.
11
3.1.4. Interfaz de Comunicacin

Las comunicaciones entre los usuarios y el servidor de la aplicacin, se realizarn a
travs de Internet o de la red interna. Por regla general, los administradores accedern a
la aplicacin desde la red local, mientras que el resto de usuarios se conectarn a travs
de Internet. En cualquiera de los dos casos, ser necesario que se tenga instalado el
protocolo TPC/IP, y el protocolo HTTP que se utiliza para realizar las conexiones.
3.2.
Requisitos Funcionales
Las funciones que debe realizar la aplicacin CABO sern:

Visualizacin de la Pgina Principal:
Mostrar Registro de Usuarios.
Permite dar de alta a un usuario no registrado. El alta del usuario se realizar
introduciendo los datos del usuario, as como la contrasea para acceder. Si
los datos son correctos, el usuario quedar registrado en la aplicacin, en
caso contrario se muestra el error.
Identificacin de Usuario.
El usuario valida su nombre y password para obtener los permisos necesarios
para realizar las reservas de vehculos.
Realizar consultas sobre la flota de vehculos.
Se podrn realizar bsquedas por caractersticas y por fecha para conocer de
la disponibilidad de los vehculos.
Operaciones sobre los vehculos:
Alta de un vehculo.
Se aade un vehculo con los datos relacionados. No se podr repetir la
matrcula del vehculo ya que est nos sirve para identificarlo. Slo podr dar
de alta vehculos el administrador del sistema.
Modificacin del vehculo.
Se modifica la informacin relacionada con un vehculo. Slo podr dar de
alta vehculos el administrador del sistema.
Baja de un Vehculo.
Consiste en dar de baja un vehculo de la BD. Slo podr dar de baja
vehculos el administrador del sistema.
12
Listado de Vehculos.
Se muestran la informacin relacionada con los vehculos. El administrador
de la BD ser capaz de visualizar toda la informacin referente al vehculo,
mientras que el resto de usuarios slo vern parte de las caractersticas de los
vehculos.
Operaciones sobre las Gamas
Alta de una gama.
Se aade una gama. Esta servir para filtrar un tipo de vehculo en particular.
Slo podr dar de alta vehculos el administrador del sistema.
Modificacin de la gama.
El administrador modifica la informacin referente a las gamas.
Baja de una gama.
El administrador elimina una gama.
Listado de gamas.
El administrador puede consultar el listado de gamas que estn dadas de alta
en el aplicativo.
Operaciones sobre las Ofertas:
Alta de una de una oferta.
El administrador introduce una nueva oferta mostrndose en la pgina
principal.
Modificacin de la oferta.
Se modifica la informacin referente a la oferta. Slo el administrador puede
realizar esta modificacin.
Baja de una oferta.
El administrador elimina una oferta.
Listado de ofertas.
Consulta de las ofertas existentes.
13
3.3. Requisitos de Rendimiento

A la aplicacin podrn acceder distintos usuarios de manera simultnea a los
servicios. El servidor Web Apache en el que se aloja el portal, ser el encargado de
proporcionar un acceso concurrente a un nmero de usuarios. El servidor Apache se
podr configurar para modificar el comportamiento, indicando el lmite de conexiones
simultneas que se permiten, as como otras opciones que puedan afectar al
rendimiento.
3.4. Restricciones de Diseo
En este apartado contempla todas las restricciones que afectan al diseo de la
aplicacin. De esta manera tenemos los estndares internos y las limitaciones hardware.
3.4.1. Estndares cumplidos.
En el desarrollo de la aplicacin se utilizar uso de HTML 4.0 para asegurar una
mayor compatibilidad con los navegadores. Se utilizar HTML junto con hojas de estilo
CSS para facilitar posibles cambios futuros en la apariencia de la aplicacin.
3.4.2. Limitaciones hardware.

La instalacin del servidor web con soporte de PHP y el de la base de datos, se podr
realizar sin ningn problema en un computador de prestaciones medias. Adems, para
que la aplicacin funcione correctamente, es recomendable una buena conexin a
Internet.
3.5. Atributos del Sistema
El mantenimiento de la aplicacin, lo realizarn los administradores, pudiendo
realizar las gestiones sobre los vehculos, ofertas y gamas, facilitando el mantenimiento
de la aplicacin CABO.
Para realizar cualquier operacin que actualice la aplicacin, el usuario deber estar
dado de alta e identificado, de esta manera los usuarios annimos slo podrn realizar
consultas. Para identificarse en la aplicacin ser necesario que el usuario introduzca el
login y password.
3.6. Otros Requisitos
La aplicacin CABO utilizar una Base de Datos en MySQL, donde se guarda toda
la informacin necesaria de la aplicacin, como pueden ser los usuarios, vehculos,
reservas, etc.
14
4. Anlisis
El objetivo principal de este apartado es realizar una descripcin formal mediante
modelos de las caractersticas que tiene que tener la aplicacin. Estos modelos servirn
de gua para obtener la aplicacin deseada.
4.1. Casos de uso
Los diagramas de casos de uso, nos sirven para conocer los diferentes usuarios que
pueden acceder a la aplicacin CABO. Adems para cada tipo de usuario se especifica
que tipo de acciones podr realizar en la aplicacin. Tendremos tres tipos de usuario:
Usuario Annimo, Usuario Identificado y el Administrador.
4.1.1. Usuario Annimo
Sern aquellos usuarios que no se han dado de alta en la aplicacin o no se han
identificado. Podrn realizar consultas sobre el listado de vehculos, as como tambin
podrn consultar el listado de ofertas. Sern los encargados de registrarse en la
aplicacin Web.
Consultar Listado Vehculos
Consultar Listado Ofertas

Usuario Annimo
Realizar Registro
15
Consultar Lista de Vehculos:

El usuario annimo podr consultar la lista de Vehculos que existe en la aplicacin.
Para esto el usuario tendr:
1. Introducir la URL de la pgina principal en el navegador.
2. El servidor devuelve como respuesta la pgina principal.
3. El usuario seleccionar en el men Flota de Vehculos.
4. El servidor devuelve la pgina donde se ofrece el listado completo de vehculos
que existen en la aplicacin.
Consultar Listado de Ofertas:
El usuario annimo podr consultar el listado de Ofertas que existe en la aplicacin.
2. El servidor devuelve como respuesta la pgina principal, donde se muestra todas
las ofertas existentes.
Realizar Registro:
El usuario annimo podr registrarse en la aplicacin para poder realizar reservas. Para
esto el usuario tendr:
3. El usuario seleccionar en el men de la derecha Registrarse
4. El servidor devuelve la pgina donde el usuario tiene que introducir los datos
personales para darse de alta.
5. El usuario introducir los datos requeridos. Confirmar el registro.
Si los datos introducidos se rellenan correctamente, el usuario estar
registrado en el aplicativo, y el servidor lo devolver a la pgina
principal.
Si los datos son errneos o falta algn campo por rellenar, el servidor le
devolver un mensaje de error, advirtiendo al usuario del motivo.
16
4.1.2. Usuario Identificado

Sern aquellos usuarios que se han dado de alta en la aplicacin. Como los usuarios
annimos podrn realizar consultas sobre el listado de vehculos, as como tambin
podrn consultar el listado de ofertas. Realizarn las reservas de los vehculos
aplicacin Web, despus de identificarse.
Iniciar Sesin
Usuario Identificado
Realizar Reserva

El usuario Identificado podr consultar la lista de Vehculos que existe en la aplicacin.
3. El usuario seleccionar en el men Flota de Vehculos.
4. El servidor devuelve la pgina donde se ofrece el listado completo de vehculos
que existen en la aplicacin.
El usuario Identificado podr consultar el listado de Ofertas que existe en la aplicacin.
2. El servidor devuelve como respuesta la pgina principal, donde se muestra todas
las ofertas existentes.
17
Iniciar Sesin:
3. El usuario introducir el Login y Password en el men de la derecha.
Si los datos introducidos son correctos, el usuario estar registrado en el
aplicativo, y el servidor lo devolver a la pgina principal.
Si los datos son errneos, el servidor le devolver un mensaje de error,
mostrando al usuario el motivo.
Realizar Reserva:
3. El usuario seleccionar en el men Flota de Vehculos
4. El servidor le devolver la pgina con el listado de vehculos que se encuentran
en la aplicacin para realizar la reserva.
5. El usuario Identificado seleccionar el vehculo sobre el cual quiere realizar una
reserva, pulsando sobre el botn Reserva.
6. El servidor devolver una pgina mostrando un calendario con la disponibilidad
del vehculo seleccionado.
7. El usuario deber indicar el primer y ltimo da de la reserva.
Si los das indicados estn disponibles, el servidor devolver una pgina
mostrando el resumen de la reserva.
Si por el contrario los das indicados no estn disponibles, se le mostrar
un error indicndolo al usuario.
8. Una vez se tenga el resumen de la reserva donde se muestra el perodo y el coste
de la reserva, si el usuario est conforme tendr que confirmar la reserva para
hacerla efectiva.
18
4.1.3. Administrador
Ser el encargado de gestionar el mantenimiento de la aplicacin Web. Como en los
casos anteriores ser capaz de realizar consultar sobre los listados de vehculos y
ofertas. Despus de identificarse como administrador, ser capaz de realizar las
funciones de mantenimiento sobre los vehculos, gamas y ofertas.

Iniciar Sesin
Aadir Vehculo
Modificar Vehculo
Administrador
Eliminar Vehculo
Aadir Oferta
Modificar Oferta
Eliminar Oferta
Aadir Gama
Modificar Gama
Eliminar Gama
Para todas acciones que puede realizar el Administrador que se describen

continuacin, suponemos que el Administrador se encuentra logueado en
aplicacin, excepto para la accin Iniciar Sesin que es la accin que realiza
Administrador para estar logueado, ya que para todas las operaciones es comn
operacin de Iniciar Sesin.
a
la
el
la
19
Iniciar Sesin:
1.
2.
3.
4.
Introducir la URL de la pgina principal en el navegador.

El servidor devuelve como respuesta la pgina principal.
El Administrador seleccionar la opcin de men Administrador
El servidor le devolver una pgina para que el Administrador indique su
Login y Password
Si los datos introducidos son correctos, el servidor le devolver la pgina
principal del mantenimiento de la aplicacin, slo accesible para los
administradores.
mostrando al usuario el motivo.

El Administrador podr consultar la lista de Vehculos que existe en la aplicacin. Para
esto el Administrador tendr:
1. El Administrador seleccionar la opcin de men Lista de Vehculos
2. El servidor le devolver la pgina Lista de Vehculos, donde se muestra el
listado de vehculos que estn dados de alta en la aplicacin.
El Administrador podr consultar el listado de Ofertas que existe en la aplicacin. Para
esto tendr:
2. El servidor le devolver la pgina Lista de Vehculos, donde se muestra el
listado de vehculos y el listado de ofertas que estn dadas de alta en la
aplicacin.
Aadir Vehculo:
1. El Administrador seleccionar la opcin de men Nuevo Vehculo
2. El servidor le devolver la pgina Nuevo Vehculo donde el Administrador tendr
que introducir toda la informacin relacionada con el vehculo.
3. El Administrador introducir la informacin requerida sobre el nuevo vehculo.
Confirmar los cambios.
Si los datos introducidos son correctos, el vehculo estar dado de alta en la
aplicacin.
mostrando al Administrador el motivo.
20
Modificar Vehculo:
2. El servidor le devolver la pgina Lista de Vehculos, donde se muestra el listado
de vehculos que estn dados de alta en la aplicacin.
3. El Administrador pulsar sobre la matrcula del vehculo que quiere modificar.
4. El servidor le devolver la pgina Actualizacin del Vehculo, donde se muestra
toda la informacin referida al vehculo seleccionado.
5. Modificar la informacin a actualizar sobre el vehculo. Confirmar los cambios.
Si los datos introducidos son correctos, se guardarn los cambios en el vehculo.
Eliminar Vehculo:
2. El servidor le devolver la pgina Lista de Vehculos, donde se muestra el listado
de vehculos que estn dados de alta en la aplicacin.
3. El Administrador pulsar sobre la accin Borrar del vehculo que quiere eliminar.
4. El vehculo se borrar de la aplicacin.
Aadir Oferta:
1. El Administrador seleccionar la opcin de men Nueva Oferta
2. El servidor le devolver la pgina Nueva Oferta donde el Administrador tendr
que introducir toda la informacin relacionada con la oferta.
3. El Administrador introducir la informacin requerida sobre la nueva oferta.
Si los datos introducidos son correctos, la oferta estar dada de alta en la
aplicacin.
Modificar Oferta:
1. El Administrador seleccionar la opcin de men Listado Ofertas
2. El servidor le devolver la pgina Listado Ofertas, donde se muestra el listado de
ofertas que se encuentran dadas de alta en la aplicacin.
3. El Administrador pulsar sobre el ID de la oferta que quiere modificar.
4. El servidor le devolver la pgina Actualizacin de la Oferta, donde se muestra
toda la informacin referida a la oferta seleccionada.
5. Modificar la informacin a actualizar sobre la oferta. Confirmar los cambios.
Si los datos introducidos son correctos, se guardarn los cambios en la oferta.
21
Eliminar Oferta:
1. El Administrador seleccionar la opcin de men Listado Ofertas
2. El servidor le devolver la pgina Listado Ofertas, donde se muestra el listado de
ofertas que estn dadas de alta en la aplicacin.
3. El Administrador pulsar sobre la accin Borrar de la oferta que quiere eliminar.
4. La oferta quedar eliminada de la aplicacin.
Aadir Gama:
1. El Administrador seleccionar la opcin de men Nueva Gama
2. El servidor le devolver la pgina Nueva Gama donde el Administrador tendr
que introducir toda la informacin relacionada con la gama.
3. El Administrador introducir la informacin requerida sobre la nueva gama.
Si los datos introducidos son correctos, la gama estar dada de alta en la
aplicacin.
Modificar Gama:
1. El Administrador seleccionar la opcin de men Lista Vehculos
2. El servidor le devolver la pgina Lista Vehculos, donde se muestra el listado de
vehculo y el listado de gamas que se encuentran dadas de alta en la aplicacin.
3. El Administrador pulsar sobre el ID de la gama que quiere modificar.
4. El servidor le devolver la pgina Actualizacin de la Gama, donde se muestra
toda la informacin referida a la gama seleccionada.
5. Modificar la informacin a actualizar sobre la gama del vehculo. Confirmar los
cambios.
Si los datos introducidos son correctos, se guardarn los cambios en la gama del
vehculo.
Eliminar Oferta:
1. El Administrador seleccionar la opcin de men Lista Vehculos
2. El servidor le devolver la pgina Lista Vehculos, donde se muestra el listado de
vehculos y el listado de gamas que estn dadas de alta en la aplicacin.
3. El Administrador pulsar sobre la accin Borrar de la gama que quiere eliminar.
4. La oferta quedar eliminada de la aplicacin.
22
4.1. Diagrama UML

El diagrama de clases UML es un diagrama que se utiliza para el modelado y el
diseo en la programacin orientada a objetos. Este diagrama sirve para identificar las
clases del sistema, que corresponden a los tipos de usuarios, opciones y las relaciones
que se establecen entre ellas.
El diagrama UML de la aplicacin CABO que se encuentra a continuacin, se
muestran las funciones que se realizan en la aplicacin, as como quien es el encargado
de realizarlas.
Se pueden observar siete clases, entre las cuales el Usuario Identificado y el

Administrador hacen referencia al tipo de usuarios que interactan en la aplicacin
CABO. Tambin se encuentra las clases Vehculos, Reservas, Ofertas y
Gamas.
El Administrador ser el encargado de gestionar todas las gamas existentes en la
aplicacin, as como tambin ser el encargado de realizar el mantenimiento y
publicaciones de las ofertas. Adems de las tareas comentadas anteriormente, ser el
encargado de gestionar todo el mantenimiento sobre los vehculos.
El Usuario Identificado podr realizar las reservas sobre los vehculos. Los
Vehculos podrn tener reservas, as como tambin podrn tener ofertas asignadas.
Adems los Vehculos tendrn asignada una gama.
23
4.2. Diagramas de Secuencia

Mediante los diagramas de secuencia se muestra la interaccin entre los distintos
objetos ordenados en secuencia temporal. Se muestran un par de casos como ejemplo.
4.2.1. Modificar Vehculo
Se modifica los detalles de un vehculo. Para esto el administrador seleccionar un
vehculo (mediante la matrcula, que es nica), e introducir los cambios en las
caractersticas del vehculo. Una vez introducido los cambios el administrador
confirmar los cambios.
24
4.2.2. Reserva Vehculo

Se realiza la reserva de un vehculo. Para esto el usuario identificado realizar una
bsqueda del tipo de vehculo y/o fechas que en las cuales desea realizar la reserva. Del
listado de vehculos que se ajustan a la bsqueda, el usuario seleccionar la fecha inicial
de la reserva y la fecha final. Si todo es correcto, se le mostrar al usuario un resumen
con la reserva que ha seleccionado. Para registrar la reserva el usuario deber confirmar
el resumen de la reserva.
25
5. DISEO
Para el diseo de la aplicacin Web se ha optado por una arquitectura de tres capas.
Esto hace ms fcil el cambio de comportamiento en el nivel de aplicacin sin que
influya en el resto de las capas. Estas se corresponden con el nivel de interfaz, nivel de
aplicacin y nivel de persistencia.
5.1. Nivel de Interfaz
Todo lo visualizado por los usuarios de la aplicacin CABO es lo que se denomina
interfaz. Por este motivo se ha intentado crear una interfaz sencilla e intuitiva, para esto
se ha intentada que toda la informacin relevante para los usuarios este estructurada
correctamente y sea accesible en un golpe de vista, con una fuente clara y legible.
Tendremos dos estructuras diferenciadas, una para los usuarios y otra para los
administradores.
Usuario
La estructura bsica de la aplicacin para todo tipo de usuario , est compuesta por una
cabecera, un men horizontal para facilitar la navegacin entre las distintas secciones de
la aplicacin, dos mens laterales, uno (izquierda) facilitando la navegacin por las
distintas pginas de la aplicacin y el otro (derecha) para registrarse o bien identificarse
en la aplicacin.
El usuario tendr una bsqueda bsica ubicada horizontalmente, encima del contenido
y de los mens laterales. Esta bsqueda se encontrar ubicada en todas las pginas que
pueden acceder los usuarios, para facilitar en todo momento la bsqueda de los
vehculos con unas determinadas caractersticas.
26
En la parte central de la aplicacin Web podremos ver el rea de contenidos con la

informacin ms relevante de cada una de las secciones. En el caso de que nos
encontremos en la pgina principal, encontraremos los criterios de bsqueda de los
vehculos, y debajo de la bsqueda se muestra las ofertas existentes en la aplicacin.
Todo esto se puede observar en la siguiente imagen:
27
Administrador
La estructura de la pgina para los usuarios identificados como Administradores, est
compuesta por una cabecera con el logo de la aplicacin, un men horizontal de
navegacin. En este caso no tendremos los mens laterales, ya que eran necesarios, lo
que nos deja ms espacio para los contenidos.
28
5.1.1. Diagramas de Navegabilidad

En este apartado, se observa la estructura de la aplicacin CABO, mediante diagramas
de navegabilidad, indicando desde que pginas se acceden a otras y cules son sus
nombres y funciones. De esta manera se tiene definida una navegacin lineal para
cada tipo de usuario.
5.1.1.1.
Usuario Annimo
5.1.1.2.
Usuario Identificado
29
5.1.1.3.
Administrador
5.2. Nivel de Aplicacin

Este nivel es el intermediario entre el nivel de interfaz y el nivel de persistencia, este
nivel es el que se encarga de implementar el comportamiento de la aplicacin CABO,
de tal manera que se pueda modificar el comportamiento de las funciones y acciones
sobre las base de datos fcilmente, y adems conlleva que no se tengan que realizar
modificaciones significativas en la interfaz de usuario.
De esta manera se consigue un alto nivel de independencia con respecto a los otros dos
niveles. El nivel de aplicacin est formado por:
Generacin de partes de pgina comunes a todo el portal para el nivel de
interfaz, como pueden ser los mens laterales, los mens de navegacin, cabeceras,
etc.
Funciones de mantenimiento.
Funciones de consultas.
Gestin de la informacin.
30
Funciones de Mantenimiento
Se agrupan aqu todas las operaciones que se realizan como consecuencia del
mantenimiento de los vehculos de la aplicacin CABO
5.3. Nivel de Persistencia

El nivel de persistencia es el encargado de mantener los datos de una forma persistente
(como su nombre indica) al sistema, es decir, de mantener informacin de una sesin a
otra aunque el sistema no est en uso. Para esto la aplicacin CABO usa una bases de
datos relacional (MySQL), que se trata de una base de datos cliente/servidor.
5.3.1. Diagrama EER
El siguiente diagrama ERR (del ingls enhanced entity-relationship o modelo entidadrelacin mejorado), se muestra la base de datos CABO, en la cual se mantiene toda la
informacin sobre los usuarios, vehculos, reservas, ofertas y gamas.
31
6. DETALLES DE IMPLEMENTACIN
Para que el funcionamiento de cualquier aplicacin sea el correcto, depende en gran
medida de las tecnologas utilizadas y tambin de la manera que se implementa. A
continuacin se explica que tecnologas se han elegido y por que motivo.
6.1. Tecnologas
La aplicacin CABO se ha desarrollado utilizando WAMP. WAMP es la combinacin
de tecnologas del sistema Operativo Windows (W) con el servidor Web Apache (A),
utilizando como servidor de base de datos MySQL (M) y todo programado con el
lenguaje PHP (P).
El principal motivo de la utilizacin de estas tecnologas ha sido la calidad y cantidad
de documentacin existente, as como la buena interaccin entre ellas. Otro punto que
se ha tenido en cuenta de estas tecnologas, es que son utilizadas profesionalmente y
adems son libres.
6.1.1. Apache
Apache es un servidor Web HTTP de cdigo abierto, para diferentes plataformas,
entra la que se encuentra Windows que es el sistema operativo que se ha utilizado.
Apache es muy popular desde 1996, por este motivo existe gran documentacin para la
configuracin del servidor Web.
6.1.2. HTTP
El protocolo de transferencia de hipertexto (http, Hipertexto Transfer Protocol), es un
protocolo que se utiliza en cada transaccin de la Web y la comunicacin entre los
usuarios y la aplicacin Web se corresponde con un modelo cliente-servidor.
32
HTTP es un protocolo sin estado, es decir, despus de que se realice una transaccin
entre el navegador y el servidor, la conexin se pierde, no se guarda informacin sobre
conexiones anteriores. Para que los programas como PHP puedan recordar peticiones
anteriores se utilizan las cookies o sesiones.
Las cookies almacenan pequea cantidad de informacin en el navegador del cliente,
mientras que las sesiones pueden manejar una amplia informacin y se guarda en el
lado del servidor. Se ha optado por utilizar sesiones, para guardar el estado del cliente,
ya que las sesiones PHP son ms seguras, debido a que no envan informacin a travs
de la red y almacenan la informacin en variables del servidor. Adems como puede ser
que el cliente tenga desactivada las cookies, se ha optado por mandar los datos en
campos ocultos.
6.1.3. PHP
PHP es un lenguaje de script del lado del servidor. Los scripts PHP se encuentran
incrustados en los documentos HTML, y el servidor es el encargado de interpretar y
ejecutar los scripts antes de mostrar las pginas al cliente.
La utilizacin de PHP ha sido debido a que es potente, de libre distribucin, permite
el acceso a bases de datos y as como otras funcionalidades orientadas a la red.
6.1.4. MySQL
Se ha optado por una bases de datos relacional cliente/servidor, para que la
aplicacin CABO este accesible desde cualquier parte. En la actualidad MySQL es una
de las bases de datos cliente/servidor ms populares en la comunidad de cdigo abierto,
debido a la consistencia, rapidez, alta fiabilidad y facilidad de uso.
6.1.5. CSS
Las hojas de estilo (CSS) consisten en definir mediante una sintaxis especial la forma
de presentacin de un documento estructurado escrito en HTML o XML. Se ha decidido
utilizar CSS para separar la estructura de los documentos de su presentacin.
La informacin del estilo puede ser especificada directamente en el documento
HTML, como puede ser adjuntada en un documento separado. En la aplicacin CABO
se ha optado por tenerlo por separado, de esta manera tenemos un documento CSS para
cada seccin importe, de esta manera se facilita el mantenimiento del formato.
6.2. Herramientas
La aplicacin CABO es una aplicacin Web formada por una base de datos relacional
en MySQL y por un portal Web en PHP interconectados entre s, y estos se encuentran
en una misma mquina con el sistema operativo Windows y el servidor Web Apache.
Para el desarrollo de los documentos en PHP, as como para las hojas de estilo (CSS)
se ha utilizado la aplicacin Eclipse, ya que permite trabajar con varios documentos al
mismo tiempo y adems facilita la programacin coloreando las palabras reservadas, as
como destaca los posibles errores en la programacin.
33
Para la gestin de la base de datos hemos utilizado phpMyAdmin, ya que dispone de

interfaz grfica y es de libre distribucin. Adems permite la realizacin de todo tipo de
operaciones, como puede ser:
Crear, borrar y modificar tablas.
Consultar, eliminar, insertar y modificar datos.
Realizar fcilmente copias de seguridad, etc.
6.3. Detalles de Implementacin
En este apartado, se explica como se ha implementado la aplicacin.
Para facilitar el desarrollo de la aplicacin Web, se han diseado los mens en ficheros
independientes (menu_izqda.php, men_derecha.php), para facilitar la inclusin de
estos en nuevas pginas que pudiese tener la aplicacin, adems la cabecera y los pies
de pgina tambin se encuentran por separado, y dependiendo del tipo de usuario se
mostrarn un tipo u otro. De esta manera tendremos un diseo de las pginas que son
accesibles por el administrador y otro diseo diferenciado para el resto de usuarios.
Se ha optado por este diseo ya que permite centralizar las funciones comunes en un
solo lugar, adems si se quiere modificar el aspecto slo se tendr que realizar la
modificacin una sola vez, de esta manera tenemos las principales funciones de la
aplicacin ubicadas en el fichero funciones_alquiler.php, que ser comn para todas
las funcionalidades de la pgina web, de este modo si se tiene que modificar el
comportamiento de alguna funcin lo tenemos localizado en un solo fichero. Este
fichero de funcionalidad contiene la funcin que nos ayuda a mostrar la
disponibilidad del vehculo en el calendario (calendarioReserva), la funcin que nos
permite comprobar si las fechas introducidas estn disponibles para la reserva
(comprobarFechasReserva), la funcin que nos permite comprobar si un vehculo est
disponible para unas fechas dadas (comprobarFechasVehiculos), y la funcin que nos
permite calcular el presupuesto para una reserva de un vehculo
(calcularPresupuestoReserva).
Para la autentificacin de usuarios la aplicacin utiliza unos mecanismos de
autentificacin basados en el seguimiento de las sesiones que ofrece PHP y consultas a
la base de datos en la que se encuentran almacenadas la relacin de los identificadores
de usuarios y contraseas cifradas. Si intenta accedes un usuario que no se encuentra
dado de alta en la aplicacin, se mostrar un mensaje indicando que el usuario no es
vlido. Las contraseas se almacenan cifradas para evitar que un acceso
malintencionado, pueda obtener las contraseas de los usuarios. El algoritmo de
encriptacin/desencriptacin es el siguiente:
34
Encriptacin:
/* Encriptamos el password, con la clave "encriptar". */

$pass1=crypt($pass2, "encriptar");
$sql="INSERT INTO acceso_usuario (login_usuario, pass_usuario,
nivel_acceso, nom_usuario,"."apellidos_usuario, email_usuario ) VALUES
('$login_usuario','$pass1','1','$nom_usuario',"."'$apellidos_usuario',
'$email_usuario')";
$recordset = mysql_query($sql) or die(mysql_error());
if(mysql_affected_rows($link)){
header("Location: index.php");}
Desencriptacin:
/* Comprobamos que el password encriptado en la BD coincide con el

password que nos ha dado al encriptarlo.*/
if($array["pass_usuario"] == crypt($PHP_AUTH_PW,"encriptar") ){
$SESSION["login"] = $array["login_usuario"];
$SESSION["nombre"] = $array["nom_usuario"];
$SESSION["nivel_acceso"] = $array["nivel_acceso"];
}
35
7. PRUEBAS
Tras los apartados de Diseo e Implementacin, se evala la aplicacin CABO. La
idea principal a la hora de disear la aplicacin, ha sido facilitar al usuario la forma de
interactuar con la aplicacin, de tal manera que fuese de la forma ms fcil, cmoda e
intuitiva posible.
Para esto se ha colocado la informacin de manera que resulte fcilmente
reconocible visualmente y accesible, resaltando la informacin dependiendo de la
importancia que tenga. De esta manera, encontramos que los mens utilizan una
combinacin de colores distintos al resto de la informacin, para destacar la navegacin
y las funciones de registro/identificacin del usuario.
Por otro lado, para facilitar la bsqueda sobre los vehculos que se encuentran dados
de alta en la aplicacin, se ha ubicado un men de bsqueda en todas las pginas, para
que tanto los usuarios identificados, como los que no, en cualquier momento acceden a
la informacin deseada y descartar la informacin que no les pueda ser til. Adems las
consultas se han paginado, para que los registros a simple vista, sin tener que utilizar las
barras de desplazamiento.
Adems de las consideraciones personales que se han tenido en cuenta, tambin se
han contemplado otro tipo de pruebas. Las pruebas se han completado, con pruebas de
resolucin, comprobaciones de PHP y comprobaciones sobre las hojas de estilo (CSS).
7.1. Resolucin
Las pruebas de resolucin han consistido, en comprobar que la aplicacin CABO se
visualice correctamente para distintas resoluciones. En este caso particular se han
comprobado resoluciones de 800x600 o superior.
A continuacin se muestra un par de pantallazos para distintas resoluciones, con
los principales navegadores.
36
Visualizacin a 800x600 con Firefox
37
Visualizacin 1024x768 con Firefox
38
Visualizacin a 800x600 con Internet Explorer
Visualizacin 1024x768 con Internet Explorer
39
Visualizacin a 800x600 con Opera
Visualizacin 1024x768 con Opera
40
Visualizacin a 800x600 con Chrome
Visualizacin 1024x768 con Chrome
41
7.2.
Comprobacin PHP y CSS
Para validar el cumplimiento de estricto de los estndares (ISO-8859-1) se ha

utilizado la barra de Herramientas de Web Developer, que est accesible en:
https://addons.mozilla.org/es-es/firefox/addon/web-developer/
Para la validacin de las hojas de estilo, se ha utilizado la aplicacin Web:

http://jigsaw.w3.org/css-validator/ , dando como resultado:
42
43
8. MANUAL DE USUARIO
En este apartado se explica el uso de la aplicacin CABO, dependiendo del tipo de
usuario (Usuarios Annimos, Usuarios Identificados y Administradores). De esta
manera se explica detalladamente las funciones que los usuarios pueden realizar y se
acompaan de imgenes para facilitar al usuario el entendimiento de la aplicacin
CABO.
8.1. Usuarios
Las pginas de la aplicacin CABO constan de una estructura semejante como se
puede observar a continuacin:
44
Se ha instalado la aplicacin Web Developer para comprobar que todas las pginas
de la aplicacin cumplen con los requisitos de las hojas de estilo CSS.
Para cualquier usuario a la hora de realizar una reserva de un vehculo ser necesario
que se identifique en la aplicacin. Para esto utilizar el men que se encuentra ubicado
en la derecha de la aplicacin, una vez identificado en este men el usuario aparecer
como identificado:
La pgina principal de la aplicacin CABO nos permite realizar bsquedas

Sencillas, es decir, indicamos la gama, la clase y/o el tipo de vehculo como se puede
observar a continuacin:
Tambin se nos permite realizar bsquedas por fecha, donde el usuario especificar la
gama del vehculo y las fechas en las que esta interesado alquilar el vehculo:
45
En la pgina principal tambin destaca una seccin de ofertas, donde el usuario podr
ver que vehculos se encuentran de oferta:
En la segunda pantalla de la aplicacin FLOTA DE VEHCULOS se encuentra

todos los vehculos que tenemos en la empresa para su alquiler. En esta aparecen los
vehculos ordenados por gamas, para facilitar al usuario la bsqueda dependiendo de las
caractersticas en las que est interesado:
Una el usuario haya seleccionado el vehculo en el que esta interesado, se le

aparecer un men para la seleccin del mes en el que quiere realizar la reserva, as
como la disponibilidad del vehculo para el mes seleccionado:
46
En este momento el usuario indicar el primer da y el ltimo da que quiere reservar

el vehculo (el primer da seleccionado aparecer en azul):
Y una vez seleccionado la fecha inicial y fin de la reserva se le mostrar al usuario un

resumen de la reserva. En este resumen se indica el vehculo reservado, la gama, las
fechas inicial y fin de la reserva y el precio total de la reserva por los das
seleccionados:
47
Si el usuario est de acuerdo confirmar la reserva, si el usuario se haba identificado

se realiza la reserva y desde este momento el calendario para este vehculo mostrar la
reserva:
En el caso de que el usuario no estuviese identificado, no se realiza la reserva del

vehculo y se muestra un mensaje indicndolo:
NOTA: Este proceso de reserva ser comn desde cualquier bsqueda de vehculos.
En la pgina BUSQUEDA AVANZADA se encuentran unos filtros de bsqueda
avanzados, donde podemos especificar las caractersticas del vehculo. En estas
caractersticas podemos elegir el equipamiento que queremos que tenga el vehculo, su
gama, el tipo de motor, as como la clase de vehculo.
48
Una vez el usuario ha seleccionado las caractersticas que quiere que tenga el
vehculo, aparece una lista de vehculos que cumplen con los requisitos seleccionados:
Si los criterios de bsqueda arrojan una gran seleccin de vehculos, la lista

aparecer paginada, se mostrarn los resultados con un mximo de 7 vehculos por
pgina. Esta paginacin se observa en la parte inferior de la lista de vehculos.
En esta lista el usuario seleccionar el vehculo en el cual este interesado, y una vez
seleccionado el vehculo se repite el proceso de reserva comentado anteriormente.
En la pgina de RESERVAS se mostrar directamente el listado de vehculos que
tenemos en la empresa disponible para su reserva. Como en el caso anterior esta lista
estar paginada para mostrar al usuario un lmite de vehculos por pgina para facilitar
su bsqueda. El proceso de seleccin y reserva del vehculo es exactamente igual al
comentado en los casos anteriores.
49
La pgina ADMINISTRADOR sirve para la identificacin de los administradores

de la aplicacin CABO.
8.2. Administrador
Una vez identificado el administrador se acceder a las pginas de mantenimiento de
la aplicacin.
50
El administrador de la aplicacin ser el responsable de realizar todas las operaciones

de mantenimiento sobre la Base de Datos. Para esto ser necesario que realice las
operaciones de alta, actualizacin y borrado de los vehculos, ofertas y gamas.
Para la navegacin de las pantallas de la zona de Administradores encontramos
una barra superior con las pginas disponibles para el mantenimiento de la Base de
Datos a la hora de insertar nuevos registros.
Para acceder a la modificacin de cada registro se har a travs del identificador de
cada registro de la Base de Datos.
Para eliminar un registro se realizar a travs del ltimo campo del registro llamado
ACCIN, de esta manera el administrador dar de baja los registros que se
encuentran en la Base de Datos.
Desde la pantalla LISTA DE VEHCULOS se podrn consultar todos los
vehculos que se encuentran dados de alta en la aplicacin. La consulta est paginada, lo
que significa que para poder consultar todos los vehculos el administrador deber
navegar entre las distintas pginas que ha devuelto la consulta de vehculos.
Para dar de baja de la aplicacin un vehculo el administrador solamente tendr que

pulsar BORRAR sobre el registro que quiera eliminar.
51
Para realizar la actualizacin de un vehculo el administrador deber pulsar sobre la

matrcula del vehculo. De esta manera acceder a la siguiente pgina:
Entre las caractersticas del vehculo el administrador tendr que especificar el

equipamiento (Techo Elctrico, Climatizacin, Interior Cuero, Stma. Navegacin,
Cambio Automtico), el tipo de motor (Diesel, Gasolina), el tipo de vehculo (Turismo,
Deportivo, Camin, Limusina, Monovolumen), la marca, el modelo, la ubicacin de la
imagen del vehculo, la gama y una breve descripcin del vehculo. Una vez el
administrador haya realizado las modificaciones oportunas sobre el vehculo guardar
cambios pulsando el botn ACEPTAR.
Para la actualizacin de las GAMAS de los vehculos se acceder a utilizando el Id
de la matrcula, y a travs de este se abrir la siguiente pantalla:
52
En la pantalla podremos modificar descripcin de la gama y el precio de esta. Una

vez realizadas las modificaciones oportunas, tendremos que aceptar los cambios y se
guardaran automticamente.
Desde la pantalla LISTADO OFERTAS tendremos acceso a los vehculos que se
encuentran ofertados en estos momentos en la aplicacin. Como en los casos anteriores,
la pantalla se encuentra paginada, por lo que para acceder a todos los registros el
administrador tendr que navegar por las diferentes pginas que ha devuelto la consulta.
Para la modificacin de una OFERTA se utilizar el Id de la oferta, con lo que se

acceder a la siguiente pantalla:
Desde esta pantalla podremos modificar las diferentes caractersticas de las ofertas,
como es la descripcin, el precio o la imagen de la oferta. Para guardar los cambios que
el administrador haya considerado oportunos, ser necesario darle al botn Aceptar.
53
El administrador para dar de alta nuevos vehculos, gamas o ofertas tiene disponibles
tres pantallas, Nuevo Vehculo, Nueva Gama y Nueva Oferta. En el caso de dar
de alta un nuevo vehculo la pantalla ser la siguiente:
El administrador de la aplicacin deber seleccionar que caractersticas tiene el

nuevo vehculo de la flota, para esto tendr que especificar el Equipamiento: Techo
elctrico, Climatizacin, Interior Cuero, Sistema Navegacin y Cambio Automtico.
Adems tendr que seleccionar una de las gamas disponibles en la aplicacin en el
momento de dar de alta el vehculo.
Se deber especificar el tipo de vehculo y el combustible de este. Adems entre
todas las caractersticas del vehculo destaca la matrcula, que deber ser nica en toda
la aplicacin, ya que no podrn existir dos vehculos con la misma matrcula.
Si el administrador no estuviera conforme con los datos introducidos, puede
borrarlos utilizando el botn LIMPIAR DATOS con lo que se quedaran los campos
completamente en blanco. Si por el contrario quiere aadir el vehculo, solamente
tendr que pulsar AADIR NUEVO VEHCULO, con lo que tendremos un nuevo
coche en la flota.
54
Si se quiere dar de alta una nueva gama, se acceder a la siguiente pantalla:
En esta se indicar el identificador de la gama, su descripcin y el precio. Una vez

dada de alta la nueva gama, esta aparecer disponible tanto en las bsquedas, como
seleccionable entre las caractersticas de los vehculos.
El ltimo mantenimiento ser el que permita dar de alta nuevas ofertas:
Para dar de alta una nueva oferta ser necesario que se especifique el precio y la
descripcin de la oferta. Tambin ser necesario que se seleccione la matrcula del
vehculo que esta ofertado. Una vez aadida la nueva oferta, aparecer en la pantalla
principal de la aplicacin.
55
9. CONCLUSIONES
Como conclusin se podra destacar la capacidad de trabajar de forma independiente
y autnoma, y la eleccin del desarrollo de una aplicacin Web en PHP ha sido todo un
reto, debido a que no tena conocimientos en este lenguaje.
El desarrollo de este proyecto me ha ayudado a aprender nuevas habilidades, y la
forma de pensar en un proyecto global, a la hora de planificar, desarrollar, disearya
que hasta la fecha se estaba limitada al aspecto acadmico, en el cual uno est bastante
guiado en la forma de cmo llevar a cabo las tareas asignadas. Aunque en un futuro
puede que no vuelva a utilizar los conocimientos tcnicos, la base aprendida me podr
servir para aprender tcnicas y/o herramientas similares, y de esta forma ampliar
currculo.
Por otro lado, aunque el PFC en este punto se da por terminado, considero que existe
la posibilidad de ampliacin de la aplicacin Web, como puede ser una mejor gestin e
informacin de los socios dados de alta, as como de las reservas de los vehculos.
Con el desarrollo del proyecto final de carrera, doy por concluido los estudios en la
Ingeniera Tcnica en Informtica de Gestin.
56
10. BIBLIOGRAFA
PHP y MySQL prctico para diseadores y programadores Web. Ellie Quigley y
Marko Gargenta, Ediciones ANAYA Multimedia (2008).
Una gua para la realizacin y supervisin de proyectos Web (PFC)
http://www.lsi.us.es/cursos/cursophp/
http://www.w3.org/TR/CSS21/
http://httpd.apache.org/docs-2.0/
http://es.wikipedia.org
http://siml.googlecode.com/files/ERS.pdf
http://www.programacionweb.net/
http://www.desarrolloweb.com/
57

Memoria

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Memoria

Transféré par

Droits d'auteur :

Formats disponibles

PROYECTO FINAL DE CARRERA:

RESERVA DE VEHCULOS MEDIANTE

Alumno: Jorge Bou Ramn

2. DESCRIPCIN GENERAL ............................................................... 8

3. REQUISITOS ESPECFICOS ......................................................... 11

6. DETALLES DE IMPLEMENTACIN .......................................... 32

La quinta seccin Detalles de Implementacin, se describen las diferentes

mbito del Sistema

especificando la disponibilidad de este para unas determinadas fechas en el que el

Definiciones, Acrnimos y Abreviaturas

Para el desarrollo de este documento se han utilizado las siguientes referencias:

1.5. Visin General

Perspectiva del Producto

El producto a desarrollar permite acceder a los diferentes servicios que ofrece la

Funciones del Producto

En la aplicacin CABO se podrn realizar diferentes funciones dependiendo del tipo

2.2.1. Usuario No Registrado

Caractersticas del Usuario

2.6. Requisitos Pendientes

3.1.4. Interfaz de Comunicacin

Las funciones que debe realizar la aplicacin CABO sern:

3.3. Requisitos de Rendimiento

3.4.2. Limitaciones hardware.

Consultar Listado Vehculos

Consultar Listado Ofertas

Consultar Lista de Vehculos:

4.1.2. Usuario Identificado

Consultar Listado Vehculos

Consultar Listado Ofertas

Consultar Lista de Vehculos:

Consultar Listado Vehculos

Para todas acciones que puede realizar el Administrador que se describen

Introducir la URL de la pgina principal en el navegador.

Consultar Lista de Vehculos:

4.1. Diagrama UML

Se pueden observar siete clases, entre las cuales el Usuario Identificado y el

4.2. Diagramas de Secuencia

4.2.2. Reserva Vehculo

En la parte central de la aplicacin Web podremos ver el rea de contenidos con la

5.1.1. Diagramas de Navegabilidad

5.2. Nivel de Aplicacin

5.3. Nivel de Persistencia

Para la gestin de la base de datos hemos utilizado phpMyAdmin, ya que dispone de

/* Encriptamos el password, con la clave "encriptar". */

/* Comprobamos que el password encriptado en la BD coincide con el

Visualizacin a 800x600 con Firefox

Visualizacin 1024x768 con Firefox

Visualizacin a 800x600 con Internet Explorer

Visualizacin 1024x768 con Internet Explorer

Visualizacin a 800x600 con Opera

Visualizacin 1024x768 con Opera

Visualizacin a 800x600 con Chrome

Visualizacin 1024x768 con Chrome

Comprobacin PHP y CSS

Para validar el cumplimiento de estricto de los estndares (ISO-8859-1) se ha

Para la validacin de las hojas de estilo, se ha utilizado la aplicacin Web:

La pgina principal de la aplicacin CABO nos permite realizar bsquedas

En la segunda pantalla de la aplicacin FLOTA DE VEHCULOS se encuentra

Una el usuario haya seleccionado el vehculo en el que esta interesado, se le

En este momento el usuario indicar el primer da y el ltimo da que quiere reservar

Y una vez seleccionado la fecha inicial y fin de la reserva se le mostrar al usuario un

Si el usuario est de acuerdo confirmar la reserva, si el usuario se haba identificado

En el caso de que el usuario no estuviese identificado, no se realiza la reserva del

Si los criterios de bsqueda arrojan una gran seleccin de vehculos, la lista