Sistema web desarrollado bajo el lenguaje JSP con la arquitectura MVC.

1. 1
Sistema de Ventas, Compras y Almacén
SIVAC
Jesús Felipe Tolentino: jesus_system_07@hotmail.com
Ochoa Goizueta Omar: oochoag@ucv.edu.pe
Meza Hinostroza Kevin: Meza.Hinostroza.Kevin@hotmail.com
Ruelas Rojas Leo: lruelasr@ucv.edu.pe
Escuela de Ingeniería de Sistemas
Universidad César Vallejo – Lima Este de San Juan de Lurigancho
1. Resumen
En el presente artículo se presenta un Sistema Web para la optimización de los procesos
compra y venta basándose en la metodología RUP. A demás definiremos las funciones
de nuestro sistema, sus principales características y los objetivos a alcanzar con su futura
funcionalidad; además indicaremos los beneficios a utilizar y las debilidades que
afrontará el sistema en el uso real de una empresa dedicada al rubro de productos
farmacéuticos (Botica Luly) aplicando la codificación en el lenguaje Java en el entorno
Netbeans 7.1.2 y la Base de Datos Mysql (Workbench).
Palabras claves: Sistema web, Metodología RUP, java server pages (JSP), Arquitectura
Modelo Vista Controlador (MVC).
1. Abstract
In this paper we present a Web System for optimizing buying and selling processes based
on the RUP. To define other functions of our system, its main features and objectives to
achieve with its future functionality, plus indicate the benefits and weaknesses using the
system will face in the actual use of a company dedicated to the field of pharmaceuticals
(Botica Luly) using the Java coding language environment in Netbeans 7.1.2 and Mysql
database (Workbench).
Keywords: Web system, methodology RUP, Java Server Pages, architecture model view
controller.

2. 2
2. Introducción
En la actualidad la empresa no posee un sistema específico para el área de ventas,
compras o almacén: debido a eso nuestro objetivo principal es diseñar un sistema web
para automatizar los procesos principales que se ejercen en la Botica; generando una
gama de clientes y aumentando las futuras ventas a realizar como las compras previstas.
Asimismo generaremos futuros reportes de las ventas, compras, productos, etc. Por otro
lado es adaptar a la empresa con las nuevas tecnologías, como en este caso es la
tecnología web para adquirir más prestigio y mejor funcionamiento a comparación de las
empresas competentes.
El sistema propuesto contará con los siguientes módulos de ventas, compras y almacén
así mismo se podrá dar mantenimiento a nuestros clientes, proveedores, productos, y
órdenes de compra.
3. Sistema Web
Un sistema web es sistema computacional remoto que se acceda por Internet.
Físicamente los datos se guardan en una base datos ligada a un servidor web.
Para ingresar o consultar los datos, hay que estar conectado a Internet, usar un browser
(Internet Explorer, Firefox) donde está la información almacenada.
La entrada es restringida y es necesario identificarse como usuario para entrar al sistema.
La comunicación se hace usando páginas web estilo formulario.
4. Metodología RUP
La metodología RUP (Rational Unified Process) está conformada por cuatro fases y cada
una de ellas tiene sus propios pasos y objetivos para continuar con el desarrollo del
proyecto.
Inicio:
 Se identifica agentes que intervienen en el proyecto.
 Se elabora un plan de proyecto, identifica los alcances y Limites que va tener el
software.
Elaboración
 Establecer una arquitectura base solida
 Identificar los modelos como va ser empleado el sistema (Modelo de análisis de
negocio, Modelo de Requerimientos, etc.)

3. 3
Construcción
 Establecer modelos de diseño.
 Desarrollo profundo del software (programación, base de datos, etc).
 Se elabora el manual de usuario.
 Prototipos betas.
Transición
 Pruebas.
 Capacitación de usuarios.
 Compartir el software a la comunidad de usuarios y clientes para su aprobación.
5. Java Server Pages
La tecnología JavaServer Pages (JSP) permite a los desarrolladores web y diseñadores
desarrollar rápidamente con facilidad las operaciones de la información, las páginas web
dinámicas de los sistemas empresariales existentes apalancamiento. Como parte de la
familia de la tecnología Java, la tecnología JSP facilita el rápido desarrollo de
aplicaciones basadas en Web que son independientes de la plataforma. La tecnología JSP
separa la interfaz de usuario de la generación de contenidos, permitiendo a los
diseñadores a cambiar el diseño general de la página sin alterar el contenido dinámico
subyacente.

