PFC Javier Muñoz Vallejo2

UNIVERSIDAD POLITCNICA DEMADRID
ESCUELA TCNICA SUPERIOR DE

INGENIERA DE SISTEMAS INFORMTICOS
PROYECTO FIN DE CARRERA
Desarrollo de un portal de informacin y

venta de vehculos siguiendo la
metodologa J. December
Autor: Javier Muoz Vallejo

Curso Acadmico: 2014-2015
UNIVERSIDAD POLITCNICA DEMADRID
ESCUELA TCNICA SUPERIOR DE

INGENIERA DE SISTEMAS INFORMTICOS
PROYECTO FIN DE CARRERA
Desarrollo de un portal de informacin y

venta de vehculos siguiendo la
metodologa J. December
Autor: Javier Muoz Vallejo

Curso Acadmico: 2014-2015
Tutora: Carmen Gil Abad
Slo podemos ver poco del futuro, pero lo suficiente
para darnos cuenta de que hay mucho que hacer.
Alan Turing
5
6
Agradecimientos
A mi tutora, Carmen Gil Abad,

por su paciencia y entendimiento durante todo este tiempo.
A Araceli, por animarme durante tanto tiempo

y no dejar que perdiera la ilusin, y por tu comprensin
durante los momentos finales.
A mi familia, porque les debo todo y siempre estn presentes.
A mis amigos, por recordarme durante todo este tiempo

que tena algo pendiente de terminar.
7
8
Resumen
En este Proyecto Fin de Carrera se va a llevar a cabo el desarrollo e implementacin de

un portal web orientado a la compra venta de vehculos industriales, mediante el uso de
la metodologa John December.
A lo largo del proyecto, se expondr porqu es necesario el uso de metodologas y el

motivo de haber seleccionado John December de entre las diferentes metodologas
existentes en la actualidad.
Una vez definido el uso de la metodologa, pasaremos a desarrollar cada una de las fases
de las que se compone aplicndolas de una manera prctica sobre nuestro portal.
Dentro de estas fases detallaremos qu herramientas se han usado para llevarlas a cabo,
ya que December no provee herramientas como tal.
As mismo, dentro del proceso de llevar a cabo el proyecto, se incluir algn elemento
ms no definido dentro de la metodologa, como los Casos de Prueba ya que se han
considerado necesarios para llegar correctamente a los objetivos planteados.
Finalmente, expondremos las conclusiones extradas del desarrollo llevado a cabo.
Summary
This Proyecto Final de Carrera will carry out the development and implementation of a
web portal oriented to purchase and sale of industrial vehicles, using the methodology
John December.
Throughout the project, it will expose that is necessary the use of methodologies and
the reason for having selected John December from the different methodologies that
exists currently.
Once the use of the methodology would be defined, we will pass to develop each of the
phases that it is composed by applying each in a practical way to our website.
Within these phases, we will detail that tools have been used to carry them out, since
December does not provide tools as such.
Likewise, within the process of carrying out this project, will include some element that
are not defined within the methodology, as Test Cases since they have been considered
necessary to properly reach to the projected objectives.
Finally, we will show the conclusions extracted from the development carried out.
9
10
ndice
NDICE DE ILUSTRACIONES 12
NDICE DE TABLAS 13
1 INTRODUCCIN 15
2 METODOLOGA JOHN DECEMBER 17
3 DESARROLLO DEL PORTAL 19

3.1 PLANIFICACIN 19
3.2 ANLISIS 22
3.2.1 ANLISIS - CASOS DE USO 23
3.2.2 ANLISIS - DIAGRAMA DE SECUENCIAS 43
3.3 DISEO 63
3.3.1 DISEO DISEO DE INTERFACE 64
3.3.2 DISEO DISEO DEL MODELO DE DATOS 87
3.4 IMPLEMENTACIN 96
3.4.1 ARQUITECTURA 96
3.4.2 ESTRUCTURA DEL SITIO WEB 96
3.5 CASOS DE PRUEBA 98
3.5.1 DETALLE CASOS DE PRUEBA 98
3.6 PROMOCIN 110
3.6.1 ACCIONES DE PROMOCIN 110
3.7 INNOVACIN 112
3.7.1 ESTRATEGIAS DE INNOVACIN 112
4 CONCLUSIONES 115
5 BIBLIOGRAFA 117
5.1 METODOLOGAS DE DESARROLLO 117
5.2 HERRAMIENTAS 117
5.3 ARQUITECTURA 118
5.4 DESARROLLO 118
5.5 USABILIDAD 118
11
NDICE DE ILUSTRACIONES
Ilustracin 1 Resumen Metodologa J. December ________________________________________________________ 18
Ilustracin 2 Cronograma Fases Desarrollo _______________________________________________________________ 21
Ilustracin 3 CU Acceso general ___________________________________________________________________________ 23
Ilustracin 4 CU Acceso Catlogo _________________________________________________________________________ 24
Ilustracin 5 CU Acceso Usuario Registrado _____________________________________________________________ 28
Ilustracin 6 CU Acceso a Catlogo Informacin Restringida ____________________________________________ 28
Ilustracin 7 CU Administracin___________________________________________________________________________ 30
Ilustracin 8 CU Gestin de Usuarios _____________________________________________________________________ 30
Ilustracin 9 CU Gestin Datos Maestros _________________________________________________________________ 31
Ilustracin 10 CU Gestin de productos __________________________________________________________________ 33
Ilustracin 11 CU Informacin Contacto __________________________________________________________________ 37
Ilustracin 12 CU Gestin de Noticias _____________________________________________________________________ 39
Ilustracin 13 CU Gestin de Clientes _____________________________________________________________________ 40
Ilustracin 14 CU Gestin de Links ________________________________________________________________________ 41
Ilustracin 15 DS Acceso Pgina principal ________________________________________________________________ 43
Ilustracin 16 DS Acceso Informacin General ___________________________________________________________ 44
Ilustracin 17 DS Acceso Informacin de Contacto _______________________________________________________ 44
Ilustracin 18 DS Acceso Catlogo ________________________________________________________________________ 45
Ilustracin 19 DS Acceso Bsqueda Fuera Catlogo ______________________________________________________ 45
Ilustracin 20 DS Acceso Ficha Productos ________________________________________________________________ 46
Ilustracin 21 DS Acceso Peticin de Informacin ________________________________________________________ 46
Ilustracin 22 DS Acceso Links ____________________________________________________________________________ 47
Ilustracin 23 DS Acceso Usuarios ________________________________________________________________________ 47
Ilustracin 24 DS Acceso a Catlogo Informacin Restringida ___________________________________________ 48
Ilustracin 25 DS Acceso Ficha Producto Restringida_____________________________________________________ 48
Ilustracin 26 DS Gestin Usuarios _______________________________________________________________________ 49
Ilustracin 27 DS Gestin de datos Maestros ____________________________________________________________ 50
Ilustracin 28 DS Gestin de Tipos de Productos_________________________________________________________ 51
Ilustracin 29 DS Gestin de Marcas _____________________________________________________________________ 52
Ilustracin 30 DS Gestin de Tipos de Suspensin _______________________________________________________ 53
Ilustracin 31 DS Gestin de Productos __________________________________________________________________ 54
Ilustracin 32 DS Catlogo Restringido por Marca ______________________________________________________ 55
Ilustracin 33 DS Catlogo Restringido por Tipo Producto ______________________________________________ 55
Ilustracin 34 DS Insertar Nuevo Vehculo _______________________________________________________________ 56
Ilustracin 35 DS Editar Vehculo _________________________________________________________________________ 56
Ilustracin 36 DS Pgina Principal ________________________________________________________________________ 57
Ilustracin 37 DS Informacin General ___________________________________________________________________ 57
Ilustracin 38 DS Gestin Contactos _____________________________________________________________________ 58
Ilustracin 39 DS Gestin Noticias ________________________________________________________________________ 59
Ilustracin 40 DS Gestin de clientes _____________________________________________________________________ 60
Ilustracin 41 DS Gestin de Links ________________________________________________________________________ 61
Ilustracin 42 DS Salir _____________________________________________________________________________________ 62
Ilustracin 43 DI Diseo General __________________________________________________________________________ 64
Ilustracin 44 DI Diseo General __________________________________________________________________________ 65
Ilustracin 45 DI Pgina Principal _________________________________________________________________________ 66
Ilustracin 46 DI Informacin General ____________________________________________________________________ 66
Ilustracin 47 DI Informacin Contacto ___________________________________________________________________ 67
Ilustracin 48 DI Acceso Catlogo ________________________________________________________________________ 67
Ilustracin 49 DI Bsqueda fuera catlogo _______________________________________________________________ 68
Ilustracin 50 DI Acceso Ficha Producto __________________________________________________________________ 68
Ilustracin 51 DI Acceso Ficha Producto __________________________________________________________________ 69
Ilustracin 52 DI Links _____________________________________________________________________________________ 69
Ilustracin 53 DI Acceso Usuarios _________________________________________________________________________ 70
Ilustracin 54 DI Acceso Catlogo Informacin Restringida ______________________________________________ 70
Ilustracin 55 DI Ficha Informacin Restringida __________________________________________________________ 71
12
Ilustracin 56 DI Gestin de Usuarios _____________________________________________________________________ 71
Ilustracin 57 DI Crear Usuario ___________________________________________________________________________ 72
Ilustracin 58 DI Editar Usuario ___________________________________________________________________________ 72
Ilustracin 59 DI Tipos de Producto _______________________________________________________________________ 73
Ilustracin 60 DI Crear Tipo de Producto _________________________________________________________________ 73
Ilustracin 61 DI Editar Tipo de producto _________________________________________________________________ 74
Ilustracin 62 DI Gestin Marcas _________________________________________________________________________ 74
Ilustracin 63 DI Crear Marca _____________________________________________________________________________ 75
Ilustracin 64 DI Editar Marca ____________________________________________________________________________ 75
Ilustracin 65 DI Gestin Tipos de Suspensin ____________________________________________________________ 76
Ilustracin 66 DI Crear Tipos Suspensin _________________________________________________________________ 76
Ilustracin 67 DI Editar Tipos Suspensin _________________________________________________________________ 77
Ilustracin 68 DI Catlogo por Marca_____________________________________________________________________ 77
Ilustracin 69 DI Catlogo por tipo de producto __________________________________________________________ 78
Ilustracin 70 DI Insertar Nuevo Vehculo ________________________________________________________________ 78
Ilustracin 71 DI Editar Ficha de Producto ________________________________________________________________ 79
Ilustracin 72 DI Pgina Principal _________________________________________________________________________ 79
Ilustracin 73 DI Informacin General ____________________________________________________________________ 80
Ilustracin 74 DI Informacin de Contacto _______________________________________________________________ 80
Ilustracin 75 DI Aadir Contacto _________________________________________________________________________ 81
Ilustracin 76 DI Editar Contacto _________________________________________________________________________ 81
Ilustracin 77 DI Gestin Noticias _________________________________________________________________________ 82
Ilustracin 78 DI Crear Nueva Noticia_____________________________________________________________________ 82
Ilustracin 79 DI Actualizar Noticia _______________________________________________________________________ 83
Ilustracin 80 DI Gestin Clientes _________________________________________________________________________ 83
Ilustracin 81 DI Nuevo Cliente ___________________________________________________________________________ 84
Ilustracin 82 DI Actualizar Cliente _______________________________________________________________________ 84
Ilustracin 83 DI Gestin de Links _________________________________________________________________________ 85
Ilustracin 84 DI Crear Link________________________________________________________________________________ 85
Ilustracin 85 DI Actualizar Link __________________________________________________________________________ 86
Ilustracin 86 Modelo de datos general __________________________________________________________________ 87
Ilustracin 87 Estructura del sitio web ____________________________________________________________________ 96
NDICE DE TABLAS
Tabla 1 - Comparativa Metodologas. Fases de del proceso._______________________________________________ 15
Tabla 2 - Comparativa Metodologas. Orientacin _________________________________________________________ 16
Tabla 3 - Tabla BD BUSQUEDAS ____________________________________________________________________________ 88
Tabla 4 - Tabla BD CLASES_VEHICULO ______________________________________________________________________ 88
Tabla 5 - Tabla BD CLIENTES ________________________________________________________________________________ 89
Tabla 6 - Tabla BD CONTACTOS _____________________________________________________________________________ 89
Tabla 7 - Tabla BD GRUAS __________________________________________________________________________________ 90
Tabla 8 - Tabla BD IMGENES ______________________________________________________________________________ 90
Tabla 9 - Tabla BD INFORMACION __________________________________________________________________________ 91
Tabla 10 - Tabla BD JIP ______________________________________________________________________________________ 91
Tabla 11 - Tabla BD LINKS ___________________________________________________________________________________ 92
Tabla 12 - Tabla BD MARCAS _______________________________________________________________________________ 92
Tabla 13 - Tabla BD NOTICIAS ______________________________________________________________________________ 92
Tabla 14 - Tabla BD PERSONAL _____________________________________________________________________________ 93
Tabla 15 - Tabla BD PRINCIPAL _____________________________________________________________________________ 93
Tabla 16 - Tabla BD R_IMAGENES_VEHICULO ______________________________________________________________ 93
Tabla 17 - Tabla BD SUSPENSIONES ________________________________________________________________________ 94
Tabla 18 - Tabla BD USUARIOS _____________________________________________________________________________ 94
Tabla 19 - Tabla BD VEHICULOS ____________________________________________________________________________ 95
13
14
1 Introduccin
El objetivo final de este proyecto es desarrollar un portal de venta de vehculos
industriales siguiendo una metodologa concreta, en este caso la metodologa John
December.
El objetivo del portal ser el mostrar la informacin relativa a la empresa, dar a conocer
sus productos, que sirva como fuente de contacto entre posibles clientes y la empresa
as como servir de base para el catlogo interno de productos de la propia empresa.
Para ello el portal constar de un rea pblica dividida en secciones donde explique el
funcionamiento de la empresa, donde se muestre el catlogo de productos y desde
donde los usuarios puedan realizar cuestiones sobre diferentes productos del catlogo
o peticiones especficas. Por otro lado habr un rea privada que permita mantener la
informacin del portal y desde donde los usuarios autorizados puedan acceder al
catlogo de productos ampliado.
Dada la complejidad de cualquier desarrollo de software el uso de una metodologa que

