Sie sind auf Seite 1von 95

UNIVERSIDAD MAYOR DE SAN SIMÓN

DIRECCIÓN DE PLANIFICACIÓN ACADÉMICA


PROGRAMA DE TITULACIÓN DE ALUMNOS ANTIGUOS NO GRADUADOS

FACULTAD DE CIENCIAS Y TECNOLOGÍA


CARRERA DE INGENIERÍA DE SISTEMAS

SISTEMA DE VENTAS VIRTUALES PARA UNA TIENDA


DE PRODUCTOS DE LIMPIEZA UTILIZANDO
HERRAMIENTAS E-COMMERCE

TRABAJO DIRIGIDO INTERDISCIPLINARIO PARA


OPTAR EL GRADO ACADÉMICO DE LICENCIATURA
EN INGENIERÍA CIVIL

PARTICIPANTES: FERNANDEZ LLAVETA JIMENA CAROLA


FERNANDEZ LLAVETA LIZETT PATRICIA
RUEDA SALAZAR PAOLA

TUTOR: LIC. GROVER CUSSI NICOLAS

TEC33TD029

COCHABAMBA – BOLIVIA
2019
DEDICATORIA

Dedicamos esta tesis:


A nuestros padres María Ruth (+) y Valois, por su amor, trabajo y sacrificio en todos estos
años, gracias a ustedes hemos logrado llegar hasta aquí́ y convertirnos en lo que somos.
A nuestros tíos Eliana y Leonardo que siempre estuvieron ahí para apoyarnos, darnos
consejos y fortaleza para seguir adelante.
A nuestros amigos y a todas las personas que nos han apoyado y han hecho que el trabajo
se realice con éxito, en especial a aquellos que nos abrieron las puertas y compartieron sus
conocimientos.

JIMENA CAROLA FERNANDEZ LLAVETA


LIZETT PATRICIA FERNANDEZ LLAVETA
AGRADECIMIENTO

A Dios por su amor y su infinita bondad porque nos permites sonreír ante todos nuestros
logros que son resultado de su ayuda. Este proyecto ha sido una gran bendición en todo
sentido y te agradecemos Padre y no cesan nuestras ganas de decir que es gracias a ti que
alcanzamos la meta.
A nuestra familia por el apoyo, enseñanzas y fuerza que nos dieron para concluir con este
proyecto.
A nuestro tutor Lic. Grover Cussi por habernos asesorado y brindado su apoyo durante el
desarrollo de este proyecto.

JIMENA CAROLA FERNANDEZ LLAVETA


LIZETT PATRICIA FERNANDEZ LLAVETA
DEDICATORIA Y AGRADECIMIENTO

El presente trabajo investigativo lo dedico principalmente a Dios, por haberme permitido


darme fuerza para continuar en este proceso de obtener uno de los anhelos más deseados.
A mi hijo por ser el inspirador y motor de superación en la vida, que con su amor e
insistencia han sabido impulsar para que siga adelante, y buscar el sendero del camino
deseado.
A mis padres, por su trabajo y sacrificio en todos estos años y hacernos personas de bien
A mis hermanos por estar siempre presentes, por el apoyo moral, que nos brindaron a lo
largo de esta etapa de nuestras vidas.

A nuestro tutor Lic. Grover Cussi por orientarnos y brindarnos su ayuda para que sea
posible este proyecto.

Y a todos los docentes que nos brindaron sus conocimientos.

A la Universidad Mayor de San Simón por abrirnos las puertas y cobijarnos hasta la
culminación de nuestros estudios.

¡Muchas Gracias!

PAOLA RUEDA SALAZAR


INDICE DE CONTENIDO
CAPÍTULO I 1
INTRODUCCIÓN 1
1.1 Antecedentes 1
1.2 Descripción del Problema 3
1.3 Objetivos 4
1.3.1 Objetivo General 4
1.3.2 Objetivos Específicos 4
1.4. Justificación 5
1.5. Alcance 5
1.6. Límites 5
CAPÍTULO II 6
FUNDAMENTACIÓN TEÓRICA 6
2.1 Comercio Electrónico E-Commerce 6
2.1.1 Tipos de comercio electrónico 7
2.2 Scrum 8
2.2.1 Funcionamiento del Proceso Scrum 9
2.2.2 Roles en Scrum 9
2.2.3 Elementos del SCRUM 10
2.3 Magento 11
2.3.1 Características de Magento 11
2.3.2 Ventajas de Magento: 12
2.3.3 Desventajas de utilización de Magento: 13
CAPÍTULO III 14
ÁREA DE APLICACIÓN DEL PROYECTO 14
3.2 Formato de la tienda 14
3.2.1 El nombre y el dominio de la tienda online 15
3.2.2 Elegir el servicio de alojamiento web. 15
3.2.3 Productos 15
3.3 El proceso de venta 16
3.4 Formas de Pago 16
3.5 La entrega del Producto 18
CAPÍTULO IV 19
DESARROLLO DEL PROYECTO 19
4.1 Conformación del Equipo de Trabajo 19
4.2 Product Backlog. 19
4.3 Sprint 1 21
4.3.1 Sprint Backlog 21
4.3.2 Ejecución del Sprint 1 22
4.3.2.1 Historia de Usuario Nº 1 22
4.3.2.2 Historia de Usuario Nº 2 25
4.3.2.3 Historia de Usuario Nª 3 28
4.3.2.4 Historia de Usuario Nª 4 30
Implementación 32
Pruebas 33
4.3.3 Diseño Sprint 1 34
4.4 Sprint 2 36
4.4.1 Sprint Backlog 36
4.4.2 Ejecución del Sprint 2 36
4.4.2.1 Historia de Usuario Nº 5 36
4.4.2.2 Historia de Usuario Nº 6 40
4.4.2.3 Historia de Usuario Nº 7 43
4.4.2.4 Historia de Usuario Nº 8 46
4.4.3 Diseño Sprint 2 49
4.5 Sprint 3 50
4.5.1 Sprint Backlog 51
4.5.2 Ejecución del Sprint 3 51
4.5.2.1 Historia de usuario Nº 9 51
4.5.2.2 Historia de usuario Nº 10 54
4.5.2.3 Historia de usuario Nº 11 58
Mockup: 59
4.5.2.4 Historia de usuario Nº 12 61
4.5.2.5 Historia de usuario Nº 13 64
4.5.3 Diseño Sprint 3 67
4.6 Sprint 4 68
4.6.1 Sprint Backlog 68
4.6.2 Ejecución del Sprint 4 68
4.6.2.1 Historia de usuario Nº 14 68
4.6.2.2 Historia de usuario Nº 15 71
4.6.3 Diseño Sprint 4 74
4.6 Sprint 5 76
4.6.1 Sprint Backlog 76
4.6.2 Ejecución del Sprint 5 76
4.6.2.1 Historia de usuario Nº 16 76
4.6.2.2 Historia de usuario Nº 17 79
4.6.2.3 Historia de usuario Nº 18 82
CAPITULO V 85
CONCLUSIONES Y RECOMENDACIONES 85
5.1 CONCLUSIONES 85
5.2 RECOMENDACIONES 86
CAPÍTULO I

INTRODUCCIÓN

El crecimiento de la mancha urbana y el dinamismo de la economía que se genera en las


zonas alejadas del centro de la ciudad están permitiendo la expansión de tiendas
denominadas mini o micro mercados. No son grandes cadenas de supermercados, pero
tampoco son "puestitos de venta" ubicados en las esquinas de la calle de algún barrio.
Estos establecimientos entregan al cliente opciones de compra, precios similares a los de
los supermercados y más bajos que los que se ofrecen en las tiendas populares.

El presente proyecto consiste en el diseño e implementación de una tienda virtual para la


venta de productos de limpieza, procedimiento de negocio que llegará a beneficiar tanto al
vendedor como al comprador, permite optimizar el tiempo que el cliente utiliza haciendo la
compra, reducir costos y tiempos, expandirse en el mercado; para ello aplicaremos
Comercio Electrónico. (Visa Red de Empresarios (2013). Guía práctica para el desarrollo
de plataformas de Comercio electrónico) y metodología ágil de desarrollo Scrum.

1.1 Antecedentes

En las últimas décadas el crecimiento del internet ha impulsado importantes cambios en la


manera de hacer negocios en la sociedad y ha permitido desarrollar plataformas
tecnológicas como el Comercio Electrónico.

La práctica del comercio electrónico comenzó a principios de 1970, con novedosas


aplicaciones como la transferencia de fondos monetarios. Después apareció el intercambio
de datos vía electrónica, dando lugar a otros tipos de procesos comerciales. Todos estos
procesos permitieron que pequeñas empresas pudieran aumentar su nivel de competitividad
implementando el comercio electrónico en sus actividades diarias. Debido a esto el
comercio en línea se ha expandido muy rápidamente gracias a los millones de
consumidores potenciales a los que se puede llegar a través de este medio.

La historia del comercio electrónico se remonta a la invención de “vender y comprar”,


incluyendo computadoras, redes, módems e Internet. El comercio electrónico se hizo

1
posible desde 1991, cuando Internet se abrió para uso comercial. A partir de ese momento,
miles de empresas han establecido sitios de Internet con productos y servicios.

Fue evolucionando de forma pausada y lenta y en algunas ocasiones con pasos agigantados.
Lo que entendemos ahora como comercio electrónico la última fase a la cual hemos llegado
de este progresivo desarrollo. (Garcia-Sierra, A. "Electronic Commerce and the Internet")

En Latinoamérica, principalmente en nuestro país, el comercio electrónico no es un


concepto nuevo y en estos últimos años se presentaron muchas iniciativas y estrategias para
convertirla en una práctica más sólida dentro el mercado boliviano.

De acuerdo a datos de 2015 del Instituto Latinoamericano de Comercio Electrónico,


Bolivia, al igual que la mayoría de los países en América Latina, viene creciendo a tasas
superiores al 30% anual en comercio electrónico. Se espera que este crecimiento siga en
cifras similares o superiores en los próximos años.

Sin embargo, Brasil, junto a Argentina y Chile, están en el podio de los mercados más
maduros en América Latina.

Esto se debe a que en nuestro país todavía existen algunas limitantes que impiden un
desarrollo pleno del comercio electrónico dentro del territorio. Entre ellas están la llegada y
uso de internet, el uso de tarjetas de crédito, la desconfianza, la cultura, educación
financiera, entre otros.

No obstante, el Instituto de Comercio Electrónico de América Latina enfatiza que existen


más de cuatro millones de bolivianos conectados a internet en Bolivia y casi un 20% que
está comprando por internet. Por ello, afirma que una de las limitantes, la desconfianza, está
ya en una etapa de superación, gracias a una mayor y mejor oferta.

Después de que entra en vigencia la Ley Nº 164, del 8 de agosto de 2011, General de
Telecomunicaciones, Tecnologías de información y comunicación. A través del servicio de
redes electrónicas, incluida el internet se establecen relaciones económicas y de comercio, y
se realizan actos y contratos de carácter civil y mercantil.

Esta ley le da respaldo legal al comercio electrónico, resguardando a las personas que están
involucradas en este tipo de comercio.

2
1.2 Descripción del Problema

En nuestra ciudad muchas personas buscan generar mayores ingresos económicos e


invierten en la apertura de tiendas comerciales propias poniendo a la venta diferentes
productos de primera necesidad. Uno de los productos de mayor demanda son los de
limpieza personal y del hogar.

Al momento de su constitución no consideran aspectos relevantes como la competencia de


similares que comercializan los mismos artículos, no disponen de una estrategia para la
oferta de sus productos, no aprovechan los recursos tecnológicos actuales que le permitirían
llegar de manera efectiva a una mayor cantidad de clientes y a una área geográfica más
extensa.

