UNIVERSIDAD NACIONAL DE PIURA

Facultad de Ingeniera Industrial

Escuela de Ingeniera Informtica

Informe Final:

Implementacin de un sistema web para una tienda virtual.

Responsables:

Meja Flores Dora Amelia.

Palacios Snchez Cristina Omaira.
Silup Moscol Christhian Juan.

Piura, Enero del 2017

INDICE

INTRODUCCION

CAP 1. GENERALIDADES 2
1.1 Planteamiento del problema

1.1.1 Descripcin del problema 2

1.1.2 Formulacin del problema2
1.2 Justificacin, Importancia y Beneficiarios
1.3 Objetivos

1.3.1 Objetivo General 3

1.3.2 Objetivos Especficos

1.4 Metodologas 4
1.5 Herramientas

CAP 2. MARCO TERICO 5

2.1 Marco Referencial

2.2 Bases Tericas 5

CAP 3. ANALISIS Y DISEO DE UN SISTEMA WEB PARA UNA TIENDA VIRTUAL
12
CONCLUSIONES

47

RECOMENDACIONES
BIBLIOGRAFA

49

49
INTRODUCCION

Hoy en da, el comercio electrnico se ha convertido en una importante herramienta

para las empresas, puesto que permite alcanzar nuevos mercados y nuevos modelos de
negocios, que dinamizan el comercio sin importar las fronteras.

Nuestro objetivo en este trabajo va a ser el desarrollo de una tienda virtual enfocada
a la venta de prendas de vestir para hombres y mujeres adultos. La aplicacin a desarrollar
dispondr de un catlogo donde estar indicado la ropa para varones y para mujeres
disponibles donde se podr visualizar las prendas con las tallas y colores disponibles y por
supuesto tendremos la opcin de poder comprarlos. Nuestra aplicacin tendr clasificadas
las prendas por tipos. Dependiendo del tipo de usuario se dispondr de unas opciones o de
otras, tendremos dos tipos de usuarios.
El usuario Cliente ser el que menos funcionalidades tenga, podr navegar por
nuestra web, ver las prendas de vestir y aadirlas al carro.

El usuario administrador, tendr acceso a todas las opciones del men del sistema
como aadir nuevos modelos de prendas, actualizar la informacin que se muestra al
cliente y generar los reportes de pedidos.
En resumen, se trata de desarrollar una aplicacin para facilitar la venta de prendas
de vestir as como ayudar a su gestin, de una forma sencilla y clara para los usuarios y el
administrador de la aplicacin web.

1. Objetivos
1..1 Objetivo General
Implementar un sistema web para una tienda virtual.
1..2 Objetivos Especficos

Especificar los requerimientos del sistema web para una tienda virtual.
Elaborar la lgica del negocio usando casos de uso para el sistema web de una

tienda virtual.
Elaborar el modelado de la base de datos para el sistema web de una tienda virtual.
Realizar la implementacin del sistema web para una tienda virtual

2. Herramientas

La herramienta de desarrollo de la aplicacin es Netbeans: Herramienta de

desarrollo que facilita la implementacin de diferentes lenguajes de programacin,

proporcionando apertura para el desarrollo y extensin del sistema.

La Base de Datos que se utilizar es MySQL ya que es un sistema de gestin de
base de datos que presenta caractersticas de robustez, seguridad y escalabilidad, de

tipo relacional, multihilo y multiusuario.

Leguaje de modelado UML: es un lenguaje para especificar, construir, visualizar y
documentar los artefactos de un sistema de software orientado a objetos . Un
artefacto es una informacin que es utilizada o producida mediante un proceso de
desarrollo de software, Para esto necesitamos conocer algunas definiciones bsicas.

2.ANALISIS Y DISEO DE UN SISTEMA WEB PARA UNA TIENDA VIRTUAL

2.1 Requisitos del sistema web para una tienda virtual
REQUERIMIENTOS FUNCIONALES

Gestionar Prenda de vestir.

Gestionar Cliente.
Gestionar Catlogo.
Identificar Usuarios.
Gestionar Pedidos.
Generar reportes.

FUNCIN: GESTIONAR PRENDA DE VESTIR

Ingresar Nueva Prenda de Vestir.

Eliminar Producto.
Modificar Informacin del Producto.
Actualizar Inventario de Productos.
Reportes de pedidos.

FUNCIN: INGRESAR NUEVA PRENDA DE VESTIR

Ingresar Informacin de la prenda de vestir.

Validar Datos de la prenda de vestir.
Verificar Existencia de la prenda de vestir.
Guardar los Datos de la prenda de vestir.

FUNCIN: ELIMINAR PRENDA DE VESTIR (DAR DE BAJA)

Identificar Producto a ser Eliminado.
Verificar Existencia del Producto.
Guardar los Datos del Producto.

