PDF de programación - Portal web de una tienda virtual de productos para animales domésticos

Escola Tècnica Superior d’Enginyeria Informàtica

Universitat Politècnica de València



Portal web de una tienda virtual de
productos para animales domésticos



Trabajo Fin de Grado

Grado en Ingeniería Informática



Autor: Pablo Peinado Abad

Tutor: Sergio Sáez Barona

2013-2014



Portal web de una tienda virtual de productos para animales domésticos



2





Resumen

Este proyecto se basa en el desarrollo de una tienda virtual de productos para
animales domésticos utilizando el framework de PHP Yii Framework y el sistema
gestor de bases de datos MySQL. También, como en todo desarrollo web, se hace uso
del lenguaje de marcado de hipertexto HTML y de las hojas de estilo en cascada CSS. El
desarrollo contempla la gestión de un catálogo de productos, la cesta de la compra y
pedidos, así como la capacidad de gestionar las cuentas de usuario.



Palabras clave: Framework PHP, Yii Framework, web, PHP, MySQL, HTML,

CSS, tienda online.



3

Portal web de una tienda virtual de productos para animales domésticos

Tabla de contenidos



1. Introducción .................................................................................................................. 6

1.1 Objetivos .......................................................................................................... 6

1.2 Estructura ......................................................................................................... 7

2. Especificación de requisitos software ........................................................................... 8

2.1 Propósito ......................................................................................................... 8

2.2 Descripción general ........................................................................................ 9

2.3 Requisitos funcionales .................................................................................. 10

2.4 Requisitos no funcionales ............................................................................. 14

3. Fase de análisis ............................................................................................................ 15

3.1 Diagrama entidad-relación ............................................................................ 15

3.2 Casos de uso ................................................................................................... 16

Fichas de casos de uso para usuario web .................................................... 18

Fichas de casos de uso para administrador web........................................ 26

4. Fase de diseño ............................................................................................................. 31

4.1 Capa de presentación ..................................................................................... 31

4.2 Capa de persistencia ..................................................................................... 35

4.3 Capa de lógica ............................................................................................... 36

4.4 ¿Por qué Yii Framework? ............................................................................. 38

5. Detalles de implementación ....................................................................................... 40

5.1 Estructura de ficheros y dependencias ......................................................... 40

5.2 Tecnologías utilizadas en el desarrollo ......................................................... 43

6. Pruebas ....................................................................................................................... 46

6.1 Conformidad estándar W3C ......................................................................... 46

6.2 Visualización en navegadores ....................................................................... 48

6.3 Prueba de uso de la web ................................................................................ 60

7. Conclusiones ................................................................................................................74

7.1 Técnicas ..........................................................................................................74

7.2 Personales ......................................................................................................74

7.3 Posibles ampliaciones del proyecto ............................................................. 75

8. Bibliografía .................................................................................................................. 77

9. Glosario ........................................................................................................................79



4





5

Portal web de una tienda virtual de productos para animales domésticos



1. Introducción



Tras cursar el Grado en Ingeniería Informática en la rama de Tecnologías de la
Información me quedó la sensación de que no se profundiza demasiado en el desarrollo
de proyectos web con una complejidad mínima y utilizando lenguajes que permitieran
elaborar sitios web dinámicos que manejaran bases de datos.

Las asignaturas cursadas abordan otro tipo de aspectos web como el diseño de
sitios, o cómo interactúan algunas de las tecnologías web actuales. Analizando esto, y
tras un vistazo a las ofertas de trabajo actuales es lo que hace que me decante a escoger
este tipo de proyecto para poder, aunque de una forma en parte autodidacta, ampliar
mis conocimientos en estas áreas que considero bastante demandadas para los pocos
conocimientos adquiridos en ellas a lo largo del grado.

Para tal proyecto he escogido el binomio del lenguaje PHP junto al gestor de bases
de datos MySQL, la programación en PHP en este caso viene agilizada por un
framework para este lenguaje, ya que programar en PHP hoy en día puede resultar
tedioso para un proyecto que cumpla unos estándares actuales mínimos.

Como framework de PHP para mi desarrollo he escogido Yii Framework. En la

sección 4.4 trataré de explicar porque he tomado esta decisión.

1.1 Objetivos



Diseñar e implementar un sitio web que gestionará una tienda virtual para la venta
por internet de productos para animales domésticos utilizando un framework PHP. La
aplicación gestionará los usuarios, el catálogo de productos y los pedidos, no así las
pasarelas de pago seguras ya que quedan en otro plano a este proyecto, todo esto
poniendo atención a su adecuada presentación web. También se ofrecerá una búsqueda
avanzada (categorías, razas, marcas…) así como la navegación por categorías y la
gestión de la cesta de la compra.

Como objetivos personales están el aprender a utilizar un framework de PHP, en
este caso Yii Framework, así como el manejo del propio lenguaje PHP, además de un
gestor de base de datos como es el MySQL. También están el mejorar el conocimiento
del lenguaje HTML, así como de las hojas de estilo CSS, para poder realizar desarrollos
web con un nivel adecuado en cuanto a presentación y diseño de la interfaz.

6





1.2 Estructura

En este proyecto empezaré exponiendo los requisitos software que cumplirá mi
desarrollo web según la norma del IEEE 830-1998, continuare con la fase de análisis en
el punto tres donde realizaré un estudio de los casos de uso de todos los actores que
intervendrían en la aplicación y veremos también el diagrama de clases.

Continuaré explicando la fase de diseño en el punto cuatro donde separaré mi

desarrollo en 3 capas:

 La capa de presentación, que será diseñada a partir de unos bocetos digitales o

wireframes.


 La capa de persistencia, donde presentaré su esquema lógico y comentaremos las

relaciones entre tablas.



 Por último, para abordar la capa de lógica, se hará un estudio a nivel de control,

donde veremos el flujo de trabajo de mi desarrollo mediante un diagrama.



Una vez concluidas las fases de diseño comentaremos en el punto cinco los detalles de
implementación que he llevado a cabo para mi desarrollo web, en este punto echaremos
un vistazo a la estructura de ficheros resultante, sus dependencias y funciones así como
las tecnologías y el software que he utilizado para mi proyecto, omitiremos la
instalación y configuración de este ya que excedería el volumen para los objetivos de
esta memoria.

Pasaremos al punto seis, en el que probaremos el comportamiento del desarrollo bajo
distintas pruebas, tanto de conformidad bajo el estándar del w3c Markup Validation
Service http://validator.w3.org/ que hará un chequeo del marcado correcto de los
documentos HTML y CSS contenidos en mi trabajo para ver si atienden a la
conformidad que dicta el w3c. En este punto también probaremos el resultado visual de
probar la aplicación web bajo distintas navegadores y resoluciones, y, aunque no tiene
una versión adaptada a dispositivos móviles, veremos si la navegabilidad se ve afectada
desde estos.

Seguidamente, en este mismo punto haremos las pruebas de uso, donde probaremos
toda la funcionalidad que ofrece la aplicación explicándola paso a paso y ayudándome
de capturas de pantalla veremos el flujo sobre las distintas pantallas. Una vez
concluidas las pruebas expondré las conclusiones, divididas en las conclusiones
personales, y en conclusiones técnicas. Por último se incluye la bibliografía utilizada
para llevar a cabo el desarrollo, donde se citarán los libros, manuales, URLs
consultados y para terminar un glosario de términos qu