El sistema tradicional de venta ocupa bastante tiempo al cliente que debe adquirir sus
productos de los centros de abasto en ocasiones demasiado distantes de su domicilio
generando pérdida de tiempo. La población actual vive una rutina acelerada, por ello cada
minuto se torna importante y se quiere aprovechar al máximo el tiempo disponible.

Las tiendas no cuentan con herramientas tecnológicas que ahorre tiempo en las compras a
los clientes ocasionándoles pérdida de oportunidades de venta y poca afluencia de clientes.

El escaso conocimiento de ventas en línea y la poca costumbre del comercio electrónico


perjudican al crecimiento y la expansión de un negocio provocando inclusive en ocasiones
llegar a quebrar y cerrar estos locales.

3
1.2.1 Árbol del Problema

Figura 1.1: Árbol del problema


Fuente: Elaboración propia

1.3 Objetivos

1.3.1 Objetivo General

Diseñar e implementar un sistema de ventas virtuales para una tienda de productos de


limpieza para incrementar el porcentaje de ventas y clientes, utilizando herramientas de
E-commerce.

1.3.2 Objetivos Específicos

❖ Desarrollar un entorno web para la gestión de las compras de los clientes


❖ Desarrollar un catálogo virtual para dar a conocer los diferentes productos que se
venden en la tienda virtual.
❖ Desarrollar un catálogo virtual con ofertas específicas por categorías.
❖ Implementar el método de pago offline para las compras de la tienda virtual.
❖ Generar reportes de los productos más vendidos en la tienda online.

4
1.4. Justificación

El presente proyecto se desarrolla para innovar el modelo convencional en venta de


productos, simplificando el tiempo en el que el cliente realiza sus compras e incrementando
las ventas, ingresos y clientes para el negocio.

En el presente proyecto se utilizaran los conocimientos de Sistemas de Información I y II,


Base de Datos I y II, e Ingeniería de Software.

Se utilizará el marco de trabajo ágil Scrum, Framework Magento.

1.5. Alcance

 El sistema está dirigido a la venta de productos de limpieza en una tienda virtual.


 El sitio WEB debe mostrar precios, descuentos y ofertas de los productos
disponibles en la tienda.
 Permitirá que el cliente seleccione los productos y las cantidades según su
requerimiento.
 Dispondrá de un control de stock de cada producto y para su respectiva
comercialización.
 Permitirá elegir la forma de pago, sea este en el momento de la entrega de productos
o mediante transacción o depósito bancario.
 El cliente podrá seleccionar la forma de entrega de los productos, sea a domicilio o
recoger del establecimiento.

1.6. Límites

 El sistema no establecerá un módulo de facturación, a pesar de que el comercio


electrónico nos permite elegir diversas formas de pago.

 No realiza pedidos con entregas a domicilio fuera del área urbana.

 No existirá módulos que controlan la contabilidad.

5
CAPÍTULO II

FUNDAMENTACIÓN TEÓRICA

En este capítulo se determina la metodología y las herramientas tecnológicas que serán


utilizadas para el desarrollo del sistema virtual de ventas.

2.1 Comercio Electrónico E-Commerce

El crecimiento acelerado de las nuevas Tecnologías de la Información y Comunicación


(TIC), en especial el Internet, permiten al comerciante aprovechar los recursos tecnológicos
de páginas WEB, Redes Sociales y Aplicaciones Móviles entre otras, todas estas
herramientas ayudan acortar el proceso de venta tradicional en un área limitada y
adentrarse al mundo del mercado virtual. Las principales ventajas son una mejora de la
calidad, reducciones de costes y una competencia más perfecta, efectos que finalmente
quedarán reflejados en los precios (Dans, 2011).

Figura 2.1: Comercio Electrónico


Fuente: https://www.doofinder.com/es/blog/que-es-e-commerce

6
Según la Organización Mundial del Comercio (OMC) (Organización Mundial del
Comercio (OMC), 2017) define el comercio electrónico como la “producción, publicidad,
venta y distribución de productos a través de redes de telecomunicaciones”. Este concepto
supone un nuevo modelo de relación empresarial, que sustituye la necesidad de la presencia
física propia de los modelos tradicionales por interacciones electrónicas (González, 2011)

2.1.1 Tipos de comercio electrónico

El mundo del e-commerce es extenso y se pueden encontrar distintos modelos de comercio


electrónico:

a) Según el perfil comercial


Cada negocio tiene un tipo de cliente al que se dirige, y en función de ello podemos
clasificarlos:

 B2B (Business-to-Business): empresas hacen negocios con otras empresas u


organizaciones. Un ejemplo podría ser una tienda de venta de materiales de
construcción que se dirige a interioristas o arquitectos.

 B2C (Business-to-Consumer): empresas que venden de manera directa a los


consumidores finales del producto o servicio, como ser tiendas de moda, zapatos,
electrónica, etc.

 C2B (Consumer-to-Business): portales en los que los consumidores publican un


producto o servicio y las empresas pujan por ellos. Son los clásicos portales de
empleo freelance como Freelancer, Twago, Nubelo o Adtriboo.

 C2C (Consumer-to-Consumer): Portales web que facilitan la venta de productos


entre consumidores. como lo es eBay.

 Además de estas formas de comercio electrónico, existen otras menos populares


como la G2C (Goverment-to-Consumer), C2G (Consumer-to-Goverment) o B2E
(Business-to-Employer).

7
b) Según el modelo de negocio
El sector online todavía es un sector poco maduro. Los cambios tecnológicos son
constantes y los nuevos negocios online que surgen atienden las nuevas necesidades
creadas.

Dependiendo de cómo se generen los ingresos o de cómo se lleve a cabo el intercambio


entre comprador y vendedor, se pueden dividir en:

 Tienda online con productos propio: Las mismas características que una tienda
física pero en versión online.

 Dropshipping: el vendedor no envía el producto, sino que es un tercero el que lo


hace.

 E-commerce de afiliación: En este caso la tienda no solo no envía el producto, sino


que el cierre de la venta no se hace en su plataforma. Lo que hace es referir al
cliente a otra tienda, que le paga una comisión al confirmarse la venta.

 Membresía: es con una suscripción periódica (semanal, mensual, bimensual, etc).


Este tipo de membresías se están poniendo de moda con las llamadas “cajas
sorpresa”. Consiste en un caja que se envía cada mes con productos, en lugar de
vender una sola vez el producto, se ofrece la posibilidad de recibirlo con una
determinada frecuencia.

 Marketplace: un marketplace es una tienda de tiendas. Es una web donde


diferentes vendedores ofrecen sus productos de una o varias temáticas, cualquiera
puede vender en su plataforma a cambio de una comisión para el propietario.

 Servicios: un negocio de comercio electrónico no solo tiene que ser para vender
artículos. Formación, consultorías, mentorías o cualquier intercambio de tiempo por
dinero es una opción muy viable para empezar sin riesgo.

2.2 Scrum

Una de las herramientas para el desarrollo del sistema de ventas virtual es Scrum, un marco
de trabajo el cual emplea procesos y técnicas para gestionar el desarrollo de proyectos
complejos de manera colaborativa.

8
2.2.1 Funcionamiento del Proceso Scrum

En Scrum, un proyecto se define a través de bloques de tiempo predefinidos, comúnmente


conocidos como sprints, en él se planifica las actividades que se realizarán para desarrollo
del proyecto, los requerimientos del cliente, se reparte las iteraciones (sprint) y plazos de
entrega, las entregas parciales y revisiones de los mismos, para cumplir con los objetivos
trazados.

Figura 2.2: Metodología SCRUM


Fuente: http://www.i2btech.com/blog-i2b/tech-deployment/para-que-sirve-el-scrum-en-la-
metogologia-agil/

2.2.2 Roles en Scrum

Existen dos tipos de roles:

a) Roles Principales
Son los responsables de establecer el entorno para el desarrollo del proyecto, está
conformado por:

9
 Product Owner, es el dueño del producto, se encarga de gestionar la lista de los
requerimientos para el sistema a desarrollar, Product Backlog. Se asegura de que el
equipo de desarrollo trabaje de forma adecuada desde la perspectiva del negocio. El
Dueño de Producto es la única persona responsable de gestionar la Lista del
Producto (Product Backlog).

 Scrum Master, es un facilitador cuyo trabajo principal es garantizar que el equipo


de desarrollo cumpla los objetivos del sprint.

 Development Team, es el equipo de desarrollo, tiene la responsabilidad de entregar


el producto.

b) Roles Auxiliares
Son aquellos que no tienen un rol formal y no se involucran frecuentemente en el "proceso
Scrum", sin embargo deben ser tomados en cuenta.

 Stakeholders (Clientes, Proveedores, Vendedores, etc), son las personas que


hacen posible el proyecto y para quienes el proyecto producirá el beneficio
acordado que justifica su desarrollo. Sólo participan directamente durante las
revisiones del "sprint".

 Administradores (Managers), son los responsables de administrar el desarrollo del


proyecto.

2.2.3 Elementos del SCRUM

Definiremos los elementos del Scrum, lo que nos permitirá realizar nuestros Sprints más
adelante.

● Product Backlog: Es una lista sobre las funcionalidades del producto. Es


elaborado por el Product Owner y las funciones están priorizadas según lo que es
más y menos importante para el negocio. indica lo que se debe hacer
● Sprint Backlog: es el conjunto de elementos de la Lista de Producto seleccionados
para el Sprint, más un plan para entregar el Incremento de producto y conseguir el
Objetivo del Sprint.El sprint backlog hace visible todo el trabajo que el Equipo de
Desarrollo identifica como necesario para alcanzar el Objetivo del Sprint.

10
● Sprint Planning Meeting: Esta reunión se hace al comienzo de cada Sprint y se
define cómo se va a enfocar el proyecto que viene del Product Backlog las etapas y
los plazos. Cada Sprint está compuesto por diferentes características. Por ejemplo,
decidimos que los avances del primer Sprint son: diseño del logo, definición colores
y contenido multimedia.
● Daily Scrum o Stand-up Meeting: Es una reunión breve que se realiza a diario
mientras dura el periodo de Sprint.
● Sprint Review: Se revisa el sprint terminado, y ya debería haber un avance claro
y tangible para presentarlo al cliente.
● Sprint Retrospective: El equipo revisa los objetivos cumplidos del Sprint
terminado. Se anota lo bueno y lo malo, para no volver a repetir los errores. Esta
etapa sirve para implementar mejoras desde el punto de vista del proceso del
desarrollo.

2.3 Magento1

Es una plataforma de comercio electrónico, E-commerce, cargada con un montón de


funcionalidades y en código abierto. Es un gestor muy completo que comprende:
contenidos, precios, clientes, inventarios y lo más importante, información logística. Todos
estos aspectos se pueden gestionar desde Magento simplemente con un usuario y
contraseña.

Magento ofrece un catálogo bastante extenso de herramientas para la gestión, el marketing


y la optimización de motores de búsqueda, por lo tanto se le considera como una de las
mejores plataformas E-commerce disponibles actualmente.

2.3.1 Características de Magento

Las características que ofrece Magento son:

 Posibilidad de personalización del diseño.

 Soporte para multi-idioma.

1
https://magento.com/es

11
 Posibilidad de multiplataforma (administrar varias tiendas desde un único panel de
administración).

 Gestión total y completa de catálogo y ficha de productos.

 Gestión de clientes.

 Múltiples formas de pago y envío.

 Inventario y control de stock.

 Web y CMS: 2 en 1.

 Herramientas de marketing:

o Ventas cruzadas, productos sugeridos, productos relacionados.


o Configuración de cupones de descuento y promociones.

2.3.2 Ventajas de Magento:2

 Es el más potente por sus posibilidades de producto y opciones de configuración.

 Existen referentes de conectores entre Magentos y ERPs de alto nivel tipo


Navigation u Open ERP.

 Dispones de muchas plantillas creadas para este CMS, que en ocasiones facilita la
elección de estructuras del proyecto de tienda online.

 Resulta más sencillo realizar personalizaciones de temas orientados a responsive de


