DESARROLLO DE UNA Trabajo Fin de Grado TIENDA...

Escu

ela

Polit

écn

ica S

up

eri

or

de J

aé

n

UNIVERSIDAD DE JAÉN Escuela Politécnica Superior de Jaén

Trabajo Fin de Grado


Escuela Politécnica Superior de JaénNombre del Centro


DESARROLLO DE UNA

TIENDA ONLINE BASADA EN

EL CMS MAGENTO

Alumno: Juana María Rodríguez García Tutor: Prof. D. José Ignacio Gómez Espínola Dpto: Informática

Junio, 2016

Juana Mª Rodríguez García Desarrollo de una tienda online Magento

Escuela Politécnica Superior de Jaén 2

Universidad de Jaén

Escuela Politécnica Superior de Jaén

Departamento de Informática

Don José Ignacio Gómez Espínola, tutor del Trabajo Fin de Grado titulado

Desarrollo de una tienda online basada en el CMS Magento, que presenta

Juana María Rodríguez García, autoriza su presentación para defensa y

evaluación en la Escuela Politécnica Superior de Jaén.

Jaén, Junio de 2016

El alumno: El tutor:

Juana María Rodríguez García José Ignacio Gómez Espínola



Deseo expresar mi agradecimiento a todas aquellas personas que han

contribuido directa o indirectamente en la realización de este Trabajo Fin de

Grado.

Especialmente quiero dar las gracias a mi familia, por haber confiado en mí y

haberme apoyado en todo momento. Ellos me han inculcado todos los valores

y principios que han hecho posible que hoy haya llegado hasta aquí.



Índice de Contenido

Índice de Contenido ........................................................................................... 4

Índice de Ilustraciones ........................................................................................ 7

Índice de Tablas ............................................................................................... 13

CAPÍTULO 1. INTRODUCCIÓN ....................................................................... 14

1. Introducción al proyecto ......................................................................... 14

2. Motivación .............................................................................................. 16

3. Objetivos ................................................................................................ 17

Objetivo general ......................................................................................... 17

Objetivos específicos ................................................................................. 17

CAPÍTULO 2. ESTADO DEL ARTE ................................................................. 18

1. El E-Commerce ...................................................................................... 18

2. Soluciones para el E-Commerce ............................................................ 20

3. Herramientas e-Commerce .................................................................... 23

Magento ..................................................................................................... 23

PrestaShop ................................................................................................. 24

OsCommerce ............................................................................................. 24

WordPress-Woocommerce ........................................................................ 25

Drupal-Ubercart .......................................................................................... 26

Joomla-VirtueMart ...................................................................................... 26

Comparativa ............................................................................................... 27

¿Por qué usar Magento? ............................................................................ 28

CAPÍTULO 3. HERRAMIENTAS UTILIZADAS ................................................ 30

1. Gestor de Contenidos Magento .............................................................. 30

2. Alojamiento web ..................................................................................... 32

3. FileZilla ................................................................................................... 34



4. Otras herramientas para el desarrollo .................................................... 34

Balsamiq ..................................................................................................... 34

Visual Paradigm ......................................................................................... 34

CAPÍTULO 4. INGENIERÍA DEL SOFTWARE................................................. 35

1. Introducción ............................................................................................ 35

2. Definición de requisitos .......................................................................... 38

Declaración inicial de requisitos ................................................................. 38

Definición de actores .................................................................................. 40

Declaración de requisitos detallados .......................................................... 41

3. Planificación ........................................................................................... 48

Diagrama de Gantt ..................................................................................... 50

Estimación de costes ................................................................................. 50

4. Análisis ................................................................................................... 52

Diagrama de clases .................................................................................... 52

Diagramas de casos de uso ....................................................................... 52

5. Diseño .................................................................................................... 57

Diseño arquitectónico ................................................................................. 57

Diagramas de secuencia ............................................................................ 60

Diseño de la interfaz de usuario ................................................................. 65

6. Implementación ...................................................................................... 75

Cómo está Magento implementado ............................................................ 75

Descripción del proceso seguido ................................................................ 78

7. Pruebas .................................................................................................. 87

Gestión de clientes ..................................................................................... 87

Gestión del catálogo ................................................................................... 88

Gestión de pedidos .................................................................................... 90

Accesibilidad ............................................................................................ 104



CAPÍTULO 5. CONCLUSIÓN ......................................................................... 110

1. Conclusiones ........................................................................................ 110

2. Posibles desarrollos futuros.................................................................. 111

Anexos ........................................................................................................... 112

Anexo 1. Contenido CD-ROM ..................................................................... 112

Anexo 2. Dirección de acceso a la web y usuarios de prueba PayPal ........ 112

Anexo 3. Manual del administrador ............................................................. 113

Anexo 4. Manual del cliente ........................................................................ 136

Referencias y Bibliografía .............................................................................. 153



Índice de Ilustraciones

Ilustración 1: Popularidad de plataformas E-Commerce, Marzo 2016 ............. 29

Ilustración 2: Casos de éxito con Magento ....................................................... 29

Ilustración 3: Logo Magento ............................................................................. 30

Ilustración 4: Logo Magento connect ................................................................ 31

Ilustración 5: Logo FileZilla ............................................................................... 34

Ilustración 6: Logo balsamiq ............................................................................. 34

Ilustración 7: Logo Visual Paradigm ................................................................. 34

Ilustración 8: Metodología software - El modelo incremental ........................... 36

Ilustración 9: Requisitos funcionales detallados de la Tienda Online ............... 44

Ilustración 10: Diagrama de Gantt .................................................................... 50

Ilustración 11: Diagrama de clases de la Tienda .............................................. 52

Ilustración 12: Diagrama de subsistemas ......................................................... 53

Ilustración 13: Casos de uso sobre la gestión de los clientes .......................... 53

Ilustración 14: Casos de uso sobre la gestión de las categorías ...................... 54

Ilustración 15: Casos de uso sobre la gestión de los productos ....................... 54

Ilustración 16: Casos de uso sobre la gestión de las ventas ............................ 55

Ilustración 17: Casos de uso sobre la accesibilidad ......................................... 55

Ilustración 18: Casos de uso sobre la gestión de los términos de búsqueda ... 56

Ilustración 19: Casos de uso sobre la gestión de los comentarios ................... 56

Ilustración 20: Patrón Modelo-Vista-Controlador .............................................. 58

Ilustración 21: Diagrama de secuencia de Alta Cliente .................................... 60

Ilustración 22: Diagrama de secuencia Iniciar Sesión ...................................... 61

Ilustración 23: Diagrama de secuencia de Modificar Cliente ............................ 61

Ilustración 24: Diagrama de secuencia de Alta Subscriptor ............................. 62

Ilustración 25: Diagrama de secuencia Añadir Producto .................................. 62

Ilustración 26: Diagrama de secuencia Visualizar Producto ............................. 63

Ilustración 27: Diagrama de secuencia Añadir Producto al Carrito .................. 63

Ilustración 28: Diagrama de secuencia Realizar Pedido .................................. 64

Ilustración 29: Wireframe Página Principal ....................................................... 66

Ilustración 30: Wireframe Página Principal responsive .................................... 66

Ilustración 31: Wireframe Cuenta Cliente ......................................................... 67



Ilustración 32: Wireframe Cuenta Cliente responsive ....................................... 67

Ilustración 33: Wireframe Página de Categoría ................................................ 68

Ilustración 34: Wireframe Página de Categoría responsive ............................. 69

Ilustración 35: Wireframe Página de Producto ................................................. 70

Ilustración 36: Wireframe Página de Producto responsive ............................... 71

Ilustración 37: Wireframe Página de Carrito de Compra .................................. 72

Ilustración 38: Wireframe Página de Carrito de Compra responsive ................ 72

Ilustración 39: Wireframe Página de Realizar Pedido ...................................... 74

Ilustración 40: Wireframe Página de Realizar Pedido responsive .................... 74

Ilustración 41: Cambio de permisos de ficheros con Filezilla ........................... 79

Ilustración 42: Instalación Magento 1 ............................................................... 79




Ilustración 46: Paquete oficial de español ........................................................ 81

Ilustración 47: Configuración método PayPal ................................................... 83

Ilustración 48: Extensión para pago contra-reembolso .................................... 84

Ilustración 49: Páginas informativas de la tienda ............................................. 85

Ilustración 50: Tienda multiidioma .................................................................... 85

Ilustración 51: Prueba Alta Cliente ................................................................... 87

Ilustración 52: Prueba Iniciar Sesión ................................................................ 87

Ilustración 53: Prueba Visualizar y Modificar Cuenta ....................................... 88

Ilustración 54: Prueba Acceso al Catálogo ....................................................... 88

Ilustración 55: Prueba Visualizar Categoría ..................................................... 89

Ilustración 56: Prueba Visualizar Producto ....................................................... 89

Ilustración 57: Prueba Realizar Pedido - Pago con PayPal (Paso 1 y 2) ......... 90

Ilustración 58: Prueba Realizar Pedido - Pago con PayPal (Paso 3) ............... 90

Ilustración 59: Prueba Realizar Pedido - Pago con PayPal (Paso 4.1) ............ 91

Ilustración 60: Prueba Realizar Pedido - Pago con PayPal (Paso 4.2) ............ 91

Ilustración 61: Prueba Realizar Pedido - Pago con PayPal (Paso 5) ............... 92

Ilustración 62: Prueba Realizar Pedido - Pago con PayPal (confirmación) ...... 92

Ilustración 63: Prueba Realizar Pedido - Pago con PayPal (Correo

confirmación) .................................................................................................... 93



Ilustración 64: Prueba Realizar Pedido - Pago Transferencia (Paso 4) ........... 94

Ilustración 65: Prueba Realizar Pedido - Pago Transferencia (Paso 5) ........... 94

Ilustración 66: Prueba Realizar Pedido - Pago Transferencia (Confirmación) . 95

Ilustración 67: Prueba Realizar Pedido - Pago Transferencia (Correo

confirmación) .................................................................................................... 95

Ilustración 68: Prueba Realizar Pedido - Pago Contra-reembolso (Paso 4) ..... 96

Ilustración 69: Prueba Realizar Pedido - Pago Contra-reembolso (Paso 5) .... 96

Ilustración 70: Prueba Realizar Pedido - Pago Contra-reembolso

(Confirmación) .................................................................................................. 97

Ilustración 71: Prueba Realizar Pedido - Pago Contra-reembolso (Correo

confirmación) .................................................................................................... 97

Ilustración 72: Prueba Realizar Pedido - Envío a Canarias (Paso 1 y 2) ........ 98

Ilustración 73: Prueba Realizar Pedido - Envío a Canarias (Paso 3) .............. 99

Ilustración 74: Prueba Realizar Pedido - Envío a Canarias (Paso 5) .............. 99

Ilustración 75: Prueba Realizar Pedido - Envío a Baleares (Paso 1 y 2) ....... 100

Ilustración 76: Prueba Realizar Pedido - Envío a Baleares (Paso 3) ............ 100

Ilustración 77: Prueba Realizar Pedido - Envío a Baleares (Paso 5) ............ 101

Ilustración 78: Prueba Realizar Pedido - Envío a Ceuta (Paso 1 y 2) ........... 101

Ilustración 79: Prueba Realizar Pedido - Envío a Ceuta (Paso 3) ................. 102

Ilustración 80: Prueba Realizar Pedido - Envío a Ceuta (Paso 5) ................. 102

Ilustración 81: Prueba Realizar Pedido con Importe superior a 100 € ............ 102

Ilustración 82: Prueba Realizar Pedido – Envío gratuito (Paso 3) .................. 103

Ilustración 83: Prueba Realizar Pedido – Envío gratuito (Paso 5) .................. 103

Ilustración 84: Prueba de visualización - Acceso desde un ordenador .......... 104

Ilustración 85: Prueba de visualización - Acceso desde un Smartphone ....... 104

Ilustración 86: Prueba de Compra desde Smartphone ................................... 105

Ilustración 87: Prueba Acceso en Inglés - Index ............................................ 106

Ilustración 88: Prueba Acceso en Inglés - Categoría ..................................... 107

Ilustración 89: Prueba Acceso en Inglés - Producto ....................................... 107

Ilustración 90: Prueba Realizar Pedido en Inglés (Paso 1 y 2) ...................... 108

Ilustración 91: Prueba Realizar Pedido en Inglés (Paso 3) ............................ 108





Ilustración 94: Prueba Realizar Pedido en Inglés (Confirmación) .................. 109

Ilustración 95: Manual Administrador - Inicio Sesión Panel Administración ... 113

Ilustración 96: Manual Administrador - Panel de Control 1 ............................ 114




Ilustración 100: Manual Administrador - Panel de Control 5 .......................... 115




Ilustración 104: Manual Administrador - Ventas ............................................. 117

Ilustración 105: Manual Administrador – Ventas – Pedidos ........................... 117

Ilustración 106: Manual Administrador – Ventas – Vista Pedido .................... 118

Ilustración 107: Manual Administrador – Ventas – Vista Pedido - Confirmación

....................................................................................................................... 118

Ilustración 108: Manual Administrador – Ventas – Vista Pedido – Facturación 1

....................................................................................................................... 119


....................................................................................................................... 119

Ilustración 110: Manual Administrador – Ventas – Vista Pedido –Envío 1 ..... 119

Ilustración 111: Manual Administrador – Ventas – Vista Pedido –Envío 2 ..... 120

Ilustración 112: Manual Administrador – Ventas – Vista Pedido – Opciones . 120

Ilustración 113: Manual Administrador – Ventas – Facturas .......................... 120

Ilustración 114: Manual Administrador – Ventas – Envíos ............................. 121

Ilustración 115: Manual Administrador – Sistema - Configuración ................. 122

Ilustración 116: Manual Administrador - Sistema - Configuración - Ventas -

Métodos de envío ........................................................................................... 122

Ilustración 117: Manual Administrador - Sistema - Configuración - Ventas -

Métodos de Envío - Tabla de Costes ............................................................. 123

Ilustración 118: Manual Administrador – Catálogo ......................................... 124

Ilustración 119: Manual Administrador – Catálogo – Administrar Productos .. 124

Ilustración 120: Manual Administrador – Catálogo – Administrar Productos –

Información del Producto................................................................................ 125



Ilustración 121: Manual Administrador – Catálogo – Productos – Nuevo

Producto 1 ...................................................................................................... 126


Producto 2 ...................................................................................................... 127


Producto 3 ...................................................................................................... 127


Producto 4 ...................................................................................................... 128


Producto 5 ...................................................................................................... 128


Producto 6 ...................................................................................................... 129


Producto 7 ...................................................................................................... 129

Ilustración 128: Manual Administrador – Catálogo – Administrar Categorías 130

Ilustración 129: Manual Administrador – Catálogo – Categorías – Nueva

Categoría 1..................................................................................................... 131


Categoría 2..................................................................................................... 131


Categoría 3..................................................................................................... 132


Categoría 4..................................................................................................... 132

Ilustración 133: Manual Administrador – Catálogo – Términos de Búsqueda 133

Ilustración 134: Manual Administrador – Catálogo – Términos de Búsqueda -

Nuevo ............................................................................................................. 133

Ilustración 135: Manual Administrador – Catálogo – Comentarios ................. 134

Ilustración 136: Manual Administrador – Catálogo – Comentarios - Revisión 134

Ilustración 137: Manual Administrador – Catálogo – Comentarios - Aprobación

....................................................................................................................... 135

Ilustración 138: Manual Cliente - Acceso a la Web ........................................ 136

Ilustración 139: Manual Cliente – Selección idioma ....................................... 137

Ilustración 140: Manual Cliente – Menú Cliente ............................................. 137



Ilustración 141: Manual Cliente - Buscador .................................................... 137

Ilustración 142: Manual Cliente – Panel de navegación ................................. 138

Ilustración 143: Manual Cliente – Banners publicitarios ................................. 138

Ilustración 144: Manual Cliente – Pie de página ............................................ 138

Ilustración 145: Manual Cliente – Crear Cuenta ............................................. 139

Ilustración 146: Manual Cliente – Formulario registro .................................... 139

Ilustración 147: Manual Cliente- Inicio Sesión ................................................ 140

Ilustración 148: Manual Cliente – Panel de cuenta cliente ............................. 140