nos permita estructurar, planificar y controlar todo el proceso del desarrollo es
imprescindible. Esto se hace an ms patente en los desarrollos web donde lo publicado
ha pasado de ser una mera representacin electrnica de la versin escrita en papel a
involucrar a personas con diferentes perfiles como planificacin, anlisis, diseo y hacer
uso de conceptos de diseo grfico y de usabilidad que finalmente determinan la
manera de representar la informacin en la web.
Dentro del desarrollo web podemos encontrar diferentes metodologas de desarrollo

cada una con unas caractersticas propias. Por ello, a continuacin, vamos comparar
algunas de estas metodologas ms representativas donde podremos ver dos cuadros
diferentes, en el primero aparecen identificadas las diferentes fases de desarrollo que
contempla cada una y en el segundo hacia que resultado est enfocada cada una.
Metodologa Especificaciones Anlisis Diseo Codificacin Pruebas Mantenimiento
December X X X X X X
HDM X
RMM X X X X
EORM X X X
OOHDM X X
RNA X X
SCRUM X X X X
SOHDM X X X X
WSDM X X X
UWE X X X
WEBML X X X X X X
Tabla 1 - Comparativa Metodologas. Fases de del proceso.
15
Como se puede observar las metodologas ms completas teniendo en cuenta las
diferentes fases serian December y WEBML.
As mismo podemos analizar la orientacin hacia el que va enfocado el resultado final

en cada una de estas metodologas.
Separacin Separacin
Variabilidad
Metodologa Concepto- Navegacin- Multimedia
Usuario
Navegacin Interfaz
December X X
HDM X X
RMM X X
EORM X X
OOHDM X X X
SOHDM X X X
SCRUM X X X
WSDM X X
RNA X
UWE X X
WEBML X X X
Tabla 2 - Comparativa Metodologas. Orientacin
Como se observa la metodologa J. December se caracteriza por tener una fuerte

orientacin hacia el usuario y una separacin entre el concepto que define la web y la
navegacin.
Esta informacin ha sido extrada de la documentacin facilitada por el departamento

de Lenguajes, Proyectos y Sistemas Informticos (LPSI) para la elaboracin del proyecto
en la que se realizaba la comparacin entre diferentes metodologas.
Es por la conjuncin de estas dos caractersticas descritas, por lo que se ha elegido la

metodologa J. December para llevar a cabo el desarrollo de la web.
16
2 Metodologa John December
La metodologa J. December es una metodologa web centrada en el usuario, de manera
que el principal objetivo es satisfacer los requisitos del usuario, y de ciclo continuo, es
decir, que define que el proceso de desarrollo nunca llega a finalizarse sino que est en
constante evolucin.
La metodologa se estructura en tornos a 6 fases de proceso y 6 elementos de

informacin, muy similares a los usados comnmente por otros como escritores,
diseadores y desarrolladores, siendo siempre el centro el usuario.
Los 6 elementos son:
1. Audiencia: Define a que usuarios va dirigida la aplicacin y en torno a los cuales

se estructura la misma. Los tipos de usuarios determinarn qu informacin se
debe mostrar y qu aspecto debe tener.
2. Propsito: Identifica el motivo principal por el que se desarrolla la web de
manera que quede claro cul es la temtica de la web a la hora de visitarla. De
esta manera los desarrolladores saben qu informacin obtener y mantener, y
los analistas si la web est realizando correctamente su trabajo.
3. Objetivos: Una vez definidos la audiencia y el propsito se definirn los objetivos
finales a cumplir identificando qu informacin es la que se quiere mostrar. As
como el propsito no variar a lo largo del proceso, los objetivos pueden variar
segn se aade ms informacin.
4. Dominio: Es el conjunto de informacin que engloba la web, tanto la que se
encuentra online como la offline incluyendo la informacin necesaria para que
los desarrolladores lleven a cabo su trabajo.
5. Especificacin web: Detalla los requisitos que debe incluir la web durante la fase
de diseo e implementacin. Es similar a los objetivos pero relacionado
exclusivamente con la parte web y como estos pueden variar a lo largo del
tiempo.
6. Presentacin web: Define como se muestra la web al usuario como resultado de
las fases de diseo e implementacin. Seguiremos un modelo lineal de fcil
comprensin para el usuario as como una gua de estilos homognea.
Las 6 fases de las que consta la metodologa son:
1. Planificacin: Durante esta fase se establecern las diferentes metas de la web.

As mismo se definir la audiencia, el propsito, los objetivos y el dominio y la
especificacin de la web. Tambin es donde se deciden los recursos y perfiles
que sern necesarios para llevar a cabo la web.
2. Anlisis: En esta fase es en la que comprueba que la web cumple los objetivos
planificados. Como es una metodologa cclica esta fase abarca todo el ciclo de
desarrollo de la web, de manera que constantemente se estar verificando tanto
si se consiguen los objetivos fijados como si la presentacin sigue los criterios
definidos y la informacin es la correcta.
17
3. Diseo: Durante la fase de diseo se toman los diferentes elementos definidos
durante la planificacin, propsito, objetivos, audiencia, especificacin y
dominio y se disea el interfaz de la web, as como elementos como la
navegabilidad y usabilidad. Es en esta fase donde se define el elemento
presentacin, en nuestro caso seguiremos un patrn de tipo estructurado.
4. Implementacin: En esta fase se ponen en comn todos los elementos definidos
anteriormente y con ellos se realiza la construccin tcnica propiamente dicha
del portal, la estructura fsica y el cdigo que ejecutar la web. Como hemos
dicho antes, al ser un modelo cclico durante esta fase tambin est presente la
fase de anlisis, que consistir en realizar las pruebas funcionales de lo
implementado y si no se cumplen los objetivos, volver a realizar el diseo y la
implementacin hasta obtener el objetivo buscado.
5. Promocin: Durante esta fase se realiza una promocin de la misma dirigida al
pblico objetivo de la web de manera que atraiga usuarios hacia la misma.
6. Innovacin: Este proceso persigue garantizar que el resto de procesos continan
y mejoran de manera constante. Por tanto una vez finalizado el desarrollo del
portal se plantear un programa de mejoras enfocadas a optimizar la calidad de
la web tanto a nivel de diseo como de la informacin que alberga. La aplicacin
de estas mejoras lleva consigo el repetir el ciclo de desarrollo utilizado para el
desarrollo completo del portal.
Ilustracin 1 Resumen Metodologa J. December
18
3 Desarrollo del portal
3.1 Planificacin
Durante esta fase vamos a definir los siguientes elementos que ya vimos durante la
introduccin a la metodologa J. December: Audiencia, Propsito, Objetivos, Dominio.
Audiencia
El portal se dirige varios tipos de usuarios, por un lado tendremos el usuario de tipo
general, que son potenciales clientes de la empresa o actuales clientes que buscan
informacin relativa a la empresa as como de los productos que ofrecen, en este caso
vehculos a motor, y que adems, podrn realizar consultas sobre estos productos u
otros que no estn disponibles.
Por otro lado tendremos otro tipo de usuario que son empleados de la compaa, que
pueden acceder a informacin de la web para realizar las mismas consultas que el
pblico general, pero adems pueden consultar informacin que no es visible para el
pblico general.
Y por ltimo tendremos otro tipo de usuario que se dedica a realizar el mantenimiento
de la web, principalmente modificar el catlogo de productos.
Por tanto tendremos 3 tipos de usuarios

- Usuario no registrado: que solo pueden acceder a la informacin pblica del
portal.
- Usuarios registrados: empleados de la compaa que pueden acceder a la
informacin pblica y a otra de carcter restringido, pero que no la pueden
modificar.
- Administrador: empleado de la compaa que realiza el mantenimiento de la
informacin que se muestra as como de los usuarios.
Propsito
El propsito principal de la web es dar a conocer la informacin general de la empresa,

descripcin, contacto, localizacin as como del catlogo de productos que ofrece.
Como propsito adicional, la web proveer de informacin adicional del catlogo a los
empleados, as como de recibir consultas y peticiones de informacin por parte de los
clientes.
Objetivos
La web se centra en que los potenciales clientes de la compaa puedan acceder de

manera rpida y clara a la informacin de la misma, al catlogo de productos disponibles
o realizar una consulta o peticin a la compaa sobre algn producto.
19
Para cumplir estos objetivos los usuarios deben ser capaces de:
- Usuario no registrado
o Acceder a la pgina principal de la web y visualizar las noticias
o Acceder a la pgina de informacin de la empresa
o Acceder a la informacin de contacto
o Acceder al catlogo de productos
o Acceder a la ficha de un producto
o Realizar una consulta sobre un producto
o Realizar una consulta general
o Acceder a los links asociados a la empresa
- Usuario registrado
o Acceder a la pgina principal de la web y visualizar las noticias
o Acceder a la pgina de informacin de la empresa
o Acceder a la informacin de contacto
o Acceder al catlogo de productos
o Acceder a la ficha de un producto con informacin restringida
o Acceder a los links asociados a la empresa
o Autenticarse como usuario registrado
o Salir de la pgina autentificada
- Administrador
o Autentificarse como usuario administrador
o Dar de alta un usuario
o Dar de baja un usuario
o Modificar un usuario
o Dar de alta un dato maestro
Tipo de producto
Marca
Suspensin
o Dar de baja un dato maestro
Tipo de producto
Marca
Suspensin
o Modificar un dato maestro
Tipo de producto
Marca
Suspensin
o Dar de alta un producto
o Dar de baja un producto
o Modificar un producto
o Modificar la informacin que se muestra en la pgina principal
o Modificar la informacin general de la empresa
o Modificar la informacin de contacto
o Dar de alta una noticia
o Dar de baja una noticia
o Modificar una noticia
20
o Dar de alta un cliente
o Dar de baja un cliente
o Modificar un cliente
o Dar de alta un link
o Dar de baja un link
o Modificar un link
o Salir de la pgina autentificada
Dominio
Dado que la web se centra en la compaa y los productos que ofrece, la informacin
que muestra ser primero la relativa a s misma, historia, propsito, descripcin de
actividades, etc. as como informacin de contacto de la misma, direccin, telfonos de
consulta, personal de la empresa etc.
Por otro lado se mostrar la informacin de los productos que ofrece, marca, tipo,
descripcin, fotografa, etc.
Estos tres tipos de informacin tienen una renovacin muy distinta ya que la
informacin general no tendr prcticamente variacin en el tiempo, la informacin de
contacto variar de manera ocasional y el catlogo de productos est en variacin
constante.
A priori, una vez desarrollado el portal este contar solo con la informacin general y la
informacin necesaria para poder dar de alta los productos, y progresivamente se ir
incluyendo la informacin de contacto y los productos de manera que se vaya
conformando el catlogo.
Cronograma
Aunque la metodologa J. December no especifica la necesidad de tener que definir un

cronograma del proyecto, s que creemos que es necesario para tener una idea clara de
cul va a ser la planificacin.
Ilustracin 2 Cronograma Fases Desarrollo
21
3.2 Anlisis
Durante la fase de Anlisis se debe comprobar que tanto la informacin que provee la
web como el diseo cumple con los objetivos planificados.
En la metodologa John December esta fase se aborda durante todo el desarrollo de la

misma, por lo que las especificaciones dadas en esta fase pueden ir variando durante
toda la vida del proyecto.
La metodologa J. December no indica cmo se debe realizar esta fase de desarrollo, ni

que herramientas se deben usar.
Por tanto, para esta fase hemos elegido apoyarnos en UML que es lenguaje de modelado
de software ms extendido, ya que nos aporta un lenguaje grfico para especificar el
sistema.
Dentro de las herramientas que nos aporta UML vamos a usar en esta fase dos:
- Diagramas Casos de Uso
- Diagramas de Secuencia
La primera nos servir para definir el comportamiento de los usuarios dentro del portal
apoyados por la descripcin que aportan los propios Casos de Uso.
La segunda nos servir para mostrar las interacciones entre los diferentes componentes
del sistema a lo largo de una secuencia de tiempo. Cada Caso de Uso estar modelado
tambin mediante un Diagrama de Secuencia.
22
3.2.1 Anlisis - Casos de Uso
Se definen a continuacin los diferentes casos de uso que se han identificado durante
el anlisis de la aplicacin.
1. Acceso general
En esta seccin se describen las acciones principales que puede llevar a cabo cualquier
usuario no identificado, como son: el acceso a la pgina principal, a la pgina con la
informacin general, a la pgina con la informacin de contacto, a el catlogo de
productos, a las fichas, a los links asociados y a solicitar informacin, as como el men
de acceso a usuarios registrados.
Ilustracin 3 CU Acceso general
A. Acceso Pgina principal
Al acceder a la pgina principal de la web se mostrar una pgina principal dividida en 4

reas:
- rea 1 : Banner principal
- rea 2 : Men de acceso horizontal
- rea 3 : rea principal de informacin
- rea 4 : Men lateral noticas
Toda la informacin accesible desde el portal para los usuarios se mostrar siempre en
el rea 3.
El rea 3 de la pgina principal, contendr un ttulo descriptivo de la pgina, un pequeo

texto y una imagen.
23
Debajo de esto aparecer una lista con los ltimos 5 productos del catlogo y debajo de
esto aparecer una lista mvil con 5 imgenes diferentes.
B. Acceso Informacin General
Pulsando en el men Sobre Nosotros se cargar en al rea 3 la informacin general

de la empresa, que se divide en 3 reas de texto y 4 reas de imgenes principales y 6
reas de imagen secundaria.
C. Acceso Informacin Contacto
Pulsando en men Contacto, se mostrar un rea con la informacin principal de

contacto de la empresa, y a continuacin un listado del personal divido por
departamentos.
La informacin a mostrar en el rea de informacin principal ser:

- Direccin de correo electrnico principal
- Telfono de contacto principal
- Direccin Postal
- Fax
- Acceso a mapa
La informacin que se mostrar dentro del listado de personal ser:
- Nombre completo
- Idiomas
- Telfono de contacto
- Mvil
- Fax
- Correo electrnico
D. Acceso Catlogo
Pulsando el men Catlogo se acceder a un listado con el catlogo completo de

productos ordenado por categora.
Ilustracin 4 CU Acceso Catlogo
24
En la cabecera del listado se mostrar un rea con posibilidad de ordenar los productos
por categora y marca.
Si se muestra el listado ordenado por categora, este se ordenar en funcin de una

prioridad asignada a cada categora, en caso de ser por marca se ordenar
alfabticamente.
Adicionalmente aparecer una opcin para acceder a la pantalla de bsqueda fuera de

catlogo.
El listado de productos aparecer en filas dividas en categoras de productos y

mostrando como mucho 3 productos por lnea.
Los productos que se muestran sern solo los que el administrador haya marcado como
visibles.
Para cada producto aparecer:

- Referencia
- Fotografa principal
- Marca
- Modelo
- Fecha de matriculacin
- Descripcin corta del tipo de carrocera
Al pulsar sobre el producto se accede a su ficha completa.
E. Bsqueda fuera de catlogo
Pulsando el botn Bsqueda fuera de catlogo dentro de la pantalla de catlogo se

accede a otra pantalla donde el usuario podr solicitar datos sobre algn producto que
en ese momento no est en el catlogo.
Se solicitarn los siguientes datos:

- Nombre de contacto (obligatorio)
- Nombre de la empresa
- Telfono de contacto(obligatorio)
- Email de contacto
- Tipo de vehculo
- Ejes
- Marca
- Modelo
- Descripcin
- Texto de validacin anti robot (tipo Captcha)
25
Los datos de este formulario se almacenarn en la aplicacin para su posterior consulta
y generar un correo electrnico de aviso con la informacin a una direccin de correo
predeterminada.
F. Acceso Ficha Productos
Al pulsar sobre cualquier producto en la seccin Catlogo aparece una nueva pantalla
que mostrar la siguiente informacin del producto:
- Foto principal del producto

- Referencia
- Marca
- Modelo
- Fecha matriculacin
- Descripcin corta
- Tara
- PMA
- Pesos por eje, segn el nmero de ejes del vehculo
- Distancia entre ejes, segn el nmero de ejes del vehculo
- Configuracin
- Neumticos, segn el nmero de ejes del vehculo
- Cabina
- Potencia
- Caja de cambios
- Accesorios
- Acceso al resto de fotografas
- Informacin de la gra, si la tuviera
o Metros y kilos par mximo
o Metros y kilos totales
o Metros y kilos por prolonga, hasta 5
o Informacin JIP si lo tuviera
Metros y kilos par mximo
Metros y kilos por prolonga, hasta 3
Metros y kilos por prolonga manual, hasta 2
En la ficha de producto se mostrar siempre la informacin de la empresa en un sitio

visible.
Existir la opcin de imprimir la ficha directamente.
As mismo se dar la opcin de solicitar informacin directamente sobre el vehculo de

la ficha, para ello se mostrar un botn para dar acceso a esta opcin.
26
G. Peticin de Informacin
Si se pulsa el botn Te Interesa? desde la ficha de un producto se mostrar una

pantalla donde se indique que quiere solicitar informacin sobre dicho producto y quien
la solicita:
- Nombre de contacto (obligatorio)
- Telfono de contacto (obligatorio)
- Nombre de la empresa
- Email de contacto
- Comentarios
- Texto de validacin anti robots (tipo Captcha)
Los datos de este formulario quedarn almacenados en la aplicacin para su posterior

consulta y adicionalmente se enviar un correo de aviso con la informacin del
formulario a una direccin de correo predeterminada.
H. Links
Pulsando sobre la opcin Enlaces ser posible acceder a links de diferentes pginas
relacionadas con la actividad de la empresa.
Aparecer una lista con una imagen o logotipo referente a la pgina y al pulsar el usuario
ser redirigido hacia esta pgina.
I. Acceso Usuarios
Al pulsar la opcin Acceso Usuarios del men principal el usuario podr acceder a las
reas restringidas de la pgina para los que se le solicitar un usuario y contrasea. Si el
acceso es correcto el usuario podr acceder al resto de informacin segn su perfil y si
no es correcto se mostrar un mensaje de error.
2. Acceso Usuario Registrado
En esta fase se describen las acciones que pueden realizar los usuarios autenticados
dentro del sistema. Sern las mismas que las especificadas para el usuario normal con
la excepcin que el usuario registrado podr salir de la pgina como usuario registrado
y que al acceder al catlogo tendr acceso a la ficha completa con informacin
restringida.
27
Ilustracin 5 CU Acceso Usuario Registrado
A. Acceso a Catlogo Informacin Restringida
Ilustracin 6 CU Acceso a Catlogo Informacin Restringida
Si el usuario esta autenticado al pulsar sobre la opcin Catlogo del men aparecern
todos los productos dados de alta en el sistema, en la misma disposicin y mostrando
la misma informacin que cuando se accede al catlogo sin estar autenticado.
En el filtro de bsqueda aparecer la posibilidad de mostrar solo los productos visibles

en el catlogo general o todos, siendo por defecto la primera opcin.
Se identificar que productos del catlogo son los que estn marcados para visualizar
en la web.
No aparecer la opcin de Bsqueda fuera de Catlogo.
Al pulsar sobre cualquier producto se acceder a la ficha completa de dicho producto.
B. Acceso Ficha Informacin Restringida
Al pinchar desde el catlogo en una ficha aparecer la ficha completa del producto,
mostrando la misma informacin que en la ficha de acceso general aadiendo
informacin restringida:
- Foto principal del producto

- Referencia
- Marca
- Modelo
- Fecha matriculacin
- Descripcin corta
- Tara
- PMA
28
- Pesos por eje, segn el nmero de ejes del vehculo
- Distancia entre ejes, segn el nmero de ejes del vehculo
- Configuracin
- Neumticos, segn el nmero de ejes del vehculo
- Cabina
- Potencia
- Caja de cambios
- Accesorios
- Acceso al resto de fotografas
o Metros y kilos Par mximo
o Metros y kilos Totales
Metros y kilos PAR mximo
Informacin Restringida
- Matricula
- Nmero bastidor
- Fecha de compra
- Fecha de venta
- Precio de compra
- Datos cliente compra
- Precio de venta
- Gastos adicionales
- Reservado (si/no)
- Datos cliente reserva
- Seal
- Vendido (si/no)
- Datos cliente venta
Aparecer una opcin para imprimir la ficha completa.
No aparecer la opcin de solicitar informacin.
C. Salir
Pulsando la opcin salir el usuario autenticado cerrar la sesin y volver a la pgina

principal.
29
3. Administracin
En esta seccin pasamos a describir las diferentes acciones que pueden llevar a cabo los
usuarios con perfil administrador una vez logado en el sistema, que podr: gestionar
usuarios, modificar la informacin general de la empresa y gestionar productos,
gestionar maestros, gestionar la pgina principal, gestionar la informacin de contacto,
gestionar las noticias, gestionar los clientes y gestionar los links asociados.
En el caso de estar logado como administrador aparece una opcin en el men
Administracin desde donde se acceder a las opciones propias del administrador.
Ilustracin 7 CU Administracin
A. Gestin de usuarios
Al acceder a la opcin de gestin de usuarios se mostrar una lista de los usuarios dados
de alta en el sistema en este momento, mostrando el identificador de usuario, el
password y el perfil asignado.
Ilustracin 8 CU Gestin de Usuarios
30
Existir la opcin de editar o eliminar el usuario seleccionado o de crear uno nuevo.
i. Crear usuarios
Al pulsar Crear se mostrar la misma pantalla con los datos en blanco siendo todos
obligatorios:
- Identificador
- Password
- Perfil
ii. Modificar usuarios
Al pulsar Editar se mostrar una pantalla con los datos del usuario:
- Identificador
- Password
- Perfil
Estos datos podrn ser modificados siendo todos obligatorios.
iii. Eliminar usuarios
Al pulsar eliminar un usuario concreto sus datos sern eliminados del sistema.
B. Gestin Datos Maestros
Ilustracin 9 CU Gestin Datos Maestros
Al pulsar en Datos Maestros se podr modificar la informacin de ciertas

caractersticas necesarias para la gestin de productos, como:
- Tipos de producto
- Marcas
- Tipo de suspensin
Aparece una opcin para cada uno de estas caractersticas desde donde se acceder a
la gestin de cada una de ellas
31
i. Tipos de Productos
Al pulsar sobre Tipos de producto aparecer un listado de los diferentes tipos de

productos dados de alta en el sistema as como su prioridad.
Existir la opcin de editar o eliminar el tipo seleccionado o de crear uno nuevo.
Al pulsar Editar se mostrar una pantalla con el siguiente dato, siendo obligatorio
rellenarlo:
- Tipo de Producto
- Prioridad
Al pulsar Crear se mostrar la misma pantalla con los datos en blanco, siendo
obligatorio rellenarlo.
ii. Marcas
Al pulsar sobre Marcas aparecer un listado de las diferentes marcas dadas de alta en
el sistema. Existir la opcin de editar o eliminar la marca seleccionada o de crear uno
nuevo.
rellenarlo:
- Nombre de la marca
Al pulsar Crear se mostrar la misma pantalla con el dato en blanco, siendo obligatorio
rellenarlo.
iii. Tipos de Suspensin
Al pulsar sobre Tipos de Suspensin aparecer un listado de los diferentes tipos de

suspensin dadas de alta en el sistema. Existir la opcin de editar o eliminar el tipo
seleccionado o de crear uno nuevo.
rellenarlo:
- Tipo de Suspensin
Al pulsar Crear se mostrar la misma pantalla con el dato en blanco, siendo obligatorio
rellenarlo.
C. Gestin de productos
Al pulsar sobre Gestin de productos se acceder a la gestin de todo el catlogo de

productos.
32
Ilustracin 10 CU Gestin de productos
En la parte superior aparecer un men desde donde se podr acceder a las diferentes
opciones que habr disponibles:
- Mostrar catlogo completo ordenado por marca (defecto)

- Mostrar catlogo completo ordenado por clase de vehculo
- Insertar un nuevo vehculo
A continuacin se mostrar un filtro de seleccin, que nos permitir filtrar bien por
marca, o bien por clase de vehculo segn la opcin seleccionada en el men superior.
Finalmente aparecer el listado completo de todos los productos que hay dados de alta
en el catlogo clasificados en funcin de las dos opciones descritas anteriormente,
mostrando para cada entrada:
- Indicacin de si la ficha es visible para todos los usuarios

- Miniatura de la imagen principal si la hubiera
- Marca
- Fecha
- Descripcin
- Modelo
- Clase
- Referencia
- Nmero de ejes
- Opcin de eliminar la ficha del catlogo por completo
Pulsando sobre cada elemento de la lista se acceder al detalle del elemento.
33
i. Mostrar catlogo completo ordenado por marca
Al pulsar sobre esta opcin se mostrar el listado completo ordenado por marca.
ii. Mostrar catlogo completo ordenado por clase de producto
Al pulsar sobre esta opcin se mostrar el listado completo ordenado por clase de
producto.
iii. Insertar nuevo vehculo
Al pulsar sobre esta opcin, aparecer la pantalla con la ficha en blanco para introducir
los datos de un vehculo nuevo:
Informacin General:
- Nmero de referencia (obligatorio)
- Modelo (obligatorio)
- Marca
- Clase de vehculo
- Carrocera (obligatorio)
- Fecha 1 matriculacin
- Descripcin (obligatorio)
- Nmero de ejes
- Tara
- PMA
- Cabina
- Potencia
- Neumticos eje 1
- Neumticos eje 2
- Neumticos eje 3
- Neumticos eje 4
- Suspensin delantera
- Suspensin trasera
- Caja de cambios
- Distancia 1-2 eje
- Distancia 2-3 eje
- Distancia 3-4 eje
- Peso eje 1
- Peso eje 2
- Peso eje 3
- Peso eje 4
- Informacin gra
- Imagen principal
- Configuracin
- Accesorios
- Imgenes adicionales
34
o Metros y kilos PAR mximo
Informacin restringida:
- Matricula
- Bastidor
- Fecha de compra
- Fecha de venta
- Precio de compra
- Precio de venta
- Reservado (si/no)
- Seal
- Vendido (si/no)
Una vez introducidos los datos necesarios, al pulsar Guardar se crear una entrada
nueva con los nuevos datos.
iv. Pulsar sobre una entrada en el listado de productos
Al pulsar sobre la entrada de cualquier producto de la lista aparecer la ficha completa

del producto, con la informacin que ya estuviera grabada permitiendo modificarla,
borrarla o aadir nueva informacin, siendo la informacin mostrada la siguiente:
Informacin General:
- Nmero de referencia (obligatorio)
- Modelo (obligatorio)
- Marca
- Clase de vehculo
- Carrocera (obligatorio)
- Fecha 1 matriculacin
- Descripcin (obligatorio)
- Nmero de ejes
- Tara
- PMA
- Cabina
- Potencia
- Neumticos eje 1
- Neumticos eje 2
- Neumticos eje 3
35
- Neumticos eje 4
- Suspensin delantera
- Suspensin trasera
- Caja de cambios
- Distancia 1-2 eje
- Distancia 2-3 eje
- Distancia 3-4 eje
- Peso eje 1
- Peso eje 2
- Peso eje 3
- Peso eje 4
- Informacin gra
- Imagen principal
- Configuracin
- Accesorios
- Imgenes adicionales
o Metros y kilos PAR mximo
Informacin restringida:
- Matricula
- Bastidor
- Fecha de compra
- Fecha de venta
- Precio de compra
- Precio de venta
- Reservado (si/no)
- Seal
- Vendido (si/no)
Al pulsar guardar la informacin ser almacenada.
D. Pgina Principal
Desde esta opcin se podr introducir parte de la informacin que aparece en la pgina
principal del sitio.
36
Existir la posibilidad de indicar el banner que aparece en la parte superior de la pgina
principal.
As mismo existir la posibilidad de indicar un ttulo principal de la pgina as como un