los proyectos.

 Magento es utilizado por las grandes empresas de forma que sus opciones de
logística son espectaculares como desarrollos ya realizados.

2
https://www.3dids.com/tienda-online-con-magento/

12
2.3.3 Desventajas de utilización de Magento:

 La primera de todas, la carga del servidor. Se requiere un servidor muy potente.

 Entender la programación y el sistema con el que está creado es complicado.

 También tiene problemas en los módulos de pasarela de pago automatizados.

 Es el más caro de todos, una licencia básica está del orden de 14.400 $.
 Es americano, orientado a ese tipo de usuarios.
 Panel de control demasiado ambicioso y complejo.

13
CAPÍTULO III

ÁREA DE APLICACIÓN DEL PROYECTO

En la ciudad de Cochabamba, las cifras de personas que se dedican al comercio informal


incrementó aceleradamente, esto ha generado que la oferta de productos crezca, pero
también ha producido que muchas establecimientos lleguen a cerrar su servicio debido a la
competencia que se ha instaurado. Muchos negocios ya no perciben los mismos ingresos de
años pasados y en ocasiones solo alcanza para cancelar el alquiler del establecimiento.

Estos inconvenientes con lleva a que muchas personas comercian a través de las de redes
sociales afiliándose a grupos de compra/venta, que por cierto, se ha convertido en una
tendencia en nuestra ciudad. Pero a la vez la poca formalidad en la que se realizan las
transacciones, estado y calidad de los productos, personas con un perfil falso que no
garantiza el producto al comprador, no contar de un centro de reclamo; crean la
susceptibilidad y desconfianza en los compradores que optan por comprar de tiendas
virtuales formalmente establecidas.

Una tienda virtual es el tipo de plataforma digital que se utilizará para vender productos
físicos mediante el comercio electrónico.

3.1 Tienda Virtual

Una tienda virtual (o tienda online) es un espacio dentro de un sitio web, en el que se
ofrecen artículos a la venta. Por lo general, las compras en una tienda virtual se pagan con
tarjeta de crédito en el mismo sitio web y luego los productos son enviados por correo. Sin
embargo, se pueden utilizar otros medios de pago como transferencias bancarias, cupones
de pago, PayPal, etc. En la mayoría de los casos, la tienda virtual suele requerir que los
usuarios se registren (ingresando sus datos) antes de poder realizar una compra.

3.2 Formato de la tienda

Describiremos los principales elementos que serán necesarios para la implementación de


una tienda virtual.

14
3.2.1 El nombre y el dominio de la tienda online

La elección de un buen dominio es esencial en una tienda online, ya que el nombre como
el dominio deben poderse recordarse y escribirse fácilmente, tienen que ser lo más corto
posible y descriptivos.

Se debe registrar el dominio de la tienda y verificar que este no se encuentre en uso.

3.2.2 Elegir el servicio de alojamiento web.

La página web es la columna vertebral de una tienda virtual por tanto es necesario
encontrar un buen servicio de alojamiento Web, en el mercado digital existen un montón de
empresas que ofrecen este servicio para lo cual se debe escoger alguna que cumplan
nuestras expectativas y requerimientos. Existen servicios de alojamiento gratuito pero son
de características limitadas.

Otra opción es disponer de nuestro propio servidor ya que presenta ventajas respecto a la
privacidad de los datos, disponer un respaldo de los mismos, permite escalar a mayor
capacidad de almacenamiento en caso de requerirlo. Pero también tiene desventajas como
el mantenimiento que es una tarea que consume mucho tiempo, los dispositivos físicos
pueden fallar en las horas pico, la conectividad a internet debe ser bastante rápida, la
seguridad es otro aspecto a considerar para evitar que Hackers te roben datos sensitivos y
terminen en manos de terceros.

3.2.3 Productos

Lo primero que buscarán los visitantes que entren en nuestra tienda virtual serán los
productos o servicios que vendemos. La más sencilla es usando páginas web estáticas que
se modifican cada vez que se altera alguna información sobre el producto. Este enfoque es
simple y válido para tiendas con pocos productos que varíen poco en sus características y
precios.

La tienda permite poner en evidencia el precio de ciertos productos visualizando tachado el


precio antiguo y presentando a su lado el nuevo. Puede aplicar un precio de descuento fijo o
un porcentaje.

15
La tienda permite destacar los productos poniéndolos como OFERTA. Estos aparecerán en
un banner y rotará cada vez que se carga una página.

3.3 El proceso de venta Commented [g1]: Revisar tamaños y secuencia numerica para
titulo y subtitulos

Describe como se llevara a cabo la venta de los productos al cliente, se debe disponer la
opción de registrar a los clientes, se manejara un carrito de compras para que el cliente
pueda cargar los productos que requiera y se le mostrara un resumen de los productos para
que proceda con la respectiva orden de compra del producto.

3.3.1 El carrito de compra

Uno de los conceptos que ha tomado fama en el ámbito de las tiendas virtuales es el del
“carrito de compra”. Simplemente se trata de un módulo adicional que asiste al cliente en
su “recorrido virtual” por la tienda, anotando los productos que él va indicando, calculando
su importe final.

Mientras mayor sea la flexibilidad con la que el cliente pueda interactuar con estos módulos
y, sobretodo, mayor sea la facilidad de uso de estas utilidades, mayor será no sólo la
satisfacción de los compradores sino también la satisfacción (y beneficio) de los
vendedores.

En un comercio tradicional el cliente que decidiera, en un momento dado que no va a


comprar nada, debería tal vez devolver los productos a sus estanterías, cosa poco probable.

En una tienda virtual el visitante está a un sólo click de abandonar la tienda dejando su
carrito lleno de productos que no se llevará. Este problema de los “carritos abandonados”
trae de cabeza a los expertos en comercio electrónico.

3.4 Formas de Pago

Finalmente, una vez el cliente decide y ha seleccionado todos los productos que “se
llevará” procederá a la compra.

Las políticas de seguridad y de confidencialidad de los datos y transacciones de los clientes


deben estar claras para todo el mundo (clientes y vendedores) y desde luego ser siempre
coherentes.

16
3.4.1 Pago Online

Un servicio de pago online es un servicio que ofrecen algunas empresas para gestionar el
envío y recibo de pagos en Internet. Este tipo de servicios ofrecen una intermediación entre
el cliente y el vendedor, de tal forma que el primero nunca tiene que compartir información
privada (número de tarjeta, CVC, fecha de caducidad de la tarjeta, etc) con el segundo.

TPV (Terminal de Punto de Venta) Virtuales: Medio más utilizado de pago. Conectando el
e-commerce con la plataforma de pago de la entidad con la que se trabaja. Debe valorarse
el servicio y las comisiones de cada entidad.

Integradores/Proveedores de Servicios de Pago: Incluiríamos a empresas


como Allopass, Paypal, SafetyPay o Sage Pay, las cuales ofrecen la posibilidad de pago a
través de su plataforma. Al ser un mercado más competitivo, se puede negociar con las
mismas con más facilidad que con bancos.

Transferencia con la banca online del usuario: A través de un tercero, como Trustly, se
realiza la transferencia desde la cuenta online del usuario (que antes ha facilitado los datos
de sus cuentas online) a la empresa que vende. Puede generar desconfianza al usuario al
ceder a una tercera empresa sus datos.

Tecnología móvil: Buscando una mejora en la comodidad del pago por parte del usuario,
tanto Apple (Apple Pay) como Google (Google Wallet) ofrecen la posibilidad de realizar
cualquier compra desde el Smartphone o incluso, desde Apple Watch. Junto a ellos, los
sistemas basados en la tecnología NFC como Contactless, se espera que sigan
evolucionando en las tiendas físicas.

3.4.2 El pago offline

Hace referencia a aquellos pagos que no tienen por qué gestionarse a través de Internet. El
pago con tarjeta de crédito o en efectivo en una tienda, una transferencia bancaria, el pago
con cheque o contra rembolso son ejemplos de pagos offline.

Medios más seguros pero normalmente con un proceso más lento que los pagos online.

Transferencias bancarias: Para la empresa implica el trabajar con el banco del cliente si se
quieren reducir comisiones. Al requerir de recibir la transferencia para realizar el envío, se
demora el proceso de compra.

17
Domiciliación o giro bancario: Método en el cuál no se cobra hasta que la entidad ejecuta
la orden para pagar a la empresa. Puede ser de utilidad si se ofrece un servicio cada cierto
tiempo (subscripciones).

Contra reembolso: Opción que cubre el apartado de seguridad a ofrecer al cliente. Por el
contrario, retrasa el cobro del producto y servicio, además de los gastos que puede generar
por devolución.

3.5 La entrega del Producto

Otro de los problemas actuales al que se enfrentan las tiendas virtuales es el de la entrega
del producto. Lo que en muchos comercios es algo tan simple como llenar una bolsa que se
llevará el cliente, en una tienda virtual se convierte en hacer llegar la compra a la dirección
que nos indique el cliente, en perfectas condiciones del producto y, si puede ser, hacerlo ya.

Si el negocio virtual vende información, puede ser relativamente fácil entregarla de forma
inmediata, pero como saben las primeras tiendas virtuales que intentan servir alimentos o
productos perecederos, un pequeño retraso en la entrega puede convertirse en algo
realmente desagradable para el cliente.

Y aquí aparecen nuevos temas que convendrá estudiar con detenimiento. Las entregas de
pequeñas mercancías pueden suponer un coste de transporte superior al importe de la
misma compra, lo que provoca que muchos clientes desistan en su pedido (más carritos
abandonados).

18
CAPÍTULO IV

DESARROLLO DEL PROYECTO

En este capítulo se describe paso a paso el proceso de desarrollo del sistema de ventas
virtuales para una tienda de productos de limpieza con el uso del marco de trabajo
SCRUM.

4.1 Conformación del Equipo de Trabajo

Para el desarrollo del proyecto se conformó el siguiente equipo de trabajo con los diferentes
roles:

ROLES RESPONSABLES

Product Owner Lic. Cussi Nicolás Grover Humberto.

Scrum Master Fernández Llaveta Lizett Patricia

Equipo de Trabajo Fernández Llaveta Jimena Carola


Fernández Llaveta Lizett Patricia
Rueda Salazar Paola
Tabla 1: Equipo de Trabajo
Fuente: Elaboración Propia

4.2 Product Backlog.

Para el presente proyecto se ha escrito una lista de historias de usuario los cuales forman el
product backlog del presente proyecto. La siguiente tabla (ver tabla 2) muestra solo títulos
de las historia, el número de historia, prioridad y una asignación inicial al sprint
correspondiente.

Durante el desarrollo de cada sprint (ver sección 4.3 en adelante) se mostrara el detalle de
cada historia y sus tareas correspondientes:

19
ID HISTORIAS DE USUARIOS PRIORIDAD SPRINT
1 Registro de clientes. ALTA 1

2 Visualizar los clientes registrados. ALTA 1

3 Registro de categorías para los productos. MEDIA 1

4 Visualizar las categorías de productos. ALTA 1


5 Registro de productos. ALTA 2
6 Visualizar los productos registrados. ALTA 2

7 Añadir productos en el carrito de compra. MEDIA 2

8 Visualizar los productos en stock. MEDIA 2

9 Visualizar los productos de oferta. ALTA 3


10 Registro de las ofertas de los productos. MEDIA 3

11 Registro de formas de pago de los clientes. ALTA 3

12 Registro de la venta de los productos. ALTA 3

13 Visualizar las órdenes de venta. MEDIA 3

14 Reporte de los productos más vendidos. MEDIA 4

15 Reporte de los productos más visitados. MEDIA 4

16 Confirmación de pago de la orden. ALTA 5

17 Enviar email de confirmación al usuario. ALTA 5


Traducir al español la interface de
18 ALTA 5
administración y del cliente.
Tabla 2: Product Backlog
Fuente: Elaboración Propia