Ilustración 149: Manual Cliente - Visualización de categoría ......................... 141

Ilustración 150: Manual Cliente – Visualización de producto ......................... 142

Ilustración 151: Manual Cliente – Realizar Pedido (Paso 0) .......................... 143

Ilustración 152: Manual Cliente – Realizar Pedido (Paso 1 y 2) ..................... 144




Ilustración 156: Manual Cliente – Realizar Pedido (Paso 4 – Pago PayPal) .. 145


Ilustración 158: Manual Cliente – Seleccionar Idioma “responsive” ............... 147

Ilustración 159: Manual Cliente – Panel de navegación “responsive” ............ 147

Ilustración 160: Manual Cliente – Banners y pie de página “responsive” ....... 148

Ilustración 161: Manual Cliente – Crear cuenta “responsive” ......................... 149

Ilustración 162: Manual Cliente – Mi cuenta “responsive” .............................. 150

Ilustración 163: Manual Cliente – Ver Categoría “responsive” ....................... 150

Ilustración 164: Manual Cliente – Ver producto “responsive” ......................... 151

Ilustración 165 Manual Cliente – Realizar pedido “responsive” ...................... 152



Índice de Tablas

Tabla 1: CMS vs Desarrollo a medida .............................................................. 21

Tabla 2: Comparativa CMS para e-Commerce ................................................ 27

Tabla 3: Comparativa Alojamientos Web ......................................................... 32

Tabla 4: Estimación de los requisitos ............................................................... 47

Tabla 5: Planificación de los incrementos ........................................................ 48

Tabla 6: Planificación del trabajo ...................................................................... 49



CAPÍTULO 1. INTRODUCCIÓN

1. Introducción al proyecto

Este Trabajo de Fin de Grado, trata sobre la creación de una tienda

online, o también denominada e-Commerce. Es decir, un sitio en la Web para

un comercio con el cual se realizan ventas virtualmente.

En este tipo de tiendas, la empresa vendedora, pone a disposición del

cliente un espacio web en el cual, el cliente tiene la información suficiente del

producto para poder comprarlo (especificaciones técnicas, opiniones, etc.), con

la ventaja de poder realizar la compra a cualquier hora y desde cualquier lugar.

Por otra parte, la empresa vendedora adquiere un amplio abanico de

posibilidades, dándose a conocer universalmente.

Para llevar a cabo el desarrollo de la tienda es necesario determinar el

tipo de productos a ofrecer, por ello se va a contactar con empresas que estén

interesadas en tener presencia en la Web y vender sus productos. De este

modo, no solo se va a desarrollar la tienda como Trabajo de Fin de Grado, sino

que además cubrirá una necesidad en la vida real.

La empresa interesada en adquirir la tienda online se trata de Embutidos

Carchelejo S. L. Esta es una empresa conocida internacionalmente, pero su

presencia en la Web, hasta ahora, ha sido una simple página informativa, sin

posibilidad de realizar ventas virtualmente.

El desarrollo de dicha tienda será llevado a cabo con el CMS Magento,

una aplicación web de código abierto que permite montar una tienda de

comercio electrónico. Consta principalmente de dos partes, el front-end y el

back-end, es decir, la parte visible a los clientes de la tienda, y la parte de

administración.

Principalmente la tienda a desarrollar, constará de un catálogo

organizado en categorías de productos. Deberá ser lo más accesible posible

por los usuarios, en relación con el idioma y en lo que respecta al dispositivo

que el usuario utilizará para comprar en la tienda. Otra funcionalidad que debe

aportar la tienda será la de permitir los métodos de pago habituales tales como



pago contra-rembolso, por transferencia y mediante tarjeta de crédito/débito

con la peculiaridad de que esta última podrá hacerse a través de la plataforma

de pago PayPal. Además deberá incorporar un mecanismo para calcular el

importe de gastos de envío dependiendo de si el pedido se realiza dentro de la

península o no. Por otra parte, ese importe de envío será gratuito para aquellos

pedidos que superen un límite establecido.



2. Motivación

En los últimos años, el avance de las tecnologías de la información y

comunicación (TIC) ha guiado al comercio por nuevos caminos, abriéndose

paso dentro de internet, revolucionando la forma de comprar y vender. Es por

ello que surgió el término de Comercio Electrónico (e-Commerce).

El comercio electrónico está a la orden del día, aumentando

exponencialmente el número de usuarios que utilizan Internet para realizar sus

compras. En la actualidad, las grandes empresas ofrecen sus productos y

servicios a través de internet mediante tiendas virtuales.

Es por ello que Embutidos Carchelejo S.L. ha decidido entrar a formar

parte de estas empresas, y ofrecer sus productos a través de la Web. Y a partir

de esa decisión surge la idea del desarrollo de la tienda online para dicha

empresa como Trabajo de Fin de Grado.

Además de lo anterior, el motivo por el que se ha elegido este Trabajo

de Fin de Grado ha sido el de adentrarse en el mundo del comercio electrónico,

y más concretamente, en la especialización de productos informáticos

relacionadas con el E-Commerce tales como Magento, con vistas a un futuro

profesional.



3. Objetivos

Objetivo general

El objetivo general del trabajo es desarrollar una Web de comercio

electrónico mediante el uso del gestor de contenidos Magento. Esto requiere la

especialización en el gestor de contenidos mencionado para poder realizar una

Web de comercio electrónico lo más completa y accesible posible, lo que

implica conocer sus características, límites y potencial. Para ello se utilizará un

libro que servirá de guía en el desarrollo [1].

Objetivos específicos

Para llevar a cabo el objetivo general, se presentan los siguientes

subobjetivos.

1. Se deberá contactar y negociar con un potencial cliente para determinar

el tipo de tienda a desarrollar. Este objetivo queda cubierto, como se ha

explicado en la introducción.

2. Además será necesario contratar un servicio de alojamiento en la Web

donde se instalará la tienda. Para ello se realizará una comparación

entre algunos de los servicios más conocidos y se elegirá aquel que

mejor se adapte.

3. Una vez que se posea del material necesario, se debe pactar los

requisitos con el cliente para llevar a cabo el desarrollo de la tienda.

4. Para realizar todo el desarrollo se deberá elegir y aplicar una

metodología de Ingeniería del Software.

5. Adicionalmente se realizará una pequeña introducción al mundo del E-

Commerce, incluyendo algunas alternativas disponibles para la creación

de una web de comercio electrónico.



CAPÍTULO 2. ESTADO DEL ARTE

1. El E-Commerce

El Comercio Electrónico (E-Commerce) está actualmente en pleno

apogeo a nivel mundial. Cada vez existen más empresas que hacen posible la

compra de sus productos y servicios a través de la web, no sólo desde un

ordenador, sino también desde dispositivos móviles tales como Smartphones y

Tablets.

Este comercio hace posible a las empresas que adquieran una fuerte

posición estratégica dentro del mercado actual. Los empresarios perciben este

tipo de comercio como una oportunidad de negocio capaz de modernizar sus

operaciones, alcanzar nuevos mercados y ofrecer un mejor servicio a sus

clientes. [2]

Las ventajas que aporta el Comercio Electrónico son muchas, algunas

de esas ventajas para las empresas son:

La globalización. El comercio electrónico hace llegar los productos y

servicios a cualquier parte del mundo.

Beneficios operacionales. El uso de la Web reduce errores y

tiempo lo que supone un beneficio en relación a los costes.

La comunicación. En Internet es posible recibir comentarios,

solicitudes, quejas, etc. por parte de los clientes. Gracias a estas

comunicaciones comerciales vía electrónica es posible ofrecer un

soporte al cliente para comprender los intereses del consumidor, que

van cambiando constantemente. Esto ayuda a percibir los nuevos

intereses que surgen en el mercado y a fomentar la fidelización de

clientes.

Algunas ventajas del E-Commerce para los clientes son:

La accesibilidad. Permite al consumidor tener acceso a la

descripción (características, disponibilidad y precios) y a la compra

de un producto en todo momento, las 24 horas del día.



La comodidad. Es decir, la posibilidad de comprar cuándo y dónde

quiera sin necesidad de desplazarse a la tienda física.

Encontrar un producto a menor costo. El cliente tiene más

oportunidades de explorar y encontrar un producto que más se ajuste

a su economía.

Por otro lado, existen diferentes tipos de comercio electrónico según la

clase de comprador y de vendedor. Principalmente se distinguen los dos

siguientes:

B2C: Business to Customer, lo que significa, de empresa a cliente

particular. Consiste en que los consumidores realicen sus compras y

las empresas sus ventas online en Internet a través de la extranet

corporativa de las empresas.

B2B: Business to Business, lo que significa, de empresa a empresa.

Suelen ser transacciones de grandes volúmenes de productos, es

decir, de mayorista a mayorista.

Como conclusión se puede decir que el Comercio Electrónico mejora la

manera de hacer negocios, y abre el camino para establecer relaciones

comerciales más provechosas y eficientes.



2. Soluciones para el E-Commerce

A la hora de montar una tienda online para un negocio, existen varias

alternativas entre las que se encuentra un desarrollo a medida, o la elección

de un gestor de contenidos. [3]

Gestor de Contenidos

Un gestor de contenidos o también llamado CMS (Content

Management System) es un programa informático para administrar y

gestionar los contenidos de una página web. Además de CMS para páginas

web estándar, también existen CMS con orientación específica al e-

Commerce.

Desarrollo a medida

Como su nombre indica, el desarrollo a medida ofrece soluciones

ajustadas y específicas a las necesidades de cada cliente. Con ello se

persigue buscar la mejor solución para cada necesidad. Es la solución a los

problemas informáticos para los que no se dispone de una herramienta

estándar.

A continuación se realiza una tabla comparativa analizando las

características de ambas alternativas:

CMS Desarrollo a medida

Velocidad

En poco tiempo se puede

conseguir un portal

completo.

Es una solución lenta, ya

que se desarrolla partiendo

de cero.

Diseño

Utilizan plantillas a las

que el cliente debe

adaptarse.

Permite adaptar el diseño

minuciosamente.

Estabilidad

Demuestran gran

estabilidad por las

herramientas que ayudan

a que la solución este

No tan estable, pero el

margen de error es menor,

ya que los ajustes son más

fáciles de implementar.



siempre visible y

optimizada. Aunque un

error provocará mayor

retraso en ser estable de

nuevo.

Seguridad y

vulnerabilidades

Mucha seguridad pero no

inmune a los ataques de

hackers. Un ataque a un

CMS provoca el ataque a

todas las tiendas

implementadas con ese

CMS.

Solo medidas convenientes

para cubrir las

vulnerabilidades más

exploradas, ya que un

hacker no va a interesarse

en un desarrollo a medida.

Escalabilidad

Disponen de extensiones

algunas tan necesarias

como una funcionalidad

básica

No disponen de

ampliaciones, pero pueden

desarrollarse adaptadas a la

necesidad del cliente

Simplicidad de

uso

Cubren necesidades

estandarizadas, y para

cubrir el máximo posible,

hace que las soluciones

sean muy completas y en

ciertos casos,

innecesarias, lo que

implica complejidad a la

hora de poder aprovechar

a fondo la herramienta.

Al ser a medida, solo se

crean funciones específicas,

sin extras ni añadidos

resultando más fáciles de

usar.

Precio

Bajo. Se paga la mano de

obra y la plantilla, que a

veces es gratuita.

Muy costoso y mucho

tiempo.

Tabla 1: CMS vs Desarrollo a medida

A partir de esta comparativa se pueden ver los puntos fuertes de

cada alternativa.



Si lo que el usuario requiere es de un portal corporativo con

funciones estándares, sin duda, es mejor decantarse por un CMS, ya que

elegir un desarrollo a medida podría conducir a una solución final semejante

a la estandarizada. Normalmente empresas pequeñas suelen elegir este

tipo de desarrollo.

Si lo que se desea es un sistema específico, la mejor opción será la

utilización del desarrollo a medida.

Concluyendo con este apartado, se puede decir que la elección de

una solución u otra, dependerá de la necesidad del cliente.



3. Herramientas e-Commerce

A continuación, se describen algunos de los gestores de contenido más

conocidos para el comercio electrónico, aportando las ventajas e

inconvenientes de cada uno de ellos [4]. Tras este análisis se llevará a cabo

una pequeña comparativa.

Magento

Se trata de una plataforma de e-Commerce basada en Zend, un

framework de código abierto para desarrollar aplicaciones web y servicios web

con PHP 5. Es una plataforma muy configurable y escalable, aunque con unos

requisitos altos a nivel de hosting.

Las principales ventajas que aporta son:

Incorpora un sistema de multitienda, multiidioma y multimoneda.

Dispone de muchas formas de pago.

Es software nativo de e-Commerce, por lo que incluye muchos

módulos específicos para ello, cubriendo la mayoría de las

funcionalidades, sin ser necesario añadir nada.

Existen infinidad de plantillas gratuitas con aspecto profesional

además, cada vez más son “responsive design”, característica

que aporta atractivo para los clientes, haciendo la visualización en

dispositivos móviles inmejorable.

Permite integrar ERPs y software externo.

La robustez de su núcleo y su base de datos lo hacen mejor, más

escalable.

Es muy seguro.

Perfecto para realizar el posicionamiento (SEO).

Los principales inconvenientes:

Mal funcionamiento en servidores compartidos, es recomendable

un servidor dedicado para que funcione bien.

El panel de administración es complicado de usar.

Algunas traducciones al español por defecto, tienen fallos.



No es un software pensado para “probar” con un negocio online,

ya que lleva su tiempo y necesita de profesionales.

PrestaShop

Es un programa francés nacido en 2007 y uno de los favoritos, ya que es

muy fácil de instalar y ofrece grandes prestaciones. Probablemente sea el

mayor competidor de Magento.

Ventajas:

Panel de administración fácil de usar.

Se puede instalar fácilmente.

Funciona bien en servidores compartidos

Tiene muchos módulos, Prestashop es nativo de e-Commerce.

Dispone de plantillas gratuitas con aspecto profesional

Permite integración con ERPs y software externo.

Facilita el posicionamiento natural (SEO).

Inconvenientes:

El coste de las extensiones suele ser bastante alto.

Algunas traducciones están mal hechas.

No permite un catálogo extenso

El sistema multitienda no funciona muy bien, tiene fallos.

No es escalable.

OsCommerce

Probablemente haya sido el mejor gestor para tiendas online, pero

actualmente se ha quedado anticuado ya que sus competidores vienen pisando

fuerte.

Las ventajas de esta herramienta son:

Disponibilidad de mucha documentación y tutoriales.

Facilidad de aprendizaje.

Facilidad de instalación y gestión.

Sistema multilingüe.

El sistema modular del cual dispone.



Gran estabilidad y potencia.

Los principales inconvenientes son:

Está en declive, cada vez se usa menos.

Es necesario añadir muchos módulos para tener un buen e-

Commerce.

Los cambios de los bloques hay que hacerlos manualmente.

Las modificaciones deben hacerse por un experto en PHP.

Muchos fallos de seguridad, muy vulnerable.

Está obsoleto, le faltan muchas funcionalidades.

El SEO es una tarea difícil.

WordPress-Woocommerce

WordPress es un CMS que cumple todos los requisitos, ofrece una

capacidad de personalización alta y además tiene una comunidad detrás que

realizan mejoras y actualizaciones cada pocos meses. Woocommerce es un

plugin de WordPress muy completo y funcional que permite montar una tienda

online en poco tiempo.

Ventajas:

Funciona en un servidor compartido sin problema, no requiere de

un servidor dedicado.

Fácil de usar.

Muchas plantillas gratuitas con aspecto profesional y con aspecto

responsive.

Permite integración con otros plugins de WordPress.

El plugin de SEO, es muy bueno para realizar un correcto

posicionamiento.

Inconvenientes:

No es un software nativo de e-Commerce

Las traducciones dependen de un plugin y no son fáciles.

No permite un catálogo muy extenso ni multitienda.



WordPress suele ser muy atacado por los hackers y es fácil

encontrar vulnerabilidades.

Extensiones de marketing, fidelización, etc. incluidas en Magento

y Prestashop no están incluidas en WordPress.

Drupal-Ubercart