4. 4
6. Arquitectura Modelo Vista Controlador
El Modelo Vista Controlador (MVC) es un patrón de arquitectura de software que separa
los datos y la lógica de negocio de una aplicación de la interfaz de usuario y el módulo
encargado de gestionar los eventos y las comunicaciones. Para ello MVC propone la
construcción de tres componentes distintos que son el modelo, la vista y el controlador,
es decir, por un lado define componentes para la representación de la información, y por
otro lado para la interacción del usuario. Este patrón de diseño se basa en las ideas de
reutilización y la separación de conceptos, características que buscan facilitar la tarea de
desarrollo de aplicaciones y su posterior mantenimiento.
El Modelo: Es la representación de la información con la cual el sistema opera, por lo
tanto gestiona todos los accesos a dicha información, tanto consultas como
actualizaciones, implementando también los privilegios de acceso que se hayan descrito
en las especificaciones de la aplicación (lógica de negocio). Envía a la vista aquella parte
de la información que en cada momento se le solicita para que sea mostrada. Las
peticiones de acceso o manipulación de información llegan al modelo a través del
controlador.
El Controlador: Responde a eventos e invoca peticiones al modelo cuando se hace alguna
solicitud sobre la información. También puede enviar comandos a su vista asociada si se
solicita un cambio en la forma en que se presenta de modelo, por tanto se podría decir
que el controlador hace de intermediario entre la vista y el modelo.
La Vista: Presenta el modelo en un formato adecuado para interactuar usualmente con
la interfaz de usuario, es decir es la parte gráfica donde interactúa el usuario, por lo tanto
requiere de dicho modelo la información que debe representar como salida.

5. 5
7. Software a utilizar
 Netbeans: Es un entorno de desarrollo integrado libre, creado principalmente
para el lenguaje de programación Java. Esta plataforma permite desarrollar
aplicaciones a partir de un conjunto de componentes de software llamados
módulos, los que proporcionan satisfacción a las necesidades complejas del
usuario mediante la combinación de varios módulos pequeños; además
proporciona servidores de aplicaciones entorno a la web.
 Mysql: Es un sistema gestor de base de datos relacional libre que permite tener
mayor velocidad al realizar las operaciones, que lo hace uno de los gestores con
mejor rendimiento, tiene un bajo costo en requerimientos para la elaboración de
bases de datos, posee una facilidad de configuración e instalación de usuarios y
soporta gran variedad de Sistemas Operativos.
Con el uso del software libre se adquiere muchas ventajas como las siguientes:
 Ahorros significativos en la adquisición de licencias.
 Eliminar las barreras de costos presupuestales.
 Beneficios tecnológicos y sociales.
 Es muy diverso y eficiente (por la colaboración, mejora y optimización de
las personas).
 Tiempo de desarrollo más bajo puesto que se tienen las herramientas y
librerías dispuestas.
8. Explicación
El sistema web tiene las siguientes funcionalidades:
 Módulo compras: Se encarga de dar mantenimiento de los proveedores, órdenes
de compra y generar reportes de las compras realizadas.
 Módulo ventas: Se encarga de dar mantenimiento de los clientes, generar reportes
de ventas y generar ventas.
 Módulo almacén: Se encarga de dar mantenimiento a los productos.
 Módulo de Seguridad: Se encarga de dar mantenimiento y acceso a los usuarios
internos del sistema.

6. 6
9. Alcances y limitaciones
El proyecto se centra en el área de ventas y almacén, por lo que no se considera
áreas como contabilidad y finanzas. El aplicativo maneja solo datos principales de los
empleados, más no datos como (sueldos, bonos, horario, entre otros). No manejamos bases
de datos remotas, los datos se guardan localmente, es decir en un solo ordenador. Usamos a
los objetos y clases como puentes entre la aplicación y la base de datos basándose en la
arquitectura MVC.
10.Modelos de Caso de uso
Representan la funcionalidad del sistema, donde se muestra un grupo de actores, casos
de uso y las relaciones entre sí.
 Actores: Es cualquier objeto que interactúa con el sistema, son roles, sistemas, etc.
 Caso de uso: Son los procesos que los actores quieren desarrollar, indican qué es lo
que debe hacer el sistema sin importar cómo se haga, indicando el comportamiento
del sistema.
 Relaciones: Los cuales muestran las relaciones entre los casos de uso y actores.
10.1. Actores del sistema
Figura 1: Actores del sistema
A_AlmaceneroA_Vendedor A_Administrador
Trabajador
A_Compras A_Cliente

7. 7
Mantenimiento clientes
Registrar venta
Buscar Cliente
(from Reutilizables)
<<extend>>
Buscar Producto
(from Reutilizables)
<<include>>
A_Vendedor
(from Actores)
Generar Reporte de Ventas
10.2. Diagramas de Caso de Uso del Sistema
 Generar venta
Figura 3: Generar ventas
 Gestionar compras
Figura 4: Gestionar compras
Buscar Producto
(from Reutilizables)
Generar venta
<<include>>
A_Cliente
(from Actores)
Registrar cliente
<<extend>>
Acceder al sistema
(from Gestionar Seguridad)
<<include>>