La cantidad y el tiempo de duración de cada Sprint han sido elaborados tomando en cuenta
el tiempo establecido para la entrega del proyecto. Como planificación inicial se estableció
5 sprints los cuales son detallados a continuación. Adicional a esta planificación se definió
los puntos de historia que son:

20
PH: Puntos de Historia, valores enteros los cuales definen en qué tiempo tardará el
programador en terminar la historia (1 punto = 60 minutos = 1 hora).

SPRINT FECHA FECHA Duración Semanas


INICIAL FINAL
Sprint 1 03/11/2018 17/11/2018 2
Sprint 2 18/11/2018 01/12/2018 2
Sprint 3 02/12/2018 15/12/2018 2
Sprint 4 16/12/2018 29/12/2018 2
Sprint 5 30/12/2018 11/01/2019 2
Tabla 3: Duración de los Sprints
Fuente: Elaboración Propia

4.3 Sprint 1

El primer sprint tiene como objetivo implementar el registro y visualización de nuevos


clientes, esto es: crear, modificar y eliminar clientes; visualizar a los clientes en una lista.

También se procederá a la implementación de la creación de productos, esto es: crear,


modificar y eliminar productos desde la lista.

4.3.1 Sprint Backlog

El Sprint Backlog está formado por las Historias de Usuario a ser desarrollados durante el
Sprint.

CÓDIGO TITULO HISTORIA DE USUARIO


1 Registro de clientes.
2 Visualizar los clientes registrados.
3 Registro de categorías de los productos.
4 Visualizar las categorías de productos.
Tabla 4: Lista de historias de usuario - Sprint 1
Fuente: Elaboración Propia

21
4.3.2 Ejecución del Sprint 1

A continuación se describen cada una de las 4 historias que conforman el sprint 1, el


diseño, la implementación y la respectiva prueba de funcionamiento.

4.3.2.1 Historia de Usuario Nº 1

Se describe el detalle de la historia que comprende: registrar, modificar y eliminar clientes.

HISTORIA DE USUARIO Nº 1
Título: Registro de clientes
Como administrador debo de poder realizar el registro,
Descripción: modificación y eliminación de los datos de los clientes de la
tienda virtual.
- Se mostrará un formulario para el registro de nuevos
clientes
Criterios de
- Se tendrá la opción de modificar (editar) los datos del
Aceptación:
cliente existente
- Se tendrá la opción de eliminar clientes existentes
Puntos de Historia: 24
Tabla 5: Descripción de la Historia Nº 1
Fuente: Elaboración Propia
Tareas:
A continuación se citaran las tareas para la historia de historia de usuario N° 1
Nro. Resumen Responsable
1 Diseño de mockup del formulario. Lizett Patricia Fernandez
Llaveta
2 Diseño del formulario de acuerdo al mockup. Lizett Patricia Fernandez
Llaveta
3 Implementación del formulario de registro de Lizett Patricia Fernandez
clientes. Llaveta
4 Modificación de un cliente registrado. Lizett Patricia Fernandez
Llaveta
5 Eliminación de un cliente registrado. Lizett Patricia Fernandez
Llaveta
6 Diseño de base de datos para el módulo de Lizett Patricia Fernandez
registro del cliente. Llaveta
Tabla 6: Descripción de las tareas de la historia Nº 1
Fuente: Elaboración Propia

22
Mockup 3:
A continuación se muestra el mockup y se definen sus componentes para el Registro,
modificación y eliminación de los datos del cliente:

Figura 4.1: Mockup del Registro, modificación y eliminación de clientes


Fuente: Elaboración Propia

(1) Asociar al sitio WEB: [Lista de selección simple], permite asociar al usuario a
nuestra página web.
(2) Grupo: [Lista de selección simple], permite seleccionar al grupo que será asociado
el nuevo cliente.
(3) Deshabilitar: [Checkbox], permite deshabilitar/habilitar al cliente
(4) Ingreso Datos de Cliente: [Cuadro de Texto], permite introducir diferente datos
personales del cliente como ser su nombre, apellido, E-mail, etc.
(5) Enviar E-mail desde: [Lista de selección simple], permite seleccionar el correo de
salida para comunicarse con el cliente.

3 Mockup: son fotomontajes que permiten a los diseñadores gráficos y web mostrar al cliente como quedarán
sus diseños.

23
Implementación
Se muestra la captura de la implementación del Registro / modificación y eliminación de
los datos del cliente.

Figura 4.2: Pantalla - Visualización Registro de categorías de los productos


Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas necesarias y se verificó el cumplimiento de la historia en base a los
criterios de aceptación.

24
CRITERIO DE ACEPTADO COMENTARIOS
ACEPTACIÓN
Un formulario es abierto para el registro
Se mostrará un formulario para
de nuevos clientes con campos requeridos
el registro de nuevos clientes
como Nombres, Apellidos...etc.
Se tendrá la opción de
En el dropdown de Acciones se tiene la
modificar (editar) los datos del
opción de Editar o modificar
cliente existente
Se tendrá la opción de eliminar En el dropdown de Acciones se tiene la
clientes existentes opción de Eliminar o Remover
Tabla 7: Verificación del cumplimiento de la historia de usuario
Fuente: Elaboración Propia

4.3.2.2 Historia de Usuario Nº 2

En la tabla 11 se describe todo el detalle de la historia de usuario N° 2 que permite


Visualizar los clientes registrados.

HISTORIA DE USUARIO Nª 2
Título: Visualizar los clientes registrados

Como administrador debo de poder ver en una tabla con


Descripción:
todos los clientes registrados en la tienda virtual.

- Se mostrará una tabla con todos los nuevos clientes


registrados
Criterios de - La tabla tendrá paginación para listar todos los clientes
Aceptación: cuando la lista es extensa
- Las columnas se podrán ordenar ascendente o
descendente haciendo clic en el nombre de las columnas
Puntos de Historia: 16
Tabla 8: Descripción de la Historia Nº 2
Fuente: Elaboración Propia

Tareas:
A continuación se citaran las tareas para la historia de usuario N° 2.

25
Nro. Resumen Responsable
1 Generar la tabla de clientes registrados Jimena Carola Fernandez
Llaveta
2 Generar filtros de búsqueda. Jimena Carola Fernandez
Llaveta
Tabla 9: Descripción de las tareas de la historia Nº 2
Fuente: Elaboración Propia

Mockup:
En el siguiente Mockup se muestran y describen los componentes para la Visualización de
los clientes registrados.

Figura 4.3: Mockup de Visualización de clientes registrados


Fuente: Elaboración Propia

(1) Acción: [Lista de selección simple], permite seleccionar la acción proceder con el
usuario seleccionado.
(2) Cantidad de vista: [Lista de selección simple], permite seleccionar cuantos usuarios
quiere ver por página
(3) Número de página: (cuadro de texto], permite deshabilitar al cliente
(4) Lista de clientes: [Cuadro de resultados], visualización de los clientes ya registrados
con su respectiva información.

26
Implementación
La captura muestra la implementación para la Visualización de los clientes registrados.

Figura 4.4: Pantalla - Visualización de clientes registrados


Fuente: Elaboración Propia

Pruebas
Se pudo comprobar la funcionalidad de visualización de los clientes registrados a través
de los diferentes componentes de la página.

CRITERIO DE ACEPTADO COMENTARIOS


ACEPTACIÓN

Se mostrará una tabla con Todos los usuarios creados o


todos los nuevos clientes registrados son listados en una
registrados tabla

La tabla tendrá paginación La tabla de usuarios tiene la


para listar todos los clientes opción de paginación
cuando la lista es extensa

Las columnas se podrán Todas las columnas de la tabla se


ordenar ascendente o ordenan de forma ascendente o
descendente haciendo clic en descendentemente según la
el nombre de las columnas necesidad de visualización
Tabla 10: Prueba - Visualización de clientes registrados
Fuente: Elaboración Propia

27
4.3.2.3 Historia de Usuario Nª 3

A se describe todo el detalle de la historia de usuario N° 3 que permite Registrar, modificar


y eliminar categorías de productos.

HISTORIA DE USUARIO Nº 3
Título: Registro de categorías de los productos

Como administrador debo de poder realizar el registro y/o la


Descripción:
modificación de las categorías de producto.

- Se tendrá un formulario para crear una nueva categoría


con algunos campos requeridos
Criterios de - En el formulario se tendrá una sección para subir imágen
Aceptación: de la categoría
- Se podrá editar o modificar los datos de las categorías ya
creadas.
Puntos de Historia: 24
Tabla 11: Descripción de la Historia Nº 3
Fuente: Elaboración Propia

Tareas:
A continuación se citaran las tareas para la historia de usuario N° 3.

Nro. Resumen Responsable


1 Diseño del formulario de acuerdo al prototipo. Paola Rueda Salazar
Implementar el formulario de registro de
2 Paola Rueda Salazar
categorías de productos.
3 Modificación de una categoría registrada. Paola Rueda Salazar
Eliminación de una categoría de producto
4 Paola Rueda Salazar
registrado.
Diseño de base de datos para el módulo de
5 Paola Rueda Salazar
registro de categorías de productos
Listar las categorías de productos en la vista Lizett Patricia Fernandez
6
de la pantalla principal Llaveta
Tabla 12: Descripción de las tareas de la historia Nº 3
Fuente: Elaboración Propia

28
Mockup:
Se realizó el diseño del Mockup y componentes para la visualización del registro de las
categorías de los productos, estos son descritos a continuación:

Figura 4.5: Mockup- Registro de categorías de los productos


Fuente: Elaboración Propia

(1)Guardar: [Botón], permite guardar el registro de los productos.


(2)Habilitar categoria: [Switch], permite habilitar/deshabilitar la categoría del producto.
(3)Incluir en el Menú: [Switch], permite habilitar/deshabilitar la inclusión de una
categoría.
(4)Nombre de Categoría: [Cuadro de Texto], permite introducir nombre de la Categoría.
(5)Categoría de Imagen: [Botón], permite cargar una imagen del producto para mostrar a
los clientes.
(6)Descripción: [Cuadro de Texto], permite describir las características del producto.

Implementación

Se muestra la pantalla de Visualización de las categorías de productos.

29
Figura 4.6: Pantalla - Registro de categorías de los productos
Fuente: Elaboración Propia

Pruebas

Se muestran las pruebas realizadas para la creación de las categorías de productos.

CRITERIO DE ACEPTADO COMENTARIOS


VALIDACIÓN

Se tendrá un formulario para Hay un formulario para llenar


crear una nueva categoría algunos campos requeridos para crear
con algunos campos categoría o subcategoría
requeridos

En el formulario se tendrá Hay un campo para subir una imagen


una sección para subir que caracterice a la categoría o
imagen de la categoría subcategoría

Se podrá editar o modificar Hay la opción para editar o modificar


los datos de las categorías los datos de la categoría o
ya creadas subcategoría
Tabla 13: Prueba - Registro de categorías de los productos
Fuente: Elaboración Propia

4.3.2.4 Historia de Usuario Nª 4

A continuación se detalla la historia Nº 4 y los procedimientos necesarios para su


cumplimiento.

30
HISTORIA DE USUARIO Nº 4
Título: Visualizar las categorías de productos

Como administrador debo de poder ver el listado de todas


Descripción:
las categorías registradas en la tienda virtual.

- El listado de las categorías se podrá ver en forma de árbol


(categoría raíz y sus sub categorías)
Criterios de - Se tendrá una tabla con la lista de los productos asociados
Aceptación: a la categoría o subcategoría
- Cada categoría creada que tiene productos asociados
mostrará el número de productos asociados que tiene
Puntos de Historia: 16
Tabla 14: Descripción de la Historia Nº 4
Fuente: Elaboración Propia

Tareas:
A continuación se citaran las tareas para la historia de usuario N° 4

Nro. Resumen Responsable


