Ultimo 30-01-19

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.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.5 Sprint 3 50
4.5.2.1 Historia de usuario Nº 9 51
Mockup: 59
4.6 Sprint 4 68
4.6 Sprint 5 76
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
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
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
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
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
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

(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

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
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
Tareas:
A continuación se citaran las tareas para la historia de usuario N° 2.
25
1 Generar la tabla de clientes registrados Jimena Carola Fernandez
Llaveta
2 Generar filtros de búsqueda. Jimena Carola Fernandez
Llaveta
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

(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

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

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
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.
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.
Tareas:

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
registrado.
Diseño de base de datos para el módulo de
registro de categorías de productos
Listar las categorías de productos en la vista Lizett Patricia Fernandez
6
de la pantalla principal Llaveta
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

(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
Pruebas
Se muestran las pruebas realizadas para la creación de las categorías de productos.

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
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
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
Tareas:
A continuación se citaran las tareas para la historia de usuario N° 4

Jimena Carola Fernandez
1 Listar las categorías creadas.
Llaveta
Jimena Carola Fernandez
2 Generar filtros de búsqueda
Llaveta
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
(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
Pruebas
En la tabla a continuación se describe las pruebas necesarias para verificar el cumplimiento

de la historia Nº 4.
33
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
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

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.
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

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.
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
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.
Tareas:

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
Mockup
Registro, modificación y eliminación de productos, correspondiente a las historias de
usuario
37
Figura 4.10: Mockup- Registro de productos
(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

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
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

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.
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.
Tareas:
En la siguiente tabla se citan las tareas para la historia de usuario N° 6
40
Jimena Carola
1 Listar los productos registrados
Fernandez Llaveta
Jimena Carola
2 Generar filtros de búsqueda.
Fernandez Llaveta
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

(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

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

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

y eliminar productos en el carrito de compra.
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
43
Tareas:

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
registro de productos.
Visualizar los productos en la vista de la
pantalla principal de la página
Tabla 22: Descripción de la historia Nº 7
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

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

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

productos en el carrito de compra.
45
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

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

visualización de los productos en stock.
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.
46
Tareas:
En la siguiente tabla se citan las tareas para la ejecución de la historia Nº 8.

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
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

(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

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
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

Para esta fase se realizará el diagrama: Modelo Entidad - Relación
49
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.
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
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.
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.
51
Tareas:
En la siguiente tabla se citan las tareas que se llevarán a cabo para lograrlo.

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
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

(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

Pruebas
En la tabla a continuación se describe las pruebas bajo los criterios de aceptación:
CRITERIO DE
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

53
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.
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.
Tareas:
Se citan las tareas que se llevaran a cabo dentro la historia Nº 10.

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
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

(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
Prueba
Se realizaron las pruebas correspondientes bajo los criterios de aceptación.
57
CRITERIO DE
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
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.
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:
Tareas:
A continuación se describen las tareas de la historia.
58
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
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

(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

Pruebas
Se describen las pruebas realizadas bajos los criterios de aceptación.
CRITERIO DE
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

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

venta de los productos.
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.

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

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
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
(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

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
63
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.
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.
Tareas:

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.
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
(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
Pruebas
Se realizaron las respectivas pruebas para verificar el funcionamiento de la historia.
CRITERIO DE
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

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

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.
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
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.
En la siguiente tabla se describe la historia del Usuario 14 que comprende reporte de los
productos más vendidos.
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.
68
Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograrlo.

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
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

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

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
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

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

implementación y funcionamiento.
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.
Tareas:
En la siguiente tabla se citan las tareas de la historia de usuario Nº 15.
71
1 Diseño del prototipo del reporte. Paola Rueda Salazar
Realización del modelo reporte de los productos

más vendidos de acuerdo al prototipo.
3 Implementación del reporte. Paola Rueda Salazar

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

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

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

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

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.
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.
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.
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
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.

Tareas:

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.
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
(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
Pruebas
de aceptación:
CRITERIO DE
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

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
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.

Tareas:

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
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
(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
Pruebas
de aceptación:
CRITERIO DE
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

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
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
Tareas:
A continuación se citan las tareas que se llevarán a cabo para lograr la traducción.

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
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
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

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

Ultimo 30-01-19

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Ultimo 30-01-19

Transféré par

Droits d'auteur :

Formats disponibles

UNIVERSIDAD MAYOR DE SAN SIMÓN

DIRECCIÓN DE PLANIFICACIÓN ACADÉMICA

FACULTAD DE CIENCIAS Y TECNOLOGÍA

SISTEMA DE VENTAS VIRTUALES PARA UNA TIENDA

TRABAJO DIRIGIDO INTERDISCIPLINARIO PARA

PARTICIPANTES: FERNANDEZ LLAVETA JIMENA CAROLA

TUTOR: LIC. GROVER CUSSI NICOLAS

Dedicamos esta tesis:

JIMENA CAROLA FERNANDEZ LLAVETA

JIMENA CAROLA FERNANDEZ LLAVETA

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

Y a todos los docentes que nos brindaron sus conocimientos.

PAOLA RUEDA SALAZAR

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

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

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

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

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

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

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

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

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

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

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

Figura 1.1: Árbol del problema

1.3.1 Objetivo General

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

1.3.2 Objetivos Específicos

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

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

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

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

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

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

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

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

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

2.1 Comercio Electrónico E-Commerce

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

Figura 2.1: Comercio Electrónico

2.1.1 Tipos de comercio electrónico

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

a) Según el perfil comercial

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

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

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

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

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

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

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

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

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

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

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

Figura 2.2: Metodología SCRUM

2.2.2 Roles en Scrum

Existen dos tipos de roles:

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

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

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

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

2.2.3 Elementos del SCRUM

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