PDF de programación - Desarrollo de una web corporativa basada en Symfony

Grado en Ingeniería Informática

Trabajo Final de Grado

Desarrollo de una web corporativa basada

en Symfony

Autor:
Paula Vilas Usó

Supervisor:
Alejandro Fandos Renau
Tutor académico:
Dolores María Llidó Escrivá

Fecha de lectura: 9 de Julio de 2015

Curso académico 2014/2015

Resumen

En este documento se describe el proceso de desarrollo de una web corporativa. Partimos
de los requisitos requeridos por el cliente para desarrollar una web que estuviera acorde con las
nuevas metodologías aconsejándome Symfony 2. El desarrollo del proyecto consta de dos fases.
La primera de ellas consiste en la documentación y análisis de la metodología a utilizar. Y la
segunda fase en la que diseñamos e implementamos el portal web con el framework Symfony 2,
HTML, CSS y JavaScript.

Este documento y el desarrollo del sistema forman parte del proyecto de final de grado del
Grado de Ingeniería Informática. Este trabajo se ha desarrollado durante la estancia en prácticas
en Frutínter, S.L., una empresa dedicada al sector hortofrutícola.

Palabras clave

Desarrollo web, Web corporativa, Symfony 2, PHP, framework, TFG Ingeniería Informática

.

Keywords

Web development, Corporative web, Symfony 2, PHP, framework, Final Project Computer

Engineering Degree

Índice general

1. Introducción

1.1. Contexto y motivación del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . .

1.2. Objetivos del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2. Descripción del proyecto

3. Planificación del proyecto

3.1. Metodología y definición de tareas

. . . . . . . . . . . . . . . . . . . . . . . . . .

5

5

6

7

9

9

3.2. Planificación temporal de las tareas . . . . . . . . . . . . . . . . . . . . . . . . . . 11

3.3. Estimación y coste de los recursos del proyecto . . . . . . . . . . . . . . . . . . . 12

3.3.1. Recursos software

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

3.3.2. Recursos hardware . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

3.3.3. Recursos humanos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

3.3.4. Costes estimados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

4. Análisis y diseño del software

17

4.1. Análisis de requisitos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

4.1.1. Diagrama de casos de uso . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

4.1.2. Requisitos funcionales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

4.1.3. Requisitos de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

3

4.1.4. Diagrama de clases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

4.1.5. Diagrama de actividades

. . . . . . . . . . . . . . . . . . . . . . . . . . . 30

4.2. Diseño del sistema . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

4.3. Diseño de la interfaz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

5. Implementación, pruebas y documentación

41

5.1. Detalles de implementación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

5.2. Depuración de errores

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

5.3. Validación de la usabilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

5.4. Exportación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

5.5.

Importación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

5.6. Documentación y formación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

5.6.1. Documentación del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . . 55

5.6.2. Formación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

6. Resultado final

7. Conclusiones

A. Introducción a Symfony

57

61

65

A.0.3. Algunos aspectos sobre Doctrine . . . . . . . . . . . . . . . . . . . . . . . 67

B. Manual de Usuarios

C. Preguntas test de validación

69

95

4

Capítulo 1

Introducción

El desarrollo del documento presentado en este documento es el resultado del trabajo reali-
zado en la asignatura EI1054 Prácticas externas y Proyecto de final de grado, es decir, durante
las 300 horas de estancia en prácticas en Frutínter, S.L.

En la primera sección se describirá el contexto en el que se ha desarrollado el proyecto y las

motivación que ha llevado a su desarrollo.

En los siguientes apartados se describirá el proceso de desarrollo llevado a cabo para la

realización del proyecto.

Finalmente se extraerán las conclusiones sobre el resultado obtenido y el proceso llevado a

cabo para este fin.

1.1. Contexto y motivación del proyecto

Este documento presenta la propuesta de desarrollo de un proyecto realizado durante la
estancia en prácticas en la empresa Frutínter, S.L. para la cual realice la actualización de la
web corporativa bajo la supervisión del jefe de informática de la empresa.

Frutínter , S.L. es una empresa del sector hortofrutícola. Sus orígenes en el antiguo ’Mercat
del Born’ de Barcelona se remontan a los años cincuenta. Aplican las novedades tecnológicas
disponibles a todos los ámbitos empresariales: desde la producción, donde hay que destacar que
poseen plantaciones propias, la gestión, tanto administrativa como comercial, incluyendo los
procesos internos de confección, calidad y trazabilidad, hasta la adquisición de nueva maquinaria
para procesar la fruta.