Jimena Carola Fernandez
1 Listar las categorías creadas.
Llaveta
Jimena Carola Fernandez
2 Generar filtros de búsqueda
Llaveta
Tabla 15: Descripción de las tareas de la historia Nº 4
Fuente: Elaboración Propia

Mockup:
En el siguiente Mockup se muestran y describen los componentes para la visualización de
las categorías de productos.

31
Figura 4.7: Mockup - Visualizar las categorías de productos
Fuente: Elaboración Propia

(1) Agregar categoría principal: [Botón], permite agregar categoría principal para los
productos..
(2) Agregar Subcategorías: [Botón], permite agregar una subcategoría categoría para los
productos..
(3) Lista de los productos: [Switch], muestra la lista de los productos y sus categorías.

Implementación

A continuación se muestra la captura de pantalla de la visualización de la creación,


modificación y eliminación de los datos del registro de categorías de productos.

32
Figura 4.8: Pantalla- Visualizar las categorías de productos
Fuente: Elaboración Propia

Pruebas

En la tabla a continuación se describe las pruebas necesarias para verificar el cumplimiento


de la historia Nº 4.

33
CRITERIO DE ACEPTADO COMENTARIOS
VALIDACIÓN
El listado de las categorías se Hay un listado de Categoría y
podrá ver en forma de árbol subcategoría en forma de árbol
(categoría raíz y sus sub
categorías)

Se tendrá una tabla con la lista Cuando la categoría ya tiene


de los productos asociados a la productos asociados en la sección de
categoría o subcategoría Productos en la categoría se muestra
una lista de todos los productos
asociados a esta

Cada categoría creada que tiene Al final del nombre de la categoría


productos asociados mostrará el en el árbol de estructura ya se
número de productos asociados muestra el número de productos
que tiene asociados que tiene la misma
Tabla 16: Prueba - Pantalla registro de las categorías de los productos
Fuente: Elaboración Propia

4.3.3 Diseño Sprint 1

Para la fase de diseño se realizará el diagrama: Modelo Entidad - Relación

34
a) Modelo Entidad - Relación.

Figura 4.9: Modelo Entidad Relación – Sprint 1


Fuente: Elaboración Propia

35
4.4 Sprint 2

El segundo Sprint tiene como objetivo implementar el registro de Productos, esto es: crear,
modificar y eliminar productos; visualizar estos productos en la tienda virtual y agregar los
productos seleccionados al carrito de compras.

4.4.1 Sprint Backlog

Para el desarrollo del sprint 2 se seleccionaron 4 historias de usuario descritas a


continuación:

ID HISTORIAS DE USUARIOS PRIORIDAD


5 Registro de productos. ALTA

6 Visualizar los productos registrados. ALTA

7 Añadir productos en el carrito de compra. MEDIA

8 Visualizar los productos en stock. MEDIA


Tabla 17: Lista de historias de usuario - Sprint 2
Fuente: Elaboración Propia

4.4.2 Ejecución del Sprint 2

A continuación se describen las historias que conforman el sprint 2, el diseño, la


implementación y la respectiva prueba de funcionamiento de cada una.

4.4.2.1 Historia de Usuario Nº 5

En la siguiente tabla se describe la historia del Usuario Nº 5 que comprende el Registro,


modificación y eliminación de productos y las tareas que se llevarán a cabo para lograrlo.

36
HISTORIA DE USUARIO Nº 5
Título: Registro de productos.
Como administrador debo de poder realizar el registro y
Descripción: modificación y eliminación de los datos de los productos de
la tienda virtual.
- Se obtendrá un formulario de registro y modificación de
Criterios de
los datos del producto.
Aceptación:
- Se podrá eliminar un producto registrado.
Puntos de Historia: 28
Tabla 18: Descripción de la Historia Nº 5
Fuente: Elaboración Propia

Tareas:
A continuación se citaran las tareas para la historia de usuario N° 5.

Nro. Resumen Responsable


Lizett Patricia
1 Diseño de prototipo del formulario.
Fernandez llaveta
Lizett Patricia
2 Diseño del formulario de acuerdo al prototipo
Fernandez llaveta
Implementación del formulario de registro de Lizett Patricia
3
productos. Fernandez llaveta
Lizett Patricia
4 Modificación de un producto registrado.
Fernandez llaveta
Lizett Patricia
5 Eliminación de un producto registrado.
Fernandez llaveta
Tabla 19: Descripción de las tareas de la historia Nº 5
Fuente: Elaboración Propia

Mockup
Registro, modificación y eliminación de productos, correspondiente a las historias de
usuario

37
Figura 4.10: Mockup- Registro de productos
Fuente: Elaboración Propia

(1)Guardar: [Botón], permite guardar el nuevo producto y sus características.


(2)Añadir Atributo: [Botón], permite añadir atributos y características a los productos
(3)Flecha atrás: [Botón], vuelve a la ventana anterior.
(4)Habilitar Producto: [Switch], permite habilitar/deshabilitar un producto
(5)Conjunto de atributos: [Lista de selección simple], permite introducir nombre de la
Categoría.
(6)Nombre de Producto: [Cuadro de Texto], permite introducir nombre del Producto
(7)Precio: [Cuadro de Texto], permite introducir el precio del producto.
(8)Cantidad: [Cuadro de Texto], permite introducir la cantidad disponible del producto en
stock.
(9)Estado de existencia: [Lista de selección simple], permite seleccionar la existencia del
producto en stock.
(10)Categorías: [Lista de selección simple], permite seleccionar la categoría del producto
(11)Nueva Categoría: [Botón], permite añadir una nueva categoría para el producto.
(12)Visibilidad: [Lista de selección simple], permite describir las características del
producto.

38
Implementación

En esta pantalla se muestra el Registro, modificación y eliminación de productos para la


tienda virtual

Figura 4.11: Captura- Registro de productos


Fuente: Elaboración Propia

Pruebas

Se realizó la prueba de caja negra para la verificación del cumplimiento de la historia


registro, modificación y eliminación de productos.

39
CRITERIO DE ACEPTADO COMENTARIOS
ACEPTACIÓN

Se logra visualizar un formulario y


Se dispondrá de un formulario
este permite el registro y la
de registro y modificación de
modificación de los datos del
los datos del producto.
producto.

Se puede eliminar un producto ya sea


Se podrá eliminar un producto
porque sus datos estén erróneos o
registrado
porque ya no se comercialice producto

Tabla 20: Prueba-Pantalla Registro, modificación y eliminación de productos


Fuente: Elaboración Propia

4.4.2.2 Historia de Usuario Nº 6

A continuación se describe la historia de usuario Nº 6 que comprende Visualización de los


productos registrados y las tareas que se llevarán a cabo.

HISTORIA DE USUARIO Nº 6

Título: Visualización de los productos registrados

Como administrador debo de poder ver en una tabla todos


Descripción:
los productos registrados en la tienda virtual.

- Se obtendrá una tabla de visualización con los datos de los


Criterios de productos registrados
Aceptación:
- Se tendrá un filtro de columnas de los productos.
Puntos de Historia: 20
Tabla 21: Descripción de la Historia Nº 6
Fuente: Elaboración Propia

Tareas:
En la siguiente tabla se citan las tareas para la historia de usuario N° 6

40
Nro. Resumen Responsable
Jimena Carola
1 Listar los productos registrados
Fernandez Llaveta
Jimena Carola
2 Generar filtros de búsqueda.
Fernandez Llaveta
Tabla 22: Descripción de las tareas de la historia Nº 6
Fuente: Elaboración Propia
Mockup:

En el siguiente mockup se muestra y describen los componentes para la visualización de


los productos registrados, correspondiente a las historia.

Figura 4.12: Mockup-Visualización de productos registrados


Fuente: Elaboración Propia

(1) Añadir Producto: [Botón], permite ingresar a la ventana para añadir nuevo producto.
(2) Filtro: [Lista de selección simple], permite filtrar los productos a visualizar.
(3) Número de vista: [Lista de selección simple], permite seleccionar cuantos productos se
desea visualizar por hoja
(4) Número de hoja: [cuadro de texto], permite movernos y acceder a las hojas disponibles
de los productos.

41
(5) Acción: [Lista de selección simple], permite seleccionar la acción a realizar con los
productos elegidos.
(6) Lista de Productos: [Cuadro de resultados], permite la visualización de los productos.

Implementación

En esta pantalla se muestra Visualización de los productos registrados de la tienda virtual

Figura 4.13: Captura- Visualización de los productos registrados


Fuente: Elaboración Propia

Pruebas

En la siguiente tabla se describen las pruebas realizadas para la visualización de los


productos registrados.

42
CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN

Se obtendrá una tabla de


La tabla obtenida permite visualizar los
visualización con los datos de
datos de los productos registrados.
los productos registrados

Se tiene un filtro de columnas de los


Se tendrá un filtro de productos que al presionar da la opción
columnas de los productos. de seleccionar las características a
visualizar en la tabla.

Tabla 23: Prueba-Pantalla Visualización de los productos registrados


Fuente: Elaboración Propia

4.4.2.3 Historia de Usuario Nº 7

En la siguiente tabla se detalla la historia de usuario N° 7 que permitirá agregar, modificar


y eliminar productos en el carrito de compra.

HISTORIA DE USUARIO Nº 7

Título: Añadir productos en el carrito de compra

Como administrador debo de poder realizar el registro y


Descripción: modificación y eliminación de los productos en el carrito de
compras de la tienda virtual.

- Se obtendrá un formulario de productos registrados al


Criterios de carrito de compra.
Aceptación: - Se podrá modificar y eliminar un producto registrado.
- Se procederá a revisar y ejecutar la orden
Puntos de Historia: 25
Tabla 24: Descripción de la Historia Nº 7
Fuente: Elaboración Propia

43
Tareas:

Nro. Resumen Responsable


1 Diseño de prototipo del formulario. Paola Rueda Salazar
2 Diseño del formulario de acuerdo al prototipo Paola Rueda Salazar
3 Implementar el formulario de registro Paola Rueda Salazar
4 Modificación de un producto registrado. Paola Rueda Salazar
5 Eliminación de un producto registrado. Paola Rueda Salazar
Diseño de base de datos para el módulo de
6 Paola Rueda Salazar
registro de productos.
Visualizar los productos en la vista de la
7 Paola Rueda Salazar
pantalla principal de la página
Tabla 22: Descripción de la historia Nº 7
Fuente: Elaboración Propia

Mockup:
Se describen todas las funcionalidades dentro del mockup de la correspondiente historia
de usuario

Figura 4.14: Mockup - Añadir productos en el carrito de compra


Fuente: Elaboración Propia

44
(1)Resumen: [Texto Simple], muestra el resumen de costo, descuentos y despacho de los
productos en el carrito de compras
(2)Proceder pago y envió: [Botón], permite proceder al pago de los productos y el envío
cierra la venta.
(3) Lista de Productos: [Cuadro de resultados], permite la visualización de los productos
que elegimos en el carrito de compras, permite modificar y eliminar el producto.

Implementación

En esta captura se muestra la Visualización para agregar, modificar y eliminar productos en


el carrito de compras.

Figura 4.15: Pantalla- Añadir productos en el carrito de compra


Fuente: Elaboración Propia

Pruebas

Se realizaron las pruebas necesarias para la Visualización, Agregar, modificar y eliminar


productos en el carrito de compra.

45
CRITERIO DE ACEPTADO COMENTARIOS
ACEPTACIÓN

En el formulario se visualiza los


Se obtendrá un
productos que registramos en el carrito
formulario de productos
de compras, este formulario permite
registrados al carrito de
agregar, modificar y eliminar los
compra.
productos en el carrito de compras.

Se podrá modificar y En el formulario tenemos la opción de


eliminar un producto
poder modificar un producto dentro el
registrado.
carrito de compras.

Nos muestra el resumen en el carrito de


Se procederá a revisar y
compra; el costo y los productos. Esto
ejecutar la orden
nos permite revisar y ejecutar la compra.