FUNCIN: MODIFICAR DATOS DE LA PRENDA DE VESTIR

Identificar la Prenda de Vestir a ser Modificada.
Almacenar Datos de la Prenda de Vestir a ser Modificados.
4

 Validar Datos Modificados

Sobre-escribir cambios realizados en los datos de la prenda de vestir.
FUNCIN: MOSTRAR ESTADO DE STOCK
Determinar Estado de Stock de la Prenda de Vestir
Mostar Estado de Stock de la Prenda de vestir
FUNCIN: GESTIONAR CLIENTES

Registro de Nuevos Clientes.

Modificar Datos de los Clientes
Mostrar Listado de Clientes Registrados
Mostrar Informacin Personalizada de los Clientes.

FUNCIN: REGISTRAR NUEVOS CLIENTES

Solicitar Datos Personales
Validar los datos Ingresados del Cliente
Verificar Duplicidad de Datos en el Sistema
Almacenar los datos del Cliente
FUNCIN: MODIFICAR DATOS DEL CLIENTE
Verificar Existencia del Cliente
Mostrar los Datos que pueden Actualizarse
Guardar Cambios Realizados

FUNCIN: MOSTRAR INFORMACIN DEL CLIENTE

Identificar Cliente por Nombre o Correo Electrnico

Verificar Existencia del Cliente
Buscar Informacin del Cliente
Mostar Informacin de los Clientes

FUNCIN: GESTIONAR CATLOGO

Mostrar las Prendas de Vestir
Mostrar Informacin de las Prendas de Vestir
Crear Carro de Compras
FUNCIN: MOSTRAR PRENDAS DE VESTIR
5

 Mostrar los Tipos de Prendas con sus Respectivos Modelos.

Mostrar la Descripcin del Producto(tallas y colores)
Mostrar Stock de la Prenda.
FUNCIN: CREAR CARRO DE COMPRAS

Seleccionar Productos
Agregar Productos al Carro de Compras
Seleccionar Cantidad Deseada
Eliminar Productos de Carro de Compras

Ejecutar Carro de Compras

FUNCIN: IDENTIFICAR USUARIO
Identificar Datos del Cliente
Verificar Cliente mediante Contrasea
Mostrar Cuenta de Cliente o Administrador de Ser el Caso
FUNCIN: GESTIONAR REPORTES
Mostrar Detalle de Reportes.
Mostrar Reportes.

REQUERIMIENTOS NO FUNCIONALES
TIEMPO DE RESPUESTA
El sistema Web cargar las pginas en un tiempo mximo de cinco segundos
METFORA DE INTERFAZ
Orientadas a formularios y cuadros de dilogo
NAVEGADORES COMPATIBLES
Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari.

3.2 Modelado de casos de Uso

Los casos de uso son una tcnica para especificar el comportamiento de un sistema:
Un caso de uso es una secuencia de interacciones entre un sistema y alguien o algo que
usa alguno de sus servicios. (Gutierrez, 2011).
Este diagrama muestra cmo es la interaccin del administrador y el cliente con el sistema:

Diagramas de caso de uso: Gestionar Prenda de Vestir.

Diagramas de caso de uso: Gestionar Cliente.

Este diagrama muestra como es la interaccin del cliente y el administrador con el sistema.

Diagramas de caso de uso: Gestionar Catlogo.

Este diagrama muestra cmo es la interaccin del cliente con el sistema.

Diagrama de caso de uso: Generar Reportes

El diagrama de casos de uso de generar reportes. Muestra una forma visual de entender
como interacta el actor (administrador) con el sistema.
8

Casos de Uso: Gestionar Productos.

Caso de Uso: Ingresar nuevo producto.
Actores: Administrador.
Propsito: Almacenar los datos de nuevas prendas de vestir.
Resumen: El sistema muestra al administrador todos los detalles correspondientes a cada
prenda. Luego el administrador ingresa los datos de la prenda que se desea incorporar. Al
concluir, el sistema lo almacena.
Accin del Actor
Respuesta del Sistema
1. Ingresa al sistema e indica que desea 3. El sistema valida los datos de que la
registrar una nueva prenda de vestir.

prenda cumplan con el tipo de prenda al

2. El administrador ingresa los datos de que corresponden.

la prenda: nombre, tallas, precio, stock, 5. El sistema valida los datos que se
color e imagen del producto.

ingresaron.

4. El administrador elige guardar la 6. Guarda la informacin.

informacin ingresada.

Caso de Uso: Eliminar Prenda de Vestir

Actores: Administrador.
Propsito: Eliminar las prendas de vestir que se desean del sistema
9

 Resumen: El administrador elige las prendas que desea eliminar desde una lista.