pequeo texto informativo.
Tambin se contar con la posibilidad de seleccionar una imagen que ser la que se
muestre en el centro de la pgina principal, as como otras cinco que aparecen en la
parte inferior en un tamao ms pequeo y que se desplazarn dinmicamente.
Al pulsar guardar la informacin quedar almacenada.
E. Informacin General
Al acceder a este men, se podr acceder a la informacin que se muestra en la opcin

Sobre Nosotros de la web.
En esta pantalla se podr aadir, modificar o eliminar, la informacin que aparece divida
en tres reas de texto, as como asignar las imgenes que aparecen, cuatro principales,
y seis secundarias en esta misma pgina.
Al pulsar guardar la informacin ser almacenada.
F. Informacin Contacto
En este men se gestionar la informacin que posteriormente aparecer en el men

Contacto de la web, permitiendo aadir, modificar o eliminar esta informacin.
Ilustracin 11 CU Informacin Contacto
Siguiendo la estructura de la pgina, primero aparece un cuadro para indicar la

informacin general de contacto:
- Mail principal
- Telfono principal
- Direccin Postal
- Cdigo Postal
- Localidad
- Provincia
- Fax
37
Contaremos con un botn de guardar para almacenar los cambios al finalizar.
A continuacin se mostrar una lista con los contactos individuales dados de alta,
mostrando el departamento y el nombre del contacto.
Para cada elemento se podr eliminar directamente o pulsar para modificar y existir
una opcin para dar de alta.
i. Eliminar contacto
Al pulsar eliminar se eliminar por completo los datos de ese contacto.
ii. Aadir contacto
Al pulsar sobre aadir aparecer una nueva ventana donde aparecer la siguiente
informacin vaca:
- Nombre
- Departamento
- Telfono
- Mvil
- Email
- Fax
- Idiomas
- Orden de aparicin en el listado.
El campo orden de aparicin ser el que determine en que orden aparecen contactos
del mismo departamento.
Al pulsar guardar la informacin ser almacenada y el contacto aparecer en la lista.
iii. Modificar contacto
Al pulsar sobre cualquier elemento de la lista aparecer una nueva ventana donde
aparecer la siguiente informacin con los datos actuales del contacto:
- Nombre
- Departamento
- Telfono
- Mvil
- Email
- Fax
- Idiomas
- Orden de aparicin en el listado.
38
El campo orden de aparicin ser el que determine en que orden aparecen contactos
del mismo departamento.
Al pulsar guardar la informacin ser almacenada y los nuevos datos del contacto
aparecern en la lista.
G. Gestin de noticias
Desde esta opcin se permitir la gestin de las noticas mostradas en la pgina web
principal en el rea 4, en la zona lateral derecha.
Ilustracin 12 CU Gestin de Noticias
Al acceder se mostrar una lista con las noticias publicadas, ordenadas por fecha.
As mismo se permitir crear, modificar o eliminar una noticia
i. Aadir noticia
Al pulsar se podr crear una nueva noticia donde se podr indicar un nico campo:
- Texto de la noticia
Al pulsar aceptar se crear la noticia ser creada.
ii. Modificar noticia
Al pulsar modificar una noticia se mostrar un nico campo:

- Texto de la noticia
Permitiendo modificar el texto de la noticia.
iii. Eliminar noticia
Al pulsar eliminar se eliminar por completo la noticia.
39
H. Gestin de Clientes
Desde la opcin de gestin de clientes se permitir realizar el alta, baja o modificacin

de los clientes implicados en los diferentes vehculos. Estos clientes podrn ser tanto
clientes de compra, de venta como de reserva.
Ilustracin 13 CU Gestin de Clientes
Al acceder se mostrar una lista de todos los clientes dados de alta ordenados
alfabticamente por nombre, mostrando su identificador, nombre del cliente, poblacin
y pas.
Habr una opcin para crear un nuevo cliente, as como un botn para eliminar un
cliente concreto y pulsando sobre un cliente se podrn editar sus datos.
i. Crear Cliente
Al pulsar el botn crear aparecer una pantalla donde se nos permitir dar de alta un
nuevo cliente.
Los datos que se mostrarn son los siguientes:

- Identificador cliente (CIF/NIF/NIE o Numero de pasaporte)
- Nombre del cliente
- Direccin del cliente
- Poblacin del cliente
- Cdigo postal del cliente
- Pas del cliente
Siendo obligatorios el identificador y el nombre.
ii. Modificar Cliente
Al pulsar sobre un cliente del listado de la pantalla anterior se mostrarn todos los datos
almacenados del cliente.

- Identificador cliente (CIF/NIF/NIE o Numero de pasaporte)
- Nombre del cliente
- Direccin del cliente
- Poblacin del cliente
40
- Cdigo postal del cliente
- Pas del cliente
Se podrn modificar todos los datos siendo obligatorios el identificador y el nombre.
iii. Eliminar Cliente
Al pulsar eliminar cliente se proceder a eliminar dicho cliente de la base de datos.
I. Gestin de Links
Desde la opcin de gestin de Links se permitir realizar el alta, baja o modificacin de

los links mostrados en la opcin de links del portal.
Ilustracin 14 CU Gestin de Links
Al acceder se mostrar una lista de todos los links dados de alta ordenados
alfabticamente por nombre del link.
Habr una opcin para crear un nuevo link, as como un botn para eliminar un link
concreto y pulsando sobre un link se podrn editar sus datos.
i. Crear Link
Al pulsar el botn crear aparecer una pantalla donde se nos permitir dar de alta un
nuevo Link.

- Nombre del link
- Url del link
- Imagen
Siendo obligatorios todos los campos.
ii. Modificar Link
Al pulsar sobre un link del listado de la pantalla anterior se mostrarn todos los datos
almacenados del link.

- Nombre del link
41
- Url del link
- Imagen
Se podrn modificar todos los campos siendo obligatorios todos ellos.
iii. Eliminar Link
Al pulsar eliminar link se proceder a eliminar dicho link de la base de datos.
J. Salir
Pulsando la opcin salir el usuario cerrar la sesin como usuario autentificado y volver
a la pgina principal.
42
3.2.2 Anlisis - Diagrama de Secuencias
Como se ha indicado previamente se va a proceder a modelar mediante Diagramas de

Secuencias cada uno de los casos de uso identificados durante el punto anterior.
1. Acceso General
A. Acceso Pgina Principal
Ilustracin 15 DS Acceso Pgina principal
43
Ilustracin 16 DS Acceso Informacin General
Ilustracin 17 DS Acceso Informacin de Contacto
44
D. Acceso Catlogo
Ilustracin 18 DS Acceso Catlogo
Ilustracin 19 DS Acceso Bsqueda Fuera Catlogo
45
Ilustracin 20 DS Acceso Ficha Productos
Ilustracin 21 DS Acceso Peticin de Informacin
46
H. Links
Ilustracin 22 DS Acceso Links
I. Acceso Usuarios
Ilustracin 23 DS Acceso Usuarios
47
Ilustracin 24 DS Acceso a Catlogo Informacin Restringida
Ilustracin 25 DS Acceso Ficha Producto Restringida
48
3. Administracin
Ilustracin 26 DS Gestin Usuarios
49
Ilustracin 27 DS Gestin de datos Maestros
50
i. Tipos de Productos
Ilustracin 28 DS Gestin de Tipos de Productos
51
ii. Marcas
Ilustracin 29 DS Gestin de Marcas
52
iii. Tipos de Suspensin
Ilustracin 30 DS Gestin de Tipos de Suspensin
53
C. Gestin de productos
Ilustracin 31 DS Gestin de Productos
54
Ilustracin 32 DS Catlogo Restringido por Marca
Ilustracin 33 DS Catlogo Restringido por Tipo Producto
55
Ilustracin 34 DS Insertar Nuevo Vehculo
Ilustracin 35 DS Editar Vehculo
56
D. Pgina Principal
Ilustracin 36 DS Pgina Principal
Ilustracin 37 DS Informacin General
57
Ilustracin 38 DS Gestin Contactos
58
G. Gestin Noticias
Ilustracin 39 DS Gestin Noticias
59
Ilustracin 40 DS Gestin de clientes
60
I. Gestin de Links
Ilustracin 41 DS Gestin de Links
61
J. Salir
Ilustracin 42 DS Salir
62
3.3 Diseo
Dentro de la fase diseo vamos a llevar a cabo el diseo tanto del interface visual como
del modelo de datos.
La metodologa J. December no nos ofrece ninguna herramienta con la que llevar a cabo
esta fase por lo que se han elegido dos tcnicas diferentes ampliamente extendidas en
el diseo web.
Para el diseo de la interface visual se ha hecho uso de Wireframe, tambin conocido

como esquema de pgina, donde se representa la estructura visual del sitio web
centrndose en los elementos del interfaz y los sistemas de navegacin obviando el
estilo ya que su objetivo es definir la funcionalidad y el comportamiento.
Para el diseo tambin se ha tenido en cuenta la usabilidad del sitio para lo que, durante
esta fase, se han seguido los principios de Jakob Nielsen en cuanto a usabilidad de
pginas web. Estos principios se encuentran resumidos en lo que se conoce como las
10 Reglas heursticas de usabilidad de Nielsen enfocadas a que la experiencia de
usuario sea satisfactoria de manera que el usuario se sienta bien accediendo a la web y
que le sea fcil encontrar los contenidos que busca.
Estas reglas heursticas pueden resumirse en:
Visibilidad del estado del sistema.

Utilizar el lenguaje de los usuarios.
Control y libertad para el usuario.
Consistencia y estndares.
Prevencin de errores.
Minimizar la carga de la memoria del usuario.
Flexibilidad y eficiencia de uso.
Dilogos estticos y diseo minimalista.
Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores.
Ayuda y documentacin.
En cuanto al modelado de datos se ha usado el modelo relacional que es el ms

extendido en la actualidad. Este modelo basado en la lgica de predicados y la teora de
conjuntos se fundamenta en las relaciones que generalmente se simplifica asociando la
idea de relacin a una tabla compuesta por registros, de manera que cada fila sera un
registro tambin llamadas tupla originalmente.
63
3.3.1 Diseo Diseo de Interface
1. Diseo General
Siguiendo las indicaciones de la metodologa J. December se ha definido el diseo

general que va a seguir la pgina tanto a nivel de estructura de pgina como de diseo
esttico de la pgina, y donde se siguen diferentes tcnicas para favorecer la usabilidad
del sitio.
rea Superior
Men Migas 1 > Men Migas 2
rea Inferior
rea Inferior Izquierda
Derecha
Pie de Pgina
Ilustracin 43 DI Diseo General
A nivel de la estructura de pgina toda la web se estructura en torno a 3 reas