Tabla 26: Prueba- Añadir productos en el carrito de compra


Fuente: Elaboración Propia

4.4.2.4 Historia de Usuario Nº 8

A continuación se describe el detalle de la historia de usuario N° 8 que permite la


visualización de los productos en stock.

HISTORIA DE USUARIO Nº 8

Título: Visualización de los productos en stock

Como administrador debe poder ver los productos que estén


Descripción: con un cantidad 0.

- Tener una tabla de visualización de los productos en stock


Criterios de 0.
Aceptación:
- Poder exportar los productos de stock 0 a Excel.
Puntos de Historia: 14
Tabla 27: Descripción de la Historia Nº 8
Fuente: Elaboración Propia

46
Tareas:
En la siguiente tabla se citan las tareas para la ejecución de la historia Nº 8.

Nro. Resumen Responsable


Mostrar los productos registrados con Jimena Carola Fernandez
1
cantidades de 0 Llaveta
Exportar los productos en stock 0 en Excel Jimena Carola Fernandez
2
Llaveta
Crear filtro de búsqueda para los productos en Jimena Carola Fernandez
3
stock 0 Llaveta
Tabla 28: Descripción de las tareas de la historia Nº 8
Fuente: Elaboración Propia

Mockup:
Visualización de los productos en stock, correspondiente a las historias Nº 8. Ver Figura a
continuación:

Figura 4.16: Mockup- Visualización de los productos en stock


Fuente: Elaboración Propia

(1) Exportar a: [Selección simple], permite seleccionar el formato a ser exportado del
listado del stock.
(2) Exportar: [Botón], permite ejecutar la exportación de la lista del stock.

47
(3) Buscar: [Botón], Permite Buscar un producto en específico.
(4) Restablecer Filtro: [enlace], permite borrar los productos visualizados
(5) Mostrar productos por página: [Lista de selección simple], permite seleccionar
cuantos productos queremos ver por página
(6) Número de página: [cuadro de texto], muestra el número de página que nos
encontramos.
(7)Productos: [Cuadro de Texto], Muestra el nombre del producto, y la cantidad que hay
en stock

Implementación

En esta pantalla se muestra Visualización de los productos disponibles en stock

Figura 4.17: Captura- Visualización de los productos en stock


Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas para la verificación del cumplimiento de la correspondiente historia;
Visualización de los productos en stock.

48
CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN

Tener una tabla de


Se tiene una tabla en el que se
visualización de los productos
visualiza los productos en stock 0.
en stock 0.

Al presionar el botón “exportar” da


Poder exportar los productos la opción de seleccionar el formato
de stock 0 a excel. de exportar los productos de stock 0,
entre ellos el formato Excel.

Tabla 29: Prueba-Visualización de los productos en stock


Fuente: Elaboración Propia

4.4.3 Diseño Sprint 2

Para esta fase se realizará el diagrama: Modelo Entidad - Relación

a) Modelo Entidad - Relación.

49
Figura 4.18: Modelo Entidad Relación – Sprint 2
Fuente: Elaboración Propia

4.5 Sprint 3

El Tercer Sprint tiene como objetivo implementar la visualización de Productos, detalle de


la venta, formas de pago, registro de las ofertas para los productos esto es: crear, modificar

50
y eliminar productos; visualizar estos productos en la tienda virtual y agregar los productos
seleccionados al carrito de compras.

4.5.1 Sprint Backlog

Para el desarrollo del sprint 3 se elaboraron 4 historias de usuario descritas a continuación:

ID HISTORIAS DE USUARIOS PRIORIDAD

9 Visualizar los productos de oferta. ALTA

10 Registro de las ofertas de los productos. MEDIA

11 Registro de formas de pago de los clientes. ALTA


12 Registro de la venta de los productos. ALTA
12 Visualizar las órdenes de venta. MEDIA
Tabla 30: Lista de historias de usuario - Sprint 3
Fuente: Elaboración Propia

4.5.2 Ejecución del Sprint 3

A continuación se describen las historias que conforman el sprint 3, así como el diseño, la
implementación y la respectiva prueba de funcionamiento.

4.5.2.1 Historia de usuario Nº 9

En la siguiente tabla se describe la historia de usuario Nº 9, que comprende la


visualización de los productos de oferta.

HISTORIA DE USUARIO Nº 9
Título: Visualizar los productos de oferta.

Como administrador necesito poder ver en una tabla todas


Descripción:
las categorías registradas en la tienda virtual.

Criterios de - Se obtendrá la visualización de las ofertas registradas.


Aceptación: - Se tiene Filtros de búsqueda de las ofertas registradas.
Puntos de Historia: 20
Tabla 31: Descripción de la historia Nº 9
Fuente: Elaboración Propia

51
Tareas:
En la siguiente tabla se citan las tareas que se llevarán a cabo para lograrlo.

Nro. Resumen Responsable


Visualización de las ofertas registradas en los Jimena Carola
1
productos registrados. Fernandez Llaveta
Filtros de búsqueda de las ofertas registradas. Jimena Carola
2
Fernandez Llaveta
Tabla 32: Descripción de las tareas de la historia Nº 9
Fuente: Elaboración Propia
Mockup
Se describen los elementos necesarios dentro del Mockup Visualización de oferta de los
productos.

Figura 4.19: Mockup- Visualización de oferta de los productos


Fuente: Elaboración Propia

(1) Imagen: [Imagen], muestra la imagen del producto ofertado


(2) Nombre del Producto: [Texto], muestra el nombre del producto que está en oferta
(3) Precio: [Texto], muestra el costo de oferta del producto, así como el costo anterior

52
(4) Añadir al Carrito: (Botón], al presionar permite añadir el producto ofertado al carro de
compras.

Implementación
A continuación se muestra la captura de pantalla de la visualización de la oferta de los
productos.

Figura 4.20: Captura- Visualización de oferta de los productos


Fuente: Elaboración Propia

Pruebas

En la tabla a continuación se describe las pruebas bajo los criterios de aceptación:

CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACION

Se visualiza la imagen y nombre del


Se obtendrá la visualización producto en oferta, el precio de oferta y
de las ofertas registradas. precio anterior del producto, y permite
añadir el producto al carrito de compras.

Se tiene Filtros de búsqueda Se dispone del filtro de búsqueda que


de las ofertas registradas. facilita identificar un producto.

Tabla 33: Prueba-Visualización de oferta de los productos


Fuente: Elaboración Propia

53
4.5.2.2 Historia de usuario Nº 10

En la siguiente tabla se describe la historia del Usuario 10 que comprende Registro de las
ofertas de los productos, y las tareas que se llevarán a cabo para lograrlo.

HISTORIA DE USUARIO Nº 10
Título: Registro de las ofertas de los productos.
Como administrador necesito poder realizar el registro y
Descripción: modificación y eliminación de las oferta de los productos
registrados en la tienda virtual.
- Se tendrá un formulario de registro de la oferta de los
productos.
Criterios de - Se tendrán condiciones para el registro de la oferta.
Aceptación:
- Se agregaran tipos de ofertas a los productos que cumplan
la condición.
Puntos de Historia: 30
Tabla 34: Descripción de la historia Nº 10
Fuente: Elaboración Propia

Tareas:
Se citan las tareas que se llevaran a cabo dentro la historia Nº 10.

Nro. Resumen Responsable


Diseño de prototipo del formulario de registro Lizett Patricia
1
de oferta. Fernandez llaveta
Diseño del formulario de acuerdo al prototipo Lizett Patricia
2
definido. Fernandez llaveta
Implementación del formulario de registro de la Lizett Patricia
3
oferta. Fernandez llaveta
Lizett Patricia
4 Modificación de la oferta registrada.
Fernandez llaveta
Lizett Patricia
5 Eliminación de la oferta registrada.
Fernandez llaveta
Visualización de los productos ofertados en la Lizett Patricia
6
pantalla principal de la tienda. Fernandez llaveta
Tabla 35: Descripción de las tareas de la historia Nº 10
Fuente: Elaboración Propia

54
Mockup
En el siguiente Mockup se muestran y describen los componentes para el registro de las
ofertas de los productos.

Figura 4.21: Mockup- Registro de las ofertas de los productos


Fuente: Elaboración Propia

(1) Guardar: [Botón], al presionar debe guardar la nueva regla para los productos en oferta
(2) Guardar y continuar editando: [Botón], al presionar debe guardar la regla y permitir
la edición de la regla.
(3) Guardar y Aplicar: [Botón], al presionar debe guardar y aplicar los cambios a la regla
de la oferta.
(4) Restablecer: [Botón], al presionar restablece los datos de la regla.
(5) Atrás: [Botón], al presionar vuelve a la ventana anterior.

55
(6) Nombre de Regla: [Cuadro de Texto], debe permitir llenar el nombre de la regla.
(7) Descripción: [Cuadro de Texto], debe permitir introducir la descripción de la regla.
(8) Estado: [Lista de selección], permite seleccionar el estado entre Activo/Inactivo.
(9) Sitio Web: [Lista de selección simple], debe aplicarse a nuestro sitio web.
(10) Grupo de clientes: [Lista de selección simple], debe permitir seleccionar al grupo de
clientes que aplicaremos la regla de la oferta.
(11) Condiciones: [Lista de selección], permite seleccionar el tipo de condición para la
regla de la oferta.
(12) Aplicar: [Lista de selección simple], debe permitir seleccionar como queremos aplicar
la regla.
(13) Cantidad de descuento: [Cuadro de texto], permitirá introducir cuál será la cantidad
del descuento.
(14) Descartar reglas Subsecuentes: [Lista de selección simple], permite descartar las
reglas subsecuentes.

Implementación
A continuación se muestra la captura de pantalla de la implementación de la historia

56
Figura 4.22: Pantalla- Registro de las ofertas de los productos
Fuente: Elaboración Propia

Prueba
Se realizaron las pruebas correspondientes bajo los criterios de aceptación.

57
CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN
Se tendrá un formulario de
Se dispone de un formulario que registra
registro de la oferta de los
las ofertas de los productos.
productos.

Se tendrán condiciones para el Se tiene la opción de seleccionar el tipo


registro de la oferta. de condición para el registro de la oferta.

Debe permitir seleccionar el


Se tiene la opción de seleccionar el tipo
tipo de condición para la regla
de condición para la regla de la oferta.
de la oferta.
Tabla 36: Registro de las ofertas de los productos
Fuente: Elaboración Propia

4.5.2.3 Historia de usuario Nº 11

En la siguiente tabla se describe la historia del Usuario 11 que comprende Registro de


formas de pago de los clientes, y las tareas que se llevarán a cabo para lograrlo.

HISTORIA DE USUARIO Nº 11
Título: Registro de formas de pago de los clientes.
Como administrador debo poder registrar las formas de
Descripción: pago, para poder ofrecer a los clientes.

Criterios de Se mostrara un formulario de registro del tipo de pagos.


Aceptación:
Puntos de Historia: 20
Tabla 37: Descripción de la historia Nº 10
Fuente: Elaboración Propia

Tareas:
A continuación se describen las tareas de la historia.

58
Nro. Resumen Responsable
Diseño del formulario de registro de los tipos de Paola Rueda Salazar
1
pago
Implementación del formulario de registro del Paola Rueda Salazar
2
tipo de pago
Mostrar los tipos de pagos al momento de Paola Rueda Salazar
3
realizar la venta
Tabla 38: Descripción de las tareas de la historia Nº 11
Fuente: Elaboración Propia
Mockup:
En la siguiente figura se describen los elementos que componen el mockup de la historia.

Figura 4.23: Mockup- Registro de formas de pago


Fuente: Elaboración Propia

(1) Habilitado: [selección Simple], Permite habilitar el pago de transferencia bancaria.