Finalmente el sistema elimina los datos del producto.

Accin del Actor

Respuesta del Sistema
1.Ingresa al sistema e indica que quiere 3. El sistema verifica que la prenda que
eliminar una prenda.

se desea eliminar existe.

2. El administrador selecciona desde una 4.

lista la prenda que desea eliminar.

El

sistema

elimina

la

prenda

seleccionada.

Caso de Uso: Modificar datos de la Prenda de Vestir

Actores: Administrador.
Propsito: Permitir al administrador corregir los datos de una prenda o actualizarla.
Resumen: El sistema muestra las caractersticas que se deseen modificar al administrador,
este decide que datos desea cambiar y el sistema guarda los cambios.
Accin del Actor
Respuesta del Sistema
1. Ingresa al sistema e indica que quiere 3. El sistema valida los datos que se
modificar una prenda.

ingresaron correspondan al del producto.

2. Elige la prenda a modificar.

5. El sistema valida que los datos que se

4. El administrador elige los detalles de desean

la

prenda

que

desea

modificar

correspondan

al

cambiar. formato establecido y que hayan sido

Caractersticas tales como: nombre, efectivamente ingresados.

tallas, precio, stock, color e imagen del 6. El sistema guarda los cambios hechos.
producto.

Caso de Uso: Mostrar estado del stock.

10

 Actores: Administrador, Cliente.

Propsito: Permitir al administrador o al cliente ver el estado del stock actual.
Resumen: El sistema determina la cantidad de la prenda, mediante un estado que puede
ser disponible o agotado. El administrador ingresa la cantidad mnima y en base a esa
cantidad mnima el sistema determina en qu estado est el stock. Luego el cliente puede
ver el estado del stock.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando un 3 El sistema muestra el estado del stock
usuario ya sea administrador o cliente de la prenda seleccionada, este estado
ingresa al sistema e indica que desea ver puede ser disponible o agotado.
el estado del stock.
2. El usuario selecciona la prenda
haciendo click en la imagen o en el
nombre de esta.

11

Caso de uso: Gestionar Cliente.

Caso de Uso: Identificar usuario.
Actores: Cliente.
Propsito: Permitir al cliente o administrador identificarse en el sistema.
Resumen: El usuario para identificarse debe ingresar su mail y contrasea. El sistema
valida los datos ingresados y, si los datos son correctos el sistema muestra las opciones que
le corresponden de acuerdo a su rol.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso se inicia cuando el 3. El sistema valida que los datos
usuario

decide

identificarse

sistema.

en

el ingresados.
5. El sistema verifica que la clave

2. El usuario ingresa su mail, y su corresponda al mail del usuario.

contrasea.
4.

El

usuario

identificarse.

6. El sistema indica al usuario que est

indica

que

desea autenticado y muestra las opciones que

le corresponden, ya sea como cliente o
administrador.

Alternativas.
a. Los datos ingresados: mail y contrasea no estn ingresados correctamente. Se ejecuta
paso 2.
b. Los datos ingresados, mail y contrasea, no son vlidos. El sistema enva un mensaje
indicando que los datos ingresados no son correctos. Se ejecuta paso 2.
c. Pueden ocurrir 2 situaciones: La contrasea ingresada no corresponde a la persona
indicada o el cliente no est registrado en el sistema. Se notifica lo ocurrido al cliente. Se
ejecuta paso 2.

12

Caso de Uso: Registrar nuevo cliente

Actores: Cliente.
Propsito: Obtener datos del cliente.
Resumen: El sistema muestra un formulario al cliente que este debe llenar con sus datos
personales si lo desea, posteriormente el cliente ingresa los datos que se piden y el sistema
almacena los datos.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema valida que todos los datos
cliente ingresa al sistema y desea hayan sido ingresados y que cumplan
ingresar sus datos en un formulario.

con el formato que acepta el sistema.

2. El cliente ingresa los siguientes datos 5. El sistema almacena los datos del
al sistema: nombre, apellido, direccin, cliente.
correo electrnico, fecha nacimiento y
telfono.
4. El cliente acepta el envo.
Alternativas.
a. Si los datos ingresados no son vlidos, vuelve al paso 2.
b. Si el cliente no acepta el envo de sus datos se vuelve al paso 1.

Caso de Uso: Modificar datos del cliente.

Actores: Cliente.
13

 Propsito: Modificar los datos que el cliente desee.

Resumen: El sistema muestra al cliente un formulario con sus datos, el cliente cambia los
datos que desee de ese formulario. Finalmente los datos modificados se almacenan.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema valida que los datos tengan
cliente ingresa al sistema y desea el formato correcto de caracteres.
modificar sus datos.

4. El sistema valida el ingreso de todos