Ubercart es un carrito de compra virtual que se integra con la tienda

online basada en Drupal, otro de los CMS de código abierto más utilizados. Se

instala como módulo de Drupal y permite múltiples opciones de configuración.

Ventajas:

Funciona bien con un servidor compartido.

Permite modificar lo que se quiera en el código.

El panel de administración es sencillo.

Inconvenientes:

No es nativo de e-Commerce, por ello no trae muchas

funcionalidades de serie.

Instalar un módulo en Drupal resulta tedioso, a veces necesita de

otros módulos no instalados para funcionar.

La velocidad de carga suele ser un problema.

Desarrollar una tienda en esta plataforma suele se caro y lleva

mucho tiempo.

Joomla-VirtueMart

Basado en el CMS generalista, al que se ha añadido VirtueMart, que

permite gestionar eficazmente el comercio electrónico.

Ventajas:

Funciona bien con un servidor compartido.

Facilidad y rapidez de instalación.

Incorpora un sistema multiidioma.

El panel de administración es fácil.

Ofrece plantillas profesionales gratuitas.



Inconvenientes:

No es nativo de e-Commerce, por ello requiere la instalación de

plugins, lo cual resulta caro.

La personalización es tediosa, requiere de profesionales.

Es muy vulnerable a amenazas.

Hacer SEO resulta difícil.

Comparativa

A partir de este análisis sobre las herramientas de e-Commerce más

conocidas y utilizadas, se va a realizar una comparativa a modo resumen

calificando cada característica con una puntuación de Regular ( ), Buena

( ) y Excelente ( ):

Facilidad de

configuración

Módulos

incluidos

Servidor

compartido

Desarrollo -

Prestaciones

Cantidad de

productos

Extensiones

SEO - - -

Tabla 2: Comparativa CMS para e-Commerce



¿Por qué usar Magento?

El principal motivo por el que usar Magento viene derivado del análisis

anterior, afirmándose que Magento es la herramienta más flexible y escalable y

con numerosas funcionalidades que no aporta cualquier otro CMS.

El punto fuerte de Magento es, por tanto, que proporciona multitud de

características y módulos, convirtiéndose en una de las herramientas más

potentes, estables y efectivas entre sus competidores.

Otra motivo por el que elegir esta herramienta es que Magento ofrece

tres versiones, adaptándose al tipo de empresa y al tipo de solución que se

quiera tener. Estas versiones son las siguientes:

Community Edition: versión comunitaria que está abierta al uso de

cualquier usuario sin coste alguno, por tanto, puede descargarse de

manera gratuita. La utilizan la mayoría de usuarios de Magento.

Enterprise Edition: versión Premium, que ofrece más

funcionalidades que añaden valor a nivel de empresa.

Magento Go: pensada para que no únicamente las grandes

empresas puedan competir en el mercado online. Es una solución

enfocada a las PYMES

Otra razón a tener en cuenta es que Magento ha liderado el mercado

durante tres años consecutivos (2013, 2014, 2015) y todo apunta a que seguirá

haciéndolo. A continuación se muestra el ranking de popularidad de las

plataformas e-Commerce obtenido en Marzo de este mismo año, pudiéndose

apreciar que Magento continúa dominando el mercado con un 29,1% sobre el

total y confirmándose de ese modo que sigue siendo el líder en el sector. [5]



Ilustración 1: Popularidad de plataformas E-Commerce, Marzo 2016

Casos de éxito

Para concluir este apartado, se mencionan algunos de los casos de éxito

de tiendas hechas con Magento, todas ellas de grandes empresas muy

conocidas:

Ilustración 2: Casos de éxito con Magento



CAPÍTULO 3. HERRAMIENTAS UTILIZADAS

Centrándose ya en el desarrollo de la tienda, se detallan aquellas

herramientas necesarias para llevarlo a cabo.

1. Gestor de Contenidos Magento

Lógicamente, la principal herramienta utilizada es Magento (en su

versión Community Edition 1.9), un gestor de contenidos que ofrece multitud de

funcionalidades para construir de manera rápida y completa una Web de

Comercio Online. [6]

Como se ha descrito anteriormente, el uso de estas plataformas

agiliza la elaboración de comercios electrónicos y, por tanto, resultan más

económicos que si se tratase de una Web a medida construida desde cero.

Además, al ser licencia libre garantiza que siempre estará actualizada tanto

en funcionalidades como en aspectos tan importantes como la seguridad.

Esta herramienta permite que se deje de lado el diseño de la interfaz,

proporcionando cientos de plantillas tanto gratuitas, como de pago.

Dentro de lo completa que es la herramienta, ofrece un entorno sencillo

de usar, de forma que tanto el desarrollador como el administrador tendrán a

mano lo necesario para diseñar, desarrollar, ampliar y gestionar la tienda

online.

Ilustración 3: Logo Magento



Magento permite crear tiendas multilingües y sitios web multitiendas.

También dispone de funciones comerciales y de marketing avanzadas

(cupones de descuento, promociones, etc.).

Además, tiene una herramienta interna denominada Magento Connect,

la cual ofrece multitud de extensiones para añadir funcionalidades específicas.

Desde aquí pueden descargarse todo tipo de extensiones como:

Plantillas

Plugins de mejora de gestión de

caché

Herramientas para desarrolladores

Herramientas de Marketing

Otras

Debido a la gran cantidad de funciones que ofrece, es necesario

entenderlo y explorar todas las posibilidades, lo cual no resulta tarea fácil, ya

que se trata de una herramienta compleja, y para saber utilizarla a nivel de

desarrollo es necesario conocimiento informático.

Ilustración 4: Logo Magento connect



2. Alojamiento web

Para llevar a cabo la instalación de Magento, se requiere gran

cantidad de recursos, por ello es importante un buen alojamiento web.

La versión de Magento 1.9 establece en su página web una serie de

requisitos a nivel de hosting. El sistema operativo aconsejado es Linuxx86-

64, el servidor web será Apache 2.X o Nginx 1.7.x. En relación a la base de

datos, el servidor debe permitir trabajar con MySQL 5.6 de Oracle. Magento

funciona con lenguaje de PHP 5.5 o PHP 5.4.

Además de los requisitos del servidor a utilizar para Magento, existen

otros aspectos que deben considerarse. Debería ser un servidor con discos

SSD para que la velocidad de lectura y escritura sea lo más rápida posible.

También, se ha de tener en cuenta el tipo de hosting a utilizar: Servidor

VPS o Servidor dedicado Linux, no siendo recomendable un servidor

compartido. En este caso se ha decidido utilizar un VPS.

Otro punto en el que pensar es la memoria RAM, ya que cuanto

mayor sea, más rápido funcionará la tienda. Sobre el espacio en disco,

dependerá de cuál vaya a ser el volumen de la tienda.

A continuación se han seleccionado algunos proveedores de VPS

para analizar sus características y realizar la elección final.

Proveedor

VPS

CPU RAM HDD Precio

1&1 (Servidor

virtual L) [7]

2 vCores 2 GB 150 GB normal/

75 GB SSD

12,99 €/mes

+5€ (SSD)

Arsys (VPS

Cloud 1) [8]

1 vCore 1GB 40 GB SSD 15 €/mes

OVH (VPS SSD

1) [9]

1vCore 2 GB 10 GB SSD 3,62 €/mes

Hostgator

(Snappy 500)

[10]

0.5 vCore 512 MB 25 GB 9,98 $/mes (aprox.

8.88 €)

Tabla 3: Comparativa Alojamientos Web



El proveedor elegido es, sin duda, OVH, ya que además de ser la

opción más económica, ofrece más memoria RAM que cualquier otra

alternativa y con un disco de tipo SSD con suficiente capacidad para el

proyecto a desarrollar.

Una vez que se ha adquirido el VPS será necesario configurarlo e

instalar aquellas herramientas necesarias para poder instalar Magento:

Linux, como sistema operativo.

Apache, el servidor web HTTP.

PHP, para poder ejecutar Magento.

MySQL, sistema de gestión de base de datos del sitio web.

phpMyAdmin, para manejar las bases de datos.

ProFTPD, servidor FTP para poder realizar transferencias de

archivos.

Postfix y Dovecot, servidores de correos para poder enviar y

recibir correos de los clientes de la tienda.

Otra alternativa más fácil y rápida hubiera sido optar por contratar un

alojamiento que incorporara el autoinstalable de Magento, como es el caso de

Hostalia [11]. Esta opción no interesa, ya que lo que se pretende en este

trabajo es aprender a realizar todo el proceso de manera autónoma y ser capaz

de dominar todos los detalles relacionados con la instalación, uso y

actualización del CMS Magento.



3. FileZilla

Para realizar transferencias de

archivos con el servidor, se ha usado

un programa gratuito, Filezilla. [12]

En principio se ha utilizado para subir la capeta de instalación de

Magento al servidor y para cambiar permisos en archivos.

Durante el desarrollo de la tienda, este programa ha permitido la

instalación de plantillas y el acceso a los ficheros fuentes para realizar

modificaciones en el código tales como añadir llamadas a bloques en

ciertas páginas, o cambiar imágenes y otros recursos que vienen definidos

por defecto en la plantilla.

4. Otras herramientas para el desarrollo

Balsamiq

Se trata de un programa para realizar wireframes,

que se ha utilizado para realizar el diseño de la interfaz que

tendrán las páginas principales de la tienda. [13]

Visual Paradigm

Esta herramienta ha sido utilizada para la realización de los diagramas

de clase, casos de uso y de secuencia. [14]

Ilustración 5: Logo FileZilla

Ilustración 6: Logo balsamiq

Ilustración 7: Logo Visual Paradigm



CAPÍTULO 4. INGENIERÍA DEL SOFTWARE

1. Introducción

Para la redacción de este capítulo, se han consultado los apuntes de

algunas asignaturas de la carrera [15-17].

En este apartado se va a realizar una descripción detallada del proceso

de ingeniería del software llevado a cabo, pero antes de describirlo se va a citar

su definición según la IEEE y las fases de las consta independientemente de la

metodología utilizada.

Ingeniería del Software es la aplicación de métodos sistemáticos,

disciplinados y cuantificables para el desarrollo, operación y mantenimiento de

software (IEEE, 1993).

Fases de la ingeniería del software

Especificación de requisitos: funcionalidades que tendrá el sistema.

Análisis del sistema: especificación formal de los requisitos del sistema

Diseño del sistema: especificación del funcionamiento para satisfacer

los requisitos analizados.

Implementación del sistema: desarrollo software del sistema,

cumpliendo todos los requisitos bajo el diseño establecido previamente.

Pruebas: verificación y validación de que el sistema cumple los

requisitos.

Como en cualquier desarrollo software, el desarrollo de este proyecto

implica seguir una metodología de Ingeniería del Software. Para la realización

del proyecto se ha elegido un modelo incremental, consistente en repetir un

modelo en cascada hasta la fase de pruebas y repetir el ciclo hasta que el

software esté desarrollado completamente. A continuación, se realiza una

pequeña explicación sobre esta metodología [18].



El modelo incremental

Propuesto por Harlan Mills en 1980. Este enfoque surgió como una

forma de reducir las repeticiones del trabajo en el proceso de desarrollo y

ofrecer la oportunidad de retrasar la toma de decisiones en los requisitos hasta

adquirir experiencia con el sistema.

Combina elementos del Modelo Lineal Secuencial (Cascada) con la

filosofía interactiva de la construcción de Prototipos. Se basa en la filosofía de

construir incrementando las funcionalidades del sistema. Este modelo aplica

secuencias lineales de manera escalonada mientras progresa el tiempo en el

calendario. Cada secuencia lineal produce un incremento del software en el

cual se entrega una versión parcial incrementada con nueva funcionalidad

respecto a las entregas anteriores. De esta manera, el cliente dispone del

software funcional en etapas tempranas, aunque no sea completo.

Gracias a las realimentaciones se consigue la adaptación a posibles

cambios especificados por el cliente. Esta es la ventaja que ofrece el modelo

con respecto al modelo en cascada, que no permitiría volver hacia atrás en

ningún momento.

Ilustración 8: Metodología software - El modelo incremental



A continuación, se mencionan las ventajas e inconvenientes que

presenta esta metodología del software.

Ventajas

El uso de esta metodología de ingeniería del software proporciona las

siguientes ventajas:

Se genera software operativo de forma rápida y en etapas tempranas

del ciclo de vida del software, lo que provoca un impacto ventajoso

frente al cliente.

Es un modelo flexible, por tanto se reduce el coste en el cambio de

alcance y requisitos.

Es más fácil probar y depurar en una iteración más pequeña.

Resulta más fácil la gestión de riesgos.

Cada incremento es un hito gestionado fácilmente.

Inconvenientes

Para hacer uso de este modelo se requiere una experiencia importante a

la hora de definir los incrementos y distribuir en ellos las tareas de forma

proporcionada. Los inconvenientes que encontramos en este modelo son los

siguientes:

Cada fase de una iteración es rígida y no se superpone con otras.

Pueden surgir problemas referidos a la arquitectura del sistema

porque no todos los requisitos se han reunido, ya que se supone que

todos ellos se han definido al inicio.

En definitiva, un modelo incremental consiste en dividir el producto en

incrementos de manera que cada entrega es un producto operativo pero

incompleto. Los incrementos se estructuran de modo que los primeros incluyan

los requisitos más importantes del producto. Una vez el desarrollo de un

incremento ha comenzado no se permiten cambios hasta que haya terminado,

es por ello que dichos cambios deben planificarse para incluirlos en el

incremento posterior.



2. Definición de requisitos

Esta es la fase del proceso de ingeniería en la cual se determinan cuáles

son las claves del sistema. Es muy importante definir bien este punto, ya que

es el pilar del software a desarrollar.

En primer lugar, se va a realizar una descripción inicial y seguidamente

una descripción detallada del comportamiento del sistema, diferenciando dos

tipos de requisitos:

Requisitos funcionales: aquellos requisitos que definen una función

del sistema o de sus componentes, centrándose en los parámetros

de entrada, flujos de datos y respuestas esperados en sus casos de

uso.

Requisitos no funcionales: aquellos que especifican criterios

utilizados para estudiar comportamientos específicos. Son

restricciones de tiempo, elección del lenguaje de programación, etc.

Declaración inicial de requisitos

Para llevar a cabo la especificación de los requisitos, se concertará una

reunión con la empresa para obtener las funcionalidades del sistema, que irán

concretándose a medida que se desarrollen los incrementos. Una declaración

inicial de las características de la tienda es la siguiente:

1. La tienda constará principalmente de dos tipos de usuarios,

administrador y cliente.

El cliente es aquel que visita la tienda, realiza pedidos, etc. Existen

principalmente dos tipos de clientes, invitados y registrados. Ambos

podrán subscribirse al boletín de noticias y fundamentalmente.

podrán realizar compras, por tanto, tendrán un carrito de compra,

pero aquellos clientes registrados tendrán más privilegios.

El administrador representa al usuario que administra el sistema, y

por tanto, tiene todas las funcionalidades de un cliente y además de

realizar de la gestión de ventas.



2. La tienda deberá contener un catálogo que esté estructurado en una

serie de categorías y subcategorías acordadas y dentro de cada una de

estas incluir los productos correspondientes.

3. Otra funcionalidad que debe aportar la tienda será la realización de

pedidos con los métodos de pago habituales tales como pago contra

rembolso, por transferencia bancaria y mediante tarjeta de

crédito/débito. Esta última opción se podrá hacer a través de la

plataforma de pago PayPal.

4. También se deberán calcular los gastos de envío dependiendo del lugar

desde el que se realice el pedido, dependiendo si este se solicita dentro

de la península o no. Además de ofrecer la opción de envío gratuito a

partir de un determinado precio.

5. La visualización de la tienda deberá adaptarse al dispositivo desde el

que se acceda, es decir, presentar “responsive design”. Además podrá

ser accesible tanto en Ingles como en español.

6. Complementariamente, la tienda deberá constar de aquellas páginas

informativas (política de la tienda, pedidos y devoluciones, contacto,

etc.). Y también deberá mostrar banners publicitarios, por ejemplo,

visualizando el precio mínimo para envío gratis entre otros.

7. Las funcionalidades a las que deberá tener acceso el cliente son:

Tener un perfil si lo desean, es decir, ser clientes registrados, y si

lo son, gestionar la información de sus cuentas.

Visualizar el catálogo de productos de la tienda y emitir

comentarios sobre ellos.

Llevar a cabo compras en la Web, para ello deberán tener un

carrito de compra en el que incluyan los productos.

Tener una lista de deseos con aquellos productos que deseen.

Realizar comparaciones de productos.

Realizar búsquedas.

Subscribirse al boletín de noticias de la tienda.



8. Por otro lado, las funcionalidades a las que deberá tener acceso el

administrador son:

Gestionar los productos de la tienda.

Crear categorías para agrupar los productos.

Gestionar los términos de búsqueda utilizados por los clientes.

Gestionar los comentarios que los clientes emiten sobre los

productos de la tienda.

Gestionar las ventas desde un panel de control, en el cual se

llevará a cabo un seguimiento de los pedidos, la facturación, el

envío de paquetes, etc.

Concretando un poco, a continuación, se va realizar la definición exacta

de actores y seguidamente la declaración de requisitos detallados.

Definición de actores

Cliente Invitado

Este tipo de actor se trata de un cliente que no está registrado en el

sistema pero que interactúa con este.

Cliente Registrado

Este actor se trata de un cliente que ya ha sido dado de alta previamente

en el sistema e interactúa con este.

Subscriptor

Este actor puede ser un cliente registrado o no en la tienda online y que

se ha subscrito al boletín de Noticias.

Administrador

Este representa al usuario que administra el sistema, y por tanto, tiene

todas las funcionalidades de los clientes y además de realizar la gestión de

ventas (stock de productos, envío de pedidos realizados, generación de

facturas, etc.) desde un panel de administración.



Declaración de requisitos detallados

De la declaración inicial de requisitos indicados por el cliente, se realiza

una especificación de requisitos funcionales detallados.

Requisitos funcionales

Requisito 1: Gestión de clientes

El sistema debe permitir al cliente realizar el registro de clientes. Una vez

registrado un cliente, deberá recibir un correo de para confirmar su registro.

Entonces podrá iniciar sesión, visualizar y modificar su cuenta y cerrar sesión.

Por otro lado, tanto los clientes registrados como los no registrados

podrán subscribirse al boletín de noticias, es decir darse de alta como

subscriptores.

Adicionalmente debe existir la opción de dar de baja al cliente, de la cual

se encargará únicamente el administrador.

Requisito 2: Gestión de catálogo

El sistema debe permitir al administrador gestionar el catálogo de los

productos de la tienda realizando una organización en categorías de productos.

Este requisito se divide por tanto en los dos siguientes:

Requisito 2.1: Gestión de categorías de productos

El sistema debe permitir al administrador el registro de nuevas

categorías de productos, la modificación de las categorías registradas y

su eliminación. Además de permitir esta gestión, será necesario incluir

las categorías y subcategorías pactadas con el cliente.

Por otro lado, el sistema debe permitir la visualización de las

categorías a los usuarios de la Web.

Requisito 2.2: Gestión de productos

El sistema debe permitir al administrador el registro de nuevos

productos al catálogo, la modificación de los productos existentes en el

catálogo y la eliminación estos. De igual manera que ocurre con las

categorías, será necesario añadir los productos pactados con el cliente.



Por otro lado, el sistema debe permitir a los clientes visualizar

productos y añadirlos a su carrito de la compra para realizar pedidos.

También podrá añadirlos a su lista de deseos o realizar comparaciones

con otros productos. Complementariamente, un producto podrá ser

eliminado del carrito, de la lista de deseos y de la lista de comparación.

Requisito 3: Gestión de términos de búsqueda

El sistema debe permitir a los clientes realizar búsquedas de los

productos a partir de términos registrados por el administrador de la Web. Para

ello el sistema debe permitir el registro de términos de búsqueda, la

modificación de los términos de búsqueda almacenados y la eliminación de

estos.

Requisito 4: Gestión de comentarios

El sistema debe permitir la gestión de los comentarios realizados acerca

de los productos de la Web por parte de los clientes. Para ello el sistema debe

permitir a los clientes la emisión de comentarios sobre los productos.

Por otro lado, el administrador tendrá que moderar esos comentarios,

dándole el visto bueno antes de ser publicados y si lo decidiera, eliminarlo y no

publicarlo.

Requisito 5: Gestión de ventas

El sistema debe permitir la gestión de las ventas de la tienda. Este

requisito implica la división en otros requisitos más específicos:

Requisito 5.1: Gestión de pedidos

El sistema debe permitir al cliente la realización del pedido con los

productos que haya añadido a su carrito indicando la dirección de envío

para que se calculen los gastos de envío, dando posibilidad de envío

gratuito en caso de que se supere un límite, y teniendo la opción de

realizar el pago mediante diferentes métodos tales como transferencia

bancaria, contra-reembolso, con tarjeta de crédito/débito y vía PayPal.

Una vez finalizado el pedido, podrá imprimirse los datos del pedido y

además el cliente recibirá un correo de confirmación del pedido.



En relación al administrador, este podrá gestionar el pedido

modificando el estado del pedido e informando al cliente sobre su

estado.

Requisito 5.2: Gestión de facturas

El sistema deberá permitir al administrador la gestión de facturas

sobre los pedidos realizados por los clientes, emisión de estas,

modificación de datos de facturas, impresión, etc.

Requisito 5.3: Gestión de envíos

El sistema deberá permitir al administrador gestionar las tarifas

para los gastos del envío ya que el precio variará en función del lugar de

envío, dependiendo si se realiza desde dentro de la península o no.

Por otro lado, cuando el administrador haya gestionado el pedido

y haya emitido la factura, procederá a su envío, cambiando así el estado

del pedido a “enviado” y tendrá que informar al cliente del seguimiento

de este.

Requisito 6: Información y accesibilidad

Requisito 6.1: Información

La tienda deberá constar de aquellas páginas informativas sobre la

tienda: Quienes somos, Política de privacidad, Servicio al cliente, Contacta con

Nosotros.

Adicionalmente, para mayor captación del cliente deberá mostrar

banners publicitarios visualizando el precio mínimo para envío gratis y otras

ofertas.

Requisito 6.2: Multiidioma

El cliente tendrá la opción de acceder a la tienda en diversos idiomas,

concretamente en inglés y en español.

Requisito 6.3: Responsive design

El cliente tendrá la opción de acceder a la tienda desde cualquier

dispositivo, adaptándose la visualización de la Web al dispositivo elegido, ya

sea móvil, Tablet u ordenador.



Ilustración 9: Requisitos funcionales detallados de la Tienda Online



Requisitos no funcionales

Como se dijo anteriormente, son aquellos que indican restricciones o

limitaciones que han tenerse en cuenta.

Requisitos físicos

Al tratarse de una arquitectura cliente-servidor, será necesario una

estación fija que ofrezca los servicios implementados. Para poder ejecutar los

servicios de la tienda se detallan las siguientes especificaciones físicas del

servidor:

Procesador: 2,40 GHz

RAM: 2 GB

SSD: 10 GB

Salida a Internet necesaria

En cuanto al cliente, sólo será necesario tener acceso a Internet.

Requisitos software

Para el servidor:

Distribución libre Linux,

Apache 2

MySQL 5.6.

PHP 5.5 o PHP 5.4.

Para el cliente:

Navegador Web.

Sistema operativo Windows, Linux, Mac Os, Windows Phone.

Android.



Estimación de los requisitos

A continuación, se realiza una estimación de la prioridad para cada

requisito en una escala de 1 a 5 y de la duración en días, teniendo en cuenta

que los días constarán de 4 horas.

REQUISITO DE

ALTO NIVEL

SUB-REQUISITOS PRIORIDAD DURACIÓN

(Días)

Gestión de

clientes

Dar Alta Cliente

Modificar Cliente

Dar Baja Cliente

Dar Alta subscriptor

Dar Baja subscriptor

Iniciar sesión

Visualizar cuenta cliente

Finalizar de sesión

5

4

3

3

2

5

5

4

1

0,5

0,5

1

0,5

1

1

0,5

Prioridad media y duración total 3,87 6

Gestión de

catálogo

Gestión de

categorías de

productos

Añadir categoría

Modificar categoría

Eliminar categoría

Visualizar categoría

5

4

3

5

1

0,5

0,5

1

Gestión de

productos

Añadir producto

Modificar producto

Eliminar producto

Visualizar producto

Añadir al carrito

Eliminar del carrito

Añadir a la wishlist

Eliminar de la wishlist

5

4

3

5

5

5

2

1

1

1

0,5

1

1

0,5

1

0,5



Tabla 4: Estimación de los requisitos

Añadir a comparar

Eliminar de comparar

2

1

1

0,5

Prioridad media y duración total 3.57 11

Gestión de

términos de

búsqueda

Añadir nuevo término

Modificar término

Eliminar término

Realizar consulta

3

2

2

4

1

0,5

0,5

1


Gestión de

comentarios

Emitir comentario

Moderar comentario

Eliminar comentario

4

2

2

1

0,5

0,5


Gestión de

ventas

Gestión de

pedidos

Realizar pedido

Imprimir pedido

Gestionar venta

5

3

4

3

1

3

Gestión de

facturas

Emitir factura

Imprimir factura

4

3

2

1

Gestión de

envíos

Calcular gastos de envío

Enviar pedido

5

4

2

1

Prioridad media y duración total 4 13

Personalización

y Accesibilidad

Información

Multiidioma

Responsive Design

3

4

4

3

3,5

3,5




3. Planificación

El calendario elegido es el mismo que el calendario universitario. No se

tiene en cuenta ni días festivos ni fines de semana. Se trabajará 4 horas diarias

durante 75 días completando así las 300 horas de dedicación al Trabajo de Fin

de Grado, comenzando el día 8 de Febrero de 2016 y teniendo como fecha

final el 31 de Mayo del mismo año.

Al haber elegido una metodología incremental, el desarrollo de la tienda

será llevado a cabo a través de diversos incrementos, de modo que una vez

haya finalizado un incremento será mostrado al cliente antes de comenzar el

siguiente.

Los incrementos son planificados en función de la prioridad de los

requisitos de alto nivel. Pero también hay que tener en cuenta que algunos

requisitos deben estar implementados para llevar a cabo otros. Se decide la

realización de 3 incrementos y en cada uno de estos se incluyen los siguientes

requisitos:

Incremento Requisito de alto nivel Prioridad (1-

5)

Duración

(días)

1 Gestión de clientes 3,87 6

Gestión de catálogo 3,57 11

2 Gestión de ventas 4 13

3

Información y

Accesibilidad

3,66 10

Gestión de términos de

búsqueda

2,75 3

Gestión de comentarios 2,66 2

Tabla 5: Planificación de los incrementos



Ahora, se muestra la planificación del proyecto incluyendo el tema de la

búsqueda bibliográfica, preparación de herramientas y documentación además

de los incrementos previamente explicados.

Tarea Duración Inicio Fin

Búsqueda bibliográfica 5 08/02/2016 12/02/2016

Preparación de herramientas 10 15/02/2016 26/02/2016

Análisis y elección del alojamiento web

Preparación e instalación Magento

Preparación de otras herramientas

7

2

1

15/02/2016

24/02/2016

26/02/2016

23/02/2016

25/02/2016

26/02/2016

Ingeniería software 45 01/03/2016 10/05/2016

Incremento 1 17 01/03/2016 30/03/2016

Análisis

Diseño

Implementación

Pruebas

2

3

8

4

01/03/2016

03/03/2016

08/03/2016

18/03/2016

02/03/2016

07/03/2016

17/03/2016

30/03/2016

Incremento 2 13 31/03/2016 18/04/2016

Análisis

Diseño

Implementación

Pruebas

2

3

5

3

31/03/2016

04/04/2016

07/04/2016

14/04/2016

01/04/2016

06/04/2016

13/04/2016

18/04/2016

Incremento 3 15 19/04/2016 10/05/2016

Análisis

Diseño

Implementación

Pruebas

2

3

6

4

19/04/2016

21/04/2016

26/04/2016

05/05/2016

20/04/2016

25/04/2016

04/05/2016

10/05/2016

Documentación 15 11/05/2016 31/05/2016

Memoria

Manuales

10

5

11/05/2016

25/05/2016

24/05/2016

31/05/2016

DURACIÓN TOTAL 75 08/02/2016 31/05/2016

Tabla 6: Planificación del trabajo

Para una mejor visualización de esta planificación, se incluye el siguiente

diagrama de Gantt.



Diagrama de Gantt

Ilustración 10: Diagrama de Gantt

Estimación de costes

Teniendo en cuenta que un desarrollador Magento cobra alrededor de

40€ por hora, se va a proceder a estimar los costes del desarrollo de la tienda

online, pero al tratarse de un principiante en la materia se ha decidido cobrar a

25 € la hora.

Se va a separar por un lado el tiempo dedicado a la creación de la tienda

como tal, siendo este de 45 días, y por otro, el tiempo invertido en la búsqueda

de información, preparación de herramientas y documentación del proyecto,

siendo de 30 días. El tema de la documentación debe tenerse en cuenta en



esta estimación, ya que será fundamental para realizar el mantenimiento y

futuras actualizaciones y modificaciones de la tienda.

Para los 45 días de desarrollo, el coste será de 25€ por hora, mientras

que para los 30 días de documentación el coste será de 15€ la hora.

Como ya se ha dicho, el tiempo dedicado por día es de 4 horas.

45 días x 4 horas/día x 25 €/hora = 4.500 €

30 días x 4 horas/día x 15 €/hora = 1.800 €

Por tanto, a partir de los cálculos, se tiene que el coste final de la tienda

es de 6.300 €.



4. Análisis

En este apartado se aborda la fase de análisis. Esta fase de ingeniería

se lleva a cabo con la ayuda de la metodología UML, con la cual se desarrolla

un modelo de aplicación donde se identifica los principales componentes y

actores que interactuaran con estos.

Diagrama de clases

En primer lugar se ha creado el diagrama de clases referente al modelo

de dominio con las clases que son necesarias para el desarrollo del sistema.

Ilustración 11: Diagrama de clases de la Tienda

Diagramas de casos de uso

Ahora se va a proceder a diseñar los casos de uso del sistema que

ilustran el comportamiento del sistema desde el punto de vista del usuario

(tanto cliente, como administrador), representando las funciones que el sistema

pueda ejecutar.



Previamente se realiza una descomposición de los subsistemas de los

que consta.

Diagrama de subsistemas

Ilustración 12: Diagrama de subsistemas

Gestión de clientes

Ilustración 13: Casos de uso sobre la gestión de los clientes



Gestión de categorías

Ilustración 14: Casos de uso sobre la gestión de las categorías

Gestión de productos

Ilustración 15: Casos de uso sobre la gestión de los productos



Gestión de ventas

Ilustración 16: Casos de uso sobre la gestión de las ventas

Accesibilidad

Ilustración 17: Casos de uso sobre la accesibilidad



Gestión de términos de búsqueda

Ilustración 18: Casos de uso sobre la gestión de los términos de búsqueda

Gestión de comentarios

Ilustración 19: Casos de uso sobre la gestión de los comentarios



5. Diseño

En esta etapa se realiza una descripción más detallada del proyecto a

desarrollar, a partir del modelo obtenido en la fase de análisis. Primero se

realiza el diseño arquitectónico, a partir de los patrones de diseño utilizados por

Magento y después el diseño de la interfaz de usuario.

Diseño arquitectónico

Patrón Modelo Vista Controlador

Magento se basa en el patrón MVC (Modelo Vista Controlador). Este es

un patrón de arquitectura del software que separa los datos, la interfaz de

usuario y la lógica de negocio en tres componentes distintos. [19]

La capa del Modelo define la lógica de negocio. Esta trabaja con los

datos, y por tanto, contiene mecanismos para acceder y modificar

dichos datos. En Magento, la lógica de negocio se delega también a

este tipo de elemento. En un módulo de Magento, estas clases se

encuentran en el directorio Model.

La capa de la Vista contiene el código de la aplicación que producirá

la visualización de las interfaces de usuario, es decir, métodos que

representan visualmente los datos. Para crear la vista Magento utiliza

bloques y templates. Estos elementos se encuentran en el