(2) Título: [cuadro de texto], permite ingresar la entidad bancaria para el pago de la
transferencia.
(3) Nuevo estado de Orden: [Selección simple], pendiente.
(4) Pago de países aplicables: [selección simple], permite seleccionar los países
específicos para el pago de transferencia.

59
(5) Pago de países específicos: [Lista de selección], permite seleccionar el país.

Implementación

En la siguiente imagen se muestra la captura del registro de pago de los clientes:

Figura 4.24: Pantalla- Registro de formas de pago


Fuente: Elaboración Propia

Pruebas
Se describen las pruebas realizadas bajos los criterios de aceptación.

CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACION

Un formulario es mostrado para configurar


Se mostrara un formulario de
el tipo de pago en este caso para la
registro del tipo de pago.
transferencia bancaria

Tabla 39: Prueba-Registro de formas de pago


Fuente: Elaboración Propia

60
4.5.2.4 Historia de usuario Nº 12

En la siguiente tabla se describe la historia del Usuario 12 que comprende el registro de la


venta de los productos.

HISTORIA DE USUARIO Nº 12
Título: Registro de la venta de los productos.
Como cliente debo de registrar la orden ventas de los
Descripción: productos.

- Se obtendrá formulario de registro de dirección de envío.


Criterios de - Se dispondrá de una Vista de confirmación para el pago
Aceptación:
de la orden de venta.
Puntos de Historia: 20

Tabla 40: Descripción de la historia Nº 10


Fuente: Elaboración Propia

Tareas:
A continuación se describen las tareas que se llevarán a cabo para lograrlo.

Nro. Resumen Responsable


Formulario de registro de la ubicación del lugar Jimena Carola
1
de envío del cliente. Fernández Llaveta
Formulario del pago realizado. Jimena Carola
2
Fernández Llaveta
Prototipo del formulario del registro de la Jimena Carola
3
dirección del envío. Fernández Llaveta
Prototipo del formulario de la selección del tipo Jimena Carola
4
de pago. Fernández Llaveta
Tabla 41: Descripción de las tareas de la historia Nº 12
Fuente: Elaboración Propia

Mockup:
A continuación se muestra el mockup y se definen sus componentes para el registro de la
venta de los productos.

61
Figura 4.25: Mockup- Registro de la venta de los productos
Fuente: Elaboración Propia

(1) Email: [Cuadro de texto], permite ingresar el correo electrónico del cliente.
(2) Nombre: [Cuadro de texto], permite ingresar el nombre del cliente.
(3) Apellido: [Cuadro de texto], permite ingresar el apellido del cliente.
(4) Dirección: [Cuadro de texto], permite ingresar la dirección de envío del cliente.
(5) Ciudad: [Cuadro de texto], permite ingresar la ciudad del cliente.
(6) Estado/provincia: [Cuadro de texto], permite ingresar estado/provincia del envío al
cliente.
(7) Código postal: [Cuadro de texto], permite ingresar el código postal del país.
(8) Resumen de la Orden: [texto], muestra el resumen de la orden de los productos que el
cliente tiene en el carro de compras.
(9) Siguiente: [Botón], al presionar envía a la ventana siguiente para proceder con la orden.

62
Implementación
Se muestra la pantalla del registro de la venta de los productos

Figura 4.26: Captura- Registro de la venta de los productos


Fuente: Elaboración Propia

Pruebas
En la siguiente tabla se describen las pruebas para el registro de la venta de los productos.

CRITERIO DE
ACEPTADO DESCRIPCIÓN
ACEPTACIÓN
Se tiene un formulario de registro de
Se obtendrá formulario de
dirección de envío donde se ingresa los datos
registro de dirección de envío.
del cliente.

Muestra el resumen de los productos


Se dispondrá de una Vista de
adquiridos que el cliente en su carrito de
confirmación para el pago de
compras. Al presionar debe enviarnos a la
la orden de venta.
ventana siguiente para proceder con la orden.
Tabla 42: Prueba - Registro de la venta de los productos
Fuente: Elaboración Propia

63
4.5.2.5 Historia de usuario Nº 13
En la siguiente tabla se describe la Historia de Usuario Nº 13 que comprende la
visualización de las órdenes de venta y las tareas que se llevarán a cabo para lograrlo.

HISTORIA DE USUARIO Nº 13
Título: Visualizar las órdenes de venta.
Como administrador debo poder ver las órdenes de ventas
Descripción: registradas por los clientes.

- Se tendrá tabla de visualización de las órdenes de venta


realizadas por el cliente.
Criterios de - Se dispondrá de filtros de las columnas de los datos.
Aceptación:
- Se visualizará el paginado de la tabla de visualización de
las órdenes de venta.
Puntos de Historia: 15
Tabla 43: Descripción de la historia Nº 13
Fuente: Elaboración Propia

Tareas:

Nro. Resumen Responsable


Prototipo de la tabla de las órdenes de venta. Paola Rueda Salazar
1

Diseño de la tabla de visualización de las Paola Rueda Salazar


2
órdenes de venta realizados.
Implementación de filtros en las columnas de Paola Rueda Salazar
3
visualización de las órdenes de venta.
Tabla 41: Descripción de las tareas de la historia Nº 13
Fuente: Elaboración Propia

Mockup:
A continuación el mockup describe los elementos que forman parte de la historia para
Visualización de las órdenes de venta.

64
Figura 4.27: Mockup- Visualización de las órdenes de venta
Fuente: Elaboración Propia

(1) Crear Nueva Orden: [Botón], al presionar debe enviar al formulario para llenar una
nueva orden.
(2) Buscar: [Buscador], busca una orden específica.
(3) Filtro: [Botón], Permite filtrar una orden específica.
(4) Acción: [Selección simple], permite seleccionar qué acción procederá con la orden
seleccionada.
(5) Mostrar productos por página: [Lista de selección simple], permite seleccionar
cuantos productos queremos ver por página.
(6) Número de página: [cuadro de texto], muestra el número de página que se está
visualizando.
(7) Órdenes de venta: [Tabla de órdenes], muestra las características de una determinada
orden.

Implementación
A continuación se muestra la pantalla de la Visualización de las órdenes de venta.

65
Figura 4.28: Pantalla- Visualización de las órdenes de venta
Fuente: Elaboración Propia

Pruebas
Se realizaron las respectivas pruebas para verificar el funcionamiento de la historia.

CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN

Se tendrá una tabla de Se muestra una tabla donde se


visualización de las órdenes de visualiza las características de las
venta realizadas por el cliente. órdenes de venta realizadas.

Se dispondrá de Filtros de las Debe Permitir filtrar las columnas de


columnas de los datos datos para visualizar.

Muestra el número de página de la


Se visualizará Paginado de la
tabla que se está visualizando de las
tabla de visualización de las
órdenes de venta y también
órdenes de venta
desplazarnos entre las páginas

Tabla 42: Prueba - Visualización de las órdenes de venta


Fuente: Elaboración Propia

66
4.5.3 Diseño Sprint 3

Para esta fase de diseño se realizará el diagrama: Modelo Entidad - Relación .

a) Modelo Entidad - Relación.

Figura 4.29: Modelo Entidad Relación – Sprint 3


Fuente: Elaboración Propia

67
4.6 Sprint 4

El sprint 4 tiene como objetivo implementar los reportes de los productos más vendidos y
los productos más visitados en la tienda virtual.

4.6.1 Sprint Backlog

Para el desarrollo de este sprint se proponen 2 historias de usuario descritas a continuación:

CÓDIGO DESCRIPCIÓN
14 Reporte de los productos más vendidos
15 Reporte de los productos más visitados
Tabla 43: Lista de historias de usuario - Sprint 4
Fuente: Elaboración Propia

4.6.2 Ejecución del Sprint 4

A continuación se describen las 2 historias que conforman el sprint 4, el diseño, la


implementación y la respectiva prueba de funcionamiento de cada historia.

4.6.2.1 Historia de usuario Nº 14

En la siguiente tabla se describe la historia del Usuario 14 que comprende reporte de los
productos más vendidos.

HISTORIA DE USUARIO Nº 14
Título: Reporte de los productos más vendidos
Como administrador debo visualizar los reportes de los
Descripción: productos más vendidos.

- Se mostrará una tabla de los productos más vendidos


Criterios de - Se tendrá filtro de búsqueda por fechas de los productos
Aceptación:
más vendidos.
Puntos de Historia: 16
Tabla 44: Descripción de la historia Nº 14
Fuente: Elaboración Propia

68
Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograrlo.

Nro. Resumen Responsable


Diseño del prototipo del reporte Jimena Carola
1
Fernandez Llaveta
Realización del modelo reporte de los productos Jimena Carola
2
más vendidos de acuerdo al prototipo Fernandez Llaveta
Implementación del reporte Jimena Carola
3
Fernandez Llaveta
Tabla 45: Descripción de las tareas de la historia Nº 14
Fuente: Elaboración Propia
Mockup
A continuación se describen los elementos pertenecientes al mockup de la historia para el
reporte de los productos más vendidos.

Figura 4.30: Mockup- Reporte de los productos más vendidos


Fuente: Elaboración Propia

69
(1) Mostrar Reporte: [Botón], al presionar debe mostrar el reporte de los productos más
vendidos
(2) Filtro: [Lista de selección], Permite filtrar una búsqueda de los productos más vendidos
por el periodo, por un rango de fechas.
(3) Exportar a: [Selección simple], permite seleccionar al formato que exportamos el
reporte de los productos más vendidos.
(4) Exportar: [Botón], al presionar ejecuta la orden de exportar el listado de la tabla
(5) Registros encontrados: [Tabla], muestra la lista de productos más vendidos.

Implementación

Se muestra la captura de la implementación del reporte de los productos más vendidos.

Figura 4.31: Captura- Reporte de los productos más vendidos


Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas de funcionamiento de la implementación bajo los siguientes criterios
de aceptación:

70
CRITERIO DE ACEPTACIÓN ACEPTADO COMENTARIOS

Se tiene una tabla donde se


Se mostrará una tabla de los
visualiza el registro de los
productos más vendidos.
productos más vendidos.

Se tiene filtros de búsqueda de


Se dispondrá de Filtros de
reporte, que permite buscar por
búsqueda de reporte.
periodos y rangos de fecha.

Tabla 46: Prueba - Reporte de los productos más vendidos


Fuente: Elaboración Propia

4.6.2.2 Historia de usuario Nº 15

A continuación se detalla la historia Nº 15 y los procedimientos necesarios para su


implementación y funcionamiento.

HISTORIA DE USUARIO Nº 15
Título: Reporte de los productos más visitados
Como administrador debo visualizar los reportes de los
Descripción: productos más visitados.

- Se mostrará una tabla de los productos más visitados


Criterios de - Se tendrá filtro de búsqueda por fechas de los productos
Aceptación:
más visitados.
Puntos de Historia: 16
Tabla 47: Descripción de la historia Nº 15
Fuente: Elaboración Propia

Tareas:
En la siguiente tabla se citan las tareas de la historia de usuario Nº 15.

71
Nro. Resumen Responsable

1 Diseño del prototipo del reporte. Paola Rueda Salazar

Realización del modelo reporte de los productos


2 Paola Rueda Salazar
más vendidos de acuerdo al prototipo.

3 Implementación del reporte. Paola Rueda Salazar

Tabla 48: Descripción de las tareas de la historia Nº 15


Fuente: Elaboración Propia

Mockup
A continuación se describen los elementos pertenecientes al prototipo de la historia para el
reporte de los productos más visitados.

Figura 4.32: Mockup- Reporte de los productos más visitados


Fuente: Elaboración Propia

72
(1) Mostrar Reporte: [Botón], al presionar debe mostrar el reporte de los productos más
Visitados.
(2) Filtro: [Lista de selección], Permite filtrar una búsqueda de los productos más vendidos
por el periodo, por un rango de fechas.
(3) Exportar a: [Selección simple], permite seleccionar al formato que exportamos el
reporte de los productos más visitados.
(4) Exportar: [Botón], al presionar ejecuta la orden de exportar el listado de la tabla.
(5) Registros encontrados: [Tabla], muestra la lista de productos más visitados.