Actualmente, cuentan con dos plantas de confección en la provincia de Castellón, Frutínter
Vila-real y Frutínter Onda. Frutínter está presente desde 1957 en Barcelona y, desde su fundación
en Mercabarna, uno de los centros con mayor oferta agroalimentaria de Europa.

5

Esta empresa dispone, también en Mercamadrid, de una Plataforma de Distribución lo que
les ha permitido ampliar su oferta prácticamente toda la variedad de productos hortofrutícolas.
Además de una flota propia de 42 camiones para el transporte directo, aspecto que además de
rapidez, garantiza un control óptimo de la temperatura asegurando en todo momento la frescura
del producto.

Frutínter, S.L. ya disponía de un web corporativa pero debido al paso del tiempo, a la
evolución de las tecnologías y a la necesidad de mantener un imagen para promocionar sus
productos y campañas la web que disponían se había quedado obsoleta por ello necesitaban un
proceso de renovación.

Por tanto la motivación de este proyecto es desarrollar una nueva web corporativa a partir de
las nuevas necesidades que han surgido, como pueden ser la necesidad de acceder a la información
de forma más dinámica y adaptarla a las redes sociales del momento.

1.2. Objetivos del proyecto

Los objetivos de este proyecto son la implementación de un portal web que permita por
una parte, mejorar la gestión de información a los clientes, haciéndola más ágil y llegando a
un público más amplio. Por otra parte, el sistema tiene que permitir la actualización de los
productos de una forma sencilla y usable. Las características que el portal web debe cumplir
son las siguientes:

La autogestión del portal web, todo el contenido podrá ser modificado sin la necesidad de
conocimiento técnicos.

Diseño a medida para la adaptación de las nuevas necesidades.

Facilitar el acceso a la redes sociales de la empresa.

Mostrar un diseño más moderno y de renovación.

Página accesible por diferentes dispositivos.

6

Capítulo 2

Descripción del proyecto

El proyecto deberá tener las siguientes características, organizadas según el uso que puede

realizar los diferentes usuarios.

En el portal web se distinguirán dos partes: la parte pública(frontend) y la parte privada
(backend). La parte pública del portal web será de carácter informativo para los visitantes con
distintas secciones: noticias, productos en la que se podrá visualizar los diferentes productos
de la campaña activa en ese momento con las posibilidades de envasado, información sobre
la empresa, la situación de las sedes, información de contacto, etc. El portal web debe poder
compartir información a través de las redes sociales.

Al finalizar el proyecto este se desplegará en el servidor que dispone la empresa, éste estará
disponible en la URL: http://www.frutinter.com. Además se ofrecerá un pequeño manual
para que los gestores puedan gestionar el portal web.

Las funcionalidades del portal para los gestores, cuando estén registrados y autentificados

en el sistema, son:

Mantener información de los productos que ofrece la empresa así como de la actualización
de los posibles envases en los que se pueden encontrar.

Mantener información de los envases.

Mantener la sección de noticias. Modificando e insertando noticias para mantener actua-
lizado el portal web.

Las funcionlidades del portal para los visitantes, que no requieren de autentificación, son :

Consultar la oferta de productos con sus distintos envases.

Consultar las noticias publicadas por la empresa.

Consultar las confecciones1 disponibles.

1Confecciones: nomenclatura utilizada en la empresa para referirse a envase.

7

Contactar con la empresa a través de un formulario web.

Módulo de conexión a redes sociales.

El sistema debe ser extensible, debe permitir añadir nuevos módulos a las dos partes. Por
tanto, se ha de definir cómo se debe implementar un nuevo módulo para añadirlo al sistema.
Un ejemplo de extensión: módulo de trazabilidad de productos (Si dentro de las 300h fuera
posible realizarse su diseño e implementación). Sería útil permitir al gestor poder realizar un
seguimiento de la trazabilidad de los productos.

8

Capítulo 3

Planificación del proyecto

En este apartado del documento se presenta la planificación del proyecto; además de la lista

de tareas y subtareas a desarrollar durante la duración del proyecto.

3.1. Met