directorio Block del módulo y en la carpeta template del tema visual.

La capa del Controlador contiene el código necesario para

responder a las acciones que el usuario solicita. Es la parte

fundamental de este esquema, ya que se encarga de realizar las

peticiones del servidor y traducirlas para que la vista pueda

interpretarlas. En Magento, este elemento se sitúa en el

directorio controller.



Patrón Arquitectura Dirigida por Eventos (EDA)

Otro de los patrones en los que está basado Magento es el patrón EDA,

un patrón de arquitectura software que promueve la producción, detección,

consumición y reacción en base a eventos. Un evento se define como un

cambio significativo en un estado. Por ejemplo, cuando un modelo está

salvando datos sobre la BD, ocurren eventos antes y después de realizar la

operación. [20]

Generador y escuchador de eventos: Cuando un evento ocurre, se

mantiene a la escucha de este y lo envía al motor de eventos. Esta

funcionalidad en Magento se encuentra en Mage::dispatchEvent().

Motor de eventos: Cuando el motor de eventos recibe un evento, lo

gestiona y lo envía al cliente para que lo procese. Esta funcionalidad

está en Mage_Core_Model_App::dispatchEvent(), la cual lee el archivo

config.xml y envía la señal al cliente con la ejecución de la función

_callObserverMethod()

Cliente: Cuando recibe dicho evento, lo procesa ejecutando la función

asociada.

Otros patrones de diseño utilizados por Magento

GRASP de experto en información

Es el principio general para asignar responsabilidades. Indica que la

responsabilidad de la creación de un objeto o la implementación de un método,

recae sobre la clase que tiene la información necesaria para realizar la

Ilustración 20: Patrón Modelo-Vista-Controlador



responsabilidad. De esta manera se consigue un diseño con mayor cohesión y

menor acoplamiento y así la información se mantiene encapsulada.

Factory

Delega la creación de los objetos sobre un objeto denominado Factory.

En Magento este patrón está en [PHP]$product =

Mage::getModel(‘catalog/product’);[/PHP]

Singleton

Permite que solo exista una única instancia de una clase. En Magento se

puede ver su uso en el archivo Mage.php situado en el directorio app.

Registry

Permite utilizar los objetos y variables registrados en cualquier nivel de la

aplicación sin necesidad de duplicarlos. La idea es crear una clase que tenga

un contenedor donde guardar los objetos registrados y una serie de métodos

tales como el método add(), para almacenar valores a una variable, y el

método get(), para recuperar el valor de una variable. En Magento estos

métodos equivalen a Mage::register() y Mage::registry() respectivamente.

Estos métodos se encuentran en app/Mage.php

Observer

Define una dependencia del tipo uno-a-muchos entre objetos, de modo

que cuando uno de los objetos cambia su estado, el observador se encarga de

notificar dicho cambio a todos los dependientes y se actualizan

automáticamente. El objetivo de este patrón es desacoplar la clase de los

objetos clientes, aumentando la modularidad del lenguaje. En Magento, un

evento se lanza con Mage::dispatchEvent(), cuya definición se encuentra en

Mage.php.

Esta información, sobre los patrones de diseño en los que se basa el

CMS Magento, se ha encontrado en una entrada de “El Blog de Selo” [21]



Diagramas de secuencia

En este apartado se lleva a cabo la realización de los diagramas de

secuencia del sistema. Para ello se tendrá en cuenta la utilización del patrón

MVC y otros explicados anteriormente. Por tanto los diagramas mostrarán la

comunicación real que existe entre las tres partes fundamentales del sistema

(modelo, vistas y controladores) y el actor.

Debido a la extensión, solo se mostrarán aquellos diagramas más

importantes.


Alta Cliente

Ilustración 21: Diagrama de secuencia de Alta Cliente



Iniciar sesión

Ilustración 22: Diagrama de secuencia Iniciar Sesión

Modificar cliente

Este diagrama llevaría implícito el diagrama de “Visualizar Cuenta”.

Ilustración 23: Diagrama de secuencia de Modificar Cliente



Alta subscriptor

Ilustración 24: Diagrama de secuencia de Alta Subscriptor

Gestión de productos

Añadir nuevo producto

Ilustración 25: Diagrama de secuencia Añadir Producto



Visualizar producto

Este diagrama llevaría implícito el diagrama de “Visualizar Categoría”.

Ilustración 26: Diagrama de secuencia Visualizar Producto

Añadir producto al carrito

Ilustración 27: Diagrama de secuencia Añadir Producto al Carrito



Gestión de pedidos

Realizar pedido

Ilustración 28: Diagrama de secuencia Realizar Pedido



Diseño de la interfaz de usuario

En esta etapa se trata de diseñar la interfaz de usuario, es decir, el

medio a través del cual el usuario interactúa con el sistema. En este caso, al

usar un gestor, ofrece una serie de ventajas con respecto al diseño de la

interfaz, ya que Magento incorpora muchos diseños Web previamente

desarrollados. Estos diseños pueden descargarse a través de Magento

Connect, donde existen otros tipos de extensiones además de plantillas, como

se ha explicado en previos apartados de este trabajo. También pueden

descargarse desde internet e instalarse manualmente, subiendo los archivos al

servidor en los directorios correspondientes de Magento.

Para este proyecto, concretamente, se ha utilizado el tema Wine Store

Free Magento 1.8 Bootstrap 3.0 Template, descargado e instalado

manualmente desde freshdesignweb [22].

Adicionalmente se instalaron otros temas diferentes para comprobar así

las posibilidades que ofrece Magento.

A continuación, se realizan los wireframes para visualizar el aspecto que

tendrán las páginas principales de la tienda, tanto desde el acceso de un

ordenador como desde un dispositivo móvil.



Página principal

Ilustración 29: Wireframe Página Principal

Ilustración 30: Wireframe Página Principal responsive



Página de cuenta de cliente

Ilustración 31: Wireframe Cuenta Cliente

Ilustración 32: Wireframe Cuenta Cliente responsive



Página de vista de categoría

Ilustración 33: Wireframe Página de Categoría



Ilustración 34: Wireframe Página de Categoría responsive



Página de vista de producto

Ilustración 35: Wireframe Página de Producto



Ilustración 36: Wireframe Página de Producto responsive



Página del carrito de la compra

Ilustración 37: Wireframe Página de Carrito de Compra

Ilustración 38: Wireframe Página de Carrito de Compra responsive



Página de realizar pedido



Ilustración 39: Wireframe Página de Realizar Pedido

Ilustración 40: Wireframe Página de Realizar Pedido responsive



6. Implementación

Esta fase es aquella donde verdaderamente se lleva a cabo el desarrollo

para cumplir los requisitos establecidos.

Al estar utilizando un gestor de contenidos, no se realiza una

implementación completa como tal, pero esto no quiere decir que no sea

necesario programar y tocar código, sobre todo si se decide trabajar con una

plantilla que no es la que trae Magento por defecto, ya que suelen acarrear

diversos problemas y a veces difíciles de encontrar.

Para resolver esos problemas es necesario conocimiento experto en

Magento, en lo que respecta a la estructura de sus directorios y ficheros

además de nociones mínimas del lenguaje PHP. Es por ello, que en primer

lugar se va realizar una pequeña descripción de cómo esta implementado

Magento, de los directorios que se compone y qué función desempeñan.

Posteriormente se detallará el proceso seguido para construir la tienda

desde el back-end de Magento, destacando aquellos puntos en los que ha sido

necesaria la modificación del código.

Cómo está Magento implementado

Parte de la siguiente explicación ha sido obtenida de un post de “El Blog

de Selo” [23].

Zend Framework

El núcleo de Magento, como se mencionó anteriormente, está realizado

en Zend Framework. Zend es un framework de código abierto utilizado en el

desarrollo de aplicaciones web utilizando PHP 5. La característica fundamental

de este es que los componentes son construidos con una baja dependencia

con respecto al resto de componentes del sistema, con el fin de que los

desarrolladores puedan usarlos por separado.

Zend Framework proporciona un gran rendimiento y una robusta

implementación MVC utilizando para ello la programación orientada a objetos

(POO).



La Programación Orientada a Objetos consiste en un modelo de

programación que se basa en la representación de objetos que presentan un

comportamiento determinado, y que permite modularizar para que los

programas sean más fáciles de escribir, mantener y reutilizar. Las propiedades

en las que se basa de este paradigma de programación son la abstracción,

encapsulación, polimorfismo y herencia.

Abstracción. En Magento se disponen de muchas clases abstractas.

Encapsulación. Por ejemplo: dos productos no pueden contener la

misma información, pero los métodos para tratar con ella son los

mismos.

Polimorfismo: Un ejemplo de Magento serían los tipos de productos,

los cuales todos deberán de tener un método para calcular el precio.

Herencia: En Magento, la herencia es muy utilizada, especialmente

en la clase Varien_Object_class, heredada por muchos objetos.

Contenido de un Módulo

El contenido de un Módulo en Magento está estructurado en un conjunto

de directorios, cada uno de ellos encargado de cubrir una cierta funcionalidad.

Block: Magento se sirve de Bloques para cubrir el apartado de la vista.

Se trata de la unión de un archivo php con un template .phtml. El

archivo PHP contiene una clase que siempre hereda de

Mage_Core_Block_Abstract, ya sea directamente o mediante algunos

pasos intermedios.

Controller: En la carpeta Controller se encuentran los controladores

más generales que contienen funcionalidades comunes para reutilizarlas

en los controladores disponibles en el directorio siguiente.

controllers: Como se describió en el apartado de Diseño, Magento usa

el patrón de arquitectura MVC, y en este directorio están los

controladores que se encargan de la lógica de negocio.

data: En esta carpeta, están los scripts que preparan Magento con los

datos necesarios para el funcionamiento de una extensión, como puede



ser la creación de un Bloque de CMS. También dispone de la lógica del

control de versiones de la extensión para mantener la escalabilidad de

los módulos.

etc: En este directorio están todos los ficheros que forman la

configuración de la instalación (archivos .xml).

Model: En esta carpeta se encuentra la parte dedicada a la interacción

con la base de datos.

sql: Aquí están los script de mysql que permiten dotar de parámetros de

configuración a los módulos. Contiene todo lo relacionado con las

necesidades para la puesta en marcha de un Módulo.

Algunas de las carpetas del módulo se escriben comenzando por

minúscula mientras que otras, por mayúscula. Las escritas en minúscula son

aquellas carpetas en las que va a entrar el sistema para realizar cualquier

operación (etc, sql, data y controllers).

Contenido estático de un módulo

Además de lo comentado anteriormente, un módulo reparte su contenido

estático por diversos directorios de la aplicación. A continuación se detallan

cada uno de estos directorios.

layout: Magento dispone de un sistema de templating independiente del

desarrollo. Lo que se pretende con ello es poder dotar de la creación de

bloques sin la necesidad de tener fundamentos de PHP. Este sistema, al

igual que el sistema de configuración, está desarrollado con archivos

.xml.

template: Directorio en el que están los archivos .phtml y que tienen

relación con el php. El contenido de este archivo es HTML + PHP.

skin: Directorio destinado al contenido estático de una extensión,

posibles ficheros que está en este directorio serían: css, images, etc.

js: En el caso de que una extensión necesite de alguna librería js, aquí

es donde se debería situar.

lib: Puede ocurrir que una extensión requiera alguna librería php, en ese

caso, aquí sería donde se aloja.



Diferentes Code Pool de Magento

Magento dispone de un conjunto de code Pool para identificar el autor de

cada módulo distinguiendo entre los siguientes codes:

core: Se encuentran los módulos desarrollados por Magento Inc. y que

en cada una de las versiones van modificando/añadiendo para añadir

funcionalidades, o corregir errores.

community: Aquí están los desarrollos aceptados por la comunidad de

Magento, realizados por ellos o por terceros, pasando en este caso una

serie de requisitos.

local: contiene los módulos desarrollados por terceros y módulos

propios. En este directorio es donde se añadiría un desarrollo propio.

Estos directorios están situados en

app/code/[community]|[core]|[local].

Descripción del proceso seguido

Instalación de Magento

El primer paso antes de instalar Magento, es asegurarse que está todo

listo para proceder a su instalación. Es decir, hay que comprobar que el

servidor donde va a ser instalado cumple todos los requisitos necesarios. Esto

ya fue explicado en el capítulo “Herramientas utilizadas” de este trabajo.

Una vez que se posee de todo el material, se llevará a cabo la creación

de la base de datos con la cual funcionará Magento. Simplemente se accede a

phpMyAdmin con la cuenta de usuario y se crea la base de datos.

Para proceder a la instalación, se descarga el Downloader de Magento,

se descomprime y se envía a la carpeta deseada del servidor con Filezilla.

Seguidamente se cambian los permisos de los directorios y ficheros para que

no haya problemas durante la instalación.



Ilustración 41: Cambio de permisos de ficheros con Filezilla

Entonces ya es posible acceder, mediante la dirección URL, al lugar

donde se encuentra el asistente de instalación, que irá guiando la instalación

de Magento mediante una serie de pasos:

1º Aceptar acuerdo de licencia:

Ilustración 42: Instalación Magento 1

2º Configuración de la localización:




3º Configuración de la base de datos que se acaba de crear con phpMyAdmin:


4º Configuración de la cuenta del panel de administración de Magento:




Una vez acabado el proceso, ya queda instalado Magento, y se podrá

acceder tanto al back-end, con la cuenta creada, como al front-end, que

aparentemente será una Web e-Commerce pero sin contenido, ni catálogo por

el que navegar y poder comprar.

Configuración de Magento

Llega el momento de configurar el back-end de Magento para cumplir

con los requisitos establecidos para la creación de tienda.

Primeramente sería conveniente establecer el idioma para la tienda

(tanto front-end, como back-end), ya que por defecto viene definido en inglés.

Para ello hay que descargar e instalar el paquete de español desde Magento

Connect.

Ilustración 46: Paquete oficial de español

El tema de la tienda, sería el siguiente paso a establecer. Para ello,

existen dos opciones como previamente se explicó. O bien desde Magento

Connect, o manualmente. En este caso se ha realizado manualmente,

descargando el tema que se indicó en el apartado de diseño y subiendo la

carpeta a los directorios correspondientes de Magento con Filezilla.

Ahora se va a explicar la configuración realizada para los conseguir los

requisitos pactados siguiendo el orden pactado en los incrementos.




Para la gestión de los clientes es necesario realizar la configuración

desde el panel de administración accediendo a Sistema> Configuración>

Clientes> Configuración de cliente.

Por otra parte, ha sido necesario modificar el código del formulario de

login ya que no se realizaba la llamada correctamente y el usuario nunca era

logueado. [24]

Gestión de catálogo

Para llevar a cabo este requisito, hay que configurarlo accediendo a

Sistema> Configuración> Catálogo.

Pero además es necesario añadir aquellas categorías y productos que

se ha acordado con la empresa (desde Catálogo>Administrar Categorías y

Administrar Productos), quedando el catálogo estructurado de la siguiente

manera:

o Porkline, para aquellos productos de cerdo estructurados en las

siguientes subcategorías:

Chorizo

Salchichón

Otros

Loncheados

o Pavoline, para la línea de productos de pavo estructurados en:

Chorizo

Salchichón

Otros

Loncheados

o Ibéricos, para los embutidos ibéricos. Estructurados de la

siguiente manera:

Piezas

Loncheados

o Jamones, donde se incluyen los diferentes tipos de jamón.



Gestión de las ventas

Este es el punto clave del desarrollo, ya que es el que permitirá realizar

compras, lo cual es realmente el objetivo de la Web.

Para ello, hay que ir al apartado Ventas accediendo desde Sistema>

Configuración. Los aspectos más importantes que se han configurado en este

caso han sido los métodos de pago y los métodos de envío, relacionados con

el requisito gestión de pedidos. Esto se ha llevado a cabo de la siguiente

manera:

Métodos de envío

Se ha establecido la opción de tarifa de costes, para que en función del

lugar de envío del pedido, se aplique un importe u otro. Para ello ha sido

necesario completar un archivo CSV que establece los diferentes

precios. Las tarifas establecidas son:

o Para Baleares: 7 €

o Para Ceuta y Melilla: 6€