8. 8
 Gestionar Almacén
Figura 5: Gestionar Almacén
11.Realización de casos de uso (más importantes)
 Generar ventas
Diagrama de Caso de uso de Análisis CUA: Generar Venta
Generar venta
(from Gestionar Ventas)
RCUA_Generar venta
A_Almacenero
(from Actores)
Mantenimiento de producto
CE_Cliente
CC_Registrar cliente
CE_Venta
CE_Cuenta
A_Cliente
(from Actores)
CC_Acceder cliente
CI_Registrar cliente
CC_Generar venta
CI_Generar venta
CC_Carrito de compras
CE_Carrito de compras

9. 9
Diagrama de colaboración: RCUA Generar Venta (General)
 Mantenimiento de orden de Compra
Diagrama de Caso de uso de Análisis CUA: Mantenimiento de orden de
Compra
: A_Cliente : CI_Generar venta : CC_Acceder cliente : CE_Cliente
: CC_Generar venta
: CE_Venta
: CC_Cuenta
2: Click en acceder
3: Digita los datos de acceso
8: Carga datos del producto
Bienvenido
Incluye caso de uso
Buscar producto
: CE_Carrito de compras
: CE_Carrito de compras
13: Digita los datos de la cuenta
Cuenta
encontrada
Venta relizada
correctamente
Se muestra un div
con los campos
tarjeta y contraseña
Se muestra un div
con los campos
dni y contraseña
1: Carga la página
7: Busca producto
4: Solicita acceso
6: Muestra mensaje
9: Agregar producto
11: Carga producto al carrito
12: Click comprar paquete
17: Muestra mensaje
5: Valida acceso
14: Valida datos
15: Muestra mensaje
16: Registra la venta
10: Verifica producto
RCUA_Mantenimiento de Orden de
Compra
Mantenimiento de orden de
Compra
(from Gestionar Compras)
A_Compras
(from Actores)
CI_Mantenimiento OC
CI_Admin OC
CC_Orden de Compra
CE_Orden de compra

10. 10
Diagrama de colaboración: RCUA Mantenimiento de orden de Compra
 Sub Flujo Modificar Orden de Compra
 Sub Flujo Aprobar Orden de Compra
: CI_MantenimientoOC : CI_AprovarOC : CC_AprobarOC
: CE_OrdendeCompra
seleccione entre dos
opciones de radio button
Precios Diferenciados
Precios Iguales
se actualiza el detalle
conjutamente con la
mercaderia entrante
cantidad solicitada
precio solicitado
importe
igv
subtotal solicitado
¿seguro que desea aprobar
la orden de compra?
Se Aprobo
Correctamente
Se actualiza el
estado a
aprovado
1: buscar OC
2: seleccione OC
3: click btnAprobarOC
6: selecciona rdbtnaux
7: actualiza detalle
8: muestra datos calculados
9: click btnGrabar
10: muestra msg
11: click Aceptar
5: mostrar detalle
15: muestra msg
4: obtener detalle();
datos12: Validar Datos();
13: Actualizar Datos
14:
: CI_MantenimientoOC : CI_AdminOC : CC_ModificarOC
: CE_OrdendeCompra: CC_DetalleOC
al igual que al
el Sub Flujo
Registrar
¿Seguro que desea
Modificar?
Se modifico
Correctamente
estado modificado
con fecha de
modificacion
1: Buscar OC
2: Seleccionar OC
3: click btnModificarOC
6: modificar datos
7: clickbtnGrabar
8: muestra msg
9: click Aceptar
13: return msg
5: mostrar detalle
10: Valida datos();
11: Actualiza Datos();
12:
4: obtener detalle()
d...

11. 11
12.Diseño del sistema web
12.1. Login
12.2. Compras

12. 12
12.3. Ventas
12.4. Mantenimientos

13. 13
13.Conclusiones
En conclusión, el trabajo presentado muestra el desarrollo y finalidad de un software , el
cual ayuda a resolver problemas como mejores tiempos de respuesta, control del negocio
y resguardo de la información estableciendo un orden a la hora de realizar los procesos
del negocio. De esta manera este trabajo demuestra la importancia y utilidad las
metodologías de desarrollo como el RUP el cual proporciona una visión organizada sobre
el desarrollo del software demostrado en cada una de sus fases permitiendo realizar
cambios en el software de acuerdo con los requerimientos, mejorando y optimizando el
desarrollo del mismo. Además con la arquitectura Modelo Vista Controlador empleada
se pueden obtener grandes beneficios como la facilidad de cambios y crecimiento,
modularidad y claridad en el diseño del software tomándolo como una buena práctica de
programación el cual debería ser implementado por todos.