claramente definidas:
- rea Superior: Esta rea permanecer esttica durante toda la visita a la web, y
contendr un logotipo de la empresa y un banner principal as como el rea de
men horizontal. Este men variar en funcin del perfil del usuario que accede,
y ser desde donde se acceda a las diferentes funciones.
- rea Inferior Izquierda: Esta ser el rea principal de contenido de web y donde
se irn cargando las diferentes pginas en funcin de la navegacin que realice
el usuario.
Esta rea tambin tendr un diseo homogneo durante toda la navegacin,
situando en la zona superior un men de migas para situar al usuario siempre
dentro del sitio web, una zona central donde se desarrollar el contenido y en la
zona ms baja, un pie de pgina con la informacin de contacto de la empresa.
- rea Inferior Derecha: Esta rea contendr una zona de noticias y notificaciones
que se mostrarn siempre que este definida alguna.
En cuanto al diseo esttico, mediante el uso de CSS se han definido los diferentes
estilos de los objetos del sitio web. Dentro de estos estilos se han definido los colores
64
que se van usar, siguiendo la imagen corporativa de la empresa, los tipos de fuente y el
tamao de la misma, de manera que el diseo de la pgina sea homogneo.
De esta manera quedan definidos los siguientes tres colores que sern los usados a lo
largo de todo el sitio web:
- Blanco (#FFFFFF), usado como fondo general, fondo de texto en azul y como
color del texto del fondo en azul.
- Azul oscuro (#00386B), usado como delimitador, fondo para texto blanco y como
color de texto para fondo blanco.
- Azul claro (#3A75C4), usado para resaltar al seleccionar ciertos objetos.
El tipo de fuente ser nico a lo largo de toda el sitio, Verdana a excepcin de los mens
y los tamao de texto ms grandes donde se ha elegido otro tipo de letra ms llamativo
Calibri. Ambos tipos de letras estar definido con tipografa alternativa en caso que la
definida no est disponible.
Todos los estilos aplicables a los diferentes objetos del sitio han sido recogidos en una
nica hoja de estilo (css).
Como resultado de estos estilos la pgina principal quedara con el siguiente diseo:
Ilustracin 44 DI Diseo General
65
2. Acceso general
A. Pgina principal
Ilustracin 45 DI Pgina Principal
Ilustracin 46 DI Informacin General
66
Ilustracin 47 DI Informacin Contacto
D. Acceso Catlogo
Ilustracin 48 DI Acceso Catlogo
67
Ilustracin 49 DI Bsqueda fuera catlogo
Ilustracin 50 DI Acceso Ficha Producto
68
Ilustracin 51 DI Acceso Ficha Producto
H. Links
Ilustracin 52 DI Links
69
I. Acceso Usuarios
Ilustracin 53 DI Acceso Usuarios
Ilustracin 54 DI Acceso Catlogo Informacin Restringida
70
Ilustracin 55 DI Ficha Informacin Restringida
4. Administracin
Ilustracin 56 DI Gestin de Usuarios
71
Ilustracin 57 DI Crear Usuario
Ilustracin 58 DI Editar Usuario
72
i. Tipos de Producto
Ilustracin 59 DI Tipos de Producto
Ilustracin 60 DI Crear Tipo de Producto
73
Ilustracin 61 DI Editar Tipo de producto
ii. Marcas
Ilustracin 62 DI Gestin Marcas
74
Ilustracin 63 DI Crear Marca
Ilustracin 64 DI Editar Marca
75
iii. Tipos Suspensin
Ilustracin 65 DI Gestin Tipos de Suspensin
Ilustracin 66 DI Crear Tipos Suspensin
76
Ilustracin 67 DI Editar Tipos Suspensin
C. Gestin de Productos
Ilustracin 68 DI Catlogo por Marca
77
Ilustracin 69 DI Catlogo por tipo de producto
Ilustracin 70 DI Insertar Nuevo Vehculo
78
Ilustracin 71 DI Editar Ficha de Producto
D. Pgina Principal
Ilustracin 72 DI Pgina Principal
79
Ilustracin 73 DI Informacin General
Ilustracin 74 DI Informacin de Contacto
80
i. Aadir contacto
Ilustracin 75 DI Aadir Contacto
ii. Editar contacto
Ilustracin 76 DI Editar Contacto
81
G. Gestin de Noticias
Ilustracin 77 DI Gestin Noticias
Ilustracin 78 DI Crear Nueva Noticia
82
Ilustracin 79 DI Actualizar Noticia
Ilustracin 80 DI Gestin Clientes
83
Ilustracin 81 DI Nuevo Cliente
Ilustracin 82 DI Actualizar Cliente
84
I. Gestin de Links
Ilustracin 83 DI Gestin de Links
Ilustracin 84 DI Crear Link
85
Ilustracin 85 DI Actualizar Link
86
3.3.2 Diseo Diseo del modelo de datos
A la hora de disear el modelo de datos se han seguido las diferentes convenciones

referentes a la normalizacin de bases de datos como la Tercera Forma Normal (3FN).
1. Modelo de datos General
BUSQUEDAS CONTACTOS PERSONAL

ID_BUSQUEDA INT(11) ID_CONTACTO INT(11) ID_PERSONAL INT
FECHA TIMESTAMP FECHA TIMESTAMP PRINCIPAL VARCHAR(1)
NOM_CONTACTO VARCHAR(150) TEL_CONTACTO VARCHAR(25) NOM_PERSONAL VARCHAR(45)
TEL_CONTACTO VARCHAR(50) EMAIL_CONTACTO VARCHAR(50) DEPT_PERSONAL VARCHAR(45)
EMAIL_CONTACTO VARCHAR(50) NOM_CONTACTO VARCHAR(150) TLF_PERSONAL VARCHAR(45)
NOM_EMPRESA VARCHAR(150) NOM_EMPRESA VARCHAR(150) MOV_PERSONAL VARCHAR(45)
USUARIOS COMENTARIOS TEXT
DESCRIPCION TEXT EMAIL_PERSONAL VARCHAR(45)
ID_USUARIO INT(11) TIPO VARCHAR(150) REF_CAMION VARCHAR(15) DIR_PERSONAL VARCHAR(100)
NOM_USUARIO VARCHAR(15) EJES VARCHAR(50) FAX_PERSONAL VARCHAR(45)
PASSWORD VARCHAR(15) MARCA VARCHAR(150) INFORMACION
CP_PERSONAL VARCHAR(45)
TIPO VARCHAR(1) MODELO VARCHAR(150) TITULO1 VARCHAR(100)
LOC_PERSONAL VARCHAR(45)
PRV_PERSONAL VARCHAR(45) TITULO2 VARCHAR(100)
LNG_PERSONAL VARCHAR(45) TEXTO1 TEXT
ORDEN INT(11) TEXTO2 TEXT

VEHICULOS
11 TEXTO3 TEXT
ID_VEHICULO INT(1 1)
TEXTO4 TEXT
MATRICULA VARCHAR(10)
TEXTO5 TEXT
NUM_BASTIDOR VARCHAR(20) 11
ID_IMAGEN1 INT(11)
FEC_MAT DATE 11
R_IMAGENES_VEHICULO ID_IMAGEN2 INT(11)
MARCAS NUEVO CHAR(1)
11
11
ID_VEHICULO INT(11) ID_IMAGEN3 INT(11)
ID_MARCA INT(11) PRECIO_COM FLOAT 11 11
11 ID_IMAGEN INT(11) ID_IMAGEN4 INT(11)
NOM_MARCA VARCHAR(50) ID_MARCA INT(11) 11
PRINCIPAL CHAR(1) ID_IMAGEN5 INT(11)
MODELO VARCHAR(50) 11
CATALOGO CHAR(1) ID_IMAGEN6 INT(11)
DESCRIPCION VARCHAR(250) 11
ID_IMAGEN7 INT(11)
PMA INT(11) 11
11 ID_IMAGEN8 INT(11)
CLASES_VEHICULO ID_CLASE INT(11) 11
11 ID_IMAGEN9 INT(11)
ID_CLASE INT(11) NUM_REF VARCHAR(15) 11
ID_IMAGEN10 INT(11)
NOM_CLASE VARCHAR(50) TARA INT(11)
PRIORIDAD INT(11) PESO_PRIMER_EJE INT(11)
PESO_SEGUNDO_EJE INT(11) IMAGENES
11
PESO_TERCER_EJE INT(11) ID_IMAGEN INT(11)
PESO_CUARTO_EJE INT(11) NOM_FICHERO VARCHAR(50)
PRINCIPAL
NUM_EJES INT(11)
TITULO VARCHAR(100)
CONFIGURACION VARCHAR(10)
SUSPENSIONES TEXTOPRINCIPAL TEXT
11 DISTANCIA12 INT(11 ) 11
ID_SUSPENSION INT(11) ID_IMAGEN1 INT(11)
DISTANCIA23 INT(11 ) 11
TIPO_SUSPENSION VARCHAR(50) ID_IMAGEN2 INT(11)
ID_IMAGEN3 INT(11)
ID_IMAGEN4 INT(11)
NEUMATICOS1 VARCHAR(50) 11
ID_IMAGEN5 INT(11)
NEUMATICOS2 VARCHAR(50) 11
GRUAS ID_IMAGEN6 INT(11)
11 NEUMATICOS3 VARCHAR(50) 11
ID_GRUA INT(11) ID_IMAGEN7 INT(11)
NEUMATICOS4 VARCHAR(50)
M_PAR_MAX INT(11)
CABINA VARCHAR(50)
KG_PAR_MAX INT(11)
POTENCIA INT(11)
JIP M INT(11)
CAJA_CAMBIO VARCHAR(50)
11
KG INT(11) 11
ID_JIP INT(11) SUS_DEL INT(11)
M_1 INT(11) 11
M_PAR_MAX INT(11) SUS_TRA INT(11)
KG_1 INT(11) LINKS
KG_PAR_MAX INT(11) ACCESORIOS TEXT
M_2 INT(11) ID_LINK INT(11)
M_1 INT(11) CARROCERIA TEXT
KG_2 INT(11) NOMBRE VARCHAR(50)
KG_1 INT(11) MOSTRAR CHAR(1)
M_3 INT(11) 11 URL VARCHAR(250)
M_2 INT(11) ID_GRUA INT(11) 11
KG_3 INT(11) ID_IMAGEN VARCHAR(45)
KG_2 INT(11) FEC_COM DATE
M_4 INT(11)
M_3 INT(11) FEC_VEN DATE
KG_4 INT(11) 11
KG_3 INT(11) ID_CLI_COM INT(11)
M_5 INT(11)
M_1_MANUAL INT(11) PRECIO_VEN FLOAT
KG_5 INT(11)
KG_1_MANUAL INT(11) 11 GASTOS_ADI INT(11 )
ID_JIP INT(11)
M_2_MANUAL INT(11) RESERVADO VARCHAR(1) CLIENTES
11 11
KG_2_MANUAL INT(11) ID_CLI_RSV FLOAT ID_CLIENTE INT(11)
SEAL INT(11) CIF VARCHAR(25)
VENDIDO VARCHAR(1) NOMBRE VARCHAR(150)
NOTICIAS 11
ID_CLI_VEN INT(11) DIRECCION VARCHAR(150)
ID_NOTICIA INT(11)
FEC_RSV DATE POBLACION VARCHAR(75)
TEXTO VARCHAR(150)
COD_POS VARCHAR(20)
PAIS VARCHAR(50)
Ilustracin 86 Modelo de datos general
87
2. Definicin de tablas
TABLA BUSQUEDAS
DESCRIPCION Bsquedas de informacin por usuarios de la web
COLUMNA TIPO CLAVE NULO DESCRIPCION
ID_BUSQUEDA int(11) PRI NO Identificador bsqueda
FECHA timestamp NO Fecha bsqueda
NOM_CONTACTO varchar(150) NO Nombre contacto
TEL_CONTACTO varchar(50) NO Telfono contacto
EMAIL_CONTACTO varchar(50) NO Email contacto
NOM_EMPRESA varchar(150) NO Nombre empresa
DESCRIPCION text NO Descripcin
TIPO varchar(150) NO Tipo
EJES varchar(50) NO Ejes
MARCA varchar(150) NO Marca
MODELO varchar(150) NO Modelo
INDICES
COLUMNA INDICE REFERENCIA
ID_BUSQUEDA PRIMARY
Tabla 3 - Tabla BD BUSQUEDAS
TABLA CLASES_VEHICULO
DESCRIPCION Clases de vehculos
ID_CLASE int(11) PRI NO Identificador clase vehculo
NOM_CLASE varchar(50) IND NO Nombre clase
PRIORIDAD int(11) SI Prioridad
INDICES
ID_CLASE PRIMARY
NOM_CLASE NOM_CLASE
Tabla 4 - Tabla BD CLASES_VEHICULO
TABLA CLIENTES
DESCRIPCION Clientes dados de alta
ID_CLIENTE int(11) PRI NO Identificador nico de cliente
CIF varchar(25) SI CIF,NIF, NIE o nmero de pasaporte
NOMBRE varchar(150) NO Nombre cliente
DIRECCION varchar(150) SI Direccin del cliente
POBLACION varchar(75) SI Poblacin del cliente
COD_POS varchar(20) SI Cdigo postal del cliente
PAIS varchar(50) SI Pas del cliente
88
INDICES
ID_CLIENTE PRIMARY
Tabla 5 - Tabla BD CLIENTES
TABLA CONTACTOS
DESCRIPCION Peticin de Informacin de un Vehculo
ID_CONTACTO int(11) PRI NO Identificador contacto
FECHA timestamp NO Fecha contacto
TEL_CONTACTO varchar(25) SI Telfono contacto
EMAIL_CONTACTO varchar(50) SI Email contacto
NOM_CONTACTO varchar(150) SI Nombre contacto
NOM_EMPRESA varchar(150) SI Nombre empresa
COMENTARIOS text SI Comentarios
REF_CAMION varchar(15) SI Referencia camin consultado
INDICES
ID_CONTACTO PRIMARY
Tabla 6 - Tabla BD CONTACTOS
TABLA GRUAS
DESCRIPCION Gras de vehculos
ID_GRUA int(11) PRI NO Identificador de gra
M_PAR_MAX int(11) SI Metros PAR Mximo
KG_PAR_MAX int(11) SI Kilos PAR Mximo
M int(11) SI Metros
KG int(11) SI Kilos
M_1 int(11) SI Metros primera prolonga
KG_1 int(11) SI Kilos primera prolonga
M_2 int(11) SI Metros segunda prolonga
KG_2 int(11) SI Kilos segunda prolonga
M_3 int(11) SI Metros tercera prolonga
KG_3 int(11) SI Kilos tercera prolonga
M_4 int(11) SI Metros cuarta prolonga
KG_4 int(11) SI Kilos cuarta prolonga
M_5 int(11) SI Metros quinta prolonga
KG_5 int(11) SI Kilos quinta prolonga
ID_JIP int(11) FK SI Identificador JIP
89
INDICES
ID_GRUA PRIMARY
ID_JIP fk_GRUAS_JIP1_idx
Tabla 7 - Tabla BD GRUAS
TABLA IMAGENES
DESCRIPCION Imgenes del sitio
ID_IMAGEN int(11) PRI NO Identificador de imagen
NOM_FICHERO varchar(50) NO Nombre del fichero
INDICES
ID_IMAGEN PRIMARY
Tabla 8 - Tabla BD IMGENES
TABLA INFORMACION
DESCRIPCION Contenido de la pgina de informacin general
TITULO1 varchar(100) SI Primer ttulo pgina informacin
TITULO2 varchar(100) SI Segundo ttulo pgina informacin
TEXTO1 text SI Primer texto pgina informacin
TEXTO2 text SI Segundo texto pgina informacin
TEXTO3 text SI Tercer texto pgina informacin
TEXTO4 text SI Cuarto texto pgina informacin
TEXTO5 text SI Quinto texto pgina informacin
ID_IMAGEN1 int(11) FK SI Imagen 1
90
INDICES
ID_IMAGEN1 fk_INFORMACION_IMAGENES1_idx IMAGENES
Tabla 9 - Tabla BD INFORMACION
TABLA JIP
DESCRIPCION Prolongacin de gras
ID_JIP int(11) PRI NO Identificador JIP
M_PAR_MAX int(11) SI Metros PAR mximo
KG_PAR_MAX int(11) SI Kilos PAR mximo
M_1 int(11) SI Metros primera prolonga
KG_1 int(11) SI Kilos primera prolonga
M_2 int(11) SI Metros segunda prolonga
KG_2 int(11) SI Kilos segunda prolonga
M_3 int(11) SI Metros tercera prolonga
KG_3 int(11) SI Kilos tercera prolonga
M_1_MANUAL int(11) SI Metros primera prolonga manual
KG_1_MANUAL int(11) SI Kilos primera prolonga manual
M_2_MANUAL int(11) SI M segunda prolonga manual
KG_2_MANUAL int(11) SI Kilos segunda prolonga manual
INDICES
ID_JIP PRIMARY
Tabla 10 - Tabla BD JIP
TABLA LINKS
DESCRIPCION Links a otras pginas de inters
ID_LINK int(11) PRI NO Identificador nico del link
NOMBRE varchar(50) SI Nombre del link
URL varchar(250) SI URL del link
ID_IMAGEN varchar(45) FK SI Imagen del link
91
INDICES
ID_LINK PRIMARY
ID_IMAGEN fk_LINKS_IMAGENES1_idx IMAGENES
Tabla 11 - Tabla BD LINKS
TABLA MARCAS
DESCRIPCION Marcas de vehculos
ID_MARCA int(11) PRI NO Identificador marca vehculo
NOM_MARCA varchar(50) IND NO Nombre marca vehculo
INDICES
ID_MARCA PRIMARY
NOM_MARCA NOM_MARCA
Tabla 12 - Tabla BD MARCAS
TABLA NOTICIAS
DESCRIPCION Noticias
ID_NOTICIA int(11) PRI NO Identificador noticia
TEXTO varchar(150) NO Texto noticia
INDICES
ID_NOTICIA PRIMARY
Tabla 13 - Tabla BD NOTICIAS
TABLA PERSONAL
DESCRIPCION Datos de contacto del personal
ID_PERSONAL int(11) PRI NO Identificador nico personal
PRINCIPAL varchar(1) NO Si es la direccin principal
NOM_PERSONAL varchar(45) NO Nombre del personal
DEPT_PERSONAL varchar(45) NO Departamento del personal
TLF_PERSONAL varchar(45) SI Telfono del personal
MOV_PERSONAL varchar(45) SI Telfono mvil
EMAIL_PERSONAL varchar(45) SI Email del personal
DIR_PERSONAL varchar(100) SI Direccin personal
FAX_PERSONAL varchar(45) SI Fax personal
CP_PERSONAL varchar(45) SI Cdigo postal personal
LOC_PERSONAL varchar(45) SI Localidad
PRV_PERSONAL varchar(45) SI Provincia
LNG_PERSONAL varchar(45) SI Idiomas
ORDEN int(11) SI Orden de aparicin dentro del listado
92
INDICES
ID_PERSONAL PRIMARY
Tabla 14 - Tabla BD PERSONAL
TABLA PRINCIPAL
DESCRIPCION Contenido de la pgina principal
TITULO varchar(100) SI Titulo pgina principal
TEXTOPRINCIPAL text SI Texto principal
ID_IMAGEN1 int(11) FK SI Identificador imagen principal
ID_IMAGEN2 int(11) FK SI Identificador imagen 2
INDICES
ID_IMAGEN1 fk_PRINCIPAL_IMAGENES1_idx IMAGENES
Tabla 15 - Tabla BD PRINCIPAL
TABLA R_IMAGENES_VEHICULO
DESCRIPCION Relacin entre las imgenes y los vehculos
ID_VEHICULO int(11) PRI NO Identificador del vehculo al que referencia
ID_IMAGEN int(11) PRI NO Identificador de imagen al que hace referencia
PRINCIPAL char(1) SI Indica si es la imagen principal
CATALOGO char(1) SI Indica si se muestra en el catlogo
INDICES
ID_VEHICULO PRIMARY
ID_IMAGEN PRIMARY
ID_IMAGEN fk_R_IMAGENES_VEHICULO_IMAGENES1_idx IMAGENES
Tabla 16 - Tabla BD R_IMAGENES_VEHICULO
93
TABLA SUSPENSIONES
DESCRIPCION Tipos de suspensiones
ID_SUSPENSION int(11) PRI NO Identificador suspensin
TIPO_SUSPENSION varchar(50) NO Tipo suspensin
INDICES
ID_SUSPENSION PRIMARY
Tabla 17 - Tabla BD SUSPENSIONES
TABLA USUARIOS
DESCRIPCION Usuarios dados de alta en el sistema
ID_USUARIO int(11) PRI NO Identificador usuario
NOM_USUARIO varchar(15) NO Nombre usuario
PASSWORD varchar(15) NO Contrasea
TIPO varchar(1) NO Tipo Usuario U -> Usuario A->Administrador
INDICES
ID_USUARIO PRIMARY
Tabla 18 - Tabla BD USUARIOS
DESCRIPCION Vehculos
ID_VEHICULO int(11) PRI NO Identificador nico del vehculo
MATRICULA varchar(10) IND SI Matrcula del vehculo
NUM_BASTIDOR varchar(20) SI Nmero de bastidor
FEC_MAT date SI Fecha de primera matriculacin
NUEVO char(1) NO Vehculo nuevo
PRECIO_COM float SI Precio de compra
ID_MARCA int(11) FK NO Id Marca del vehculo
MODELO varchar(50) SI Modelo del vehculo
DESCRIPCION varchar(250) SI Descripcin del vehculo
PMA int(11) SI Peso mximo admitido
ID_CLASE int(11) FK NO Identificador de clase
NUM_REF varchar(15) IND NO Nmero de referencia
TARA int(11) SI Tara
PESO_PRIMER_EJE int(11) SI Pesos en el primer eje
PESO_SEGUNDO_EJE int(11) SI Peso en el segundo eje
PESO_TERCER_EJE int(11) SI Peso en el tercer eje
PESO_CUARTO_EJE int(11) SI Peso en el cuarto eje
NUM_EJES int(11) SI Nmero de ejes
94
CONFIGURACION varchar(10) SI Configuracin del vehculo
DISTANCIA12 int(11) SI Distancia entre primer y segundo eje
DISTANCIA23 int(11) SI Distancia entre segundo y tercer eje
DISTANCIA34 int(11) SI Distancia entre tercer y cuarto eje
DISTANCIA14 int(11) SI Distancia entre primer y cuarto eje
NEUMATICOS1 varchar(50) SI Neumticos primer eje
NEUMATICOS2 varchar(50) SI Neumticos segundo eje
NEUMATICOS3 varchar(50) SI Neumticos tercer eje
NEUMATICOS4 varchar(50) SI Neumticos cuarto eje
CABINA varchar(50) SI Cabina
POTENCIA int(11) SI Potencia del vehculo
CAJA_CAMBIO varchar(50) SI Caja de cambios
SUS_DEL int(11) FK NO Suspensin delantera
SUS_TRA int(11) FK NO Suspensin trasera
ACCESORIOS text SI Accesorios
CARROCERIA text SI Carrocera
MOSTRAR char(1) NO Mostrar S/N
ID_GRUA int(11) FK SI Identificador gra
FEC_COM date SI Fecha compra
FEC_VEN date SI Fecha venta
ID_CLI_COM int(11) FK SI Identificador cliente compra
PRECIO_VEN float SI Precio venta
GASTOS_ADI int(11) SI Gastos adicionales
RESERVADO varchar(1) SI Reservado S/N
ID_CLI_RSV float FK SI Identificador cliente reserva
SEAL int(11) SI Seal de la reserva
VENDIDO varchar(1) SI Vendido S/N
ID_CLI_VEN int(11) FK SI Identificador cliente venta
FEC_RSV date SI Fecha reserva vehculo
INDICES
ID_VEHICULO PRIMARY
ID_MARCA fk_CAMIONES_MARCAS_idx MARCAS
ID_CLASE fk_VEHICULOS_CLASES_VEHICULO_idx CLASES_VEHICULO
ID_CLI_COM fk_VEHICULOS_CLIENTES1_idx CLIENTES
ID_CLI_VEN fk_VEHICULOS_CLIENTES2_idx CLIENTES
ID_CLI_RSV fk_VEHICULOS_CLIENTES3_idx CLIENTES
ID_GRUA fk_VEHICULOS_GRUAS1_idx GRUAS
SUS_DEL fk_VEHICULOS_SUSPENSIONES1_idx SUSPENSIONES
SUS_TRA fk_VEHICULOS_SUSPENSIONES2_idx SUSPENSIONES
MATRICULA MATRICULA
NUM_REF NUM_REF
Tabla 19 - Tabla BD VEHICULOS
95
3.4 Implementacin
3.4.1 Arquitectura
Como arquitectura del sitio web se ha elegido un sistema LAMP, acrnimo de

Linux+Apache+MySQL+PHP, ampliamente extendido en la industria actual y que como
vemos se compone de:
- Sistema Operativo: Linux, en este caso se ha elegido la distribucin OpenSUSE
versin libre de la distribucin SUSE, una de las ms usadas actualmente.
- Servidor Web: Apache, servidor web de cdigo abierto ampliamente extendido
sobre todo en plataformas Linux.
- Base de Datos: MySQL, base de datos relacional de cdigo abierto muy
extendida en entornos Linux y muy relacionada con PHP.
- Lenguaje de programacin: PHP, aparte de HTML y JavaScript en la parte cliente,
este ser el lenguaje de programacin de servidor elegido para desarrollar la
parte dinmica del sitio web.
3.4.2 Estructura del sitio web
La estructura de directorios responde a una clasificacin segn de las diferentes

soluciones tcnicas adoptadas para implementar el sitio web y de las funcionalidades
propias del mismo.
Ilustracin 87 Estructura del sitio web
96
De esta manera el cdigo se estructura del siguiente modo:
- \administracion\: Carpeta que contiene todas las pginas de acceso restringido

dentro de la pgina.
- \css\: Carpeta donde se encuentra localizada la pgina de estilo del sitio web
estilos.css
- \db\: Carpeta donde se encuentra localizado el cdigo referente al acceso a la
base de datos.
- \imagenes\: Carpeta donde se encuentran todas las imgenes usadas en el sitio
web.
o \imagenes\catalogo\: Carpeta donde se encuentran las imgenes
propias del catlogo de la pgina.
- \js\: Carpeta que contiene el cdigo JavaScript comn que se usa en diferentes
pginas del sitio web.
- \publico\: Carpeta que contiene todas las pginas de acceso pblico dentro del
sitio web.
- \secureimage\: Carpeta que contiene el cdigo especfico para la generacin de
imgenes tipo CAPTCHA.
- \index.php: Pgina Principal de acceso al sitio web.
97
3.5 Casos de Prueba
Los casos de prueba, o test case en ingls, son una herramienta usada en ingeniera del
software por la que se puede determinar si el software diseado cumple con las
especificaciones dadas previamente.
December no contempla esta fase de manera implcita en su metodologa pero es una

herramienta vlida para comprobar que el resto de las fases se han desarrollado
correctamente.
Para crear los casos de prueba nos vamos a basar en los casos de usos identificados en
la fase de anlisis.
Para realizar estos casos de prueba nos centraremos en la salida y resultado que se
obtiene de cada uno de estos test y si son conformes a lo especificado, pasando a un
segundo plano el proceso interno que se realiza.
De esta manera se generar una entrada por cada caso de prueba con los siguientes
campos
- Mdulo a probar
- Descripcin del caso
- Pre-requisitos o condiciones
- Datos de entrada
- Resultado esperado
- Resultado obtenido(correcto o incorrecto)
3.5.1 Detalle casos de prueba

1. Acceso a la pgina principal
Descripcin Un visitante accede a la pgina principal

Pre-requisitos Ninguno
Entrada Resultado esperado Resultado obtenido
El usuario visualiza la pgina
Un usuario accede al sitio Correcto
principal con todos sus contenidos
2. Acceso a la pgina de informacin general
Descripcin Un visitante accede a la pgina de informacin general

El usuario accede a la pgina que
Un usuario pulsa sobre el
muestra la informacin de la Correcto
men "Sobre Nosotros"
empresa
98
3. Acceso a la pgina de informacin de contacto
Descripcin Un visitante accede a la pgina de informacin contacto

muestra la informacin de contacto Correcto
men "Contacto"
general y por departamento
4. Acceso al catlogo de productos
Descripcin Un visitante accede al catlogo de productos

muestra el catlogo ordenado por Correcto
men "Catlogo"
marca
Un usuario pulsa sobre botn El catlogo se muestra de nuevo

Correcto
"Tipos de Producto" ordenado por tipo de producto
Un usuario pulsa sobre botn Aparece la ficha de bsqueda de un

Correcto
"Bsqueda" producto fuera de catlogo
Aparece la ficha del producto

Un usuario pulsa sobre uno de
seleccionado con toda la informacin Correcto
los productos listados
publica
Descripcin Un visitante accede a la ficha de productos

Pre-requisitos Previamente habr accedido al catlogo de productos
Pulsando la flechas que Aparecen las diferentes imgenes
Correcto
aparecen bajo las imgenes vinculadas al producto
Un usuario pulsa sobre botn Aparece la ficha de peticin de

Correcto
"Informacin" informacin
99
Descripcin Un visitante registra una bsqueda de informacin desde el catlogo
Pre-requisitos Previamente habr accedido al catlogo de productos
El usuario rellena
Si algn dato obligatorio no est
parcialmente los datos y pulsa Correcto
relleno se muestra un error
el botn de enviar
Se registran los datos en la base de
El usuario rellena los datos y
datos y se enva un email con la Correcto
pulsa el botn de enviar
informacin
Descripcin Un visitante registra una peticin de informacin de un producto

Pre-requisitos Previamente habr accedido a una ficha de producto
El usuario rellena
Si algn dato obligatorio no est
parcialmente los datos y pulsa Correcto
relleno se muestra un error
el botn de enviar
Se registran los datos en la base de
El usuario rellena los datos y
datos y se enva un email con la Correcto
pulsa el botn de enviar
informacin
5. Acceso a la pgina de links
Descripcin Un visitante accede a la pgina de links

Un usuario pulsa sobre el El usuario accede a la pgina que
Correcto
men "Links" muestra los links asociados
6. Acceso a la pgina de acceso de usuarios
Descripcin Un visitante accede a la pgina de acceso de usuarios

Un usuario pulsa sobre el Se muestra la pantalla pidiendo el
Correcto
men "Acceso Usuarios" usuario y la contrasea de acceso
Se muestra un mensaje de error y se

Un usuario introduce unos
solicita de nuevo el usuario y la Correcto
datos incorrectos
contrasea
Si es un usuario se redirige a la
Un usuario introduce unos pgina principal, si es un
Correcto
datos correctos administrador se redirige a la pgina
de gestin
100
7. Acceso al catlogo de productos con informacin restringida
Descripcin Un usuario accede al catlogo de productos con informacin restringida

Pre-requisitos Haber accedido como usuario registrado
Un usuario pulsa sobre el muestra el catlogo ordenado por
Correcto
men "Catalogo" marca. No se muestra el botn de
bsqueda de informacin.
Un usuario pulsa sobre botn El catlogo se muestra de nuevo
Correcto
"Tipos de Producto" ordenado por tipo de producto
Aparece la ficha del producto
Un usuario pulsa sobre uno de
seleccionado con toda la informacin Correcto
los productos listados
pblica y la restringida
8. Acceso a la gestin de usuarios
Descripcin Un administrador accede al men gestin de usuarios

Pre-requisitos Haber accedido como administrador
Un administrador pulsa sobre Se muestra el listado de usuarios
Correcto
la opcin "Gestin Usuarios" dados de alta en el sistema
El usuario pulsa "Eliminar" Se elimina el usuario de la base datos Correcto

Se muestra la ficha con los datos del
El usuario pulsa "Editar" usuario seleccionados para poderlos Correcto
modificar
Se muestra la ficha con los datos en
El usuario pulsa "Crear" Correcto
blanco para introducirlos
Descripcin Un administrador modifica un usuario

Pre-requisitos Autenticado como administrador, acceder al men de usuarios y pulsar editar
Se almacena la modificacin en base
El usuario pulsa "Modificar" de datos y se vuelve a la lista de Correcto
usuarios
Descripcin Un administrador crea un usuario

Pre-requisitos Autenticado como administrador, acceder al men de usuarios y pulsar crear
Se crea el usuario en base de datos y
se vuelve a la lista de usuarios
101
9. Acceso a la gestin de maestros
Descripcin Un administrador accede al men gestin de maestros

Pre-requisitos Autenticado como administrador
Se muestra el men con los
El usuario pulsa "Gestin diferentes opciones de gestin de
Correcto
Maestros" maestros: Tipos Producto, Marcas y
Tipos Suspensin
Descripcin Un administrador accede al men de gestin de tipos de producto

Haber accedido como administrador y haber accedido al men de gestin de
Pre-requisitos maestros
Un administrador pulsa sobre Se muestra el listado de tipos dados

Correcto
la opcin "Tipos Producto" de alta en el sistema
El usuario pulsa "Eliminar" Se elimina el tipo de la base datos Correcto

El usuario pulsa "Editar" tipo seleccionados para poderlos Correcto
modificar

Descripcin Un administrador modifica un tipo de producto

Autenticado como administrador, acceder al men de maestros, en la opcin
Pre-requisitos tipos de producto y pulsar editar
tipos de producto
Descripcin Un administrador crea un tipo de producto

Pre-requisitos tipos de producto y pulsar crear
Se crea un tipo de producto en base
El usuario pulsa "Crear" de datos y se vuelve a la lista de Correcto
tipos de producto
102
Descripcin Un administrador accede al men de gestin de marcas
Un administrador pulsa sobre Se muestra el listado de marcas
Correcto
la opcin "Marcas" dados de alta en el sistema
El usuario pulsa "Eliminar" Se elimina la marca de la base datos Correcto
Se muestra la ficha con los datos de
El usuario pulsa "Editar" la marca seleccionada para poderlos Correcto
modificar
Descripcin Un administrador modifica una marca

Pre-requisitos marcas y pulsar editar
marcas
Descripcin Un administrador crea una marca

Pre-requisitos marcas y pulsar crear
Se crea una marca en base de datos
y se vuelve a la lista de marcas
Descripcin Un administrador accede al men de gestin de tipos de suspensin

Un administrador pulsa sobre Se muestra el listado de tipos de
la opcin "Tipos de suspensin dados de alta en el Correcto
Suspensin" sistema
Se elimina el tipo de suspensin de la

El usuario pulsa "Eliminar" Correcto
base datos
El usuario pulsa "Editar" tipo de suspensin seleccionado Correcto
para poderlos modificar
103
Descripcin Un administrador modifica un tipo de suspensin
Pre-requisitos tipos de suspensin y pulsar editar
tipos de suspensin
Descripcin Un administrador crea un tipo de suspensin

Pre-requisitos tipos de suspensin y pulsar crear
Se crea un tipo de suspensin en
El usuario pulsa "Crear" base de datos y se vuelve a la lista de Correcto
tipos de suspensin
10. Acceso a la gestin de productos
Descripcin Un administrador accede al men de gestin de productos
Pre-requisitos Haber accedido como administrador

Un administrador pulsa sobre Se muestra el listado de todos los
la opcin "Gestin de productos dados de alta en el Correcto
Productos" sistema ordenados por marca
Se elimina el producto de la base
datos
El usuario pulsa sobre una
producto seleccionado para poderlos Correcto
entrada de la lista
modificar
El usuario pulsa "Insertar Se muestra la ficha con los datos en
Correcto
Nuevo Vehculo" blanco para introducirlos
Se muestra el listado de todos los
El usuario pulsa "Mostrar por productos dados de alta en el
Correcto
Tipo" sistema ordenados por tipo de
producto
Se almacena el estado visible del
producto seleccionado. Un usuario
El usuario activa el flag
normal accede a la lista de productos Correcto
"Mostrar"
y este es visible dentro de la lista de
productos del catlogo
104
Se almacena el estado no visible del
producto seleccionado. Un usuario
El usuario desactiva el flag
normal accede a la lista de productos Correcto
"Mostrar"
y este no es visible dentro de la lista
de productos del catlogo
Descripcin Un administrador modifica un producto

Autenticado como administrador, acceder al men de gestin de productos y
Pre-requisitos seleccionar uno de los productos listado
El usuario modifica los datos
Se muestra un error indicando que
parcialmente y pulsa Correcto
falta algn dato obligatorio
"Modificar"
Se almacena la modificacin en la
El usuario modifica los datos base de datos. Un usuario accede a
obligatorios y pulsa la lista de productos dentro del Correcto
"Modificar" catlogo, y si el producto es visible
se visualiza la modificacin
Descripcin Un administrador crea un producto

Autenticado como administrador, acceder al men de gestin de productos y
Pre-requisitos pulsa "Crear Producto"
El usuario ingresa los datos
Se muestra un error indicando que
parcialmente y pulsa "Crear Correcto
falta algn dato obligatorio
Producto"
Se almacena el nuevo producto en la
El usuario ingresa los datos base de datos. Un usuario accede a
obligatorios y pulsa "Crear la lista de productos dentro del Correcto
Usuario" catlogo, y si el producto es visible
se visualiza la modificacin
11. Acceso a la gestin de la informacin general
Descripcin Un administrador accede al men de informacin general

Haber accedido como administrador y haber accedido al men de informacin
Pre-requisitos general
Un administrador pulsa sobre
la opcin "Informacin de Se muestra la informacin general Correcto
Contacto"
Se almacenan los datos modificados
El usuario pulsa "Actualizar" Correcto
de la informacin general
105
12. Acceso a la gestin de contactos
Descripcin Un administrador accede al men de informacin de contacto

Haber accedido como administrador y haber accedido al men de informacin
Pre-requisitos de contacto
Se muestra la informacin de
contacto general y el listado de
la opcin "Informacin de Correcto
contactos dados de alta en el
Contacto"
sistema
Se elimina el contacto de la base
datos

El usuario pulsa "Editar" contacto seleccionado para poderlos Correcto
modificar

Se almacenan los datos modificados

El usuario pulsa "Modificar" de la informacin de contacto Correcto
general
Descripcin Un administrador modifica un contacto

Autenticado como administrador, acceder al men informacin de contacto, y
Pre-requisitos pulsar editar contacto
contactos
Descripcin Un administrador crea un contacto

Pre-requisitos pulsar crear contacto
Se crea un contacto en base de datos

y se vuelve a la lista de contactos
106
13. Acceso a la gestin de noticias
Descripcin Un administrador accede al men de gestin de noticias

Pre-requisitos noticias
Se muestra el listado de noticias
la opcin "Gestin de Correcto
dadas de alta en el sistema
Noticias"
El usuario pulsa "Eliminar" Se elimina la noticia de la base datos Correcto
Se muestra la ficha con la noticia
El usuario pulsa "Editar" seleccionada para poderlos Correcto
modificar
Descripcin Un administrador modifica una noticia

Pre-requisitos pulsar editar noticia
noticias
Descripcin Un administrador crea una noticia

Pre-requisitos pulsar crear noticia
Se crea una noticia en base de datos
y se vuelve a la lista de noticias
14. Acceso a la gestin de clientes
Descripcin Un administrador accede al men de gestin de clientes

Pre-requisitos clientes
Un administrador pulsa sobre Se muestra el listado de clientes
Correcto
la opcin "Gestin de clientes" dados de alta en el sistema
El usuario pulsa "Eliminar" Se elimina el cliente de la base datos Correcto
Se muestra la ficha con el cliente
El usuario pulsa "Editar" seleccionado para poderlos Correcto
modificar
107
Descripcin Un administrador modifica un cliente
Pre-requisitos pulsar editar cliente
clientes
Descripcin Un administrador crea un cliente

Pre-requisitos pulsar crear cliente
Se crea un cliente en base de datos y
se vuelve a la lista de clientes
15. Acceso a la gestin de links
Descripcin Un administrador accede al men de gestin de links

Pre-requisitos links
Un administrador pulsa sobre Se muestra el listado de links dados

Correcto
la opcin "Gestin de Links" de alta en el sistema
El usuario pulsa "Eliminar" Se elimina el link de la base datos Correcto
Se muestra la ficha con el link

El usuario pulsa "Editar" seleccionado para poderlos Correcto
modificar

Descripcin Un administrador modifica un link

Pre-requisitos pulsar editar link
El usuario pulsa "Modificar" Correcto
de datos y se vuelve a la lista de links
108
Descripcin Un administrador crea un link
Pre-requisitos pulsar crear link
Se crea un link en base de datos y se
vuelve a la lista de links
16. Salir
Descripcin Salir como usuario autenticado
Pre-requisitos Autenticado como administrador o usuario registrado
Se elimina la sesin del navegador y
del usuario autenticado y se vuelve a
El usuario pulsa "Salir" Correcto
la pantalla principal como usuario no
registrado
109
3.6 Promocin
Dentro de los objetivos fundamentales de un sitio web el principal es atraer al mximo
nmero de visitantes, y ms como en este caso tratndose de una web de carcter
comercial donde el acceso al mximo pblico es prioritario.
Esto no es posible si no se realiza una correcta promocin del sitio web, ya que la
correcta implementacin de la misma no garantiza el obtener estas visitas, adems esta
promocin debe realizarse de manera continuada para intentar asegurar el retorno de
los usuarios.
Dentro de este enfoque vamos a realizar diferentes acciones dentro de las diferentes
posibilidades que nos brindan tanto la tecnologa como los medios tradicionales.
3.6.1 Acciones de promocin

1. Registros en buscadores web y posicionamiento
Una de las principales vas de acceso de los usuarios a los diferentes sitios que hay en
internet son los buscadores. Para facilitar el que nuestra pgina web aparezca en los
buscadores deberemos registrarla en buscadores como Google, y en los servicios con
los que cuenta para posicionamiento de empresas como Google Places, que facilita la
localizacin de la misma tanto en sus buscadores como en Google Maps.
As mismo se integrarn diferentes etiquetas META en las cabeceras de las pginas del
sitio web que ayudarn a posicionar de manera prioritaria nuestra pgina web dentro
de los resultados que devuelven los buscadores, tanto al realizar bsquedas directas de
nuestra pgina como por conceptos relacionados con el mbito de la misma. Estas
tcnicas comnmente se denominan SEO (Search Engine Optimization) por sus siglas en
ingls.
2. Mailing tradicional y electrnico
Contando con la cartera de clientes de la empresa se realizar un mailing tradicional por

carta con informacin relativa a la pgina web, as mismo se realizar un envo por
correo electrnico con las novedades de la pgina a los contactos que se hayan
registrado en el sitio al realizar una bsqueda o contacto.
3. Acuerdos con colaboradores
Se establecern acuerdos con empresas tanto del sector como ajenas al mismo para
realizar el intercambio comn de links para favorecer la llegada de nueva audiencia al
sitio web.
4. Registro en foros especializados
Otra fuente de visitantes puede ser el registro de nuestro sitio web en foros
especializados en el mbito de la empresa, publicando noticias u ofertas, de manera que
110
se puede contactar con nuevos posibles visitantes y al mismo tiempo mantener el
inters de la audiencia ya adquirida.
5. Anuncio en medios especializados
Al igual que el registro en medios digitales, se realizarn anuncios en medios de

comunicacin clsicos especializados en el sector de la empresa, potenciando la imagen
de nuestra web de manera que pueda atraer parte de una audiencia que no es usuaria
de medios digitales pero que cuentan con acceso a internet y siguen usando los medios
de comunicacin clsicos.
6. Redes Sociales
En la actualidad una gran parte del trafico web se origina dentro de las redes sociales,
por ello tener presencia en la principales es fundamental para lograr tener acceso a la
mayor audiencia posible. Teniendo en cuenta la gran difusin e inmediatez de estos
contenidos, se mantendr una actualizacin continua de los mismos y desde donde se
realizar siempre referencia a nuestro sitio web.
111
3.7 Innovacin
Como se ha indicado en la fase de promocin, una de los objetivos principales es el
conseguir un alto nmero de visitas en el sitio web. Este objetivo ser posible mediante
la promocin pero ser necesario el seguir innovando dentro del sitio para atraer a ms
visitantes y seguir manteniendo el inters de los visitantes actuales de manera que sea
posible mantener o incrementar la audiencia de nuestro sitio.
Para llevar esto a cabo se van a definir una serie de acciones enfocadas a mantener este
objetivo.
3.7.1 Estrategias de innovacin

1. Mantenimiento de contenidos
Uno de los principales motivos por el que los usuarios dejan de visitar un sitio es porque
los contenidos dejan de actualizarse peridicamente, volvindose tediosos y aburridos.
Por tanto la principal accin que se llevar a cabo para evitar esto ser el realizar el
manteamiento de los principales contenidos visibles en el sitio, aportando nuevos
contenidos o actualizando los creados previamente.
2. Integracin redes sociales
Como se ha descrito en la fase anterior, una de las claves actuales para generar una
mayor audiencia es ser visible en las redes sociales. Una vez creados los perfiles en las
diferentes redes, una fuente de creacin de audiencia ser la integracin de los accesos
a estas redes sociales dentro del sitio web as como de las publicaciones de los
contenidos realizadas en las redes sociales y viceversa. Por ejemplo se automatizar la
inclusin de una entrada en cada red social de los nuevos artculos dados de alta en el
catlogo.
3. Planificacin actualizaciones peridica
Independientemente de que se realice un correcto mantenimiento de los contenidos y

estos se actualicen peridicamente, a fin de mantener el inters de la audiencia se
planificar una actualizacin del diseo del sitio cada dos aos, a fin de mantener al da
el sitio en cuanto a tendencias y tecnologas.
4. Adaptacin a dispositivos mviles
A pesar de que el sitio se ha diseado para ser visualizado en diferentes soportes no est
diseado especficamente para dispositivos mviles como smartphones o tabletas.
Ya que estos cuentan con unas caractersticas diferentes en cuanto a tamao y
disposicin de pantalla, y en cuanto al modo en que el usuario interacta con los
contenidos, es necesario realizar una versin propia del sitio adaptada a este tipo de
plataformas, lo que garantiza una usabilidad mayor proveyendo as una mayor
audiencia.
Teniendo en cuenta que la cantidad de trfico generado por los dispositivos mviles va
aumentado ao tras ao, esta accin es de gran importancia.
112
5. Integracin con servicios externos
A parte de los buscadores de carcter general, existen otro tipo de buscadores

especializados que integran la oferta de productos de diferentes sitios similares al
nuestro de manera que los usuarios puedan realizar bsquedas de un modo centralizado
si tener que ir sitio por sitio pero que finalmente derivan en accesos a nuestro sitio si el
contenido que ofrecemos es interesante.
A fin de simplificar el acceso a nuestros contenidos, y priorizar nuestra posicin en estas

herramientas, se publicar un Web Service dentro de nuestro sitio que de acceso a la
informacin del catlogo, de tal manera que estos buscadores se podrn integrar con
nuestro catlogo de manera automtica.
113
114
4 Conclusiones
Tal y como se defini al comienzo de este proyecto el objetivo inicial era la
implementacin de un portal de informacin comercial de compra venta de vehculos
industriales mediante el uso de una metodologa estructurada en torno a una serie de
fases o etapas que nos guiarn durante todo el proceso de creacin del sitio.
La metodologa elegida, John December, ha cumplido este objetivo ya que, como ha

quedado plasmado en este proyecto, aborda cada una de las fases del desarrollo de una
manera independiente pero flexible, permitiendo la vuelta a alguna de las fases
anteriores en caso de que una fase posterior se considerar necesaria.
Una de las caractersticas de esta metodologa es que no concreta que herramientas son
las que se deben usar en cada una de estas fases, pero esto precisamente nos ha
permitido investigar que herramientas tenamos a nuestra disposicin y elegir la que se
mas se adecuar a nuestras necesidades o conocimientos, sin que esto afecta al
desarrollo de las etapas de la metodologa.
Cabe destacar que dentro de las diferentes opciones que se plantearon a la hora de
elegir los elementos y herramientas que intervienen en la construccin de sitio se ha
optado por las que permitieran una mayor libertad en cuanto a la capacidad de definir
el diseo y las caractersticas de nuestro sitio, optando por ello por un desarrollo a
medida dentro de un servidor propio, y descartando otras como los gestores de
contenidos (CMS) como Drupal o SharePoint ya que estos limitan estas capacidades.
As mismo se ha optado por herramientas OpenSource disponibles para cualquier

usuario, optando por soluciones contrastadas como la arquitectura LAMP descrita
anteriormente, y sistemas reconocidos como OpenSUSE, Apache, MySQL y PHP, o
herramientas de desarrollo como Eclipse. Con ello queda patente la posibilidad de
implementar este tipo de soluciones sin necesidad de recurrir a opciones comerciales.
En lo personal, el desarrollo de proyecto ha contribuido a mejorar mis capacidades

profesionales a la hora de abordar un proyecto de estas caractersticas a lo largo de todo
su ciclo de vida y no, como suele ocurrir, enfocarnos en una sola parte del mismo. Para
ello ha sido ha sido necesario utilizar tanto los conocimientos acadmicos como
profesionales adquiridos en los ltimos aos, constituyendo as mismo un viaje
emocionante de principio fin que me ayudar a afrontar mis prximos proyectos con
una perspectiva mucho ms amplia.
115
116
5 Bibliografa
Dentro del trabajo realizado durante la redaccin de este PFC se han consultado
diferente bibliografa necesaria para completar el conocimiento de las diferentes reas
tratadas en el mismo as como de las herramientas que se han usado para su desarrollo,
que pasamos a identificar a continuacin.
5.1 Metodologas de desarrollo

Centers for Medicare & Medicaid Services (CMS) Office of Information Service:
Selecting a development approach [En lnea]. United States: Department of Health
and Human Services (HHS), 2008. [Consulta: 15 Mayo 2014] Disponible en :
http://www.cms.gov/research-statistics-data-and-systems/cms-information-
technology/xlc/downloads/selectingdevelopmentapproach.pdf
Mara Jos Prez: Gua Comparativa de Metodologas giles [En lnea]. Segovia:
Universidad de Valladolid. Escuela Universitaria de Informtica, 2012. [Consulta: 15
Mayo 2014]. Disponible en:
https://uvadoc.uva.es/bitstream/10324/1495/1/TFG-B.117.pdf
John December: Web Development [En lnea]. United States: John December.
[Consulta: 15 Mayo 2014]. Disponible en :
http://www.december.com/web/develop.html
Adam Buckley: The Research and Development of the Informatics Web [En lnea].
Sweden: Department of Informatics, University of Lund, 1996. A Web Development
Methodology Explained [Consulta 16 Mayo 2014]. Disponible en :
http://adambuckley.net/research/ics/methodology/index.html
5.2 Herramientas
Cris Kobryn: Introduction to UML: Structural Modeling and Use Cases [En lnea].
OMG, Noviembre 2000 [Consulta: 16 Mayo 2014]. Disponible en:
http://www.omg.org/news/meetings/workshops/presentations/uml_presentation
s/Tutorial%201%20-%20UML_Lecture1_R2.pdf
Mandar Chitnis, Pravin Tiwari, Lakshmi Ananthamurthy: Creating UML Use Case
Diagrams [En lnea]. developer.com, 14 Marzo 2003[Consulta: 16 Mayo 2014].
Disponible en:
http://www.developer.com/design/article.php/2109801/Creating-Use-Case-
Diagrams.htm
Jess Cceres Tello: DIAGRAMAS DE SECUENCIA [En lnea]. Alcal de Henares: Dpto.
Ciencias de la Computacin, Universidad de Alcal [Consulta: 16 Mayo 2014].
Disponible en:
http://www2.uah.es/jcaceres/capsulas/DiagramaSecuencia.pdf
Michael Angeles: Wireframes [En lnea]. Konigi, 3 de Octubre de 2013 [Consulta: 10
Septiembre 2014] Disponible en:
http://konigi.com/node/1819
117
5.3 Arquitectura
OpenSUSE.org: OpenSUSE [En Lnea]. OpenSUSE.org [Consulta: 1 Octubre 2014].
Disponible en:
https://www.opensuse.org/es/
5.4 Desarrollo
Eclipse [En lnea]. Eclipse.org [Consulta: 2 Octubre 2014]. Disponible en:
https://eclipse.org/
Elika J. Etemad: Cascading Style Sheets (CSS) Snapshot 2010 [En lnea]. World Wide
Web Consortium, 12 Diciembre 2010 [Consulta: 2 Octubre 2014]. Disponible en :
http://www.w3.org/TR/CSS/
w3schools.com [En lnea]. w3schools.com [Consulta: 10 Octubre 2014]. Disponible
en :
http://www.w3schools.com
Libros Web [En lnea]. Librosweb.com [Consulta: 11 Octubre 2014]. Disponible en :
http://librosweb.es/
Manual de PHP [En lnea]. php.net, 12 Diciembre 2010 [Consulta: 11 Octubre 2014].
Disponible en :
http://php.net/manual/es/
MySQL 5.6 Reference Manual [En lnea]. Oracle Corporation, 23 Septiembre 2014
[Consulta: 2 Octubre 2014]. Disponible en :
http://dev.mysql.com/doc/refman/5.6/en/index.html
5.5 Usabilidad
Jakob Nielsen: Usability 101: Introduction to Usability [En lnea]. Nielsen Norman
Group, 4 Enero 2012 [Consulta: 30 Septiembre 2014]. Disponible en :
http://www.nngroup.com/articles/usability-101-introduction-to-usability/
Jakob Nielsen: Top 10 Mistakes in Web Design [En lnea]. Nielsen Norman Group, 1
Enero 2011 [Consulta: 30 Septiembre 2014]. Disponible en :
http://www.nngroup.com/articles/top-10-mistakes-web-design/
Fernando Finelli: 10 Reglas Heursticas De Usabilidad De Jakob Nielsen [En lnea].
Braintive.com, 28 Junio 2011 [Consulta: 1 Octubre 2014]. Disponible en :
http://www.braintive.com/10-reglas-heuristicas-de-usabilidad-de-jakob-nielsen/
Usabilidad | Gua [En lnea]. Chile: Unidad de Modernizacin y Gobierno Digital,
Ministerio de Secretara General de la Presidencia, [Consulta: 1 Octubre 2014].
Disponible en :
http://www.guiadigital.gob.cl/indice/usabilidad
118
119

PFC Javier Muñoz Vallejo2

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

PFC Javier Muñoz Vallejo2

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD POLITCNICA DEMADRID

ESCUELA TCNICA SUPERIOR DE

PROYECTO FIN DE CARRERA

Desarrollo de un portal de informacin y

Autor: Javier Muoz Vallejo

ESCUELA TCNICA SUPERIOR DE

PROYECTO FIN DE CARRERA

Desarrollo de un portal de informacin y

Autor: Javier Muoz Vallejo

A mi tutora, Carmen Gil Abad,

A Araceli, por animarme durante tanto tiempo

A mi familia, porque les debo todo y siempre estn presentes.

A mis amigos, por recordarme durante todo este tiempo

En este Proyecto Fin de Carrera se va a llevar a cabo el desarrollo e implementacin de

A lo largo del proyecto, se expondr porqu es necesario el uso de metodologas y el

Finalmente, expondremos las conclusiones extradas del desarrollo llevado a cabo.

2 METODOLOGA JOHN DECEMBER 17

3 DESARROLLO DEL PORTAL 19

Dada la complejidad de cualquier desarrollo de software el uso de una metodologa que

Dentro del desarrollo web podemos encontrar diferentes metodologas de desarrollo

As mismo podemos analizar la orientacin hacia el que va enfocado el resultado final

Como se observa la metodologa J. December se caracteriza por tener una fuerte

Esta informacin ha sido extrada de la documentacin facilitada por el departamento

Es por la conjuncin de estas dos caractersticas descritas, por lo que se ha elegido la

La metodologa se estructura en tornos a 6 fases de proceso y 6 elementos de

Los 6 elementos son:

1. Audiencia: Define a que usuarios va dirigida la aplicacin y en torno a los cuales

Las 6 fases de las que consta la metodologa son:

1. Planificacin: Durante esta fase se establecern las diferentes metas de la web.

Ilustracin 1 Resumen Metodologa J. December

Por tanto tendremos 3 tipos de usuarios

El propsito principal de la web es dar a conocer la informacin general de la empresa,

La web se centra en que los potenciales clientes de la compaa puedan acceder de

Aunque la metodologa J. December no especifica la necesidad de tener que definir un

Ilustracin 2 Cronograma Fases Desarrollo

En la metodologa John December esta fase se aborda durante todo el desarrollo de la

La metodologa J. December no indica cmo se debe realizar esta fase de desarrollo, ni

Ilustracin 3 CU Acceso general

A. Acceso Pgina principal

Al acceder a la pgina principal de la web se mostrar una pgina principal dividida en 4

El rea 3 de la pgina principal, contendr un ttulo descriptivo de la pgina, un pequeo

B. Acceso Informacin General

Pulsando en el men Sobre Nosotros se cargar en al rea 3 la informacin general

C. Acceso Informacin Contacto

Pulsando en men Contacto, se mostrar un rea con la informacin principal de

La informacin a mostrar en el rea de informacin principal ser:

Pulsando el men Catlogo se acceder a un listado con el catlogo completo de

Ilustracin 4 CU Acceso Catlogo

Si se muestra el listado ordenado por categora, este se ordenar en funcin de una

Adicionalmente aparecer una opcin para acceder a la pantalla de bsqueda fuera de

El listado de productos aparecer en filas dividas en categoras de productos y

Para cada producto aparecer:

Al pulsar sobre el producto se accede a su ficha completa.

E. Bsqueda fuera de catlogo

Pulsando el botn Bsqueda fuera de catlogo dentro de la pantalla de catlogo se

Se solicitarn los siguientes datos:

F. Acceso Ficha Productos

- Foto principal del producto

En la ficha de producto se mostrar siempre la informacin de la empresa en un sitio

Existir la opcin de imprimir la ficha directamente.

As mismo se dar la opcin de solicitar informacin directamente sobre el vehculo de

Si se pulsa el botn Te Interesa? desde la ficha de un producto se mostrar una

Los datos de este formulario quedarn almacenados en la aplicacin para su posterior