o Para Canarias (Santa Cruz de Tenerife ): 8 €

o Para la Península: 5 €

También se ha habilitado la opción de envío gratis, para aquellos

pedidos que superen los 100 €

Métodos de pago

En este apartado se ha configurado los métodos indicados en los

requisitos para realizar el pago. Por un lado se ha configurado la opción

de PayPal que lleva incluida la opción de pago con Tarjeta.

Ilustración 47: Configuración método PayPal



Por otro lado se ha habilitado el pago por transferencia rellenando las

instrucciones correspondientes para que el usuario pueda realizarlo.

Finalmente para el pago contra-reembolso se ha descargado una

extensión desde Magento Connect de forma que permitiera añadir un

plus a este pago.

Ilustración 48: Extensión para pago contra-reembolso

También se han establecido los correos necesarios para enviar las

confirmaciones cuando un pedido es realizado. Para esto se ha requerido

realizar cambios en el código, ya que un correo de confirmación del pedido

nunca era enviado al cliente debido a que se almacenaba en una cola.

Para llevar a cabo el cumplimiento de los requisitos de gestión de

facturas y envíos, también se han configurado las opciones correspondientes

en este apartado de Ventas.

Información y accesibilidad

En el requisito de Información hay que realizar aquellas páginas de

política de la tienda, de atención al cliente, etc. Para ello en Magento tiene una

opción para crear nuevas páginas y darles el diseño que se quiera, incluso

puede escribir uno mismo la página en HTML si no quiere ningún diseño

predefino por Magento. Las páginas que se han creado han sido: Quiénes

somos, Política de privacidad, Servicio al Cliente y Contacta con nosotros.



Ilustración 49: Páginas informativas de la tienda

Alguna de ellas venía definida por defecto y para modificarla ha sido

necesario acceder al fichero. Por ejemplo en la página de contacto viene

incluido el mapa por defecto de Nueva York y se ha modificado por el de la

empresa Embutidos Carchelejo.

Continuando con el requisito de accesibilidad, por un lado hay que

realizar una tienda multiidioma. Para llevar a cabo esta funcionalidad Magento

ofrece la posibilidad de gestionar la tienda de manera que puedan crearse

diferentes vistas para esta. Por tanto se ha creado una nueva vista a la que se

le ha asignado el idioma inglés.

Ilustración 50: Tienda multiidioma

Pero además se ha realizado toda la configuración previa traduciendo todo el

contenido al inglés. También ha sido necesario traducir muchas partes del

front-end (botones, enlaces, etc.) que el paquete de traducción no lo ha hecho

por defecto. [25]

Finalmente para el acceso responsivo de la Web, último requisito de este

punto, hay que decir que quedó cumplido cuando se descargó la plantilla, ya

que cumplía la característica de “responsive”.

Gestión de términos de búsqueda

Para este requisito, únicamente al completar los nombres y las

descripciones de los productos, los términos de búsqueda quedan



almacenados, por tanto cuando se busque una palabra coincidente con algún

nombre o descripción será mostrado al usuario.

Por otro lado, la función que le permite al administrador gestionar los

términos se encuentra en Catálogo> Términos de búsqueda.

Gestión de comentarios

Para cumplir este último requisito, Magento trae incorporada en la

página de producto una opción para escribir una reseña sobre dicho producto.

En principio el comentario nunca era enviado y el cliente siempre era redirigido

al mismo formulario del comentario. Para la corrección de este fallo se ha

tenido que realizar un nuevo formulario de comentario que llamara

correctamente a las funciones que permitían la emisión del comentario.



7. Pruebas

Esta es la fase final del proceso de Ingeniería Software. Realizar

pruebas significa verificar el correcto funcionamiento y la calidad del producto

desarrollado. A continuación se especifican las pruebas más importantes

llevadas a cabo.


Dar alta cliente

Primeramente se prueba que el alta de un cliente se realiza

correctamente. Se rellena el formulario de alta.

Ilustración 51: Prueba Alta Cliente

Una vez se recibe el email de confirmación de alta, se puede iniciar

sesión, visualizar y modificar cuenta y cerrar sesión.

Iniciar sesión

Para iniciar sesión se rellena el siguiente formulario de login y una vez

logueados, ya se puede acceder a la cuenta de cliente.

Ilustración 52: Prueba Iniciar Sesión



Visualización y modificación de cuenta

Se verifica que el cliente se ha dado de alta, y se muestra la información

de su cuenta. Además se da la opción de modificar los datos de su cuenta con

la opción de editar y otras acciones que se presentan a la izquierda.

Ilustración 53: Prueba Visualizar y Modificar Cuenta

Gestión del catálogo

Visualización de categoría

Se prueba como se ha cumplido el requisito de visualizar categorías. En

primer lugar se muestran en la barra de navegación los nombres de las

categorías y subcategorías, y una vez se pincha sobre ellas, se dirige a la

página de la categoría, con los productos asociados a esta.

Ilustración 54: Prueba Acceso al Catálogo



Ilustración 55: Prueba Visualizar Categoría

Visualización de producto

En esta captura se prueba la visualización de un producto

Ilustración 56: Prueba Visualizar Producto



Gestión de pedidos

Realizar pedido

Ahora se van a realizar las pruebas correspondientes a la realización de

un pedido. Se van a probar los distintos métodos de pago y distintos precios de

envío.

Pruebas de los métodos de pago

1. Pago con PayPal

En el primer paso se rellena la información de facturación y

posteriormente, la de envío que puede ser la misma y a partir de la cual se

calculará el precio del envió.

Ilustración 57: Prueba Realizar Pedido - Pago con PayPal (Paso 1 y 2)

Ilustración 58: Prueba Realizar Pedido - Pago con PayPal (Paso 3)



El siguiente paso a realizar es elegir el método de pago, donde se elige

PayPal, caso de prueba que se está desarrollando.

Ilustración 59: Prueba Realizar Pedido - Pago con PayPal (Paso 4.1)

Y como se indica en este caso, para realizar el pago vía PayPal, se

redirige a la página de pago en la que se podrá pagar con Tarjeta o con una

cuenta PayPal. Para simular el pago se usa una de estas cuentas PayPal de

prueba:

Email: [email protected]

Password: prueba11


Password: prueba22

Ilustración 60: Prueba Realizar Pedido - Pago con PayPal (Paso 4.2)

mailto:[email protected]




Finalmente se redirige a la tienda para ver el resumen del pedido y

confirmarlo:

Ilustración 61: Prueba Realizar Pedido - Pago con PayPal (Paso 5)

Ya se ha realizado la orden, la cual se podrá imprimir:

Ilustración 62: Prueba Realizar Pedido - Pago con PayPal (confirmación)

Además de haber recibido el correo de confirmación:



Ilustración 63: Prueba Realizar Pedido - Pago con PayPal (Correo confirmación)



2. Pago con Transferencia

Para esta prueba se va a mantener el mismo carrito de productos y la

misma dirección de envío. Por tanto los pasos 1, 2 y 3 serían iguales que la

prueba anterior. En el paso 4 se elige el pago por Transferencia y se indican las

instrucciones a seguir para ingresar el pago.

Ilustración 64: Prueba Realizar Pedido - Pago Transferencia (Paso 4)

Finalmente se muestra la revisión del pedido para confirmarlo y se envía

el correo de confirmación.

Ilustración 65: Prueba Realizar Pedido - Pago Transferencia (Paso 5)



Confirmación del pedido:

Ilustración 66: Prueba Realizar Pedido - Pago Transferencia (Confirmación)

Correo de confirmación:

Ilustración 67: Prueba Realizar Pedido - Pago Transferencia (Correo confirmación)



3. Pago Contra-reembolso

Para esta prueba se sigue manteniendo el mismo carrito de productos y

la misma dirección de envío. Por tanto los pasos 1, 2 y 3 serían iguales que las

pruebas anteriores. En el paso 4 se elige el pago Contra-reembolso, en el cual

se indica que será añadido un plus en el importe total.

Ilustración 68: Prueba Realizar Pedido - Pago Contra-reembolso (Paso 4)

Lo que se verá reflejado en el resumen del pedido:

Ilustración 69: Prueba Realizar Pedido - Pago Contra-reembolso (Paso 5)

Y finalmente, se muestra la confirmación del pedido y el correo es

enviado.



Ilustración 70: Prueba Realizar Pedido - Pago Contra-reembolso (Confirmación)

Ilustración 71: Prueba Realizar Pedido - Pago Contra-reembolso (Correo confirmación)



Pruebas en función del lugar de envío e importe

Para comprobar que las tarifas establecidas para el envío en función del

lugar, se realizan las siguientes pruebas. Por otro lado, se realiza otra prueba

para comprobar el envío gratuito a partir de los 100€, sin importar el lugar de

envío.

1. Envío dentro de la península

Para el envío dentro de península se puede comprobar que el precio es

de 5 € en todos los casos de prueba anteriores, donde se eligió como lugar de

destino Jaén.

2. Envío a Baleares, Canarias, Ceuta, Melilla

Se va a realizar una compra en la cual se irá cambiando el lugar de

envío para comprobar los diferentes importes establecidos.

Para Canarias:

Ilustración 72: Prueba Realizar Pedido - Envío a Canarias (Paso 1 y 2)



Ahora se calculan los gastos de envío para esa dirección:

Ilustración 73: Prueba Realizar Pedido - Envío a Canarias (Paso 3)

Esta prueba no se centra en el pago por lo que se elige uno cualquiera

(transferencia, por ejemplo). Finalmente en el resumen se vuelve a comprobar

el coste del envío:

Ilustración 74: Prueba Realizar Pedido - Envío a Canarias (Paso 5)



Para Baleares:

Ilustración 75: Prueba Realizar Pedido - Envío a Baleares (Paso 1 y 2)

Ilustración 76: Prueba Realizar Pedido - Envío a Baleares (Paso 3)



Ilustración 77: Prueba Realizar Pedido - Envío a Baleares (Paso 5)

Para Ceuta/Melilla:

Ilustración 78: Prueba Realizar Pedido - Envío a Ceuta (Paso 1 y 2)



Ilustración 79: Prueba Realizar Pedido - Envío a Ceuta (Paso 3)

Ilustración 80: Prueba Realizar Pedido - Envío a Ceuta (Paso 5)

3. Envío gratuito

Para esta prueba no importa ni el lugar de envío, ni el método de pago a

elegir, únicamente que el importe de la compra supere los 100€, por ejemplo:

Ilustración 81: Prueba Realizar Pedido con Importe superior a 100 €

Se procede a su compra completando los pasos de dirección de

facturación y envío, y se muestra lo siguiente:



Ilustración 82: Prueba Realizar Pedido – Envío gratuito (Paso 3)

Se elige el envío gratuito y se completa el método de pago (por

transferencia en esta prueba). Y finalmente se muestra el resumen del pedido:

Ilustración 83: Prueba Realizar Pedido – Envío gratuito (Paso 5)



Accesibilidad

Responsive design

En esta prueba se verifica que la visualización de la Web se adapta al

dispositivo utilizado para acceder a esta.

Ilustración 84: Prueba de visualización - Acceso desde un ordenador

Ilustración 85: Prueba de visualización - Acceso desde un Smartphone



A continuación se realiza una prueba de compra estándar desde el

Smartphone, para comprobar el correcto funcionamiento. En este caso de

prueba el importe del carrito es de 143 €, por tanto se ofrecerá la opción de

envío gratuito. Y el método de pago de esta prueba es contra-reembolso,

añadiéndose el plus correspondiente a este pago.

Ilustración 86: Prueba de Compra desde Smartphone



Multiidioma

Finalmente se comprueba la accesibilidad en los idiomas de inglés y

español. Queda verificado la accesibilidad en español con todas las pruebas

realizadas hasta ahora. Por tanto, en este apartado solo se va a comprobar el

idioma de inglés, para verificar que las traducciones se han realizado

correctamente.

En primer lugar se accede a la página principal, seguidamente a

cualquier categoría y finalmente a la página de producto.

Ilustración 87: Prueba Acceso en Inglés - Index



Ilustración 88: Prueba Acceso en Inglés - Categoría

Ilustración 89: Prueba Acceso en Inglés - Producto



Ahora se va a realizar una compra para comprobar que en el proceso

realizado se muestra todo correctamente en inglés.

Ilustración 90: Prueba Realizar Pedido en Inglés (Paso 1 y 2)

Ilustración 91: Prueba Realizar Pedido en Inglés (Paso 3)





Ilustración 94: Prueba Realizar Pedido en Inglés (Confirmación)



CAPÍTULO 5. CONCLUSIÓN

1. Conclusiones

En primer lugar, hay que decir que Magento es una herramienta

compleja que requiere de mucho tiempo para conseguir un conocimiento

profundo de sus características. Solo de esa manera se podrán aprovechar al

máximo las posibilidades de esta herramienta para poder llevar a cabo el

desarrollo de una Web de Comercio los más completa y funcional posible.

Por el motivo anterior, Magento no es recomendable a usuarios que no

tengan conocimientos informáticos, ya que se encortarán con muchas

dificultades y limitaciones.

Las principales funcionalidades que Magento proporciona son muchas.

Nada más instalar la herramienta ya se dispone de una tienda funcional a

simple vista, aunque incompleta, como es lógico. Una vez que se conocen y

aprenden los aspectos más importantes, se podrá crear una tienda en poco

tiempo.

Se puede decir que Magento está orientado al cliente, dando especial

importancia al diseño de la Web. Muchas de sus funciones están orientadas a

captar la atención del cliente, facilitarle la comunicación e interacción con la

tienda. En definitiva, hacer que el cliente navegue cómodamente e incitarle de

ese modo a comprar en la tienda.

Además Magento va más allá, no restringiendo sus posibilidades a las

funciones básicas de un e-Commerce. Es decir, proporciona infinidad de

extensiones para conseguir un portal más completo y novedoso.



2. Posibles desarrollos futuros

Para un desarrollo más completo de la tienda, existen numerosas

opciones a tener en cuenta, para ampliar y personalizar la tienda en un futuro.

Diseño

En lugar de elegir una plantilla predefinida, podría diseñarse un

tema propio. Esto supone una inversión de tiempo importante, pero

también una ventaja de diferenciación con respecto a otras tiendas

desarrolladas con Magento.

Aplicación móvil

Otra mejora que se puede llevar a cabo, es la creación de tienda

como aplicación nativa para Smartphones. Magento ofrece una

herramienta muy potente para generar aplicaciones para dispositivos

móviles.

Seguridad

La seguridad es un concepto de vital importancia en el software.

En la configuración pueden especificarse opciones referentes a la

seguridad de la tienda, para protegerla de posibles ataques. Por

diversos motivos no ha sido posible profundizar lo suficiente en estas

cuestiones.

Multi-Tienda

Aprovechando las opciones de Magento, se podría realizar una

ampliación de la Web proporcionando un catálogo distinto dentro del

mismo dominio.

Tipos de clientes

Actualmente, la tienda está desarrollada para clientes particulares.

Podría configurarse de tal forma que los mayoristas pudieran realizar

también compras, adaptando los precios y otras opciones para ello.



Anexos

Anexo 1. Contenido CD-ROM

Este anexo explica el contenido del disco a entregar:

Carpeta del proyecto

Donde se encuentra el código fuente del proyecto.

Base de datos

Fichero .sql que contiene la copia de la base de datos del sistema web.

Memoria

Documento en formato PDF con la documentación del trabajo

desarrollado.

Videos de demostraciones

Carpeta con tres videos donde se muestran las acciones más

importantes que se pueden realizar en la web.

Anexo 2. Dirección de acceso a la web y usuarios de

prueba PayPal

Para permitir a los miembros del tribunal la realización de pruebas, este

anexo incorpora por un lado la dirección de acceso a las web:

latiendadejuana.tk

Por otro lado, se incluye usuarios de prueba PayPal para probar la

compra mediante el método de pago PayPal:


Password: prueba11


Password: prueba22





Anexo 3. Manual del administrador

Este es un manual de aquellas funciones descritas para el administrador

de la tienda online desarrollada con Magento en este Trabajo de Fin de Grado.

Para llevarlas a cabo, es necesario el Panel de Administración de Magento.

A pesar de las inmensas posibilidades que este panel de administración