Implementación
Se muestra la captura de la implementación del reporte de los productos más visitados.

Figura 4.33: Pantalla- Reporte de los productos visitados


Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas de funcionamiento bajo los siguientes criterios de aceptación:

73
CRITERIO DE ACEPTACIÓN ACEPTADO COMENTARIOS

Se tiene una tabla donde se


Se mostrará una tabla de los
visualiza el registro de los
productos más visitados.
productos menos vendidos.

Se tiene filtros de búsqueda de


Se dispondrá de Filtros de
reporte, que permite buscar por
búsqueda de reporte.
periodos y rangos de fecha.

Tabla 49: Prueba - Reporte de los productos menos vendidos


Fuente: Elaboración Propia

4.6.3 Diseño Sprint 4

Para esta fase de diseño se realizará el diagrama: Modelo Entidad - Relación

74
a) Modelo Entidad - Relación.

Figura 4.34: Modelo Entidad Relación – Sprint 4


Fuente: Elaboración Propia

75
4.6 Sprint 5

El sprint 5 tiene como objetivo implementar la verificación del pago efectuado por el
cliente, enviar la confirmación de pago de la orden y enviarle un e-mail al cliente sobre el
pago de la orden.

Así mismo, Magento es una plataforma que está diseñada en el idioma ingles por defecto,
para ello realizaremos la traducción al idioma español tanto de la interfaz del administrador
como la del cliente para facilitar su manejo.

4.6.1 Sprint Backlog

Para el desarrollo de este sprint se proponen 3 historias de usuario descritas a continuación:

CÓDIGO DESCRIPCIÓN
16 Imagen de confirmación del pago de la orden.

17 Enviar email de confirmación al usuario.


Traducción al español de la interface de administración
18
y del cliente.
Tabla 50: Lista de historias de usuario - Sprint 5
Fuente: Elaboración Propia

4.6.2 Ejecución del Sprint 5

A continuación se describen las historias que conforman el sprint 5, el diseño, la


implementación y la respectiva prueba de funcionamiento de cada historia.

4.6.2.1 Historia de usuario Nº 16

En la siguiente tabla se describe la historia de usuario 16 que comprende la confirmación


del pago de la orden donde el cliente debe subir la imagen de confirmación del pago
bancario para proceder con el envío de su compra.

76
HISTORIA DE USUARIO Nº 16
Título: Imagen de confirmación del pago de la orden.

Como cliente necesito confirmar pago bancario para


Descripción: proceder con la orden (el usuario debe poder subir una
imagen del recibo de depósito bancario y enviarla).

-Formulario de subida de imagen y comentario de


Criterios de
Aceptación: descripción.

Puntos de Historia: 26

Tabla 51: Descripción de la historia Nº 16


Fuente: Elaboración Propia

Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograrlo.

Nro. Resumen Responsable


Prototipo del formulario de la subida de imagen. Paola Rueda Salazar
1

Formulario de subida de imagen del recibo de Paola Rueda Salazar


2
confirmación.
Tabla 52: Descripción de las tareas de la historia Nº 16
Fuente: Elaboración Propia

Mockup
A continuación se describen los elementos pertenecientes al mockup de la historia Imagen
de confirmación del pago de la orden

77
Figura 4.35: Mockup- Imagen de confirmación del pago de la orden
Fuente: Elaboración Propia

(1) Seleccionar Archivo: [Botón], al presionar deberá permitir al cliente subir la imagen
del pago efectivizado.
(2) Observaciones: [Cuadro de texto], permite ingresar observaciones y comentarios
(3) Guardar: [Botón], permite seleccionar guardar el recibo de pago.

Implementación

Se muestra la captura del recibo de pago, donde el cliente sube la imagen del depósito
bancario realizado.

78
Figura 4.36: Pantalla- Imagen de confirmación del pago de la orden
Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas de funcionamiento de la implementación bajo los siguientes criterios
de aceptación:

CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN

El cliente debe de subir la imagen


-Formulario de subida de imagen
para corroborar el pago y
y comentario de descripción.
proceder al envío de su orden.

Tabla 53: Prueba - Imagen de confirmación del pago de la orden


Fuente: Elaboración Propia

4.6.2.2 Historia de usuario Nº 17

En la siguiente historia de usuario se describe el proceso para enviar un e-mail al cliente


aceptando el pago realizado y proceder con el envío de sus productos ordenados.

79
HISTORIA DE USUARIO Nº 17

Enviar email con la confirmación de aceptación de pago


Título:
para proceder con el envío.

Como administrador necesito enviar confirmación de


aceptación de pago para proceder con el envío (el
Descripción:
administrador debe de enviar una notificación al cliente de
que su pago fue aceptado y cambiar el estado de la orden).

- Se tendrá un formulario para el envío de la confirmación


Criterios de
Aceptación: de pago al email del cliente.

Puntos de Historia: 30

Tabla 54: Descripción de la historia Nº 17


Fuente: Elaboración Propia

Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograrlo.

Nro. Resumen Responsable


Prototipo del Formulario de la opción de envío del Jimena Carola
1
correo. Fernandez Llaveta
Formulario de acuerdo al prototipo de la opción de Jimena Carola
2 envío de correo. Fernandez Llaveta
Tabla 55: Descripción de las tareas de la historia Nº 18
Fuente: Elaboración Propia

Mockup
A continuación se describen los elementos pertenecientes al mockup de la historia.

80
Figura 4.37: Mockup- Enviar email de confirmación al usuario
Fuente: Elaboración Propia

(1) Comentarios de factura: [Cuadro de texto], permitirá introducir un comentario


respecto al pago recibido.
(2) Totales de Factura: [Resumen de orden], muestra el total de la factura y si el precio
incluye un descuento adicional.
(3) Adjuntar comentarios: [Checkbox], permite seleccionar si deseamos adjuntar el
comentario cuando se envíe el email al cliente.
(4) Enviar copia de factura de Email: [Checkbox], permite seleccionar si deseamos
enviar una copia de la factura al email del cliente.
(5) Enviar factura: [Botón], al presionar ejecuta el envío de la copia de la factura al correo
del cliente.

Implementación
Se muestra la captura del resumen de facturación y la posibilidad de enviar una copia al
cliente para proceder con el envío de su orden.

81
Figura 4.38: Pantalla- Enviar email de confirmación al usuario
Fuente: Elaboración Propia

Pruebas
Se realizó las pruebas de funcionamiento de la implementación bajo los siguientes criterios
de aceptación:

CRITERIO DE
ACEPTADO COMENTARIOS
ACEPTACIÓN

Una vez que el cliente manda la


imagen del pago, se procede a
Se tendrá un formulario para el
envío de la confirmación de pago enviar la orden así mismo se
al email del cliente. puede mandar por email la copia
de la factura de su compra.

Tabla 56: Prueba - Enviar email de confirmación al usuario


Fuente: Elaboración Propia

4.6.2.3 Historia de usuario Nº 18

En la siguiente historia de usuario se describe la traducción al idioma español de la


interface de administración y del cliente para que ambas partes puedan manejarse
fácilmente.

82
HISTORIA DE USUARIO Nº 18
Traducir al español la interface de administración y del
Título:
cliente

Como administrador debo de tener la interface de


Descripción: administración en español para un buen manejo.

- Disponer de un Interfaz de administración en lenguaje


Criterios de español
Aceptación:
- Disponer de una Interfaz del cliente en lenguaje español

Puntos de Historia: 20
Tabla 57: Descripción de la historia Nº 18
Fuente: Elaboración Propia

Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograr la traducción.

Nro. Resumen Responsable


Lizett Patricia
1 Cargado del módulo de traducción a español.
Fernandez Llaveta

Lizett Patricia
2 Agregando las palabras a traducir al archivo XML.
Fernandez Llaveta
Tabla 58: Descripción de las tareas de la historia Nº 18
Fuente: Elaboración Propia

Implementación
Se muestra la captura de la interfaz del administrador y la interfaz del cliente traducidos.

83
Figura 4.39: Pantalla- Interfaz del administrador en idioma español
Fuente: Elaboración Propia

A continuación la interfaz del cliente que visita nuestra tienda virtual traducido al español

Figura 4.40: Pantalla- Interfaz del cliente en idioma español


Fuente: Elaboración Propia

84
CAPITULO V

CONCLUSIONES Y RECOMENDACIONES

5.1 CONCLUSIONES

Después de la elaboración del proyecto y con los conocimientos adquiridos en el desarrollo


del sistema de ventas virtuales utilizando herramientas E-commerce se obtuvieron las
siguientes conclusiones:

 La implementación de una tienda virtual para la comercialización de productos de


limpieza se puede considerar que es una buena oportunidad de negocio para la
obtención de mayores ventas y mayor afluencia de clientes.

 El catalogo virtual permite mostrar de manera visual un listado de todos los


productos por categorías que existen en la tienda online.

 La implementación de un catálogo virtual de productos ayuda a la tienda a ofertar


la variedad de los mismos, ofreciendo ofertas y descuentos en los productos.

 El método de pago basado en transferencias bancarias facilita al cliente a realizar


compras en la tienda virtual sin necesidad de tramitar o adquirir una tarjeta de
crédito.

 Los reportes generados ayudan al administrador a conocer que productos fueron los
más vendidos y más visitados proporcionado un listado general de sus productos
estrella.

85
5.2 RECOMENDACIONES

 Se sugiere implementar la facturación virtual del Servicio de Impuestos Nacionales


con el fin de que el cliente pueda tener su respectivo descargo fiscal.

 Realizar una continua actualización a los diferentes productos ofertados en el


catálogo de ventas.
 Implementar un módulo de envío de propaganda y promociones vía e-mail para los
clientes registrados.

 Implementar módulos que ayuden a administrar el área contable de la tienda.

 En la venta online hace falta exponer en la Web un contrato de condiciones de venta


al público. Donde indicar nuestras políticas de venta, envíos, precios, devoluciones,
etc.

 Se debe implementar otros métodos de pago, como por ejemplo pago con tarjeta de
crédito.

86
REFERENCIAS BIBLIOGRAFICAS

 Visa Red de Empresarios (2013). Guía práctica para el desarrollo de plataformas de


Comercio electrónico. Recuperado el 01de noviembre 2018.

 Blog Historia de la Informática (2010). Publicado el 12 de diciembre de 2010,

 EC, (2011). "Electronic Commerce-An Introducction", Recuperado el 10 de


noviembre de 2018,de http://www.ispo.cec.be/ecommerce/introduc.html

 Garcia-Sierra, A.(2017). "Electronic Commerce and the Internet", Recuperado el 10


de noviembre de 2018, de http://www.cf.ac.uk/uwcc/masts/ecic/netcom.html

 Universitat Pompeu Fabra Barcelona. (2015) ecommerce o Comercio electronico.


Recuperado el 10 de noviembre de 2018, de https://marketingdigital.bsm.upf.edu/e-
commerce-comercio-electronico/

 Doofinder, (2017).Smart search for Ecommerce &Websities .Recuperado el 13 de


noviembre de 2018, de https://www.doofinder.com/es/blog/que-es-e-commerce

 Visa Empresarial,(Nov. 2012),E-commerce o Comercio Eléctrico, Recuperado el 13


de Noviembre de 2018 de https://visaempresarial.com/co/noticias/que-es-e-
commerce-o-comercio-electronico_197

 Ken Schwaber and Jeff Sutherland,(2016). La Guia de Scrum. Publicado en julio


del 2016.

 Dids3.(18 de febrero 2013). Una tienda con Magento. Recuperado el 28 de


noviembre de 2018 de https://www.3dids.com/tienda-online-con-magento/

 Magento And Adobe Company,(2018). Magento Commerce. Recuperado el 12 de


noviembre de 2018 de https://www.magento.com/es

87