2. El cliente ingresa los datos que desea los datos que son obligatorios: datos
modificar estos pueden ser: nombre, personales, contrasea.
apellido direccin, correo electrnico, 6. El sistema almacena los datos
fecha nacimiento telfono.

modificados.

5. El cliente acepta la modificacin de

los datos.

Alternativas.
a. Si los datos no son del formato correcto entonces se ejecuta el paso 2.
b. Si el cliente no ingresa todos los datos requeridos se muestra un mensaje y se ejecuta el
paso 2.

Caso de Uso: Gestionar Catlogo.

Caso de Uso: Mostrar prendas de vestir.
14

 Actores: Cliente.
Propsito: Mostrar las prendas y sus detalles a los clientes que accedan al sistema.
Resumen: El sistema muestra a los clientes todas las prendas y los tipos a las que
pertenecen estas prendas, adems de dar una informacin precisa de cada prenda

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema muestra los tipos de
cliente desea ver una prenda de vestir.
2.

El

Cliente

selecciona

prendas.
el 5. El sistema muestra los detalles de la

gnero(masculina/femenina) y el tipo prenda elegida.

que desea ver.
4. El cliente Selecciona la prenda que
desea ver.

Caso de Uso: Agregar la prenda al carro de compras

Actores: Cliente.
Propsito: Permitir al cliente incorporar prendas de vestir a un carro de compra
Resumen: El sistema entrega al cliente la posibilidad de ir ingresando los productos que
vaya cotizando en un carro de compra.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema muestra el carro con el
cliente desea incorporar productos a un producto incorporado junto con su
carro de compra.

precio y la cantidad.

2. El Cliente elige incorporar un

producto al carro de compra.
Alternativas.
a. El cliente decide no incorporar productos al carro de compra por lo que vuelve al
catlogo.
15

Caso de Uso: Eliminar productos del carro de compras

Actores: Cliente.
Propsito: Permitir al cliente eliminar productos del carro de compras.
Resumen: El sistema entrega al cliente la posibilidad de eliminar los productos del carro
de compras que ya no desee cotizar.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema elimina el producto del
cliente desea un producto del carro de carro de compra y muestra al cliente el
compras.

carro de compra sin el producto que

2. El Cliente elige eliminar un producto elimin.

al carro de compra.
Alternativas.
a. Si no hay productos que eliminar en el carro de compras, se enva un mensaje y se
vuelve al paso 1.

16

Caso de Uso: Gestionar Informes

Caso de Uso: Generar informes de productos bajo stock.
Actores: Administrador.
Propsito: Permitir al administrador conocer los productos que estn bajo stock.
Resumen: El sistema le brinda la posibilidad al administrador de conocer los productos
que se encuentren bajo un stock determinado.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema muestra la informacin
administrador ingresa al sistema e indica correspondiente a los productos que se
que desea conocer los productos que encuentran bajo stock. Esto es: id del
estn bajo stock.

producto, nombre del producto, tipo de

2. El administrador selecciona la opcin producto (categora), stock, stock crtico.

de ver los productos que estn bajo
stock.

17

Caso de Uso: Generar informes de stock actual.

Actores: Administrador.
Propsito: Permitir al administrador conocer el stock actual de productos.
Resumen: El sistema le brinda la posibilidad al administrador de conocer el stock actual
de productos.

Accin del Actor

Respuesta del Sistema
1. Este caso de uso comienza cuando el 3. El sistema muestra la informacin
administrador ingresa al sistema e indica correspondiente al stock actual de
que desea conocer el stock actual de productos. Esto es: id del producto,
productos.

nombre del producto, tipo de producto

2. El administrador selecciona la opcin (categora), stock, stock crtico.

de ver los productos que estn bajo
stock.
3.3 CONSTRUCCIN
3.3.1 VISTA DE IMPLEMENTACIN
3.3.1.1 DIAGRAMAS DE SECUENCIA
Los diagramas de secuencia de sistema ilustran las interacciones de los actores
externos con el sistema y el orden en el que estas interacciones aparecen con el sistema.

GESTIONAR PRODUCTO
Ingresar Nuevo Producto

18

Eliminar Producto

19

Modificar

Productos

Modificar

Stock de productos

20

Mostrar estado del stock

GESTIONAR CLIENTE.
Registrar Nuevo Cliente

21

Modificar Datos Cliente

Identificar Usuario

22

Mostrar informacin Cliente

3.4 Diagrama de secuencia: Gestionar Catlogo.

Mostrar productos

23

Agregar Productos Al Carro de Compra

Eliminar Productos del Carro de Compra

24

Mostrar Pedidos

Generar informes de stock actual

25

3.6 Arquitectura servidor web

26

3.7 Diagrama de Clases

27

3.8 Diagrama Entidad-Relacin

28