ofrece, el manual se limita a los requisitos establecidos, es decir, las funciones

principales que el administrador debe saber y manejar para gestionar las

ventas y el catálogo de la tienda, sin entrar en aspectos más técnicos (temas

de configuración, diseño, etc.), lo cual sería función de profesionales en la

herramienta.

1. Entrar en el panel de administración

Para ello hay que acceder a la url de la tienda añadiendo

/index.php/admin, como se muestra a continuación:

http://latiendadejuana.tk/index.php/admin. Una vez se accede, se rellena el

formulario de login para iniciar sesión:

Ilustración 95: Manual Administrador - Inicio Sesión Panel Administración

Una vez iniciada la sesión, lo primero que aparece es el panel de control,

el cual se explica a continuación.

http://latiendadejuana.tk/index.php/admin



2. Panel de control

Es lo primero que se muestra nada más entrar en Magento, desde el

cual se puede echar un vistazo rápido de los aspectos vitales de la tienda,

como son los últimos pedidos realizados, por qué clientes etc.

Ilustración 96: Manual Administrador - Panel de Control 1

En primer lugar, llama la atención el cuadro de la derecha, en el que se

puede observar un gráfico de los pedidos realizados en el último mes, las

últimas 24 horas, los últimos 7 días, etc. También se pueden ver los ingresos

de los pedidos, los costes de impuestos y lo de envíos. Una vez que se

selecciona el rango de tiempo, se dibuja una gráfica que representa la cantidad

de pedidos y la fecha en la que se encargaron. Además, puede visualizarse la

gráfica del importe de los pedidos por fecha, seleccionado la pestaña

“Cantidades”




Debajo de estos gráficos, hay información acerca de los productos más

vendidos, productos más vistos y los nuevos clientes, y otra información de

clientes.


A la izquierda se encuentran varios cuadros:

a) El ciclo de ventas o “Ventas de por vida”, que indica el importe total

de todos los pedidos de la tienda.


b) El promedio de importe de pedidos o “Órdenes promedias”, es decir,

una media de todos los pedidos realizados.


c) Últimos cinco pedidos, indicando el cliente que realizó cada pedido y

el número de artículos que compro.




d) Últimos cinco términos buscados, con los resultados obtenidos por

cada término y el número de consultas que se ha realizado con dicho

término.


e) Los cinco artículos más buscados por los clientes


Para obtener más información y gestionar los pedidos llega el momento

de utilizar las opciones proporcionadas en la pestaña Ventas.



3. Ventas

Este apartado contiene las opciones que permitirán la gestión de los

pedidos, los envíos, las facturas, etc…

Únicamente se describirán las primeras tres opciones (“Pedidos”,

“Facturas” y “Envíos”), no siendo necesarias las “Facturas rectificativas” en este

tipo de tienda dedicada a la venta de embutidos, ni tampoco otras opciones que

no son funciones básicas para la administración.

Ilustración 104: Manual Administrador - Ventas

a) Pedidos

Se trata de la primera opción de Ventas. Se muestra una ventana en la

se visualizan todos los pedidos de la tienda, proporcionando su fecha de

realización, a quién pertenece y el precio del pedido.

Ilustración 105: Manual Administrador – Ventas – Pedidos



Para acceder a la gestión de un pedido, se selecciona la opción “Ver”.

Se accede de esa manera a una página con toda la información detallada

(fecha, estado del pedido, dirección de envío y facturación, información de

pago, gastos de envío y artículos comprados).

Ilustración 106: Manual Administrador – Ventas – Vista Pedido

b) Confirmar el pedido al cliente

En primer lugar, hay que confirmar el pedido realizado al cliente. En

principio el sistema está configurado para que se envíe la confirmación

automáticamente al realizar el pedido. Si no es así, se puede enviar

manualmente a partir de la opción “Enviar Correo electrónico”.

Ilustración 107: Manual Administrador – Ventas – Vista Pedido - Confirmación

c) Facturar pedido

Si el pedido se ha pagado hay que cambiar el estado y enviar la

correspondiente factura al cliente. Para hacer la factura de un pedido pagado,

se accede al pedido como se ha descrito anteriormente, entonces se hace click

en la opción “Factura”.




Y a continuación se muestra una nueva ventana con los datos que

contendrá la factura, la cual se emite pulsando el botón “Enviar Factura”. Para

que le llegue un email al cliente, se selecciona la opción “Enviar por Email

Copia de Factura”.


d) Enviar pedido

Para cambiar el estado del pedido a enviado, se realiza de forma similar

a facturar pedido. Se accede al pedido y se hace click en el botón “Enviar”

Ilustración 110: Manual Administrador – Ventas – Vista Pedido –Envío 1

Seguidamente muestra una nueva ventana con los detalles del envío.

Una vez revisado el pedido y comprobado, se selecciona “Enviar envío”



Ilustración 111: Manual Administrador – Ventas – Vista Pedido –Envío 2

e) Vista de pedido

Dentro de la ventana del pedido se pueden hacer más cosas además de

las descritas. Se puede ver información, acceder a las facturas, envíos,

comentarios y transacciones del pedido, en caso no de hacerlo desde el menú

específico para ello, que a continuación se explicará.

Ilustración 112: Manual Administrador – Ventas – Vista Pedido – Opciones

f) Facturas

Volviendo al menú desplegable inicial de Ventas, la segunda opción es

la de Facturas.

Ilustración 113: Manual Administrador – Ventas – Facturas

En esta ventana se encuentran todas las facturas emitidas por la tienda,

incluyendo el número de factura, la fecha de emisión, el pedido asociado, etc.



Para mayor detalle de cada una de ellas, será necesario selecciona la

opción “Ver” de aquella factura que se desee.

g) Envíos

Si lo que se quiere es obtener y gestionar la información sobre los

envíos, hay que dirigirse a la opción de “Envíos” de la pestaña “Ventas”

Ilustración 114: Manual Administrador – Ventas – Envíos

Una vez aquí, se accede a un envío en concreto, y se muestra la

información detallada del envío, el cliente, las direcciones, los artículos

enviados, etc.

Por otro lado, el administrador debe poder establecer las tarifas

dependiendo del lugar de envío. Este el único punto donde se va a acceder a

un bloque de Magento relacionado con la configuración, ya que no se

encuentra en el apartado de envíos. A continuación se describen los pasos

para realizar esta tarea.

Se accede a la pestaña “Sistema” y la opción “Configuración”.

Seguidamente, se muestra un panel a la izquierda con diferentes apartados.

Ahora se selecciona la tienda a la que se aplica la configuración en la esquina

superior izquierda. En este caso Web de Juana.



Ilustración 115: Manual Administrador – Sistema - Configuración

Ahora hay que dirigirse al apartado “Ventas” y seleccionar la opción

“Métodos de envío”. Donde se muestran una serie de opciones. Hay que ir a la

de “Tabla de costes”.

Ilustración 116: Manual Administrador - Sistema - Configuración - Ventas - Métodos de envío



Ilustración 117: Manual Administrador - Sistema - Configuración - Ventas - Métodos de Envío - Tabla de Costes

En esta ventana hay que pulsar “Seleccionar archivo” de la opción

“Importar”. Entonces se abrirá una ventana para navegar por el equipo y

seleccionar el archivo donde se tengan las tarifas establecidas con un formato

CSV. Este archivo se ha debido realizar antes desde un blog de notas u otro

programa y deberá tener la siguiente estructura:

País,Región/Provincia,"Código postal","Subtotal del Pedido","Precio de Envío"

ESP,*,*,0.0000,5.0000

ESP,Baleares,*,0.0000,7.0000

Una vez importado el documento, se selecciona “Guardar Configuración”

en la esquina superior derecha de la página y ya queda configurada la tarifa de

costes de envío.



4. Catálogo

Es el turno ahora de aprender a gestionar el catálogo de la tienda, ya

que será fundamental para llevar el inventario del stock, modificar aquellos

productos que se deseen además de añadir nuevos productos o eliminarlos del

catálogo actual.

Este manual se centra en las opciones “Administrar productos”,

“Administrar categorías”, “Términos de búsqueda” y “Revisiones y valoraciones”

Ilustración 118: Manual Administrador – Catálogo

a) Administrar productos

Lo primero que se muestra al acceder en la administración de productos,

es una tabla con todos los productos registrados en la tienda con la información

básica sobre cada uno (Identificador, nombre, tipo, código, precio, cantidad,

visibilidad y estado).

Ilustración 119: Manual Administrador – Catálogo – Administrar Productos



Desde aquí, se permite añadir, modificar o eliminar aquellos productos

que se quiera de la tienda.

Para agregar un nuevo producto, se debe seleccionar el botón de la

esquina superior derecha “Agregar producto”. En primer lugar hay que elegir el

tipo de producto y a continuación se dará paso a rellenar un completo

formulario estructurado en partes, con toda la información sobre el nuevo

producto.

Ilustración 120: Manual Administrador – Catálogo – Administrar Productos – Información del Producto

En el primer apartado, Información General, se haya la información

más básica del producto como nombre, descripción, descripción corta, código,

peso, estado, etc. No todos esos datos son obligatorios de rellenar, aquellos

que sí los son, están marcados con un asterisco. Es muy importante habilitar el

estado y la visibilidad, para que se muestre en el catálogo de la Web.



Ilustración 121: Manual Administrador – Catálogo – Productos – Nuevo Producto 1

El segundo apartado es para la Información sobre Precio. En él se

rellenan todos los precios que puede tener el producto, como es el precio

habitual, un precio rebajado junto con la fecha de duración de este, o un precio

dependiente para el tipo de cliente que adquiere el producto, pero este último

es indiferente, ya que la tienda en un principio solo consta de un tipo de cliente.

Además también se puede configurar el impuesto que se aplicará al producto.




A continuación se completa la Meta Información, es decir, información

para a partir de los motores de búsqueda se pueda localizar y atraer a clientes.

Por ello es recomendable rellenar la máxima información posible, y así tener

una tienda con más clientes.


El siguiente paso es subir las fotos del producto en el apartado

Imágenes. Lo primero que hay que hacer es cargar la imagen pulsando el

botón “Browse File”. Después se abre una ventana para seleccionar la imagen

del equipo, y una vez cargada se pulsa “Upload Files” para subirla al servidor.

Finalmente se elige para qué función se usará la imagen (para la página de

producto, para el catálogo y/o para la imagen en miniatura del carrito).




Continuando con el apartado Diseño hay que decir que se puede elegir

un diseño diferente para cada producto, aunque es probable que no sea muy

utilizada. En este se puede elegir un tema específico para la página del

producto y configurar el periodo de tiempo que estará activo ese tema.


El siguiente paso resulta vital, se trata del Inventario. Es fundamental

rellenar la cantidad de existencias del producto. Para mostrar el producto hay

que elegir “En existencia” en el apartado de Disponibilidad, ya que por defecto

viene definido “Sin existencias” y en ese caso no sería visible en el catálogo.




Finalmente, para que el producto sea visible a los clientes, debe

asociarse a una o más de las categorías del catálogo. Para ello hay que ir al

apartado Categorías. Para realizar este paso es recomendable tener

categorías definidas con anterioridad.


Ahora ya estaría el producto visible para que el cliente pueda comprarlo.

Pero aún puede completarse más información sobre el producto. Como son

Productos Relacionados, donde se seleccionan productos que estén

relacionados con el producto que se está creando, Ventas Sugeridas, donde

se incluyen productos que puedan interesar al cliente que compre el nuevo

producto y Ventas Cruzadas, donde se incluyen los productos que el

administrador considera que debería comprar el cliente complementando la

compra del nuevo producto.

b) Administrar categorías



Para administrar las categorías, se selecciona la pestaña “Catálogo” y

seguidamente “Administrar Categoría”. En la nueva ventana, a la izquierda se

observan aquellas categorías registradas en la tienda, además de las opciones

para añadir nuevas categorías y subcategorías. En el caso de querer modificar

o eliminar alguna de las existentes, hay que pinchar sobre aquella que se

desee.

Ilustración 128: Manual Administrador – Catálogo – Administrar Categorías

A la derecha se presenta un formulario para añadir una categoría nueva.

Si lo que se desea es añadir una subcategoría, hay que seleccionar una de las

categorías existentes y en “Agregar subcategoría”. Pero el formulario a rellenar

será el mismo que para una categoría raíz. Los apartados para completar el

formulario se explican a continuación.

En primer lugar se debe completar la Información General, es decir,

rellenar el nombre, la descripción y alguna imagen asociada a la categoría,

además del título de la página y las meta palabras para el posicionamiento

Web. También se debe activar para que se muestre en el panel de navegación

de la tienda.



Ilustración 129: Manual Administrador – Catálogo – Categorías – Nueva Categoría 1

Bastaría con rellenar este primer apartado, pero es posible detallar la

categoría con las Opciones de visualización, con las cuales se pueden

establecer diferentes lugares en los que visualizar la categoría, el orden en que

aparecerán los productos, el criterio para ello y otras opciones.


El siguiente apartado consiste en configurar el Diseño Personalizado.

De igual manera que ocurría con los productos, se puede configurar un diseño

independiente del resto de la tienda para visualizar la categoría y decidir si se

aplicará a los productos de esa categoría. También se puede elegir la fecha en

la que se desea que ese diseño esté visible.




Para finalizar la creación de la categoría se explica el apartado de

Productos de la categoría, donde se muestran aquellos productos asociados

a la categoría y donde se pueden asociar nuevos productos a la categoría, ya

que si se trata de una categoría nueva no tendrá productos asociados.


c) Términos de búsqueda

Los términos de búsqueda son aquellos que incluyen los clientes en el

buscador para realizar una consulta, y que dará como resultado un conjunto de

productos que contengan el término utilizado.



Hay que llevar la gestión de estos términos. Para ello se accede a la

interfaz con la opción de “Términos de búsqueda” del “Catálogo”, que a primera

vista muestra todos los términos utilizados por los clientes.

Ilustración 133: Manual Administrador – Catálogo – Términos de Búsqueda

Además se pueden eliminar aquellos términos que no se consideren

adecuados y realizar modificaciones para mejorar los resultados de búsqueda.

Para ello hay que acceder al término concreto haciendo click sobre él.

Si lo que se desea es añadir un nuevo término, para ello está el botón de

la esquina superior derecha “Añadir nueva cláusula de búsqueda”, que dará

paso a un formulario en el que se debe completar: la consulta de búsqueda, el

término sinónimo para que aparezcan los resultados de ese término, la URL de

redireccionamiento, en caso de la búsqueda concuerde con alguna categoría u

otro término y los términos sugeridos.

Ilustración 134: Manual Administrador – Catálogo – Términos de Búsqueda - Nuevo

d) Comentarios



Finalmente, se explica la gestión de los comentarios que los clientes

realizan sobre los productos.

Cuando el cliente emite comentarios (también llamados reseñas o

revisiones) sobre el producto, no serán visibles hasta que el administrador dé

su aprobación. Para ello hay que dirigirse a “Catálogo”>”Revisiones y

valoraciones” > “Revisiones pendientes del cliente” y se mostrarán aquellos

comentarios pendientes de moderar y aprobar su publicación.

Ilustración 135: Manual Administrador – Catálogo – Comentarios

Para dar el visto bueno al comentario, se accede a él. Se puede ver el

comentario detallado y modificarlo, eliminarlo o simplemente aprobar su

publicación, cambiando el estado a “Aprobado”.

Ilustración 136: Manual Administrador – Catálogo – Comentarios - Revisión



Ilustración 137: Manual Administrador – Catálogo – Comentarios - Aprobación

Si se selecciona la opción de Aprobado, el comentario se trasladará a la

interfaz de todos comentarios y estará visible a los visitantes de la tienda. En

caso de que sea No aprobado, será trasladado a la misma lista de todos los

comentarios pero no será visible en la tienda.

Si lo que se desea es eliminar el comentario, simplemente habrá que

pulsar el botón de “Borrar Comentario” en la esquina derecha superior.



Anexo 4. Manual del cliente

Este manual va dirigido a aquellos clientes que desean comprar en la

tienda, que por dificultad u otras razones no tienen acceso a tienda física, por

ello se les facilita que realicen sus compras virtualmente. Dentro de estas

personas, concretamente, el manual está pensado para aquellas que estén

poco familiarizadas con el concepto de e-Commerce, es decir, que no hayan

realizado previamente compras en la Web.

Acceso a la Web

En primer lugar, como es lógico, se debe acceder a la Web a través del

enlace http://latiendadejuana.tk/. Dicho acceso puede realizarse desde

cualquier dispositivo conectado a internet. Sea cual sea el dispositivo utilizado,

se adaptará la visualización para que resulte más agradable el uso al cliente.

Ilustración 138: Manual Cliente - Acceso a la Web

En primer lugar se va a hacer el manual correspondiente a la

visualizacion “normal” y seguidamente otro para la visualizacion “responsive”.

http://latiendadejuana.tk/



a) Acceso desde ordenador (visualización “normal”)

1. Página principal

Una vez que se ha accedió a la página, el primer paso sería

seleccionar el idioma con el que se esté familiarizado. Desde la

visualización completa se haría seleccionando la opción del botón

desplegable de la esquina superior derecha:

Tras elegir el idioma, ya se podrá navegar cómodamente por la

página. Aprovechando la estancia en la página principal, se van a explicar

los principales elementos que la componen.

En menú de arriba, además de aparecer la selección del idioma, se

puede observar un mensaje de bienvenida al usuario, el acceso a la

cuenta del usuario, en caso de estar conectado, y de no ser así se

redirige a la página de inicio y registro, al igual que “Inicio de sesión”

más a la derecha. También están los enlaces de acceso a la lista de

deseos del cliente y al pedido que está realizando.

Ilustración 140: Manual Cliente – Menú Cliente

Justo debajo de este pequeño menú rápido del cliente, está el buscador

de términos, para que el usuario pueda acceder rápidamente a los

productos de interés realizando consultas sobre términos concretos. Al

lado de este se sitúa una opción desplegable de visualización del carrito

de compra, desde la cual se puede acceder directamente a la página del

carrito o de realizar pedido.

Ilustración 141: Manual Cliente - Buscador

Ilustración 139: Manual Cliente – Selección idioma



En la parte izquierda de la página se puede observar el logo de la tienda

y debajo el panel de navegación de la tienda para acceder al catálogo de

esta. En este panel se encuentran las categorías y subcategorías de

productos. Simplemente seleccionando aquella que interese al cliente,

accederá a los productos de esa categoría.

Ilustración 142: Manual Cliente – Panel de navegación

En la parte intermedia de la página principal, hay una presentación de

imágenes con un fin ilustrativo. Y justo debajo, se pueden ver aquellos

banners publicitarios de la tienda.

Ilustración 143: Manual Cliente – Banners publicitarios

Finalmente en el pie de página se encuentran aquellos enlaces de

interés al cliente que informan sobre la política de la tienda, pedidos y

devoluciones y otros aspectos informativos importantes. Además hay un

pequeño formulario para inscribirse en el boletín de noticias simplemente

rellenando su email.

Ilustración 144: Manual Cliente – Pie de página



2. Página de registro e inicio de sesión

Una vez que ya se está familiarizado con el aspecto, ya se puede

proceder al inicio de sesión, pero para ello previamente hay que registrarse

como cliente.

Como se ha explicado previamente, hay que dirigirse a “Inicio de

sesión” en la parte superior y seguidamente se mostrarán dos apartados,

uno para usuarios registrados y otro para crear una cuenta.

Ilustración 145: Manual Cliente – Crear Cuenta

Esta segunda es la opción de registro, por tanto, se accede a ella,

dando paso al siguiente formulario.

Una vez completo, se recibirá un email de confirmación de nuevo

cliente y ya se podrá iniciar sesión.

Ilustración 146: Manual Cliente – Formulario registro



Ilustración 147: Manual Cliente- Inicio Sesión

Entonces ya se puede acceder a la cuenta del cliente, donde podrá

editar y completar aquella información que quiera, y en la cual se

almacenarán los pedidos que el cliente vaya realizando.

Ilustración 148: Manual Cliente – Panel de cuenta cliente



3. Navegación por el catálogo

Como se dijo previamente, simplemente situándose en el panel de

navegación y seleccionando aquella categoría o subcategoría que se desee

se accederá a ella. Por ejemplo, se va acceder a la subcategoría “Chorizo”

de la categoría “Porkline”. Entonces se muestran los productos que la

componen pudiéndose elegir la forma de visualización (en lista o cuadrícula,

ordenados por nombre, precio o relevancia, etc.)

Ilustración 149: Manual Cliente - Visualización de categoría

Si lo que se quiere es obtener información detallada sobre el

producto, simplemente clickeando sobre él, se accede a la página de

producto. Por ejemplo, la de “Chorizo vela rojo”:



Ilustración 150: Manual Cliente – Visualización de producto

Una vez aquí se pueden realizar diversas opciones con el producto:

Añadir al carrito, la cual se hace seleccionando el botón

correspondiente. Esto procederá a agregarlo al carro para su futura

compra.

Añadir a la lista de deseos, clickeando en el enlace, para tener una

lista que posiblemente se compre en el futuro.

Añadir para comparar, clickeando en “Añadir para comparar”, con el fin

de realizar comparaciones entre productos.

Emitir un comentario, mediante la opción de “Emitir revisión” o en el

ejemplo mostrado “Sea el primero en dejar una reseña”. Si se decide

emitir un comentario sobre el producto, este no será visible

automáticamente, ya que antes el administrador debe dar autorización

para su publicación.



4. Proceso de compra

Finalmente, una vez que se han añadido todos los productos

deseados en el carrito de compra, se podrece a realizar el pedido. Para ello,

en el menú de la esquina superior derecha, se selecciona la opción “Pedido”

y seguidamente se mostrará el formulario para rellenar los datos del pedido.

También se puede acceder desde el carrito con la opción de “Finalizar

Pedido”. En esta demostración se da por hecho que el cliente tiene la

sesión iniciada en todo momento. De no tenerla, el primer paso de este

proceso sería elegir la forma de compra (como invitado, o en caso contrario

registrarse o iniciar sesión).

Ilustración 151: Manual Cliente – Realizar Pedido (Paso 0)

Tras esta pequeña aclaración, comienza el proceso de realizar

pedido. El primer paso, se trata de introducir la dirección de facturación,

dando la opción de autocompletar la dirección de envío con los mismos

datos. La información de envío sería el siguiente paso que se completa

automáticamente.



Ilustración 152: Manual Cliente – Realizar Pedido (Paso 1 y 2)

A continuación se selecciona el método de envío, que en este

caso solo hay disponible uno. De superar el importe establecido para

envío gratis se mostraría la posibilidad de envío gratuito.


Llega el paso más importante, el pago. Se muestran las tres

opciones de pago disponibles. En caso de pago contra-reembolso se

añadirá un plus:




En la opción de transferencia bancaria se proporcionan las

instrucciones a seguir.


En el caso de utilizar PayPal para realizar el pago con Tarjeta de

crédito/débito o con cuenta PayPal, se redirigirá al usuario a la página de

PayPal.

Ilustración 156: Manual Cliente – Realizar Pedido (Paso 4 – Pago PayPal)



Finalmente para confirmar el pedido, se muestra un resumen con

toda la información:




b) Acceso desde dispositivo móvil (visualización “responsive”)

1. Página principal

La página principal está compuesta por los mismos componentes que

desde el acceso normal, pero estructurados de forma algo distinta.

El menú del cliente se corresponde con un botón desplegable en la

esquina superior izquierda, al lado se encuentra el desplegable del

carrito, y a su derecha la lupa, para realizar las consultas sobre

términos. En primer lugar, se selecciona el idioma desde ese menú y

accediendo a la opcion “Su idioma” o “Your Language”.

Ilustración 158: Manual Cliente – Seleccionar Idioma “responsive”

Para navegar por las categorías, se hace mediante los siguientes

botones desplegables:

Ilustración 159: Manual Cliente – Panel de navegación “responsive”



Debajo de ese panel desplegable de categorías, se visualiza la

presentación de imágenes seguida de los banners y el pie de página con

los enlaces de información y la subscripción al boletín.

Ilustración 160: Manual Cliente – Banners y pie de página “responsive”



2. Registro e inicio de sesión

Para iniciar sesión en la tienda, previamente se debe disponer de una

cuenta cliente, para ello se debe acceder al menú y seleccionar “Inicio de

sesión”, donde se dará paso al formulario de acceso, y justo debajo la opción

de crearse una cuenta.

Ilustración 161: Manual Cliente – Crear cuenta “responsive”

Una vez que se completado, será enviado el email de confirmación al

cliente y ya podrá acceder.

La visualización de la cuenta del cliente desde la cual puede acceder

a modificar sus datos, o realizar un seguimiento de sus pedidos será como

se muestra a continuación.



Ilustración 162: Manual Cliente – Mi cuenta “responsive”

3. Navegación por el catálogo

Anteriormente ya se ha visto cómo se navega por el panel de las

categorías. Posicionándose sobre esa a la que se quiera acceder, se

selecciona y se mostrarán en una nueva ventana los productos

relacionados con la categoría. Para la visualización se podrá elegir cuantos

artículos se muestran por página.

Ilustración 163: Manual Cliente – Ver Categoría “responsive”



Para acceder a un producto en concreto, se clickea sobre él, lo que

conducirá a la página de producto desde la cual se realizan las opciones de:

Añadir al carrito

Añadir a lista de deseos

Emitir un comentario

Ilustración 164: Manual Cliente – Ver producto “responsive”

4. Proceso de compra

Una vez añadidos los productos a comprar, hay que realizar el

pedido como se describe a continuación. Para ello se accede a la opción

“Pedido” del menú. También se puede acceder desde la página del carrito.

El primer paso, se trata de rellanar la información de facturación,

seguidamente se procede a completar la información de envío en función de

la cual se calcularán los gastos de envío mostrados en el tercer paso.

Aunque en caso de superar un cierto importe se dará la opción de envío

gratuito. En el cuarto paso se realiza el pago, eligiendo entre las opciones

disponibles, con las correspondientes instrucciones en caso de

transferencia bancaria, y si se elige la opción de PayPal, el cliente será



redirigido a la página de PayPal para realizar el pago. Finalmente se deberá

confirmar el pedido para dar la orden.

Ilustración 165 Manual Cliente – Realizar pedido “responsive”



Referencias y Bibliografía

[1] D. Mazier y S. Eyskens, Magento. Cornella de Llobregat: ENI, 2011.

[2] "Comercio electrónico", Es.wikipedia.org, 2016. [en línea]. Disponible:

https://es.wikipedia.org/wiki/Comercio_electr%C3%B3nico. [Consulta:

11- Mayo- 2016].

[3] A. Porras, "CMS o Desarrollos a Medida", Agenciargb.es, 2016. [en

línea]. Disponible: http://www.agenciargb.es/gestores-contenidos-vs-

desarrollos-a-medida#.VwD4GaSLTIU. [Consulta: 11- Mayo- 2016].

[4] M. Fernández and C. electrónico, "¿Cuál es la mejor plataforma para

crear tu tienda online?", LanceTalent, 2014. [en línea]. Disponible:

https://www.lancetalent.com/blog/cual-es-la-mejor-plataforma-crear-

tienda-online/. [Consulta: 11- Mayo- 2016].

[5] "Magento 2 Contributes to the Global Ecommerce Platforms Market",

Magento blog — news, tips and analytics, 2016. [en línea]. Disponible:

https://blog.aheadworks.com/2016/03/magento-2-contributes-to-the-

global-ecommerce-platforms-market/. [Consulta: 12- Mayo- 2016].

[6] "Homepage for Cloud", Magento, 2016. [en línea]. Disponible:

https://magento.com/. [Consulta: 24- Febrero- 2016].

[7] "Servidores Virtuales Tarifas", 1and1.es, 2016. [en línea]. Disponible:

https://www.1and1.es/servidores-virtuales-tarifas. [Consulta: 15-

Febrero- 2016].

[8] A. S.L.U., "Servidor Cloud VPS | Servidores Cloud con la máxima

seguridad | Arsys", Arsys.es, 2016. [en línea]. Disponible:

https://www.arsys.es/servidores/vps. [Consulta: 16- Febrero- 2016].



[9] "VPS SSD: El VPS barato y de altas prestaciones - OVH", Ovh.es,

2016. [en línea]. Disponible: https://www.ovh.es/vps/vps-ssd.xml.

[Consulta: 16- Febrero- 2016].

[10] "VPS Hosting | Linux VPS Servers With cPanel - HostGator",

Hostgator.com, 2016. [en línea]. Disponible:

http://www.hostgator.com/vps-hosting. [Consulta: 16- Febrero- 2016].

[11] "Hosting, vps, Hosting Web, Dominios, Servidores Dedicados,

Hostalia", Hostalia.com, 2016. [en línea]. Disponible:

http://www.hostalia.com/. [Consulta: 17- Febrero- 2016].

[12] "FileZilla - The free FTP solution", Filezilla-project.org, 2016. [en

línea]. Disponible: https://filezilla-project.org. [Consulta: 26- Febrero-

2016].

[13] "Balsamiq. Rapid, effective and fun wireframing software. |

Balsamiq", Balsamiq.com, 2016. [en línea]. Disponible:

https://balsamiq.com/. [Consulta: 26- Febrero- 2016].

[14] "Software Design Tools for Agile Teams, with UML, BPMN and

More", Visual-paradigm.com, 2016. [en línea]. Disponible:

https://www.visual-paradigm.com/. [Consulta: 26- Febrero- 2016].

[15] “Fundamentos de Ingeniería del Software”, apuntes de clase,

Departamento de Informática, Universidad de Jaén, 2014.

[16] “Diseño Software”, apuntes de clase, Departamento de Informática,

Universidad de Jaén, 2016.

[17] “Ingeniería de Requisitos”, apuntes de clase, Departamento de

Informática, Universidad de Jaén, 2015.

[18] “INGENIERÍA DEL SOFTWARE: METODOLOGÍAS Y CICLOS DE

VIDA” Laboratorio Nacional de Calidad del Software, 2009 [en línea].

Disponible: https://www.incibe.es/file/N85W1ZWFHifRgUc_oY8_Xg.

[Consulta: 01- Marzo- 2016].



[19] "Modelo–vista–controlador", Es.wikipedia.org, 2016. [en línea].

Disponible:

https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93contr

olador. [Consulta: 15- Marzo- 2016].

[20] "Arquitectura dirigida por eventos", Es.wikipedia.org, 2016. [en

línea]. Disponible:

https://es.wikipedia.org/wiki/Arquitectura_dirigida_por_eventos.

[Consulta: 17- Marzo- 2016].

[21] "Certificación Magento-Conceptos Básicos: Fundamentos-Preguntas

y Respuestas - El Blog de Selo", El Blog de Selo, 2012. [en línea].

Disponible: http://www.elblogdeselo.com/magento-certificacion-

conceptos-basicos-fundamentos-preguntas-y-respuestas. [Consulta: 29-

Marzo- 2016].

[22] Graham, "79+ Best Free Responsive Magento Themes - Premium

Magento", freshDesignweb, 2016. [en línea]. Disponible:

https://www.freshdesignweb.com/free-magento-themes/. [Consulta: 07-

Abril- 2016].

[23] "Magento-Estructura de un Módulo/Estensión en Magento", El Blog

de Selo, 2012. [en línea]. Disponible:

http://www.elblogdeselo.com/magento-certificacion-estructura-y-

localizacion-de-ficheros-en-una-extension. [Consulta: 09- Abril- 2016].

[24] "Solución al hacer login frontend "el cliente" no refresca magento

1.8.1", Foros de Magento en español, 2016. [en línea]. Disponible:

http://foros.mgnt.es/threads/solucion-al-hacer-login-frontend-el-cliente-

no-refresca-magento-1-8-1.6607/. [Consulta: 06- Jun- 2016].

[25] "Como puedo hacer mis propias traducciones?", Foros de Magento

en español, 2016. [en línea]. Disponible:

http://foros.mgnt.es/threads/como-puedo-hacer-mis-propias-

traducciones.3273. [Consulta: 26- Abril- 2016].

DESARROLLO DE UNA Trabajo Fin de Grado TIENDA...

Documents

Transcript of DESARROLLO DE UNA Trabajo Fin de Grado TIENDA...