SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO Y FACTURACIÓN DE...

SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO Y

FACTURACIÓN DE LA EMPRESA AUTOPARTES JD SAS

Arbey García Porras

Edwin Alfredo Pérez Prieto

Universidad Distrital Francisco José de Caldas

Facultad Tecnológica

Proyecto Curricular Sistematización de Datos

Bogotá D.C.

2016

SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO Y

FACTURACIÓN DE LA EMPRESA AUTOPARTES JD SAS

ARBEY GARCÍA PORRAS

Código: 20091078068

[email protected]

EDWIN ALFREDO PÉREZ PRIETO

Código: 20091078023

[email protected]

Proyecto presentado como requisito para optar el título de

Tecnólogo en Sistematización de Datos

PROYECTO DE MODALIDAD PASANTÍA

Tutor:

Rocío Rodríguez Guerrero

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

FACULTAD TECNOLOGICA

TECNOLOGIA EN SISTEMATIZACION DE DATOS

BOGOTÁ

2016

NOTA ACEPTACION

___________________________

___________________________

___________________________

__________________________ ING

__________________________

ING

__________________________ ING

Bogotá DC 22 de agosto de 2016

Tabla de Contenido

Pág.

1.6 FACTIBILIDAD .......................................................................................................... 45

1.6.1 Factibilidad Técnica ..................................................................................................... 45

1.6.1.1 Recurso Humano ....................................................................................................... 45

1.6.1.2 Hardware Y Software ............................................................................................. 45

1.6.2 Factibilidad Operativa .................................................................................................. 46

1.6.3 Factibilidad legal .......................................................................................................... 47

1.6.4 Factibilidad económica ................................................................................................ 47

1.7 CRONOGRAMA DE ACTIVIDADES ...................................................................... 49

2 FASE DE ELABORACIÓN ...................................................................................................... 50

2.1 CONOCIMIENTO DE LA ORGANIZACIÓN ............................................................. 50

2.2 MODELADO DEL NEGOCIO .......................................................................................... 51

2.3 DIAGRAMA DE PROCESOS......................................................................................... 52

2.4 MODELO DEL DOMINIO ............................................................................................. 66

3 FASE DE REQUERIMIENTOS .......................................................................................... 67

3.1 Requerimientos funcionales ................................................................................................ 67

3.2 Requerimientos no funcionales ................................................................................... 67

3.3 DEFINICIÓN DE ACTORES ............................................................................................ 68

SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO

Y FACTURACIÓN DE LA EMPRESA AUTOPARTES JD S.A.S. 5

3.4 LISTA PRELIMINAR DE CASOS DE USO: ................................................................... 69

3.5 DIAGRAMAS DE CASOS DE USO ................................................................................. 72

3.5.1 DOCUMENTACIÓN CASOS DE USO ..................................................................... 87

4 Fase de análisis ........................................................................................................................ 115

4.1 DIAGRAMA DE SECUENCIA ................................................................................ 115

4.2 DIAGRAMA DE COLABORACIÓN ......................................................................... 133

4.3 DIAGRAMA DE ACTIVIDAD .................................................................................. 145

4.4 DIAGRAMA DE ESTADO ............................................................................................ 158

5. FASE DE DISEÑO ........................................................................................................... 164

5.1 DIAGRAMA DE CLASES .......................................................................................... 164

5.2 MODELO DE INTERFAZ .............................................................................................. 165

5.3 Diagrama Entidad relación ............................................................................................ 168

5.4 DICCIONARIO DE DATOS .................................................................................... 169



6. FASE DE IMPLEMENTACIÓN .................................................................................... 172

6.1 DIAGRAMA DE COMPONENTES ........................................................................ 172

6.2 DIAGRAMA DE PAQUETES .................................................................................. 173

6.3 DIAGRAMA DE DESPLIEGUE .............................................................................. 176

6.4 PRUEBAS DEL SISTEMA ....................................................................................... 177

CONCLUSIONES ...................................................................................................................... 183

RECOMENDACIONES ............................................................................................................. 185

BIBLIOGRAFÍA ........................................................................................................................ 186

Tabla de ilustraciones

Pág.

Ilustración 1. Descripción de las partes de un número de código de barras. .............................. 35

Ilustración 2. Diagrama procesos agregar productos .................................................................. 52

Ilustración 3. Diagrama de procesos editar producto ................................................................. 53

Ilustración 4. Diagrama de procesos eliminar producto .............................................................. 54

Ilustración 5. Diagrama de procesos agregar marca .................................................................... 55

Ilustración 6. Diagrama de procesos editar marca ...................................................................... 56

Ilustración 7. Diagrama de procesos eliminar marca .................................................................. 57

Ilustración 8. Diagrama de procesos agregar categoría ............................................................... 58

Ilustración 9. Diagrama de procesos editar categoría.................................................................. 59

Ilustración 10. Diagrama de procesos eliminar categoría ........................................................... 60

Ilustración 11. Diagrama de procesos crear nueva venta ............................................................ 61

Ilustración 12. Diagrama de procesos registros ventas ............................................................... 62

Ilustración 13. Diagrama de procesos generar reporte ................................................................ 63

Ilustración 14. Diagrama de procesos consultar productos ......................................................... 64

Ilustración 15. Diagrama de procesos enviar mensaje ................................................................ 65

Ilustración 16. Modelo de domino .............................................................................................. 66

Ilustración 17. Vista general cliente ............................................................................................ 72

Ilustración 18. Consultar productos............................................................................................. 73

Ilustración 19. Enviar mensajes.................................................................................................. 73

Ilustración 20. Consultar Información empresa .......................................................................... 74

Ilustración 21. Vista general administrador ................................................................................ 75

Pág.

Ilustración 22. Gestionar usuario................................................................................................. 76

Ilustración 23. Gestionar inventario ............................................................................................ 77

Ilustración 24. Gestionar marca................................................................................................... 78

Ilustración 25. Agregar categoría ................................................................................................ 79

Ilustración 26. Gestionar productos............................................................................................. 80

Ilustración 27. Gestionar venta .................................................................................................... 81

Ilustración 28 Generar reporte ..................................................................................................... 82

Ilustración 29. Bodeguero vista general ...................................................................................... 83

Ilustración 30. Gestionar productos bodeguero .......................................................................... 84

Ilustración 31. Vendedor vista general ........................................................................................ 85

Ilustración 32. Gestionar ventas vendedor .................................................................................. 86

Ilustración 33. Diagrama Cliente consultar productos .............................................................. 115

Ilustración 34. Diagrama cliente enviar mensaje ...................................................................... 116

Ilustración 35. Diagrama de insertar usuario............................................................................. 117

Ilustración 36. Diagrama de secuencia modificar usuario ........................................................ 118

Ilustración 37. Diagrama de secuencia eliminar usuario.......................................................... 119

Ilustración 38. Diagrama de secuencia revisar inventario ......................................................... 120

Ilustración 39 Diagrama de secuencia Insertar marcas ........................................................... 121

Ilustración 40. Diagrama de secuencia Editar marcas ............................................................... 122

Ilustración 41. Diagrama de secuencia eliminar marcas ........................................................... 123

Ilustración 42. Diagrama de secuencia insertar categoría ......................................................... 124

Ilustración 43. Diagrama de secuencia editar categoría ............................................................ 125

Pág.

Ilustración 44. Diagrama de secuencia eliminar categoría ........................................................ 126

Ilustración 45. Diagrama de secuencia insertar productos ........................................................ 127

Ilustración 46. Diagrama de secuencia editar productos ........................................................... 128

Ilustración 47. Diagrama de secuencia eliminar productos ....................................................... 129

Ilustración 48. Diagrama de secuencia crear venta ................................................................... 131

Ilustración 49 Diagrama de secuencia generar reporte ............................................................. 132

Ilustración 50. Diagrama de colaboración Insertar marca ......................................................... 133

Ilustración 51. Diagrama de colaboración editar marca ............................................................ 134

Ilustración 52. Diagrama de colaboración Eliminar marca ....................................................... 135

Ilustración 53. Diagrama de colaboración Insertar categoría .................................................... 136

Ilustración 54. Diagrama de colaboración editar categoría ....................................................... 137

Ilustración 55. Diagrama de colaboración eliminar categoría ................................................... 138

Ilustración 56. Diagrama de colaboración registrar productos.................................................. 139

Ilustración 57. Diagrama de colaboración seleccionar producto .............................................. 140

Ilustración 58. Diagrama de colaboración Editar producto ....................................................... 141

Ilustración 59. Diagrama de colaboración eliminar producto ................................................... 142

Ilustración 60. Diagrama de colaboración seleccionar productos ............................................. 143

Ilustración 61. Diagrama de colaboración enviar mensajes ...................................................... 144

Ilustración 62. Diagrama de actividad consultar productos ...................................................... 145

Ilustración 63. Diagrama de actividad insertar productos ......................................................... 146

Ilustración 64. Diagrama de actividad editar productos ............................................................ 147

Ilustración 65. Diagrama de actividad eliminar productos........................................................ 148

Pág.

Ilustración 66. Diagrama de actividad insertar marca ............................................................... 149

Ilustración 67. Diagrama de actividad editar marca .................................................................. 150

Ilustración 68. Diagrama de actividad eliminar marca .............................................................. 151

Ilustración 69. Actividad insertar categoría .............................................................................. 152

Ilustración 70. Diagrama de actividad editar categoría ............................................................. 153

Ilustración 71 Diagrama de actividad eliminar categoría .......................................................... 154

Ilustración 72. Diagrama de actividad crear venta .................................................................... 155

Ilustración 73. Diagrama de actividad generar factura.............................................................. 156

Ilustración 74. Diagrama de actividad generar reporte ............................................................. 157

Ilustración 75. Diagrama de estado ingreso al sistema ............................................................. 158

Ilustración 76. Insertar productos .............................................................................................. 159

Ilustración 77. Diagrama de estado Ingresar marca .................................................................. 160

Ilustración 78. Diagrama de estado ingresar categoría .............................................................. 161

Ilustración 79. Diagrama de estado crear venta ........................................................................ 162

Ilustración 80. Diagrama de estado generar reporte ................................................................ 163

Ilustración 81. Diagrama de clases ........................................................................................... 164

Ilustración 82. Modelo de interfaz usuarios .............................................................................. 165

Ilustración 83. Modelo de interfaz cliente ................................................................................. 165

Ilustración 84. Modelo de interfaz administrador ..................................................................... 167

Ilustración 85. Modelo de interfaz bodeguero........................................................................... 167

Ilustración 86. Modelo de interfaz vendedor............................................................................. 167

Ilustración 87. Diagrama entidad relación ................................................................................ 168

Pág.

Ilustración 88. Diagrama de componentes ................................................................................ 172

Ilustración 89. Diagrama de paquetes modelo .......................................................................... 173

Ilustración 90. Diagrama de paquetes vista ............................................................................... 174

Ilustración 91. Diagrama de paquetes controlador .................................................................... 175

Ilustración 92. Diagrama de despliegue .................................................................................... 176

Lista de tablas

Pág.

Tabla 1 Costos de desarrollo ......................................................................................................... 48

Tabla 2 Actividades cronograma .................................................................................................. 49

Tabla 3 Definición actores ............................................................................................................ 52

Tabla 4 caso de uso consultar producto ........................................................................................ 87

Tabla 5 caso de uso enviar mensajes ............................................................................................ 88

Tabla 6 registrar usuario ............................................................................................................... 90

Tabla 7 consultar usuario .............................................................................................................. 91

Tabla 8 modificar usuario ............................................................................................................. 92

Tabla 9 eliminar usuario ............................................................................................................... 93

Tabla 10 revisar inventario ........................................................................................................... 94

Tabla 11 caso de uso agregar marca ............................................................................................. 95

Tabla 12 consultar marca .............................................................................................................. 96

Tabla 13 modificar marca ............................................................................................................. 97

Tabla 14 eliminar marca ............................................................................................................... 98

Tabla 15 agregar categoría ............................................................................................................ 99

Tabla 16 consultar categoría ....................................................................................................... 100

Tabla 17 modificar categoría ...................................................................................................... 101

Tabla 18 eliminar categoría ........................................................................................................ 102

Tabla 19 agregar producto .......................................................................................................... 103

Tabla 20 consultar producto........................................................................................................ 104

Tabla 21 modificar producto ....................................................................................................... 105

Pág.

Tabla 22 eliminar producto ......................................................................................................... 106

Tabla 23 crear venta .................................................................................................................... 107

Tabla 24 adicionar producto ....................................................................................................... 108

Tabla 25 eliminar producto ......................................................................................................... 109

Tabla 26 generar factura ............................................................................................................. 110

Tabla 27 guardar factura ............................................................................................................. 111

Tabla 28 imprimir factura ........................................................................................................... 112

Tabla 29 generar reporte ............................................................................................................. 113

Tabla 30 generar archivo reporte ................................................................................................ 114

Tabla 31 diccionario de datos: categoría .................................................................................... 169

Tabla 32 diccionario de datos: facturas ...................................................................................... 170

Tabla 33 diccionario de datos: productos ................................................................................... 171

Tabla 34 diccionario de datos: marcas ........................................................................................ 171

Tabla 36 prueba funcionalidad cliente ....................................................................................... 180

Tabla 37 prueba funcionalidad administrador ............................................................................ 180



INTRODUCCIÓN

Para las organizaciones el manejo de la información es muy importante, debido a que, con

ella, ejecutan procesos, toman decisiones, generan ingresos entre otros. Por eso, en la actualidad

la información debe ser segura y confiable tiene que evolucionar frente a los cambios que sufre la

civilización.

El presente proyecto tiene como intención mejorar el funcionamiento de los procesos en la

organización, su enfoque está en la creación de un plan de mejoramiento en los procesos de registro

de inventario y facturación de productos debido a que el volumen de la información puede crecer

y es necesario controlar de la manera más adecuada la integridad y veracidad de la información.

Debido a la nueva era en que la información se mueve, este proyecto busca dar una

solución tecnológica ofreciendo altas prestaciones al usuario en la comodidad, interacción y

funcionalidad, además de la seguridad, integridad y veracidad de la información, para que la

empresa mejore sus procesos crezca a un nivel superior.



RESUMEN

En la empresa Autopartes JD S.A.S se han explorado las labores que los empleados

enfrentan diariamente, encontrando debilidades que incitan a buscar un camino más prometedor,

ya que los procesos que se observan entorpecen la ejecución en las ventas debido a que es difícil

comprobar la veracidad en el contenido de los documentos físicos, esta información confunde a

toda la organización, además que es agotador buscar entre muchos documentos en el momento de

rectificar información, para hacer evidente este problema y dar solución se utiliza un plan de

desarrollo, con respecto a la metodología, además de conocer aspectos básicos como la misión,

visión y objetivos entre otros, el proyecto se inicia con la recolección de la información sobre los

productos que vende esta compañía, luego de esto, elaboramos diagramas de actividades, donde

identificamos como se realizan los procedimientos normalmente en la empresa, lo que nos permite

obtener los sujetos involucrados con sus respectivos cargos y labores.

Ahora, teniendo la imagen de cómo es su funcionamiento damos forma a la estructura de

la aplicación, realizamos una investigación donde relacionamos nuestro prospecto con

aplicaciones que realizan tareas similares a las nuestras para aclarar y elegir el rumbo de este

proyecto, observando estos aspectos modelamos diagramas de casos de uso para involucrar a estos

sujetos en la interacción del sistema con sus respectivas labores, luego, diseñamos diagramas

entidad relación, clases, secuencia, estado y comunicación, para tomar la mejor



decisión del funcionamiento de la aplicación web, continuamos con la selección de los

componentes necesarios para nuestro proyecto, en las cuales se involucran los lenguajes de

desarrollo q vamos a utilizar, herramientas tecnológicas como sistema operativo, programas lector

de código de barras entre otros, seguido de esto, desarrollamos diagramas de componentes,

despliegue, paquetes que permitieron implementar nuestra aplicación web, la cual nos permitió

crear e interactuar con los datos que tiene esta organización, posteriormente ejecutamos las pruebas

del sistemas para verificar anomalías y corregir estas fallas para que el sistema fuera ejecutado en

la empresa Autopartes JD S.AS.



ABSTRACT

In the company “Autopartes JD SAS” have explored the work that employees face daily,

finding weaknesses that encourage seek a more promising path, since the processes observed

hinder sales execution because it is difficult to ascertain the truth in the content of physical

documents, this information confuses the whole organization, and that is exhausting search

through many documents at the time of correct information, to make clear this problem and

solve a development plan is used, with respect to the methodology and to describe basic aspects

such as mission, vision and objectives among others, the project starts with gathering

information about the products sold by this company, after this, elaborate diagrams of activities,

which we identify as the procedures are performed usually in the company, allowing us to

obtain the subjects involved with their respective roles and tasks.

Now, taking picture of how it works we shape the structure of the application, we

conducted an investigation which relate our prospectus with applications that perform tasks

similar to ours to clarify and choose the course of this project, observing these modeled aspects

diagrams use case to involve these subjects in the interaction of the system with their respective

work, then we design entity relationship diagrams, classes, sequence, state and communication,

to make the best decision functioning of the web application, continue with the selection of the

components required for our project, in which development languages will



use involved, technological tools such as operating system, code reader bars among others,

followed this program, we developed component diagrams, deployment packages they allowed

to implement our web application, which allowed us to create and interact with the data that has

this organization, then run tests to verify system abnormalities and correct these failures for the

system to be executed in the company “Autopartes JD SAS”



1. FASE DE INICIO

1.1 PLANTEAMIENTO DEL PROBLEMA

1.1.1 Descripción Del Problema

La empresa “autopartes JD S.A.S” está dedicada a la comercialización de autopartes

eléctricas para automóviles, los procesos productivos y administrativos se realizan de la

siguiente manera:

El almacenamiento de productos consiste en organizar productos en cubículos, su

clasificación está dada por la función que cumplen los productos en el automóvil, y estos a su

vez se identifican con un código que especifica la marca para la que es útil y su clase.

• La compra de productos consiste en el abastecimiento de la bodega, donde es

controlada con una orden de pedido donde describe los productos que acaban de llegar.

• La facturación se realiza por medio de recibos que identifican el cliente, el producto,

cantidad y valor.



Al observar el funcionamiento de los procesos dentro de la empresa surgen una serie de

inconvenientes que serán expuestos a continuación:

Los productos almacenados en la bodega no tienen un orden adecuado, la ubicación de

ellos varía mucho, lo cual imposibilita al personal realizar pedidos y aprender cual es la marca

y categoría a la que pertenecen estos.

Al comenzar el día el bodeguero debe hacer un conteo de los productos en existencia

para saber si puede realizar el pedido, prefiere hacer este proceso que mirar en las facturas de

venta la cantidad de productos vendidos y restarlos a la cantidad en existencia.

La realización de los procesos administrativos, tales como la facturación son hechos en

material físico, en donde hay inconsistencias debido a la ilegibilidad de las facturas y también

hay pérdida de información debido a que las hojas de las facturas se pierden.



1.1.2 Formulación Del Problema

¿Cómo dar solución a la problemática que vive diariamente las personas que trabajan

en esta empresa?, ¿Qué impacto puede tener para los trabajadores desarrollar un sistema de

información web qué controle los procesos del inventario y facturación, en donde puedan

almacenar y gestionar la información pertinente a las cotizaciones, pedidos y facturación?

1.2 JUSTIFICACIÓN

La empresa JD Autopartes S.A.S ha comenzado su etapa de crecimiento rápidamente,

sus productos han sido acogidos por nuevos clientes que aumentan la demanda en las ventas, lo

que a su vez ha generado el aumento de un gran volumen de información, la cual es muy

importante debido a que deben garantizar la mejor calidad y servicio en el menor tiempo

posible, siendo así, es imprescindible que la información tenga un buen nivel de seguridad, que

sea optima en el momento de gestionarla para procesos en la producción y facturación, por eso,

la solución es desarrollar un sistema de información web que se adapte a las necesidades de los

usuarios que quieren contribuir al crecimiento de la organización.

El desarrollo e implementación de este proyecto será participe en la evolución del

trabajo en esta organización, ya que fomentará un cambio positivo en el ordenamiento y control

de la información para mostrar los nuevos horizontes del futuro de JD Autopartes S.A.S.



1.3 OBJETIVOS

1.3.1 Objetivo General

Desarrollar el sistema de información web para el control de inventario y

facturación de la empresa “autopartes JD S.A.S”.

1.3.2 Objetivos Específicos

Realizar el levantamiento de requerimientos, analizando cada detalle para generar

la solución.

Diseñar e implementar la base de datos que almacene todo el inventario que se

maneja dentro de la empresa.

Implementar la tecnología de lectura de código de barras para el control del

inventario por medio de un escáner.

Desarrollar el módulo de presentación para brindar a usuarios externos una visión

general de la empresa y sus productos.

Desarrollar el módulo de contacto para permitir tanto la empresa como a sus clientes

una constante comunicación que les permita continuar mejorando.

Desarrollar el módulo de inventario para tener un control del stock.

Desarrollar el módulo facturación estableciendo una documentación tanto para los

clientes como para la empresa, teniendo así, un control de cada venta.



Desarrollar el módulo de Reportes para permitir a la empresa tener un control de

los movimientos de entrada y salida que se generen en un lapso de tiempo.

Desarrollar un sistema de ingreso para dar permisos a cada usuario de acuerdo a la

necesidad que solicita en la aplicación.

Realizar las respectivas pruebas del aplicativo para comprender su rendimiento, así

como su confiabilidad a la hora de ingresar los registros en la base de datos.



1.4 ALCANCES Y LIMITACIONES

1.4.1 Alcances

El software permitirá al administrador registrar la información de un nuevo

producto y almacenarla en la base de datos.

Almacenada la información de los productos, la aplicación web tendrá la capacidad

de clasificar los productos en categorías para que se puedan visualizar en una galería con su

respectiva información.

El administrador podrá realizar procesos como crear una factura y exportarla en

formato PDF ya sea para guardar o imprimir la factura.

La aplicación estará en la capacidad de guardar el registro de las ventas que se han

realizado para que los administradores puedan consultarlas posteriormente.

El sistema permitirá obtener reportes estadísticos sobre las ventas que se realizan

en cualquier fecha.

El sistema permitirá a cualquier usuario consultar información sobre los productos

que la empresa tiene para la venta.

Cualquier usuario podrá enviar inquietudes sobre los precios de los productos por

medio de la página de contacto, la cual enviará la petición al correo de la organización.



1.4.2 Limitaciones

El sistema será desarrollado para que se ejecute desde el navegador web de un

computador con conexión a internet.

Los datos podrán ser modificados únicamente por el administrador del sistema.



1.5 MARCO DE REFERENCIA

1.5.1 Marco Histórico

El sistema de información web para el control de inventario y facturación de la empresa

Autopartes JD S.A.S, ha sido desarrollado para ser utilizado en el área financiera y solucionar

problemas en el inventario y facturación, pero existen más aplicaciones dedicadas a simplificar

estas situaciones, algunas de las cuales abordaremos a continuación:

Sistematic: Es un sistema de gestión de almacén y facturación, orientado para negocios

comerciales brinda posibilidades como control de clientes, proveedores y cuentas por cobrar,

emisión de facturas entorno multiusuario.1

SoluPyme: Es un sistema muy fácil de usar sin aprendizaje previo. Ideal para pequeñas

y medianas empresas. Cuenta con los siguientes módulos:

Pedidos: Controla los pedidos de clientes separando automáticamente la mercadería del

almacén.

Facturación: Emite comprobantes de pago (boletas, facturas, notas de crédito, notas de

débito) en dólares o moneda nacional, e imprime en formatos personalizados.

Cotizaciones: Incrementa la capacidad de atención a más clientes, sin perder tiempo en

cálculos y registros manuales. Cotizando en diferentes monedas.2

1 Soluciones Sistematic [Definición Sistematic](s.f) Recuperado de http://www.sistematicperu.com/

2 SoluPyme [Definición SoluPyme] (s.f) Recuperado de http://www.solupyme.com/index.html



Secomat: Es un pequeño y sencillo, pero práctico y funcional programa diseñado

para para llevar control de los artículos, productos o materiales de una bodega. Incorpora

funciones para el registro de materiales, entradas y salidas. También posee módulos para

el registro de proveedores y personas relacionadas a las salidas.3

Tomando como referencia las aplicaciones mencionadas previamente se pueden

considerar aportes valiosos para el desarrollo de nuestro sistema en diferentes

situaciones, como en el control de inventarios y facturación, sin embargo, en el sistema

de información web se tiene como ventaja permitir al usuario acceder desde cualquier

sitio con acceso a internet, no es una aplicación local, sobretodo esta aplicación se adecua

a las necesidades únicas de la organización JD autopartes S.AS.

3 Secomat. [Definición Secomat] (s.f) Recuperado de http://sistemaspaez.com/control-de-bodega-con-secomat/



1.5.2 Marco Teórico

Metodología RUP

Sistema Web para la gestión de inventario y facturación de la empresa JD autopartes

SAS

Planificación las fases metodología RUP

El proceso de desarrollo del software se dividirá en cuatro fases:

Investigación: Esta fase implica el estudio de técnicas, herramientas, e información

necesaria para la construcción del software, tales como las tecnologías html5, css, php,

JavaScript, MySQL, escáner de código de barras, entre otras.

Inicio: Una vez recopilada la información para el proyecto, se dará paso al análisis

del problema en el que se encuentra la empresa planteando una solución que poco a poco logrará

satisfacer las necesidades de la empresa, estimando los riesgos, límites y alcances del software

definiendo un plan de desarrollo para asegurar su culminación.

Elaboración: en esta etapa se modelará un sistema capaz de interactuar con el

usuario, por medio de diagramas de caso de uso, de secuencia, de estado etc. que reflejen la

eficiencia y comodidad de la solución informática.

Construcción: Se utilizará el modelado del sistema para construir un software con

las funcionalidades necesarias para la empresa, además de realizar las pruebas necesarias para

detectar y corregir errores y obtener un producto final sólido y eficiente.



Las herramientas tecnológicas físicas y lógicas que se implementaran en el desarrollo

de los módulos del sistema de información web para el control de inventario y facturación de

la empresa autopartes JD S.A.S son:

HTML5: Es un lenguaje Markup (de hecho, las siglas de HTML significan Hyper Text

Markup Language) usado para estructurar y presentar el contenido para la web. Es uno de los

aspectos fundamentales para el funcionamiento de los sitios, pero no es el primero. Es de hecho

la quinta revisión del estándar que fue creado en 1990. A fines del año pasado, la W3C la

recomendó para transformarse en el estándar a ser usado en el desarrollo de proyectos

venideros. Por así decirlo, qué es HTML5 está relacionado también con la entrada en

decadencia del viejo estándar HTML 4, que se combinaba con otros lenguajes para producir los

sitios que podemos ver hoy en día. Con HTML5, tenemos otras posibilidades para explotar

usando menos recursos. Con HTML5, también entra en desuso el formato XHTML, dado que

ya no sería necesaria su implementación.4

Header: Este elemento presenta información introductoria y puede ser aplicado en

diferentes secciones del documento. Tiene el propósito de contener la cabecera de una sección

pero también puede ser utilizado para agrupar índices, formularios de búsqueda, logos, entre

otros.

4 Html5. [Definición html5] (s.f) Recuperado de https://hipertextual.com/archivo/2013/05/entendiendo-html5-

guia-para-principiantes/

https://hipertextual.com/archivo/2013/05/entendiendo-html5-guia-para-principiantes/

https://hipertextual.com/archivo/2013/05/entendiendo-html5-guia-para-principiantes/



Nav: Este elemento indica una sección de enlaces con propósitos de navegación, como

menús o índices. No todos los enlaces dentro de una página web tienen que estar dentro de un

elemento <nav>, solo aquellos que forman partes de bloques de navegación.

Section: Este elemento representa una sección general del documento. Es usualmente

utilizado para construir varios bloques de contenido (por ejemplo, columnas) con el propósito

de ordenar el contenido que comparte una característica específica, como capítulos o páginas

de un libro, grupo de noticias, artículos, entre otros.

Aside: Este elemento representa contenido que está relacionado con el contenido

principal pero no es parte del mismo. Ejemplos pueden ser citas, información en barras laterales,

publicidad, entre otros.

Footer: Este elemento representa información adicional sobre su elemento padre. Por

ejemplo, un elemento <footer> insertado al final del cuerpo proveerá información adicional

sobre el cuerpo del documento, como el pie normal de una página web. Puede ser usado no solo

para el cuerpo sino también para diferentes secciones dentro del cuerpo, otorgando información

adicional sobre estas secciones específicas.5

Css3: Es un lenguaje usado para definir la presentación de un documento estructurado

escrito en HTML y entre sus características están sus nuevas etiquetas:

Border radius: Permite crear cajas con bordes redondeados fácilmente.

Box Shadow: Ofrece la posibilidad de añadir una sombra a nuestra caja, admite

cuatro parámetros; desplazamiento x, desplazamiento, desenfoque, color de la sombra.

5 Gauchat, J.D. (Ed 1). (Enero de 2012). Estructura del Cuerpo. Lugar de publicación: Marcombo ediciones

técnicas. Dirección (https://adegiusti.files.wordpress.com/2013/09/el-gran-libro-de-html5-css3-y-javascript.pdf).



Text shadow: Ofrece la posibilidad de añadir una sombra al texto, admite cuatro

parámetros; desplazamiento x, desplazamiento, desenfoque, color de la sombra.

Background size: Permite variar el tamaño del background. Acepta dos parámetros

anchura de x, y.

Pseudo Clases: Se utilizan para agregar estilo a elementos HTML, cuando una

determinada condición se cumple. La condición depende de la pseudo-clase que se añade al

selector. Las pseudo-clases se indican con: un selector (identificador de clase, selector de

atributos, etc.) y a continuación, seguido de dos puntos (:) se escribe la pseudo-clase.6

Etiqueta script: permite la inserción de códigos script, como puede ser JavaScript en

un documento web del lado del cliente. El código se puede insertar directamente entre las

etiquetas o haciendo referencia a un documento externo el cual contiene el código script a

ejecutar. En este último caso la etiqueta de script no ha de tener contenido.

Los “navegadores” o visualizadores realizan la carga del documento web de forma

secuencial, cuando el navegador se encuentra con una etiqueta de script y esta contiene el

atributo src, puede provocar que si el script es muy lento en su ejecución o cuando se carga el

script y este hace referencia a un elemento del documento web, que no ha sido cargado todavía,

pueda producirse un error de ejecución en el documento.

Para evitar estas situaciones se ha de plantear donde situar los códigos de script, aunque

inicialmente se plantea que estos se carguen en el encabezado, realmente se pueden cargar en

cualquier parte del documento web. Por lo tanto es conveniente situar los script después de los

elementos del documento web a los cuales hagan referencia.

6 Pastorini, Á. (s.f). CSS3. Lugar de publicación: TRIA. Dirección

(https://www.fing.edu.uy/tecnoinf/mvd/cursos/ria/material/teorico/ria-03-HTML5-CSS3.pdf).



Una técnica muy utilizada era situar los scripts al final del documento web, antes de la

etiqueta de cierre del mismo.7

PHP: (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código

abierto muy popular especialmente adecuado para el desarrollo web y que puede ser

incrustado en HTML.

En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las

páginas de PHP contienen HTML con código incrustado que hace "algo" (en este caso, mostrar

"¡Hola, soy un script de PHP!). El código de PHP está encerrado entre las etiquetas especiales

de comienzo y final <? php?> que permiten entrar y salir del "modo PHP".

Lo que distingue a PHP de algo del lado del cliente como JavaScript es que el código es

ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá el

resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web

puede ser configurado incluso para que procese todos los ficheros HTML con PHP, por lo que

no hay manera de que los usuarios puedan saber qué se tiene debajo de la manga.

Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su vez

ofrece muchas características avanzadas para los programadores profesionales. No sienta miedo

de leer la larga lista de características de PHP. En unas pocas horas podrá empezar a escribir

sus primeros scripts.8

7 Castillo, Lucia. (2013) (Ed Cursos Practicos). Etiqueta <script>. Lugar de publicación: Dinámica. Dirección

(http://www1.herrera.unt.edu.ar/biblcet/wp-content/uploads/2014/12/Introducci%C3%B3n-al-lenguaje-

HTML5MA.pdf).

8 ¿Qué es PHP? (s.f). Dirección (http://php.net/manual/es/intro-whatis.php).



Base de Datos: Una base de datos es un sistema informático que se relaciona como un

almacén. En este almacén se guardan grandes volúmenes de información en donde podemos

encontrar una colección de archivos de datos computarizados ya sean registros de datos

personales, números de teléfono, direcciones, etc.9

Bootstrap: Es un framework originalmente creado por Twitter, que permite crear

interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio

web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta

automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y

desarrollo se conoce como “responsive design” o diseño adaptativo, el beneficio de usar

responsive design en un sitio web, es principalmente que el sitio web se adapta automáticamente

al dispositivo desde donde se acceda.10

HighCharts: Es una librería escrita en JavaScript que permite la creación de gráficas.

La librería ofrece un método fácil e interactivo para insertar graficas en su sitio web o aplicación

web. La librería es compatible con todos los navegadores modernos incluyendo iPhone/iPad e

Internet Explorer desde su versión 6. No es comercial, no se necesita el permiso de los autores

para su implementación en sitios web personales o sin fines de lucro.11

9 Valdés Pérez, D. ¿Qué son las bases de Datos? (Octubre 26 de 2007). Dirección

(http://www.maestrosdelweb.com/que-son-las-bases-de-datos/).

10 Solís, J. Bootstrap. ¿Qué es Bootstrap? (Septiembre 26 de 2016). Dirección

(http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-como-funciona-en-el-diseno-web.htm).

11 Jhenrry Álvaro. HighCharts: Librería para Creación de Gráficos. (1 Marzo de 2013). Dirección

(https://enboliviacom.wordpress.com/2013/03/01/highcharts-libreria-para-creacion-de-graficos/).

http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-como-funciona-en-el-diseno-web.htm



Patrón MVC: Es una propuesta de diseño de software utilizada para implementar

sistemas donde se requiere el uso de interfaces de usuario. Surge de la necesidad de crear

software más robusto con un ciclo de vida más adecuado, donde se potencie la facilidad de

mantenimiento, reutilización del código y la separación de conceptos, su fundamento es la

separación del código en tres capas diferentes, acotadas por su responsabilidad, en lo que se

llaman Modelos, Vistas y Controladores.12

12 Álvarez, M.A ¿Qué es MVC? (Enero 2 de 2014). Dirección (http://www.desarrolloweb.com/articulos/que-es-

mvc.html).

http://www.desarrolloweb.com/articulos/que-es-mvc.html




Código de Barras: Un escáner o lector para lectura de códigos de barras es un

dispositivo para la recolección de datos de forma rápida y segura; y son idóneos para leer y

decodificar simbologías de código de barras, El lector o escáner de código de barras apoyan en

la automatización de sus procesos como el control de inventarios, almacén, identificación de

productos, puntos de venta, rastreos, entre otras soluciones.

Por medio del láser lee un código de barras y emite el número que muestra el código de

barras, no la imagen. De ésta forma agiliza el ingreso de un código numérico. El lector proyecta

un rayo de luz en movimiento sobre el código, atravesándolo de extremo a extremo. A

continuación Se analizan los patrones de luz reflejada, para transformarlos en datos que pueda

interpretar una computadora. Este código consta de 13 números como se muestra en la

Ilustración1, los cuales están transcritos en forma de barras.

Ilustración 1. Descripción de las partes de un número de código de barras. Recuperado de:

https://blosgderaulito.wordpress.com/2007/01/19/



Los dos primeros dígitos definen la asociación que asigna los códigos a fabricantes y

distribuidores, la Asociación Española de Codificación Comercial (AECOC). En este caso es

el 84, es decir, todos los productos fabricados por empresas españolas empiezan por ese número.

Los 5 dígitos siguientes corresponden al código asignado a la empresa y los 5 dígitos siguientes

se utilizan para designar el producto de dicha empresa. El último dígito sirve de control, que

resulta de aplicar un algoritmo matemático a los otros 12 dígitos. Si al leer el código de barras

el dígito de control no coincide con el resultado de la aplicación del algoritmo, significa que se

ha producido un error y pide una nueva lectura.

Cada uno de los dígitos se representa por un grupo de 7 módulos de tonalidades claras

y oscuras, de manera que cada dígito está formado por dos zonas claras y dos zonas oscuras de

ancho variable. Dicha anchura es lo que permite que el lector decodifique las barras del sistema

EAN.13

13 ¿Cómo funciona el código de barras? (Enero 19 de 2007). Dirección

(https://blosgderaulito.wordpress.com/2007/01/19/¿como-funciona-el-codigo-de-barras/).



MySQL: MySQL es un sistema de administración de bases de datos (Database

Management System, DBMS) para bases de datos relacionales. Así, MySQL no es más que una

aplicación que permite gestionar archivos llamados de bases de datos.

Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas

relacionales orientados a objetos. MySQL, como base de datos relacional, utiliza multiples

tablas para almacenar y organizar la información. MySQL fue escrito en C y C++ y destaca por

su gran adaptación a diferentes entornos de desarrollo, permitiendo su interactuación con los

lenguajes de programación más utilizados como PHP, Perl y Java y su integración en distintos

sistemas operativos.14

14 ¿Qué es MySQL? (Agosto 16 de 2005). Dirección (http://www.esepestudio.com/noticias/que-es-mysql).



Inventario: El inventario representa la existencia de bienes almacenados destinados

a realizar una operación, sea de compra, alquiler, venta, uso o transformación. Los

inventarios de una compañía están constituidos por sus materias primas, sus productos en

proceso, los suministros que utiliza en sus operaciones y los productos terminados.

Clasificación de inventarios según su forma;

Inventario de Productos Terminados: Son todos aquellos bienes adquiridos por

las empresas manufactureras o industriales, los cuales son transformados para ser vendidos

como productos elaborados.

Inventario de Suministros de Fábrica: Son los materiales con los que se elaboran

los productos, pero que no pueden ser cuantificados de una manera exacta (Pintura, lubricantes,

etc.).

Inventario de seguridad o de reserva: Es el que se mantiene para compensar los

riesgos de paros no planeados de la producción o incrementos inesperados en la demanda de

los clientes.

Inventario de desacoplamiento: Es el que se requiere entre dos procesos u

operaciones adyacentes cuyas tasas de producción no pueden sincronizarse; esto permite que

cada proceso funcione como se planea.



Inventario en tránsito: Está constituido por materiales que avanzan en la cadena

de valor. Estos materiales son artículos que se han pedido, pero no se han recibido todavía.

Inventario de ciclo: Resulta cuando la cantidad de unidades compradas (o

producidas) con el fin de reducir los costos por unidad de compra (o incrementar la eficiencia

de la producción) es mayor que las necesidades inmediatas de la empresa.

Inventario de previsión o estacional: Se acumula cuando una empresa produce

más de los requerimientos inmediatos durante los periodos de demanda baja para satisfacer las

de demanda alta. Con frecuencia, este se acumula cuando la demanda es estacional.15

1.5.3 Marco Conceptual

Hardware: Termino en ingles que se refiere a cualquier componente físico tecnológico,

que interactúa o trabaja con un computador, incluye elementos internos como discos duros,

unidades de cd, unidad central de procesamiento, tarjetas de memoria, y elementos externos

como teclado, mouse, impresora, monitor y demás periféricos. Realiza las tareas de entrada y

salida, permitiendo la comunicación entre el equipo y el usuario, es decir es la maquinaria real

utilizada para el procesamiento electrónico de datos.16

15 ¿Qué es inventario? [Tipos, utilidad, contabilización y valuación]. (s.f). Dirección (http://www.gestiopolis.com/que-

es-inventario-tipos-utilidad-contabilizacion-y-valuacion/#que-es-un-inventario).

16 EL HARDWARE. Evolución y características (s.f). Dirección (http://ing.unne.edu.ar/pub/informatica/U2.pdf).

http://ing.unne.edu.ar/pub/informatica/U2.pdf



Sistema de información: Es un conjunto de elementos interrelacionados con el

propósito de prestar atención a las demandas de información de una organización, para elevar

el nivel de conocimientos que permitan un mejor apoyo a la toma de decisiones y desarrollo de

acciones. 17

Software: Se entiende como software al equipamiento o sistema lógico que posee un

dispositivo tecnológico. El mismo está compuesto por programas capaces de realizar tareas

específicas y a diferencia del hardware entendido como partes físicas de un dispositivo, el

software es la parte lógica.18

17 Dangel Duany, A. Sistemas de Información (Febrero 24 de 2010). Dirección (http://www.econlink.com.ar/sistemas-

informacion/definicion).

18 Concepto de Software. (2015) Dirección (http://concepto.de/software/).



Métodos de valuación de inventarios

Método Peps

Existen dos sistemas de inventarios: El sistema periódico y el sistema permanente.

Cuando la empresa utiliza el sistema permanente, debe recurrir a diferentes métodos de

valuación de inventarios, entre los que tenemos el Método Peps, Método Ueps, Método del

promedio ponderado y Método retail, siendo estos los más utilizados y más desarrollados.

Método de primeras en entrar primeras en salir (PEPS).

Este método consiste básicamente en darle salida del inventario a aquellos productos

que se adquirieron primero, por lo que en los inventarios quedarán aquellos productos

comprados más recientemente.

En cualquiera de los métodos las compras no tienen gran importancia, puesto que estas

ingresan al inventario por el valor de compra y no requiere procedimiento especial alguno.

En el caso de existir devoluciones de compras, esta se hace por el valor que se compró

al momento de la operación, es decir se la de salida del inventario por el valor pagado en la

compra. Si lo que se devuelve es un producto vendido a un cliente, este se ingresa al inventario

nuevamente por el valor en que se vendió, pues se supone que cuando se hizo la venta, esos

productos se les asigno un costo de salida según el método de valuación de inventarios

manejado por la empresa.



Método Ueps

Método de últimas en entrar primeras en salir (UEPS).

En este método lo que se hace es darle salida a los productos que se compraron

recientemente, con el objetivo de que en el inventario final queden aquellos productos que se

compraron de primero. Este es un método muy útil cuando los precios de los productos

aumentan constantemente, cosa que es muy común en los países con tendencias inflacionarias.

El tratamiento que se la da a las devoluciones en compras es el mismo que se le da en el

método PEPS, es decir que se le da salida del inventario por el valor de adquisición, esto debido

a que como es apenas lógico, el producto se devuelve por el valor que se pagó a la hora de

adquirirlo. Debemos recordar además que los diferentes métodos de valuación tienen validez

para costear las ventas o salidas, ya que las compras ya tienen un costo identificado que es el

valor pagado por ellas.

En el caso de la devolución en ventas, estas ingresan nuevamente al inventario por el

valor o costo con que salieron al momento de hacer la venta.



Método Promedio ponderado

Con este método lo que se hace es determinar un promedio, sumando los valores

existentes en el inventario con los valores de las nuevas compras, para luego dividirlo entre el

número de unidades existentes en el inventario incluyendo tanto los inicialmente existentes,

como los de la nueva compra.

El tratamiento de las devoluciones en ventas por este método, es similar o igual que los

otros, la devolución se hace por el valor en que se vendieron o se le dieron salida, recordemos

que este valor corresponde al costo del producto más el margen de utilidad (Precio de venta es

igual a costo + utilidad). De modo tal que las devoluciones en ventas se les vuelve a dar entrada

por e valor del costo con que se sacaron en el momento de la venta y entran nuevamente a ser

parte de la ponderación.

En el caso de las devoluciones en compras, estas salen del inventario por el costo en que

se incurrió al momento de la compra y se procede nuevamente a realizar la ponderación.



Método Retail

El método fue destacado en un diario comercial para contadores como

una técnica para relevar las firmas de la carga del inventario: Es práctico para

los almacenes funcionar bajo método de inventario retail porque no tienen que

continuar realizando los inventarios anuales o semestrales generales a los que

son acostumbra actualmente y que implican un gran costo y a menudo malos

resultados por pérdidas considerables de negocios. Bajo este nuevo método

los inventarios contables perpetuos se utilizan en informes, estados financieros,

etc., y se mantienen comprobados constantemente por el departamento de

inventarios. 19

19 Pedraza Godoy, R.A. Métodos de Valuación de Inventarios (Junio 12 de 2010). Dirección

<http://www.gerencie.com/metodo-peps.html>.



1.6 FACTIBILIDAD

1.6.1 Factibilidad Técnica

1.6.1.1 Recurso Humano

Los desarrolladores del proyecto deben tener bases suficientes en conocimientos de

modelado, creación de Bases de datos y herramientas web como; php, html5, javascript además

de conocer el funcionamiento del patrón MVC, con el fin de poder dar solución al problema

planteado en el proyecto, Además de contar con la disponibilidad de tiempo para llevar a cabo

el desarrollo de cada una de las etapas del proyecto.

1.6.1.2 Hardware Y Software

Para el desarrollo del sistema es necesario contar con dos equipos de cómputo que

posean los siguientes requerimientos de hardware y software como mínimo:

Tipo Equipo: Ordenador de mesa o Computador portátil.

Procesador: Doble núcleo de 2,0 GHz o superior.

RAM: 2GB.

Disco Duro: 500GB.

Sistema Operativo: Windows 7 de 32 bits o 64 bits.

Sistema Gestor de Datos: MYSQL.

Interface de desarrollo: Sublime Text.

Servidor Web: Xampp.

Lenguajes de Programación: Html5, Php, JavaScript.



1.6.2 Factibilidad Operativa

Al culminar el proyecto e implementar el sistema de información web, se desea que sea

aceptado positivamente por parte de los usuarios, por los siguientes motivos:

El sistema buscará ser amigable con el usuario, con el fin de que este pueda operarlo

de forma sencilla, puesto que se manejará la misma información con la que están familiarizados,

tan solo que en formato digital y por medio de formularios en una aplicación web.

El sistema no desplazará personas de su puesto de trabajo, tan solo mejorará los

procesos para hacer el trabajo más fácil a quienes utilicen este sistema.

Se espera que los clientes puedan interactuar con la aplicación, realizando consultas

de los productos y conociendo de manera detallada las características del producto.

El administrador del sistema podrá tomar mejores decisiones en cuanto a la compra

y venta de los productos por medio de la generación de reporte estadísticos.



1.6.3 Factibilidad legal

Para el desarrollo de este proyecto se utilizará software de código abierto o bajo

licencia educativa.

1.6.4 Factibilidad económica

En la tabla 1, se muestran los costos que acarreará el desarrollo del sistema de

información que describiremos a continuación:

Se realiza la cotización de 2 equipos de cómputo, que serán utilizados tanto para el

desarrollo como para la realización de pruebas.

Se realiza la cotización de dos lectores de código de barras.

Se tendrán en cuenta el valor de los servicios utilizados tales como internet,

papelería, servicios públicos, transporte y Hosting web.

Se calcula el tiempo requerido por los desarrolladores en el desarrollo del proyecto.



Tabla 1

Costos de desarrollo

Recurso Responsable Descripción Cantidad

Costo

Unitario

Costo

Total

Equipo de

desarrollo

Ejecutores del

proyecto Computador 2 $ 1.800.000

$

3.600.000

Accesorios Empresa Lector Código de

Barras 2 $ 120.000 $ 240.000

Papelería Ejecutores del

proyecto Resma de papel 2 $ 10.000 $ 20.000

Servicios

Públicos

Ejecutores del

proyecto Luz 16(meses) $ 40.000 $ 640.000

Conexión

internet

Ejecutores del

proyecto Plan internet 16(meses) $ 60.000 $ 960.000

Transporte Ejecutores del

proyecto Transporte 100(pasajes) $ 2000 $ 200.000

Hosting Empresa Alojamiento Web 12(meses) $ 150.000 $150.000

Horas

Desarrollador

Ejecutores del

proyecto Horas de desarrollo 640 h * 2 p $ 15.000

$

19.200.000

Horas Tutor Universidad Ejecutor de Proyecto 200 $ 45.000 $

9.000.000

Total $ 34.010.000



1.7 CRONOGRAMA DE ACTIVIDADES

A continuación, en la Tabla 2 se muestra el cronograma que especifica el tiempo en que

se planeara el análisis y desarrollo del sistema de información web para el control de inventario y

facturación de la empresa Autopartes JD S.A.S.

Tabla 2

Actividades cronograma



2 FASE DE ELABORACIÓN

2.1 CONOCIMIENTO DE LA ORGANIZACIÓN

Misión

Autopartes JD S.A.S es una empresa importadora que impulsa y tramita el comercio de

autopartes y repuestos, trayendo al país nuevas y reafirmadas tecnologías a través de un variado

portafolio de productos; diferenciándose por la calidad tanto de los artículos que ofrece como

del servicio que presta a almacenes mayoristas y distribuidores en varios puntos del país.

Visión

La importadora Autopartes JD S.A.S, se proyecta como una reconocida

comercializadora de repuestos y autopartes que abre el campo de su labor a América Latina por

medio del lanzamiento de nuevas marcas desarrolladas bajo altos estándares de calidad; con el

fin de ampliar la oferta a los clientes y de impulsar los productos de las organizaciones líderes

en tecnología a nivel mundial que aún no habían llegado a Latinoamérica.



2.2 MODELADO DEL NEGOCIO

Para la resolución del problema que presenta la empresa Autopartes JD S.A.S, se ha

propuesto implementar un sistema de información web desarrollado con el lenguaje de

programación HTML5, el cual se adapta a los requerimientos de la necesidad, siendo un

lenguaje actual brinda una amplia gama de posibilidades al momento de codificar,

complementado con CCS3 y JavaScript, para hacer un sistema web con el mejor diseño y

calidad posible. Para el proceso de inventario se utilizará una base de datos en el sistema gestor

de bases de datos MySQL, es el más factible, entre otras cosas por los conocimientos que se

tienen sobre este y las garantías que brinda, por último el uso del Hosting “Hostinger

Colombia”, contiene todas las características de alojamiento, con espacio y capacidad de

almacenamiento de archivos tanto de web como de bases de datos sumando a esto un soporte

continuo disponible las 24 horas y así brindar a la empresa la mejor solución posible en cada

aspecto y detalle.

Los módulos que van a componer el sistema de información web son:

Ingreso de usuario.

Registro de productos.

Consulta de productos en stock.

Facturación.

Generación de reportes.

Visualización de productos y precios (cliente).



2.3 DIAGRAMA DE PROCESOS

Diagramas de procesos Administrador

Diagrama Agregar Productos

En la Ilustración2 se visualiza el diagrama Agregar Productos en el que el usuario

administrador se encarga de registrar la información perteneciente a los productos que desea

registrar.

Ilustración 2. Diagrama procesos agregar productos



Diagrama Editar Productos

En la Ilustración3 se observa el diagrama Editar Productos en el que el usuario administrador se

encarga de actualizar la información perteneciente a los productos que se encuentran almacenados

en la base de datos.

Ilustración 3. Diagrama de procesos editar producto



Diagrama de Eliminar Productos

Por medio de la Ilustración4 se representa el diagrama Eliminar Productos en el que el usuario

administrador se encarga de eliminar la información perteneciente a los productos que se

encuentran almacenados en la base de datos.

Ilustración 4. Diagrama de procesos eliminar producto



Diagrama de Agregar Marca

En la Ilustración5 se puede apreciar el diagrama Agregar Marca en el que el usuario administrador

se encarga de agregar la información perteneciente a la marca de los productos.

Ilustración 5. Diagrama de procesos agregar marca



Diagrama de Editar Marca

En la Ilustración6 se representa el diagrama Editar Marca en el que el usuario administrador se

encarga de actualizar la información perteneciente a la marca de los productos.

Ilustración 6. Diagrama de procesos editar marca



Diagrama de Eliminar Marca

La Ilustración7 visualiza el diagrama Eliminar Marca en el cual el usuario administrador se

encarga de eliminar la información perteneciente a la marca de los productos.

Ilustración 7. Diagrama de procesos eliminar marca



Diagrama de Agregar Categoría

La Ilustración8 muestra el diagrama Agregar Categoría en el que el usuario administrador se

encarga de agregar la información perteneciente a la categoría de los productos.

Ilustración 8. Diagrama de procesos agregar categoría



Diagrama de Editar Categoría

En la Ilustración9 se puede observar el diagrama Editar Categoría en el que el usuario

administrador podrá actualizar la información perteneciente a la categoría de los productos.

Ilustración 9. Diagrama de procesos editar categoría



Diagrama de Eliminar Categoría

En la Ilustración10 se muestra el diagrama Eliminar Categoría en el que el usuario administrador

se encarga de eliminar la información perteneciente a la categoría de los productos.

Ilustración 10. Diagrama de procesos eliminar categoría



Diagrama de Nueva Venta

La Ilustración11 representa el diagrama Nueva Venta donde el administrador agrega la

información perteneciente a la venta de productos.

Ilustración 11. Diagrama de procesos crear nueva venta



Diagrama de Registro de Ventas

La Ilustración12 muestra el diagrama Registro de ventas en el que el usuario administrador se

encarga guardar la información perteneciente a la venta de productos.

Ilustración 12. Diagrama de procesos registros ventas



Diagrama generar reporte

En la Ilustración13 se observa el diagrama Generar Reporte en el que el usuario administrador se

encarga de generar y guardar la información perteneciente a la venta de productos.

Ilustración 13. Diagrama de procesos generar reporte



Diagramas de procesos Cliente

Diagrama de Consultar productos

La Ilustración14 representa el diagrama Consultar Productos en el que el usuario cliente se

encarga de consultar la información sobre los productos que ofrece la empresa.

Ilustración 14. Diagrama de procesos consultar productos



Diagrama de Enviar Mensajes

En la Ilustración15 se puede observar el diagrama Enviar Mensajes en el que el usuario cliente se

encarga de enviar la información que solicita al administrador para recibir una pronta respuesta.

Ilustración 15. Diagrama de procesos enviar mensaje



2.4 MODELO DEL DOMINIO

En la Ilustración16 se observa el modelo del dominio que identifica las relaciones

entre las entidades de la aplicación.

Ilustración 16. Modelo de domino



3 FASE DE REQUERIMIENTOS

3.1 Requerimientos funcionales

Permitir el ingreso, actualización y eliminación de productos en el sistema.

Permitir a los usuarios consultar los productos que están en el inventario del

sistema.

Permitir al administrador realizar ventas y generar facturas de las mismas.

Permitir generar reportes de las ventas para la toma de decisiones.

Permitir a los clientes consultar los productos que están en el catálogo de ventas

3.2 Requerimientos no funcionales

Los formularios y demás herramientas de apoyo deben ser intuitivos al usuario,

su despliegue frente al usuario debe ser rápido, que permitan mostrar la

información de manera dinámica, ágil y estética.

Se debe garantizar la seguridad de la aplicación generando una interfaz de

autenticación, para controlar el acceso a la información.

Plataforma: Lenguaje orientado a objetos PHP5 (con entorno grafico Sublime

Text).

Manejador de base de datos: MySQL

Sistema Operativo: Windows 7 o superior.



3.3 DEFINICIÓN DE ACTORES

El sistema de información web (sistema de información web para el control de inventario

y facturación de la empresa Autopartes JD S.A.S) contiene 4 actores fundamentales;

Administrador, Bodeguero, Cliente y Vendedor, los cuales serán descritos en la Tabla3.

Tabla 3

Definición de actores

Actor Funciones Administrador Este actor es el encargado de consultar,

almacenar, editar, y eliminar información en la

base de datos.

Cliente Este actor es el encargado visitar y consultar la

información de los productos almacenados en la

base de datos, además, está en la capacidad de

enviar información que solicite por medio del

formulario de contacto para posteriormente

recibir respuesta.

Vendedor Este actor es el encargado de controlar las ventas

que se realicen en la empresa, este usuario tiene

el permiso de crear facturas para hacer sus

ventas,

Bodeguero Este actor es el encargado de llevar el control de

los productos que entran en la empresa, sus

funciones consisten en registrar, editar y

eliminar los productos.



3.4 LISTA PRELIMINAR DE CASOS DE USO:

Cliente

Vista general

Consultar información de la empresa

--------------------------------------

Realizar consultas

Consultar productos

Filtrar consultas de productos

--------------------------------------

Contacto

Enviar mensaje a la empresa



Administrador

Gestionar Usuarios

Agregar usuario

Consultar usuario

Modificar usuario

Eliminar usuario

--------------------------------------

Gestionar Inventario

Revisar inventario

--------------------------------------

Gestionar Marcas

Registrar marca

Consultar marca

Modificar marca

Eliminar marca

--------------------------------------

Gestionar Categorías

Registrar categoría

Consultar categoría

Modificar categoría

Eliminar categoría

--------------------------------------



Gestionar Producto

Registrar producto

Consultar producto

Modificar producto

Eliminar producto

--------------------------------------

Gestionar Venta

Crear venta

Adicionar producto

Generar factura

Guardar factura

Imprimir factura

--------------------------------------

Reporte Ventas

Generar reporte

Generar archivo reporte



3.5 DIAGRAMAS DE CASOS DE USO

El diagrama de Casos de uso representa las actividades a realizar en el sistema de

información Autopartes JD S.AS. A continuación, se ilustran los diagramas de secuencia

más relevantes del sistema de información, el diagrama de casos de uso general estar

incluido en el Anexo A.

Anexo A. Vista General Casos de Uso

Casos de Uso Usuario Cliente

Vista General Cliente

A continuación, la Ilustración 17 muestra el caso de uso de vista general perteneciente

al cliente.

Ilustración 17. Vista general cliente



Caso de Uso Consultar Productos

A continuación, la Ilustración 18 muestra el caso de uso de consultar producto

perteneciente al cliente, en el que podemos ver como el usuario accede a la información de los

productos.

Ilustración 18. Consultar productos

Caso de Uso Enviar Mensajes

A continuación, la Ilustración 19 muestra el caso de uso de enviar mensajes donde el

usuario cliente puede enviar información a la empresa.

Ilustración 19. Enviar mensajes



Caso de Uso Consultar Información Empresa

A continuación, la Ilustración 20 muestra el caso de uso de consultar información

empresa donde el usuario cliente puede acceder a la información que identifica a Autopartes JD

S.A.S.

Ilustración 20. Consultar Información empresa



Casos de Uso Usuario Administrador

Vista general administrador

A continuación, la Ilustración 21 muestra la vista general de los casos de uso para el

usuario administrador.

Ilustración 21. Vista general administrador



Caso de uso gestionar usuario

A continuación, la Ilustración 22 muestra el caso de uso de gestionar usuario donde el

usuario administrador puede gestionar a los usuarios nuevos y los inscritos en la base de datos.

Ilustración 22. Gestionar usuario



Caso de uso gestionar inventario

A continuación, la Ilustración 23 muestra el caso de uso de gestionar inventario donde

el usuario administrador puede gestionar los productos inscritos en la base de datos.

Ilustración 23. Gestionar inventario



Caso de uso gestionar marca

A continuación, la Ilustración 24 muestra el caso de uso de agregar marca donde el

usuario administrador gestiona la marca de los productos almacenados en la base de datos.

Ilustración 24. Gestionar marca



Caso de uso gestionar categoría

A continuación, la Ilustración 25 muestra el caso de uso de gestionar categoría donde

el usuario administrador se encarga de gestionar la categoría a la cual pertenecen los productos

almacenados en la base de datos.

Ilustración 25. Agregar categoría



Caso de uso gestionar productos

A continuación, la Ilustración 26 muestra el caso de uso de gestionar productos donde

el usuario administrador se encarga de gestionar los productos que se han registrado en la base

de datos.

Ilustración 26. Gestionar productos



Caso de uso gestionar venta

A continuación, la Ilustración 27 muestra el caso de uso de gestionar venta donde el

usuario administrador gestiona las ventas que se realizan en la empresa.

Ilustración 27. Gestionar venta



Caso de uso generar reporte

A continuación, la Ilustración 28 muestra el caso de uso generar reporte donde el

usuario administrador gestiona los reportes para conocer los movimientos de ventas

pertenecientes a los productos en alguna fecha.

Ilustración 28 Generar reporte



Casos de uso usuario bodeguero

A continuación, la Ilustración 29 muestra el caso de uso de la vista general del usuario

bodeguero.

Caso de uso vista general Bodeguero

Ilustración 29. Bodeguero vista general



Caso de uso gestionar productos

A continuación, la Ilustración 30 muestra el caso de uso de gestionar productos donde

el usuario bodeguero se encargar de gestionar los productos que tiene la empresa.

Ilustración 30. Gestionar productos bodeguero



Casos de uso usuario vendedor

Caso de uso vista general

A continuación, la Ilustración 31 muestra el caso de uso general del usuario vendedor

Ilustración 31. Vendedor vista general



Caso de uso gestionar ventas

A continuación, la Ilustración 20 muestra el caso de uso de consultar información

empresa donde el usuario cliente puede acceder a la información que identifica a Autopartes JD

S.A.S

Ilustración 32. Gestionar ventas vendedor



3.5.1 DOCUMENTACIÓN CASOS DE USO

A continuación, se documenta los casos de uso más relevantes del sistema de

información web para el control de inventario y facturación, donde se describirá de forma

ordenada sus flujos de eventos y condiciones necesarias.

DESCRIPCIÓN CASOS DE USO CLIENTE

Consultar productos

En la Tabla 4 muestra la descripción del caso de uso consultar productos, perteneciente

al usuario cliente.

Tabla 4

Caso de uso consultar producto

IDENTIFICACION 001

CASO DE USO CONSULTAR PRODUCTOS

Fecha:

15 Agosto 2016 ELABORADO POR: Edwin Pérez Prieto


ACTORES: Cliente

OBJETIVO: Visualizar los productos y sus características.

PRECONDICIONES Tiene que haber productos en existencia dentro del sistema.

POSCONDICION Consulta de características de los productos exitosa

FLUJO DE EVENTOS

ACCION USUARIO RESPUESTA DEL SISTEMA

1. El cliente selecciona botón de Productos

2. El sistema arroja una galería de imágenes, donde se puede filtrar la información.

3. El cliente selecciona una imagen

de la biblioteca de imágenes

4. El sistema crea una ventana con la imagen

maximizada y con una descripción

Situaciones excepcionales

REVISADO POR:



Enviar Mensajes

A continuación, la Tabla 5 muestra la descripción del caso de uso enviar mensajes,

perteneciente al usuario cliente.

Tabla 5

Caso de uso enviar mensajes

IDENTIFICACION

002

CASO DE USO

ENVIAR MENSAJES

Fecha:



ACTORES: Cliente

OBJETIVO: Enviar información sobre los productos al administrador.

PRECONDICIONES El usuario debe llenar los campos pertenecientes al

módulo de contacto.

POSCONDICION Mensaje de Alerta informando el éxito del proceso.

FLUJO DE EVENTOS


1. El cliente inserta la

información en cada campo

2. El cliente envía la

información completada

3. El sistema captura y envía la

información al correo del

administrador


REVISADO POR:



Consultar información empresa

A continuación, la Tabla 6 muestra la descripción del caso de uso consultar información

sistema perteneciente al usuario cliente.

Tabla 6

Caso de uso consultar información de la empresa.

DESCRIPCIÓN CASOS DE USO ADMINISTRADOR

IDENTIFICACION

003

CASO DE USO

CONSULTAR INFORMACIÓN EMPRESA

Fecha:



ACTORES: Cliente

OBJETIVO: Enviar información sobre los productos al administrador.

PRECONDICIONES

POSCONDICION El usuario se informa del rol de la empresa en el mercado

FLUJO DE EVENTOS


1. El cliente Accede a la

aplicación Web

2. El cliente accede a la pestaña

De información de la

empresa

3. El sistema muestra la

información de la empresa.


REVISADO POR:



Registrar Usuario

A continuación, la Tabla 7 muestra la descripción del caso de uso registrar usuario

perteneciente al usuario administrador.

Tabla 7

Registrar usuario

IDENTIFICACION

004

CASO DE USO

REGISTRAR USUARIO

Fecha:

06 julio 2015

ELABORADO POR: Edwin Pérez Prieto


ACTORES: Administrador

OBJETIVO: Registrar cada usuario asignando el tipo acorde al rol dentro de la empresa

PRECONDICIONES El correo de usuario no haya sido registrado previamente, es

decir que no se repita.

POSCONDICION

FLUJO DE EVENTOS


1. El administrador accede a la

sección de agregar usuario

2. El sistema proporciona la interfaz

para completar cada campo en el

registro del usuario

3. El administrador llena los

campos posteriormente acciona

el botón para guardar

4. El sistema recibe la instrucción y

agrega al nuevo usuario


REVISADO POR:



Consultar usuario

A continuación, la Tabla 8 muestra la descripción del caso de uso consultar usuario


Tabla 8

Consultar usuario

IDENTIFICACION

005

CASO DE USO

CONSULTAR USUARIO

Fecha:

06 julio 2015




OBJETIVO: Visualizar los usuarios registrados.

PRECONDICIONES Existan registros de usuarios

POSCONDICION

FLUJO DE EVENTOS



sección de usuarios

2. El sistema proporciona la lista de

los usuarios que se han agregado


REVISADO POR:



Modificar Usuario

A continuación, la Tabla 9 muestra la descripción del caso de uso modificar usuario


Tabla 9

Modificar usuario

IDENTIFICACION

006

CASO DE USO

MODIFICAR USUARIO

Fecha:

06 julio 2015




OBJETIVO: Modifica los datos de cualquier usuario registrado.

PRECONDICIONES Existan registros de usuarios

POSCONDICION Datos modificados sean correctos y el correo no coincida

con otro registro existente

FLUJO DE EVENTOS



sección de editar usuario


los usuarios registrados.

3. El administrador elige que

usuario modificar

4. El sistema muestra la interfaz con

los datos actuales del usuario

seleccionado

5. El administrador modifica

cualquier dato y a continuación

pulsa guardar.

6. El sistema confirma el usuario

actualizado


REVISADO POR:



Eliminar Usuario

A continuación, la Tabla 10 muestra la descripción del caso de uso eliminar usuario


Tabla 10

Eliminar usuario

IDENTIFICACION

007

CASO DE USO

ELIMINAR USUARIO

Fecha:

06 julio 2015




OBJETIVO: Elimina cualquier usuario en la lista.

PRECONDICIONES Debe existir un usuario registrado además del administrador

POSCONDICION

FLUJO DE EVENTOS



sección de eliminar usuario


los usuarios registrados


usuario desea eliminar.

4. El sistema muestra la marca

seleccionada con una

confirmación de si desea o no

eliminar este usuario

5. El administrador elige la

opción que desea pulsando el

botón correspondiente


REVISADO POR:



Revisar Inventario

A continuación, la Tabla 11 muestra la descripción del caso de uso revisar inventario


Tabla 11

Revisar inventario

IDENTIFICACION

008

CASO DE USO

REVISAR INVENTARIO

Fecha:

06 julio 2015




OBJETIVO: Revisar todos los productos y sus datos más relevantes.

PRECONDICIONES Debe existir al menos un producto en el inventario

POSCONDICION

FLUJO DE EVENTOS



sección de revisar inventario


para visualizar todos los

productos en el inventario


REVISADO POR:



Registrar Marca

A continuación, la Tabla 12 muestra la descripción del caso de uso registrar marca


Tabla 62

Caso de uso agregar marca

IDENTIFICACION

009

CASO DE USO

REGISTRAR MARCA

Fecha:

06 julio 2015




OBJETIVO: Registrar cada marca para su posterior uso.

PRECONDICIONES

POSCONDICION El nombre insertado no debe coincidir con otro registro

FLUJO DE EVENTOS



sección de registrar marca


para escribir el nombre de la

nueva marca a agregar

5. El administrador elige el

nombre y posteriormente

acciona el botón para guardar


agrega la nueva marca


REVISADO POR:



Consultar Marca

A continuación, la Tabla 13 muestra la descripción del caso de uso consultar marca


Tabla 13

Consultar marca

IDENTIFICACION

010

CASO DE USO

CONSULTAR MARCA

Fecha:

06 julio 2015




OBJETIVO: Visualizar las marcas agregadas.

PRECONDICIONES Debe existir al menos un registro

POSCONDICION

FLUJO DE EVENTOS



sección de marcas


las marcas que se han agregado


REVISADO POR:



Modificar Marca

A continuación, la Tabla 14 muestra la descripción del caso de uso modificar marca


Tabla 14

Modificar marca

IDENTIFICACION

011

CASO DE USO

MODIFICAR MARCA

Fecha:

06 julio 2015




OBJETIVO: Modifica el nombre de cualquier marca en la lista.


POSCONDICION El nuevo nombre de la marca no debe coincidir con el de

otro registro

FLUJO DE EVENTOS



sección de editar marca




marca modificar


el nombre de la marca actual y un

campo para modificarla

11. El administrador elige el nuevo

nombre y acciona el botón para

guardar los cambios


REVISADO POR:



Eliminar marca

A continuación, la Tabla 15 muestra la descripción del caso de uso eliminar marca


Tabla 15

Eliminar marca

IDENTIFICACION

012

CASO DE USO

ELIMINAR MARCA

Fecha:

06 julio 2015




OBJETIVO: Elimina cualquier marca en la lista.


POSCONDICION

FLUJO DE EVENTOS



sección de eliminar marca




marca desea eliminar

9. El sistema muestra la marca



eliminar esta marca

10. El administrador elige la

opción que desea pulsando el

botón correspondiente


REVISADO POR:



Agregar Categoría

A continuación, la Tabla 16 muestra la descripción del caso de uso agregar categoría


Tabla 16

Agregar categoría

IDENTIFICACION

013

CASO DE USO

AGREGAR CATEGORÍA

Fecha: 15 Agosto 2016




OBJETIVO: Permite al administrador gestionar la categoría a la que debe pertenecer

un producto.

PRECONDICIONES

POSCONDICION El nombre asignado a la nueva categoría no debe

coincidir con el de algún otro registro

FLUJO DE EVENTOS



sección de registrar categoría

2. El sistema proporciona la

interfaz para escribir el nombre

de la nueva categoría a agregar


nombre y posteriormente

acciona el botón para guardar

4. El sistema recibe la instrucción

y agrega la nueva categoría


REVISADO POR:



Consultar Categoría

A continuación, la Tabla 17 muestra la descripción del caso de uso consultar categoría


Tabla 17

Consultar categoría

IDENTIFICACION

014

CASO DE USO

CONSULTAR CATEGORÍA

Fecha:

06 julio 2015




OBJETIVO: Visualizar las categorías agregadas.

PRECONDICIONES Debe existir al menos una categoría registrada

POSCONDICION

FLUJO DE EVENTOS



sección de categorías


las categorías que se han

agregado


REVISADO POR:



Modificar Categoría

A continuación, la Tabla 18 muestra la descripción del caso de uso modificar categoría


Tabla 18

Modificar categoría

IDENTIFICACION

015

CASO DE USO

MODIFICAR CATEGORÍA

Fecha:

06 julio 2015




OBJETIVO: Modifica el nombre de cualquier categoría en la lista.


POSCONDICION El nuevo nombre asignado a la categoría no debe coincidir

con el de otro registro

FLUJO DE EVENTOS



sección de editar categoría


las categoría que se han agregado


categoría modificar


el nombre de la categoría actual y

un campo para modificarla

5. El administrador elige el nuevo

nombre y acciona el botón para

guardar los cambios


REVISADO POR:



Eliminar Categoría

A continuación, la Tabla 19 muestra la descripción del caso de uso eliminar categoría


Tabla 19

Eliminar categoría

IDENTIFICACION

016

CASO DE USO

ELIMINAR CATEGORÍA

Fecha:

06 julio 2015




OBJETIVO: Elimina cualquier categoría en la lista.


POSCONDICION

FLUJO DE EVENTOS



sección de eliminar categoría


las categorías que se han

agregado


categoría desea eliminar

4. El sistema muestra la categoría



eliminar esta categoría


REVISADO POR:



Registrar Producto

A continuación, la Tabla 20 muestra la descripción del caso de uso registrar producto

perteneciente al usuario administrador y bodeguero.

Tabla 20

Registrar producto

IDENTIFICACION 017

CASO DE USO REGISTRAR PRODUCTO

Fecha: 06 julio 2015

ELABORADO POR: Edwin Pérez Prieto Arbey García Porras

ACTORES: Administrador , Bodeguero

OBJETIVO: Registrar un nuevo producto en la base de datos del sistema

PRECONDICIONES Iniciar sesión y validar datos.

POSCONDICION La referencia y código del producto no deben

coincidir con el de algún otro registro

FLUJO DE EVENTOS


1. El usuario accede a la sección de

registro del sistema 2. El sistema brinda la interfaz de registro

3. El usuario crea un nuevo proceso de

registro

4. El usuario registra el productor

utilizando el lector de código de barras

5. El sistema compara el código

registrado para generar cada dato del

producto

6. El usuario selecciona la cantidad de

unidades del mismo producto y elige la

opción de guardar

7. El sistema registra los cambios en la

base de datos.


REVISADO POR:



Consultar Producto

A continuación, la Tabla 21 muestra la descripción del caso de uso consultar producto


Tabla 21

Consultar producto

IDENTIFICACION

018

CASO DE USO

CONSULTAR PRODUCTO

Fecha:

06 julio 2015



ACTORES: Administrador , Bodeguero

OBJETIVO: Visualizar los productos y sus características.


POSCONDICION

FLUJO DE EVENTOS


5. El usuario accede a la sección

de productos


todos los productos que se

encuentran en la base de datos

además de opciones de filtros

7. El usuario establece el filtro

que desea para encontrar

productos específicos


genera la consulta realizada


REVISADO POR:



Modificar Producto

A continuación, la Tabla 22 muestra la descripción del caso de uso modificar producto


Tabla 22

Modificar producto

IDENTIFICACION

019

CASO DE USO

MODIFICAR PRODUCTO

Fecha:

06 julio 2015



ACTORES: Administrador, Bodeguero

OBJETIVO: Visualizar los productos y modificar cualquier característica o dato de este.


POSCONDICION Si se modifican los datos de código y/o referencia, estos no

pueden coincidir con los de otro registro

FLUJO DE EVENTOS



de productos





3. El usuario selecciona la opción

de modificar producto

4. El sistema muestra de igual

manera cada producto y sus

características pero en campos

modificables

5. El usuario realiza las

modificaciones necesarias y

guarda los cambios

6. El sistema registra los cambios y

los aplica en la base de datos


REVISADO POR:



Eliminar Producto

A continuación, la Tabla 23 muestra la descripción del caso de uso eliminar producto


Tabla 23

Eliminar producto

IDENTIFICACION

020

CASO DE USO

ELIMINAR PRODUCTO

Fecha:

06 julio 2015



ACTORES: Administrador, Bodeguero

OBJETIVO: Visualizar los productos y eliminar los necesarios.


POSCONDICION

FLUJO DE EVENTOS



de productos






de eliminar producto

4. El sistema muestra de igual

manera cada producto y sus

características con la opción de

eliminar para cada producto

5. El usuario elimina los

productos requeridos

6. El sistema registra los cambios y

los aplica en la base de datos


REVISADO POR:



Crear Venta

A continuación, la Tabla 24 muestra la descripción del caso de uso crear venta

perteneciente al usuario administrador y vendedor.

Tabla 24

Crear venta

IDENTIFICACION

021

CASO DE USO

CREAR VENTA

Fecha:

06 julio 2015



ACTORES: Administrador, Vendedor

OBJETIVO: Crear una nueva venta para posteriormente realizarla

PRECONDICIONES

POSCONDICION

FLUJO DE EVENTOS



de venta del sistema

2. El sistema presenta la interfaz de

venta así como cada opción


de realizar nueva venta

4. El sistema muestra cada registro y

opción de una nueva venta


REVISADO POR:



Adicionar Producto

A continuación, la Tabla 25 muestra la descripción del caso de uso adicionar producto


Tabla 25

Adicionar producto

IDENTIFICACION

022

CASO DE USO

ADICIONAR PRODUCTO

Fecha:

06 julio 2015



ACTORES: Administrador, vendedor

OBJETIVO: Agregar un producto a la venta

PRECONDICIONES Deben existir productos en el inventario

POSCONDICION

FLUJO DE EVENTOS


1. El usuario escribe o escanea el

código del producto a agregar

2. El sistema genera los datos

necesarios del producto en la

venta, código, nombre,

descripción, valor

3. El usuario selecciona la

cantidad que desea agregar del

producto seleccionado

4. El sistema comprueba la

disponibilidad de acuerdo a la

cantidad seleccionada y da una

respuesta

5. El usuario confirma y procede

a agregar un nuevo producto de

ser necesario


REVISADO POR:



Eliminar producto

A continuación, la Tabla 26 muestra la descripción del caso de uso eliminar producto


Tabla 26

Eliminar producto

IDENTIFICACION

023

CASO DE USO

ELIMINAR PRODUCTO

Fecha:

06 julio 2015




OBJETIVO: Eliminar un producto de la venta

PRECONDICIONES Debe haberse agregado al menos un producto a la factura

POSCONDICION

FLUJO DE EVENTOS


1. En caso de error o modificación

del pedido el usuario elimina

un producto agregado a la venta

2. El sistema elimina de la lista de la

venta el producto seleccionado


REVISADO POR:



Generar Factura

A continuación, la Tabla 27 muestra la descripción del caso de uso generar factura


Tabla 27

Generar factura

IDENTIFICACION

024

CASO DE USO

GENERAR FACTURA

Fecha:

06 julio 2015




OBJETIVO: Generar una vista de la factura de la venta definitiva

PRECONDICIONES Los campos de la factura deben estar llenos y de manera

correcta

POSCONDICION

FLUJO DE EVENTOS


1. El usuario elije la opción

generar factura

2. El sistema muestra una

visualización de la factura con los

datos definitivos incluyendo el

total del valor

3. El usuario agrega datos del

cliente a la factura y confirma

cada detalle, luego elije la

opción de confirmar

4. El sistema completa la generación

de la factura y da una vista de la

factura lista para guardar e

imprimir


REVISADO POR:



Guardar Factura

A continuación, la Tabla 28 muestra la descripción del caso de uso guardar factura


Tabla 28

Guardar factura

IDENTIFICACION

025

CASO DE USO

GUARDAR FACTURA

Fecha:

06 julio 2015




OBJETIVO: Guardar la factura generada

PRECONDICIONES

POSCONDICION

FLUJO DE EVENTOS


1. El sistema genera un archivo en

formato pdf, para que este pueda

ser guardado

2. El usuario guarda el archivo en

cualquier sección del equipo

para tener almacenadas la

facturas


REVISADO POR:



Imprimir Factura

A continuación, la Tabla 29 muestra la descripción del caso de uso Imprimir Factura


Tabla 29

Imprimir factura

IDENTIFICACION

026

CASO DE USO

IMRPMIR FACTURA

Fecha:

06 julio 2015




OBJETIVO: Imprimir la factura generada

PRECONDICIONES

POSCONDICION

FLUJO DE EVENTOS


1. El sistema genera un archivo en

formato pdf, para que este pueda

ser guardado

2. El usuario imprime las copias

necesarias de la factura para

conservar en estado físico y

hacer entrega de la misma al

cliente


REVISADO POR:



Generar Reporte

A continuación, la Tabla 30 muestra la descripción del caso de uso generar reporte


Tabla 30

Generar reporte

IDENTIFICACION

027

CASO DE USO

GENERAR REPORTE

Fecha:

06 julio 2015




OBJETIVO: Generar reporte de las ventas

PRECONDICIONES Debe existir al menos una venta y un producto en la base de

datos

POSCONDICION

FLUJO DE EVENTOS


1. El administrador puede generar

un reporte luego de cada venta

o por diferentes temporadas

2. El sistema proporciona diferentes

datos estadísticos de manera

general para la ayuda en la toma

de decisiones

3. El administrador consulta,

analiza y guarda este reporte.


REVISADO POR:



Generar Archivo Reporte

A continuación, la Tabla 31 muestra la descripción del caso de uso generar archivo

reporte perteneciente al usuario administrador.

Tabla 31

Generar archivo reporte

IDENTIFICACION

028

CASO DE USO

GENERAR ARCHIVO REPORTE

Fecha:

06 julio 2015




OBJETIVO: Generar archivo reporte

PRECONDICIONES

POSCONDICION

FLUJO DE EVENTOS


1. El administrador puede generar

un archivo con el reporte recién

generado

2. El sistema proporciona diferentes

opciones para exportar el archivo,

como documentos o imágenes


formato, y guarda o imprime

este reporte.


REVISADO POR:



4 Fase de análisis

4.1 DIAGRAMA DE SECUENCIA

A continuación, se ilustran los diagramas de secuencia más relevantes del sistema de

información, en la cual, se puede identificar la interacción entre los objetos utilizados en el sistema

para cada caso de uso.

Diagramas de Secuencia Cliente

Diagrama consultar productos

En la Ilustración 33 se muestra el diagrama de secuencia consultar productos donde el

usuario cliente interactúa con el sistema.

Ilustración 33. Diagrama Cliente consultar productos



Diagrama enviar mensaje

En la Ilustración 34 se muestra el diagrama de secuencia enviar mensajes donde el

usuario cliente interactúa con el sistema.

Ilustración 34. Diagrama cliente enviar mensaje



Diagramas de Secuencia Administrador

Diagrama insertar usuario

En la Ilustración 35 se muestra el diagrama de secuencia insertar usuario donde el

usuario administrador registra usuarios nuevos en el sistema.

Ilustración 35. Diagrama de insertar usuario



Diagrama modificar usuario

En la Ilustración 36 se muestra el diagrama de secuencia consultar productos donde el

usuario administrador edita los usuarios registrados en el sistema.

Ilustración 36. Diagrama de secuencia modificar usuario



Diagrama eliminar usuario

En la Ilustración 37 se muestra el diagrama de secuencia eliminar usuario donde el usuario

administrador elimina los usuarios registrados en el sistema.

Ilustración 37. Diagrama de secuencia eliminar usuario



Inventario

Diagrama revisar inventario

En la Ilustración 38 se muestra el diagrama de secuencia revisar inventario donde el usuario

administrador consulta los productos que están registrados en el sistema.

Ilustración 38. Diagrama de secuencia revisar inventario



Marca

Diagrama Insertar Marcas

En la Ilustración 39 se muestra el diagrama de secuencia Insertar Marcas donde se representa

el camino recorrido por las clases y métodos para insertar una marca nueva en el sistema.

Ilustración 39 Diagrama de secuencia Insertar marcas



Diagrama Editar Marcas

En la Ilustración 40 se muestra el diagrama de secuencia editar marcas donde el usuario

administrador hace un recorrido junto con las clases y métodos para modificar las marcas

almacenadas en la base de datos.

Ilustración 40. Diagrama de secuencia Editar marcas



Diagrama Eliminar Marcas

En la Ilustración 41 se muestra el diagrama de secuencia Eliminar marcas donde el

usuario administrador hace un recorrido junto con las clases y métodos para eliminar el nombre

de las marcas almacenadas en el sistema.

Ilustración 41. Diagrama de secuencia eliminar marcas



Categoría

Diagrama Insertar Categoría

En la Ilustración 42 se muestra el diagrama de secuencia Insertar Categoría donde el

usuario administrador hace un recorrido junto con las clases y métodos para Registrar una nueva

categoría y almacenarla en la base de datos

Ilustración 42. Diagrama de secuencia insertar categoría



Diagrama Editar Categoría

En la Ilustración 43 se muestra el diagrama de secuencia Editar Categoría donde el

usuario administrador hace un recorrido junto con las clases y métodos para modificar el el

nombre de alguna categoría registrada en el sistema.

Ilustración 43. Diagrama de secuencia editar categoría



Diagrama Eliminar Categoría

En la Ilustración 44 se muestra el diagrama de secuencia eliminar categoría donde el

usuario administrador hace un recorrido junto con las clases y métodos para eliminar el nombre

de las categorías almacenadas en el sistema.

Ilustración 44. Diagrama de secuencia eliminar categoría



Producto

Diagrama Insertar Producto

En la Ilustración 45 se muestra el diagrama de secuencia Insertar producto donde el

usuario administrador hace un recorrido junto con las clases y métodos para registrar

un producto en la base de datos.

Ilustración 45. Diagrama de secuencia insertar productos



Diagrama Editar Producto

En la Ilustración 46 se muestra el diagrama de secuencia Editar Producto donde el

usuario administrador hace un recorrido junto con las clases y métodos para modificar

el atributo de algún producto almacenado en la base de datos.

Ilustración 46. Diagrama de secuencia editar productos



Diagrama Eliminar Producto

En la Ilustración 47 se muestra el diagrama de secuencia eliminar producto el cual representa

el camino recorrido por las clases y el usuario para la eliminación de productos.

Ilustración 47. Diagrama de secuencia eliminar productos



Venta

Diagrama Crear Venta

En la Ilustración 48 se muestra el diagrama de secuencia crear venta que representa el

camino recorrido por las clases y el usuario para la creación de las facturas.



Ilustración 48. Diagrama de secuencia crear venta



Reporte

Diagrama Generar Reporte

En la Ilustración 49 se muestra el diagrama de secuencia generar reporte el cual representa

el camino recorrido por las clases y el usuario para la generación de los reportes.

Ilustración 49 Diagrama de secuencia generar reporte



4.2 DIAGRAMA DE COLABORACIÓN

A continuación, se ilustran los diagramas de colaboración del sistema de información

Autopartes JD S.A.S

Diagramas de colaboración para el administrador

Diagrama Insertar Marca

En la Ilustración 50 se muestra el diagrama de colaboración insertar marca el cual

describe el comportamiento del sistema cuando interactúa con el usuario administrador al

registrar el nombre de una marca.

Ilustración 50. Diagrama de colaboración Insertar marca



Diagrama Editar Marca

En la Ilustración 51 se muestra el diagrama de colaboración editar marca el cual


modificar el nombre de una marca registrada en la base de datos.

Ilustración 51. Diagrama de colaboración editar marca



Diagrama Eliminar Marca

En la Ilustración 52 se muestra el diagrama de colaboración eliminar marca el cual


eliminar el nombre de una marca registrada en la base de datos.

Ilustración 52. Diagrama de colaboración Eliminar marca




En la Ilustración 53 se muestra el diagrama de colaboración insertar marca el cual


registrar una nueva marca en la base de datos.

Ilustración 53. Diagrama de colaboración Insertar categoría




En la Ilustración 54 se muestra el diagrama de colaboración editar categoría el cual

describe el comportamiento del sistema cuando interactúa con el usuario administrador al editar

el nombre de una categoría registrada en la base de datos.

Ilustración 54. Diagrama de colaboración editar categoría




En la Ilustración 55 se muestra el diagrama de colaboración eliminar categoría el cual


eliminar el nombre de una categoría registrada en la base de datos.

Ilustración 55. Diagrama de colaboración eliminar categoría



Diagrama Registrar Producto

En la Ilustración 56 se muestra el diagrama de colaboración registrar producto el cual


ingresar un nuevo producto y almacenarlo en la base de datos.

Ilustración 56. Diagrama de colaboración registrar productos



Diagrama Seleccionar Producto

En la Ilustración 57 se muestra el diagrama de colaboración seleccionar producto el

cual describe el comportamiento del sistema cuando interactúa con el usuario administrador al

realizar la consulta de un producto que se encuentra registrado en la base de datos.

Ilustración 57. Diagrama de colaboración seleccionar producto



Diagrama Editar Producto

En la Ilustración 58 se muestra el diagrama de colaboración editar producto el cual

describe el comportamiento del sistema cuando interactúa con el usuario administrador al editar

el nombre de un producto registrado en la base de datos.

Ilustración 58. Diagrama de colaboración Editar producto



Diagrama Eliminar Producto

En la Ilustración 59 se muestra el diagrama de colaboración eliminar producto el cual


eliminar un producto registrado en la base de datos.

Ilustración 59. Diagrama de colaboración eliminar producto



Diagrama de Colaboración para Cliente

Diagrama Consultar productos

En la Ilustración 60 se muestra el diagrama de colaboración consultar productos el cual

describe el comportamiento del sistema cuando interactúa con el usuario cliente al consultar un

producto registrado en la base de datos.

Ilustración 60. Diagrama de colaboración seleccionar productos



Diagrama Enviar Mensajes

En la Ilustración 61 se muestra el diagrama de colaboración enviar mensajes el cual

describe el comportamiento del sistema cuando interactúa con el usuario cliente al enviar un

mensaje en el módulo de contacto.

Ilustración 61. Diagrama de colaboración enviar mensajes



4.3 DIAGRAMA DE ACTIVIDAD

A continuación, se ilustran los diagramas de actividad del sistema de información

Autopartes JD S.A.S.

Diagrama de Actividades para Administrador

Diagrama Consultar Productos

En la Ilustración 62 se muestra el diagrama de actividad consultar productos el cual

describe las actividades que realiza el usuario administrador cuando interactúa con el sistema

al consultar un producto registrado en la base de datos.

Ilustración 62. Diagrama de actividad consultar productos



Diagrama Insertar Productos

En la Ilustración 63 se muestra el diagrama de actividad insertar productos el cual

describe las actividades que realiza el usuario administrador cuando interactúa con el sistema

al insertar un nuevo producto en la base de datos.

Ilustración 63. Diagrama de actividad insertar productos



Diagrama Editar Productos

En la Ilustración 64 se muestra el diagrama de actividad editar productos el cual

describe actividades que realiza el usuario administrador cuando interactúa con el sistema al

modificar un producto registrado en la base de datos.

Ilustración 64. Diagrama de actividad editar productos



Diagrama Eliminar Productos

En la Ilustración 65 se muestra el diagrama de actividad eliminar productos el cual


eliminar un producto registrado en la base de datos.

Ilustración 65. Diagrama de actividad eliminar productos



Diagrama Insertar Marca

En la Ilustración 66 se muestra el diagrama de actividad insertar marca el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al registrar

una nueva marca en la base de datos.

Ilustración 66. Diagrama de actividad insertar marca



Diagrama Editar Marca

En la Ilustración 67 se muestra el diagrama de actividad editar marca el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al modificar

una marca registrada en la base de datos.

Ilustración 67. Diagrama de actividad editar marca



Diagrama Eliminar Marca

En la Ilustración 68 se muestra el diagrama de actividad eliminar marca el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al eliminar

una marca registrada en la base de datos.

Ilustración 68. Diagrama de actividad eliminar marca




En la Ilustración 69 se muestra el diagrama de actividad insertar categoría el cual


registrar una nueva categoría en la base de datos.

Ilustración 69. Actividad insertar categoría




En la Ilustración 70 se muestra el diagrama de actividad editar categoría el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al modificar

una categoría registrada en la base de datos.

Ilustración 70. Diagrama de actividad editar categoría




En la Ilustración 71 se muestra el diagrama de actividad eliminar categoría el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al eliminar una

categoría registrada en la base de datos.

Ilustración 71 Diagrama de actividad eliminar categoría




En la Ilustración 72 se muestra el diagrama de actividad crear venta el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al registrar

una nueva venta en la base de datos.

Ilustración 72. Diagrama de actividad crear venta



Diagrama Generar Factura

En la Ilustración 73 Se muestra el diagrama de actividad generar factura el cual describe

actividades que realiza el usuario administrador cuando interactúa con el sistema al generar una

factura de una venta que ha sido registrada en la base de datos.

Ilustración 73. Diagrama de actividad generar factura




En la Ilustración 74 Se muestra el diagrama de actividad generar reporte el cual


generar reporte de las ventas que se han realizado en alguna fecha.

Ilustración 74. Diagrama de actividad generar reporte



4.4 DIAGRAMA DE ESTADO

A continuación, se ilustran los diagramas de estado más relevantes del sistema de

información Autopartes JD S.A.S.

Diagrama Ingreso al Sistema

En la Ilustración 75 Se muestra el diagrama de estado del ingreso al sistema en el cual

describe los caminos o rutas que puede tomar la información al ingresar al sistema.

Ilustración 75. Diagrama de estado ingreso al sistema



Diagrama Insertar Productos

En la Ilustración 76 Se muestra el diagrama de estado del insertar productos en el cual

describe los caminos o rutas que puede tomar la información al insertar un producto.

Ilustración 76. Insertar productos



Diagrama Ingresar Marca

En la Ilustración 77 Se muestra el diagrama de estado ingresar marca en el cual describe

los caminos o rutas que puede tomar la información al insertar una nueva marca en la base de

datos.

Ilustración 77. Diagrama de estado Ingresar marca



Diagrama Ingresar Categoría

En la Ilustración 78 Se muestra el diagrama de estado ingresar categoría en el cual

describe los caminos o rutas que puede tomar la información al insertar una nueva categoría a

la base de datos.

Ilustración 78. Diagrama de estado ingresar categoría




En la Ilustración 79 Se muestra el diagrama de estado crear venta en el cual

describe los caminos o rutas que puede tomar la información al ingresar una nueva

venta en la base de datos.

Ilustración 79. Diagrama de estado crear venta




En la Ilustración 80 Se muestra el diagrama de estado generar reporte en el cual describe

los caminos o rutas que puede tomar la información al crear un reporte de las ventas de los

productos.

Ilustración 80. Diagrama de estado generar reporte



5. FASE DE DISEÑO

5.1 DIAGRAMA DE CLASES

El diagrama de clases representa la estructura básica del desarrollo del sistema web para el control

de inventario y facturación de la empresa Autopartes JD S.A.S, se ve reflejado las clases con sus

atributos y métodos a utilizar para el buen funcionamiento del sistema como se muestra en la

Ilustración 81.

Ilustración 81. Diagrama de clases



5.2 MODELO DE INTERFAZ

A continuación, se observa la Ilustración 82 donde se muestra las vistas en las que están

involucrados todos los usuarios del sistema.

Ilustración 82. Modelo de interfaz usuarios

Usuarios:

Cliente

En la Ilustración 83 se observa las vistas a las que el usuario cliente tiene acceso

Ilustración 83. Modelo de interfaz cliente



Administrador

En la Ilustración 84 se observa las vistas a las que el usuario administrador tiene acceso

luego de iniciar sesión.



Ilustración 84. Modelo de interfaz administrador

Bodeguero

En la Ilustración 85 se observa las vistas a las que el usuario Bodeguero tiene acceso


Ilustración 85. Modelo de interfaz bodeguero

Vendedor

En la Ilustración 86 se observa las vistas a las que el usuario Vendedor tiene acceso


Ilustración 86. Modelo de interfaz vendedor



5.3 Diagrama Entidad relación

En la Ilustración 87 se observa el diagrama que representa las entidades del sistema de

información, así como sus interrelaciones y propiedades.

Ilustración 87. Diagrama entidad relación



5.4 DICCIONARIO DE DATOS

A continuación, se muestran todas las tablas de la base de datos completamente explicadas.

La Tabla 31 muestra los atributos de la tabla categorías.

Tabla 7

Diccionario de datos: categoría

Tabla categorías

# NOMBRE ATRIBUTO TIPO NULO DESCRIPCION

1

2

Cat_Id

Cat_Nombre

INT

VARCHAR

NO

NO

Primaria

La Tabla 32 muestra los atributos de la tabla facturas.

Tabla 8

Diccionario de datos: facturas

Tabla facturas


1

2

Fac_Id

Fac_Fecha

Fac_NombreC

Fac_DocumentoC

Fac_DireccionC

Fac_TelefonoC

Fac_Prod_Can

Fac_Prod_Sub

Fac_Prodcuto

Fac_Prod_Pre

INT

DATE

VARCHAR

VARCHAR

VARCHAR

VARCHAR

INT

INT

VARCHAR

INT

NO

NO

NO

NO

SI

SI

NO

NO

NO

NO



La Tabla 33 muestra los atributos de la tabla productos.

Tabla 9

Diccionario de datos: productos

La Tabla 34 muestra los atributos de la tabla marcas.

Tabla 10

Diccionario de datos: marcas

Tabla productos


1

2

Pro_Id

Pro_Codigo

Pro_Referencia

Pro_Nombre

Pro_Marca

Pro_Categoria

Pro_PaisOri

Pro_Imagen

Pro_Cantidad

Pro_Precio

Pro_Descripción

Pro_Descuento

INT

VARCHAR

VARCHAR

VARCHAR

VARCHAR

VARCHAR

VARCHAR

VARCHAR

INT

INT

VARCHAR

INT

NO

NO

SI

NO

SI

NO

SI

NO

NO

NO

SI

SI

Primaria

Tabla marcas


1

2

Mar_Id

Mar_Nombre

INT

VARCHAR

NO

NO

Primaria



La Tabla 35 muestra los atributos de la tabla usuario.

Tabla 11

Diccionario de datos: usuario

Tabla usuario


1

2

Usu_Id

Usu_Correo

Usu_Nombre

Usu_Clave

Usu_Tipo

INT

VARCHAR

VARCHAR

VARCHAR

VARCHAR

NO

NO

NO

NO

NO

Primaria.



6. FASE DE IMPLEMENTACIÓN

6.1 DIAGRAMA DE COMPONENTES

A continuación, se ilustra el diagrama de componentes del sistema de información

Autopartes JD S.A.S, en la cual representa como este sistema de información está dividido en

4 componentes, donde muestran la manera en que se envía la información, tal y como se muestra

en la Ilustración 88.

Ilustración 88. Diagrama de componentes



6.2 DIAGRAMA DE PAQUETES

A continuación, la Ilustración 89 muestra el diagrama de paquetes del sistema de

información Autopartes JD S.A.S, en la cual representa la descomposición de la jerarquía

lógica de la aplicación.

Diagrama Paquetes de Modelo

A continuación, la Ilustración 91 muestra los paquetes de modelos que se encuentra

en el sistema.

Ilustración 89. Diagrama de paquetes modelo



Diagrama Paquete de Vista

A continuación, la Ilustración 90 muestra los paquetes de vistas que se encuentra en

cada clase.

Ilustración 90. Diagrama de paquetes vista



Diagrama Paquete Controlador

A continuación, la Ilustración 91 muestra los paquetes de controladores que se

encuentran en el sistema.

Ilustración 91. Diagrama de paquetes controlador



6.3 DIAGRAMA DE DESPLIEGUE

A continuación, en la Ilustración 92 se muestra el diagrama de despliegue del

sistema de información Autopartes JD S.A.S, en la cual representa la disposición física de

los artefactos del sistema en 2 nodos, uno es el servidor web y el otro la base de datos en

MySQL.

Ilustración 92. Diagrama de despliegue



6.4 PRUEBAS DEL SISTEMA

A continuación, se presentan las pruebas realizadas al sistema de información tanto por

usuarios como por desarrolladores donde los errores encontrados fueron corregidos.

Pruebas de funcionalidad

A continuación, la Tabla 36 muestra las pruebas de funcionalidad donde se corrigieron

errores correspondientes a las partes del sistema donde interactúa el cliente.

Tabla 12

Prueba funcionalidad cliente

Prueba de funcionalidad : Cliente

Ejecutor: BLANCA NELLY MUNAR

Modulo Resultados

esperados

Resultados obtenidos Estado

Consulta de

productos

Ingresar a la sección productos y

ver correctamente los registros

Al pulsar el enlace de la pestaña

producto esta re direcciona de

manera correcta

ok

Filtros Al elegir cualquier tipo de filtro, el

sistema debe permitir visualizar los

registros acordes al filtro, en el caso

del nombre se realizan pruebas de

error utilizando nombres

inexistentes.

El sistema funciona

correctamente con cada uno de

los filtros

ok

Envío de

mensaje

sección

contacto

Enviar un mensaje por medio de la

página al correo de la empresa y que

este llegue correctamente, se

realizan pruebas de error

ingresando campos erróneos o

vacíos.

Al llenar los campos y pulsar

enviar, el correo llega de

manera correcta luego de unos

minutos, con una validación

para cada campo evitando así

errores

ok



A continuación, la Tabla 37 muestra las pruebas de funcionalidad donde se corrigieron

errores correspondientes a las partes del sistema donde interactúa el administrador.

Tabla 37

Prueba funcionalidad administrador

Prueba de funcionalidad : Administrador


Modulo Resultados

esperados


Inicio de

sesión

Permitir inicio de sesión a cada tipo

de usuario, en caso de error

presentar una alerta

Al completar los campos el

sistema realiza el inicio de sesión

y al validar los campos se

muestra una alerta en caso de

datos incorrectos

ok

Agregar

nuevo

producto

Permitir el ingreso correcto de un

número indefinido de productos,

validando cada campo para evitar

errores o campos obligatorios

vacíos

El sistema valida cada campo y

genera la alerta de error en el

campo correspondiente

ok

Editar

producto

Permitir la modificación de

cualquier producto en el inventario,

validando que los nuevos datos

ingresados sean correctos

El sistema valida cada campo y

genera la alerta en caso de error,

de no haber error el producto se

actualiza exitosamente

ok

Eliminar

producto

Permitir la elección de que producto

eliminar y posteriormente eliminar

si así lo desea el administrador,

confirmando la operación exitosa

El sistema permite la eliminación

del producto deseado

ok

Agregar

marca

El sistema deberá validar que solo

sean ingresados letras y/o números

en el nombre de la marca

El sistema valida que sean letras

y/o números en el campo

ok

Editar

marca



en el nuevo nombre de la marca



ok

Eliminar

marca

Luego de seleccionar la marca a

eliminar el sistema permitirá

confirmar el deseo de eliminarla, confirmando la correcta ejecución

de la acción seleccionada


de la marca seleccionada

ok



Agregar

categoría



en el nombre de la categoría



ok

Editar

categoría



en el nuevo nombre de la categoría



ok

Eliminar

categoría

Luego de seleccionar la categoría a

eliminar el sistema permitirá

confirmar el deseo de eliminarla,

confirmando la correcta ejecución

de la acción seleccionada


de la categoría seleccionada

ok

Nueva

venta

El sistema deberá validar cada

campo de acuerdo a su

característica y generando el error

correspondiente a cada campo en

caso de exista.

El sistema alerta en caso de error

en el campo específico en que

suceda

ok

Registros

ventas

El sistema permitirá al

administrador visualizar todas las

ventas realizadas hasta la fecha,

generando la factura si así se desea

El sistema muestra la lista de

todas las ventas que se han

creado

ok

Generar

reporte

El sistema permitirá al

administrador generar reportes en

diferentes categorías y rangos de

fechas

ej. Producto más vendido / 1 año

El sistema muestra los filtros

para generar el reporte y procede

a generarlo de acuerdo a las

especificaciones

ok



Pruebas de Usabilidad

A continuación, la Tabla 38 muestra las pruebas de usabilidad donde se corrigieron

errores correspondientes a las partes del sistema donde interactúa el cliente.

Tabla 38

Prueba usabilidad cliente

Prueba de usabilidad : Cliente


Modulo Resultados

esperados


Consulta

página

principal

El sistema debe presentar una

interfaz cómoda y sencilla al

cliente, permitiéndole acceder a

cada sección disponible

El cliente accede de manera

satisfactoria al sistema, y observa

cada sección de este de manera

sencilla

ok

Consulta

productos

Al ingresar a la sección

productos el cliente debe poder

visualizar y buscar de la manera

que desee un producto

El cliente realiza filtros en la

sección de productos se manera

sencilla, y visualiza cada

producto mostrado por el sistema

ok

Envío de

mensaje

sección

contacto

El sistema debe solicitar los

datos necesarios para el envío de

mensajes de una manera clara

para el cliente

El cliente visualiza de forma

clara cada campo y los completa

sin error alguno, y el mensaje es

enviado correctamente

ok



A continuación, la Tabla 39 muestra las pruebas de usabilidad donde se corrigieron

errores correspondientes a las partes del sistema donde interactúa el administrador.

Tabla 39

Prueba usabilidad Administrador, Bodeguero, Vendedor

Prueba de Usabilidad : Administrador, Bodeguero, Vendedor


Modulo Resultados

esperados


Inicio de

sesión

El sistema debe mostrar de

manera clara la interfaz para el

inicio de sesión

Cada usuario ingresa de manera

correcta sus datos para el inicio

de sesión, visualizando la interfaz

correspondiente a su cargo

ok

Agregar

nuevo

producto

Tanto el bodeguero como el

administrador deben tener

acceso al registro de productos y

este debe ser claro y reaccionar

en caso de error en algún campo

El sistema muestra de manera

clara la interfaz para el registro de

productos y valida cada campo

generando la alerta de error en el

campo correspondiente

ok

Editar

producto

El administrador y el bodeguero

pueden modificar cualquier

producto de la lista.

El sistema muestra una lista clara

con cada producto del sistema, y

genera la interfaz para modificar

el producto seleccionado

ok

Eliminar

producto

Los mismos usuarios

encargados del registro y

modificación de productos

deben poder eliminarlos


del producto deseado, mostrando

de manera clara la lista de

productos, así como una

confirmación para eliminar el

mismo

ok

Clasificación

de productos

El sistema deberá mostrar todas

las opciones que corresponden a

la clasificación de productos de

una forma clara para que así el administrador elija que acción

realizar

El administrador seleccionar

entre categoría y marca para

clasificar sus productos, además

de elegir de manera sencilla cada acción bien sea agregar, editar o

eliminar.

ok



Nueva venta

El sistema deberá mostrar una

interfaz clara simulando una

factura física, para que así tanto

el administrador como el

vendedor puedan realizar una

venta de forma sencilla

Los usuarios realizan ventas de

forma sencilla, agregando

diferentes cantidades de

productos en cada una de estas

ok

Generar

reporte

El sistema debe mostrar al

administrador de manera clara

como generar reportes, de

acuerdo a la categoría que este

decida

El administrador visualiza los

diferentes reportes uno por uno

detallando cada aspecto de estos

ok



CONCLUSIONES

El desarrollo de esta aplicación surge tras conocer la serie de inconvenientes que la

empresa Autopartes JD S.A.S sufre en los procesos de inventario y facturación, lo que lleva a

generar ideas que sean viables y rompan la barrera tecnológica en la que están sometidos los

trabajadores de esta empresa, luego de ver la viabilidad del prospecto, se implementó un plan

de desarrollo que trajo como resultado una aplicación que se encargó de cumplir con los

siguientes aspectos:

Gracias al levantamiento de información logró almacenar la información

concerniente a los productos y procesos de la empresa en una base de datos.

Se construyó un medio de comunicación entre el administrador y el cliente gracias

al desarrollo de la sección de contacto.

Con el desarrollo del control de usuarios se obtuvo seguridad en los procesos de la

empresa.

Con la implementación de la tecnología de código de barras se redujo el tiempo en

que los trabajadores realizan pedidos y facturación.

Con el diseño de una interfaz moderna se dio comodidad a los usuarios que utilizan

la aplicación.



El proceso de inventario se mejora gracias a la nueva implementación de los

procesos y a la consistencia de la información que se almacena en la base de datos.

Gracias al control en las ventas por parte de la aplicación se reduce el tiempo en el

que los vendedores hacen sus ventas.

Con la ayuda de los reportes estadísticos se mejora la toma de decisiones en la

empresa.

Luego de exponer las características y resultados de este proyecto, se da por hecho que

esta nueva herramienta tecnológica contribuye de una manera eficiente al desarrollo y evolución

de la empresa, ya que se ha dado un nuevo enfoque a las labores diarias que realiza Autopartes

JD S.A.S asegurando bienestar y comodidad a sus trabajadores.



RECOMENDACIONES

Se recomienda que este sistema sea utilizado solo para gestionar los productos internos de la

empresa Autopartes JD S.A.S, debido a que no está diseñado para otras organizaciones.

Se recomienda que cada usuario de la aplicación (Administrador, bodegueros y vendedores),

realicen la capacitación con el manual de uso del sistema para así usarla de manera correcta y

efectiva.

El sistema está desarrollado con el fin de poder ser complementado y abierto a nuevas

funcionalidades, por lo cual se recomienda mantener el mismo esquema en caso de adicionar

alguna nueva.

Se recomienda a futuros programadores o diseñadores no alterar el código del funcionamiento del

programa, y limitar los cambios al diseño para evitar daños o problemas de funcionamiento.

Al momento de agregar un nuevo producto se debe utilizar google Chrome, para que así la subida

de imágenes tenga una correcta carga y visualización



BIBLIOGRAFÍA

1. (s.f). Soluciones Sistematic. DEFINICIÓN [En línea]. [Consulta 12 Julio de 2015].

Disponible en <http://www.sistematicperu.com/>.

2. (s.f). SoluPyme. DEFINICIÓN [En línea]. [Consulta 12 Julio de 2015). Disponible

en <http://www.solupyme.com/index.html>.

3. (s.f). Secomat. DEFINICIÓN. [En línea]. [Consulta 12 Julio de 2015]. Disponible

en <http://sistemaspaez.com/control-de-bodega-con-secomat/>.

4. (s.f). Html5. DEFINICIÓN. [Consulta 12 Julio de 2015]. Disponible en

<https://hipertextual.com/archivo/2013/05/entendiendo-html5-guia-para-principiantes/>.

5. Gauchat, Juan Diego. El gran Libro de Html5, Css3 y JavaScript – Marcombo

ediciones técnicas. [En línea]. 2012. [Consulta 10 agosto de 2015]. Disponible en

<https://adegiusti.files.wordpress.com/2013/09/el-gran-libro-de-html5-css3-y-javascript.pdf>.

6. Pastorini, Ándre. HTML5 Y CSS3. [En línea]. 2014. [Consulta 10 diciembre de

2015]. Disponible en <https://www.fing.edu.uy/tecnoinf/mvd/cursos/ria/material/teorico/ria-

03-HTML5-CSS3.pdf>.

7. Castillo, Lucia. [En línea]. (2013) [Consulta 18 agosto de 2015]. Disponible en <

http://www1.herrera.unt.edu.ar/biblcet/wp-content/uploads/2014/12/Introducci%C3%B3n-al-

lenguaje-HTML5MA.pdf>.

8. PHP. ¿Qué es PHP? [En línea] (s.f). [Consulta 12 Julio de 2016]. Disponible en

<http://php.net/manual/es/intro-whatis.php>.

9. Valdés Pérez, Damián. ¿Qué son las bases de Datos? [En línea] (Octubre 26 de

2007). [Consulta 12 Julio de 2015]. Disponible en <http://www.maestrosdelweb.com/que-son-

las-bases-de-datos/>.

http://php.net/manual/es/intro-whatis.php

http://www.maestrosdelweb.com/que-son-las-bases-de-datos/

http://www.maestrosdelweb.com/que-son-las-bases-de-datos/



10. Solís, J. ¿Qué es Bootstrap? [En línea] (Septiembre 26 de 2016). [Consulta 14

Agosto de 2015] Dirección <http://www.arweb.com/chucherias/editorial/%C2%BFque-es-

bootstrap-y-como-funciona-en-el-diseno-web.htm>.

11. Jhenrry Álvaro, HighCharts: Librería para Creación de Gráficos. [En línea] (1

Marzo de 2013). [Consulta 16 Agosto de 2015]. Disponible en

<https://enboliviacom.wordpress.com/2013/03/01/highcharts-libreria-para-creacion-de-

graficos/>.

12. Álvarez, Miguel Ángel ¿Qué es MVC? [En línea] (Enero 2 de 2014). [Consulta 18

Agosto de 2015]. Disponible en <http://www.desarrolloweb.com/articulos/que-es-mvc.html>.

13. ¿Cómo funciona el código de barras? [En línea] (Enero 19 de 2007). [Consulta 18

Agosto de 2015]. Disponible en <https://blosgderaulito.wordpress.com/2007/01/19/¿como-

funciona-el-codigo-de-barras/>.

14. ¿Qué es MySQL? [En línea] (Agosto 16 de 2005). [Consulta 19 Agosto de 2015].

Disponible en Dirección <http://www.esepestudio.com/noticias/que-es-mysql>.

15. ¿Qué es inventario? [Tipos, utilidad, contabilización y valuación]. [En línea] (s.f).

[Consulta 20 Agosto de 2015]. Disponible en (http://www.gestiopolis.com/que-es-inventario-

tipos-utilidad-contabilizacion-y-valuacion/#que-es-un-inventario).

16. El Hardware. Evolución Y Características. [En línea] (s.f.) [Consulta 19 Agosto de

2015]. [Consulta 18 Agosto de 2015]Disponible en <

http://ing.unne.edu.ar/pub/informatica/U2.pdf >.



https://enboliviacom.wordpress.com/2013/03/01/highcharts-libreria-para-creacion-de-graficos/

https://enboliviacom.wordpress.com/2013/03/01/highcharts-libreria-para-creacion-de-graficos/


http://ing.unne.edu.ar/pub/informatica/U2.pdf



17. Concepto de Software [En línea] (2015). Disponible en

<http://concepto.de/software/>.

18. Pedraza Godoy, Ramiro Alberto Métodos de Valuación de Inventarios [En línea]

(Junio 12 de 2010). Disponible en <http://www.gerencie.com/metodo-peps.html>.



ANEXO



DIAGRAMA ENTIDAD RELACIÓN GENERAL



MANUAL DE

USUARIO



INTRODUCCION

El propósito de este manual es mostrar la manera adecuada de utilizar el sistema de información web para el control de inventario y facturación de la empresa autopartes J.D S.A.S. Mostrando a cada usuario las secciones a las que puede acceder y las acciones que puede realizar en estas. El documento mostrará paso a paso cada proceso que podrá realizar cada usuario. Estos usuarios son: Administrador, vendedor, bodeguero los cuales tendrán acceso a controlar ciertos datos y funcionalidades del sistema, y el cliente el cual podrá visualizar y consultar la mayor información posible sobre la empresa y sus productos El principal propósito es dar una muestra completa pero fácil de entender para cualquier usuario que la lea y así tenga la mejor experiencia al momento de acceder y utilizar el sistema.



1. Objetivos

Proporcionar una guía detallada y clara al lector sobre el funcionamiento de cada aspecto del sistema de información web para el control de inventario y facturación de la empresa autopartes J.D S.A.S Mostrar cada sección a la cual puede acceder un tipo determinado de usuario y las acciones que puede realizar. Dar una guía de cada función y operación que deba realizar el usuario para que así sepa realizarla de la mejor forma.



2. Manual de usuario Administrador

La ventana principal se muestra para todas las personas que accedan a la dirección del sistema de información.

Ilustración 93Ventana principal



2.1 Inicio de sesión

En la parte superior derecha de la página se observa el enlace para iniciar sesión Al dar click se mostrará una ventana en la que el usuario podrá ingresar el correo y contraseña proporcionados por el administrador para acceder.

2.2 Sección administrar En esta sección se podrán observar todas las operaciones o funciones que puede realizar el administrador dentro la página, cada opción principal desplegará las funciones que se realizan dentro de ese campo.

Ilustración 95 Vista administrar

Ilustración 94 Inicio sesión



Ilustración 96 menú desplegado



2.3 Acciones de usuario

Serán 3 las acciones que se puedan realizar en el campo usuario, agregar, editar y eliminar.

2.3.1 Agregar usuario El administrador será el único con la posibilidad de controlar usuarios, en este caso al momento de agregarlo proporcionará 4 datos sencillos, nombre, correo, clave y tipo. El correo y clave asignados son los que permitirán a este nuevo usuario tener acceso a las funcionalidades del sistema de acuerdo a su tipo. El tipo de usuario nuevo se divide en 2, vendedor y bodeguero, puede haber una cantidad ilimitada de ambos, pero sus funciones están limitadas de acuerdo a su cargo.

Ilustración 98 nuevo usuario

Luego de llenar cada campo (siendo todos obligatorios), solo se debe pulsar el botón “registrar” y así el nuevo usuario quedará registrado y podrá acceder inmediatamente al sistema.

Ilustración 97 acciones usuario



2.3.2 Editar usuario

Al acceder a esta sección lo primero que se visualizará serán todos los usuarios registrados hasta el momento en el sistema permitiendo así elegir a cuál de estos editar.

Ilustración 99 registros editar

Luego de haber seleccionado el usuario se visualizará una ventana igual a la de agregar, pero en

este caso se mostrarán los datos de este usuario para así saber cuáles de estos modificar.

Ilustración 100 edición usuario

El proceso también es el mismo luego de escribir lo necesario en cada campo se pulsará el botón

“actualizar” y así el usuario quedará modificado con los nuevos datos.



2.3.3 Eliminar usuario

Al acceder a esta sección también se visualizarán todos los usuarios registrados hasta el momento en el sistema permitiendo así elegir a cuál de estos eliminar, con la excepción de que en esta vista no se verá el usuario administrador debido a que este no se debe eliminar.

Ilustración 101 registros eliminar

Luego de seleccionar el usuario que se desea eliminar el sistema mostrará una ventana esperando

la confirmación de si se desea eliminar a ese usuario, de acuerdo a la decisión tomada mostrará

una confirmación y volverá al registro de todos los usuarios.



2.4 Acciones de clasificación de productos

Los productos se clasificarán de 2 formas diferentes, por categoría y por marca, por lo que el

administrador podrá agregar la cantidad de estas que desee, esta opción permite agregar, editar y

eliminar cada una de ellas, siendo la interfaz y las acciones iguales en cualquiera de las 2

opciones de clasificación.

Ilustración 102 acciones clasificar productos



2.4.1 Agregar marca / categoría

La primera opción es la de agregar, tanto para marca como para categoría se observará una

ventana en la cual se podrá agregar el nombre de la nueva marca o categoría que se desee

agregar, seguidas de un botón para confirmar la decisión.

Ilustración 103 nueva marca

Ilustración 104 nueva categoría



2.4.2 Editar marca / categoría

En esta sección se visualizarán los registros existentes en cada opción (marcas para un caso,

categorías para el otro), permitiendo así elegir la que sea desee modificar.

Ilustración 105 registros marcas

Ilustración 106 registros categorías

Luego de seleccionar el registro que se desea editar se visualizará una ventana con el nombre actual

de este y un campo para escribir en nuevo nombre que se desee y seguido de esto el botón para

confirmar.



Ilustración 107 edición marca

Ilustración 108 edición categoría



2.4.3 Eliminar marca / categoría

En esta sección se visualizará cada registro con su nombre para permitir elegir cuál de estos

eliminar.

Ilustración 109 registros marcas eliminar

Ilustración 110 registros categorías eliminar

Luego de elegir que registro eliminar se observará una ventana mostrando el registro elegido y 2

botones para confirmar la decisión positiva o negativa de eliminar.



Ilustración 111 eliminar marca

Ilustración 112 eliminar categoría



2.5 Acciones de productos

Esta opción permite controlar los productos de la empresa, agregar, editar y eliminar.

Ilustración 113 acciones productos



2.5.1 Agregar producto

En esta sección se visualizará cada campo que se debe llenar con información del nuevo

producto a agregar, indicando con “(*)” que el campo debe ser llenado, todo para tener un

control correcto del inventario.

Ilustración 114 agregar producto

Luego de llenar cada campo se pulsará el botón “registrar” y así el producto quedará guardado.



2.5.2 Editar producto

La primera vista al entrar a esta sección será la de cada producto mostrando solo los datos más

relevantes para permitir al usuario decidir cuál editar.

Ilustración 115 registros productos

Luego de seleccionar el producto a editar se visualizará la ventana de edición. Al igual que otros

aspectos, la edición del producto mostrará al administrador los datos actuales que están en cada

campo del producto, permitiendo así editar cualquiera de ellos, manteniendo las mismas

indicaciones, es decir la obligatoriedad de tener llenos ciertos campos.



Ilustración 116 edición producto



2.5.3 Eliminar producto

En esta sección se visualizarán los registros actuales, así como la opción de elegir a cuál

eliminar.

Ilustración 117 registros eliminar

Luego de elegir que producto eliminar se visualizará la ventana para que se confirme esta decisión.



Ilustración 118 eliminar producto

Cualquier opción que se elija mostrará confirmación y retornará a la vista de todos los productos.

2.6 Acción ventas

En esta sección habrá 2 opciones, las cuales son crear venta y registro ventas.

Ilustración 119 acción ventas



2.6.1 Nueva venta

Esta sección brindará en un entorno virtual la capacidad de llenar una factura, cada vez que se

realice una venta, mostrando cada campo requerido.

Ilustración 120 nueva venta



2.6.1.1 Agregar producto

Al momento de llenar la factura se deben agregar los productos, para esto se utilizará el lector de

código de barras, de manera sencilla solo debe pasarse el lector por el código del producto y

pulsando el botón “+” este producto se agregará en la factura.

Ilustración 121 agregar producto

Una vez agregado el producto se permitirá agregar la cantidad de este que se desee vender para así

evitar pasar una y otra vez el lector. Al agregar la cantidad se irán modificando los valores de

subtotal y total los cuales se irán agregando en cada nuevo ingreso.



Ilustración 122 factura completa



Una vez agregados todos los productos y sus cantidades, se creará la factura, un formato pdf el

cual permitirá tanto imprimir como guardar la factura para que tanto la empresa como el cliente

tengan copia de la misma.

Ilustración 123 factura terminada

En la parte superior derecha se podrá decidir entre descargar e imprimir el archivo.



2.6.2 Registro ventas

En este campo se podrán visualizar todas las ventas realizadas ordenadas por fecha para tener un

control adecuado.

Ilustración 124 registros ventas

Luego de seleccionar una venta, se visualizará al igual que al realizarla el archivo pdf de la factura,

permitiendo igualmente la impresión o descarga de ésta.



Ilustración 125 vista factura



3 Manual de usuario bodeguero

El bodeguero será el encargado de controlar los productos (además del administrador) siendo esta

su única función.

Debido a esto el inicio de sesión será el mismo, pero la ventana principal mostrará solo las acciones

que este puede realizar

Ilustración 126 acción productos bodeguero

Su función se limita únicamente a los productos, agregar, editar y eliminar, pero se realizarán estas

acciones de la misma manera que el administrador. Ver páginas 12 – 14



4 Manual de usuario vendedor

El vendedor, como su nombre lo indica estará encargado únicamente de las acciones de

ventas, tanto crearlas como visualizar los registros de éstas.

Ilustración 127 acción ventas vendedor

Su función se limita únicamente a las ventas, pero se realizarán estas acciones de la misma manera

que el administrador. Ver páginas 15 – 18.



5 Manual de usuario cliente

El cliente además de visualizar la página principal, podrá realizar dos acciones en la

página, visualizar los productos, y contactarse con la empresa.

Ilustración 128 usuario cliente



5.4 Visualización productos

Al ingresar en esta sección inmediatamente observará los productos que actualmente se

encuentran en promoción, además visualizará los 3 posibles filtro que podrá realizar

dentro de la sección para una mejor visualización.

Ilustración 129 vista productos



Los 3 filtros consisten en:

-Nombre: el cual al escribir una palabra mostrara las relaciones con la misma en los nombres de

los productos

Ilustración 130 filtro nombre

-Categoría: Se ven las diferentes categorías que hay creadas por la empresa, al pulsar una de ellas

se visualizará si hay algún producto perteneciente a ésta.



Ilustración 131 filtro categoría

-Marca: al pulsar cualquiera de las marcas en la lista se verán los productos de la misma.

Ilustración 132 filtro marca



5.5 Contacto

El cliente podrá enviar un mensaje a la empresa ingresando como si fuese un correo normal,

datos como su nombre, correo, el asunte del mensaje y el cuerpo de este, al pulsar enviar este

mensaje llegará al correo proporcionado por la empresa.

Además, esta sección incluye un mapa de la ubicación de la empresa para que así los clientes

puedan llegar de manera más sencilla.

Ilustración 133 vista contacto



MANUAL DEL

PROGRAMADOR



INTRODUCCIÓN

El propósito de este manual es dar una vista al lector de la manera en que se desarrolló

este sistema, mostrando el patrón MVC, además de las clases, archivos y librerías que

se usaron. Todo como una vista general para que se entienda la manera en que se

trabajó cada parte, mostrando los aspectos más importantes y detallando o explicando

cada uno de ellos.

De igual forma el manual permitirá a futuros desarrolladores o diseñadores entender de

manera clara el sistema y así poder agregar funcionalidades a éste, o en el caso de los

diseñadores modificar aspectos de diseño y visibilidad.



1. Arquitectura

El sistema se trabajó bajo el patrón de arquitectura mvc por lo cual se pueden apreciar

estos paquetes, además de una extra para controlar aspectos como conexión al servidor,

base de datos y otras declaraciones adaptando un orden propio para una mejor

comprensión.

Ilustración 134 mvc



2. Librerías adicionales

Para el desarrollo de diferentes funcionalidades se ha requerido el uso de librerías de

código abierto para su libre uso dentro del sistema.

2.1 DomPdf

Esta librería nos permitió generar archivos pdf, controlando la manera en que se

visualizarían aspectos como orientación y tamaño del papel, esta librería funciona

permitiendo escribir un archivo html de la manera en que se hace regular mente,

agregando diseños, tablas y demás, y llevando este diseño a un archivo pdf.

Ilustración 135 dompdF



2.2 highcharts

Esta librería se utilizó para la generación de los reportes, brindando una gran cantidad

de gráficos en diferentes tipos y modelos, permitiendo la conexión a la base de datos

gracias a JavaScript.

Ilustración 136 highcharts



2.3 Amaran

Librería en base a css y JavaScript que permite la generación de notificaciones con un

diseño personalizado.

Ilustración 137 amaran



2.4 Animate css

Librería basada en Bootstrap que genera animaciones sencillas de diferentes

comportamientos como rotación, desplazamiento y demás, se utilizó para brindar en

diferentes secciones de la página un entorno agradable al usuario.

Ilustración 138 animate css rebote



2.5 Slider – Galería

Se implementó una galería utilizando el código abierto de un slider el cual permitía

agregar la cantidad de imágenes deseada brindando una vista y una transición

personalizadas, para implementar en la página principal.



3. Framework Bootstrap

Este framework o conjunto de herramientas de código abierto, contiene diferentes

plantillas basadas en html y css, además del uso de extensiones de JavaScript, fue

empleado para el diseño del sistema, implementando clases, formularios, tablas, botones

y demás aspectos enfocados al diseño del sistema.

Ilustración 139 bootstrap



4. Paquete controlador

Éste considerado el paquete principal, se trabajó como la conexión principal, de cada

archivo dentro del sistema, controlando lo que mostraría la vista, lo que se recibiría de la

vista por parte de los usuarios, así como integrando esto al modelo para mantener la

conexión entre cada paquete.

Cada archivo representa una sección o funcionalidad de la página, siendo repartidas de

acuerdo a la vista a la que pertenecen o a la operación que realizan

Ilustración 140 paquete controlador



4.1 Controlador por sección

Controlar una sección significa realizar las funciones para que una vista pueda ser

visualizada y muestre lo que se requiere

En este caso se toma como ejemplo el controlador del index, en el cual se puede observar una

función esta se encarga de generar una vista de nombre render la cual se explicará más adelante.

Gracias a esto se podrá visualizar de manera correcta el index o página principal

Ilustración 141 controlador index



4.2 Controlador por funcionalidad

Existen otros casos más complejos en los que no se debe controlar solo lo que se

muestra, también diferentes operaciones que se realizan, en nuestro caso la principal es

la conexión de diferentes maneras con la base de datos, es decir realizar inserciones,

consultas, actualizaciones y eliminaciones en diferentes secciones o campos.

Ilustración 142 edit. controlador



Para este caso se toma como ejemplo el controlador edit., el cual contiene las funciones, que

permitirán editar diferentes campos de la base de datos, en este caso, productos, marcas, categorías

y usuarios.

En este caso además de utilizar la vista render para mostrar, se llama al modelo debido a que el

modelo contiene las funciones para utilizar las sentencias SQL que necesitaremos para nuestra

base de datos.



5. Modelo

Debido a que el modelo y el controlador están directamente relacionados, se

establecieron la misma cantidad de archivos en éste paquete, para así mantener un

orden en las conexiones, cada archivo contiene las funciones necesarias para cada

archivo contraparte en el paquete controlador.

Teniendo en cuenta que el modelo permite la interacción con las sentencias SQL para la

base de datos, el archivo del controlador contacto.php, no tiene su contraparte en el

modelo debido a que este no requiere de ninguna conexión a la base de datos.

Ilustración 143 modelo



5.1 Vista archivo modelo

Se tomará como ejemplo el código de un modelo cualquiera explicando su

funcionamiento

En este caso se trabaja con Marcas_Model es decir el modelo que conectará con el

archivo Marcas en el controlador. Lo principal de estas funciones es llamar a la sentencia

SQL que se requiera, o dicho de otra forma utilizar el CRUD. Se pueden apreciar 3

funciones, las cuales cumplen una tarea diferente de acuerdo al código que contienen.

Dentro de cada función se aprecia que se llama a otra función con diferentes parámetros,

estas funciones son:

Ilustración 144 marcas modelo



selectProducto: A pesar de no estar trabajando con productos se utiliza esta función

para evitar redundancia de código ya que su única función es mostrar la tabla que

decidamos en el controlador

selectPro: Al igual que la anterior es una función generalizada, pero esta contiene un

parámetro diferente, se especifica la tabla a la que deseamos acceder (en este caso

marcas) y se agrega un $where, para hacer una consulta más específica.

Insert: Como su nombre lo indica el propósito de esta función es únicamente insertar

valores en la base de datos, ya en el controlador se capturan y envían esos valores que

llegan desde la vista.



6. Librería

Los archivos de esta carpeta cumplen funciones diferentes y específicas por lo cual no

se puede explicar utilizando un único ejemplo, a continuación, se explicará cada uno de

los archivos o elementos dentro de esta carpeta.

Ilustración 145 libreria



6.1 Conexión

Este archivo realiza la conexión tanto al servidor como a la base de datos

Ilustración 146 conexion

Dentro de la función se pueden apreciar 4 campos

Servidor: Corresponde al nombre proporcionado por el servidor en el que está alojada

la base de datos. En este caso “localhost”.

Usuario: Es el nombre de usuario que se le asigna a quien se conecta al servidor,

cuando es local es por defecto “root” pero puede modificarse.

Clave: Si el usuario lo desea puede agregar una clave para conectar con el servidor,

pero no es necesario, así como en este caso se dejan comillas vacías indicando que no

hay clave.

Nombre Base de datos: es el nombre que se le ha asignado a la base alojada en el

servidor en este caso “autopartes”.



6.2 controllers

Es una clase general la cual permite, por medio de herencia (extends) la conexión entre

el controlador y el modelo.

Ilustración 147 controllers



6.3 QueryManager

Los Query se consideran consultas realizadas a la base de datos, es decir que el

QueryManager es aquel que controla cada Query o casa consulta.

Cada función que se crea dentro de este archivo representa una consulta específica y

diferente de acuerdo a las necesidades dentro del sistema.

Ilustración 148 query manager



En este caso se observan funciones como Insert y selectPro las cuales realizan el Query

para insertar y para consultar respectivamente, el nombre de estas funciones es el que

será capturado por el modelo para su posterior uso.



6.4 Session

Una clase simple con un conjunto de funciones sencillas, pero de una gran importancia,

este archivo se encarga de controlar cuando se inicia o se cierra sesión.

Ilustración 149 session



6.5 Views

La sección views (traducida vistas), es la que controla lo que vimos anteriormente como

renders, es decir permite al controlador eligiendo la función deseada, controlar la

cantidad de atributos que mostrará.

Ilustración 150views

Explicado de mejor manera cada función o render, muestra algo diferente, el principal es

un render general es decir lo que se escriba en este se observará en todas las vistas, en



nuestro caso se llama al footer y header de la página las cuales son archivos a parte

pero que se visualizarán en cada sección, los otros render actúan de acuerdo a la

necesidad, en el caso de requerir más de una tabla de la base de datos, se requerirá

más de un arreglo para recibir esos datos, el render3 como se puede observar contiene

2 arreglos uno para productos y otro para la factura, es decir en la sección de ventas se

usará el render3 para poder llamar tanto los productos como las facturas.



7. Vista

El paquete vista es la interfaz o la conexión entre el usuario y el sistema, para funcionar

primero debe haber una conexión principal con el controlador, siendo éste el que decide

que podrá mostrar la vista, si será una vista sencilla como contacto, o mostrará datos

traídos de la base de datos.

Además de las diferentes secciones de la página, también existe una carpeta llama

default, la cual contiene todos los archivos css y JavaScript que se usarán, además de

esto contiene los archivos footer y header previamente mencionas y una carpeta que

contiene todas las imágenes subidas al servidor

Ilustración 151 vista



Ilustración 152 default



7.1 Ejemplo vista – Principal

En la vista principal es donde el usuario que ingresa puede elegir que acción realizar,

bien sea agregar un producto, una marca, eliminar alguna de estas, o realizar una venta,

o generar un reporte

Ilustración 153 vista principal

Como se puede observar en la sección de vista, los archivos se componen de código html y php

trabajando conjuntamente para decidir qué datos mostrar y como mostrarlos (diseño y estilo).



8. Config.php

Este archivo se encuentra por fuera de toda carpeta y/o paquete y además de controlar las URL o

direcciones del sistema, se utilizó para definir variables globales con el fin de dar más orden y

evitar exceso de código en ciertos puntos.

Las primeras dos líneas de código tienen como objetivo acortar al momento de escribir una URL.

Para re direccionar a alguna página es decir al escribir VIEWS el sistema sabrá que buscamos un

archivo o carpeta dentro de la carpeta VISTA.

Las líneas de código restante cumplen una función similar, pero en subcarpetas es decir carpetas

pequeñas contenidas dentro de las grandes tales como VISTA, por ejemplo, al escribir DFT,

sabremos que se busca un archivo de la carpeta default, que está dentro de la carpeta VISTA.

La última línea es la general es decir la que contiene a las anteriores o a todas las carpetas y

archivos que estas representan, indicando la dirección de nuestro sistema como tal bien sea estando

en servidor local o en un servidor web (.com), lo cual indica que todas las líneas de código de

direccionamiento deberán contener URL para así mostrar la dirección en la que están.

Ilustración 154 config



MANUAL TECNICO



1. OBJETIVO

Brindar al lector una vista de todo el proceso preliminar para iniciar con el desarrollo del

sistema, así poder brindar una guía para aquellos que desean iniciar en el desarrollo de

sistemas de información web.

2. REQUERIMIENTOS DE FUNCIONAMIENTO

Los siguientes requerimientos de este sistema son para el correcto funcionamiento del sistema de información web para el control de inventario y facturación de la empresa autopartes J.D S.A.S.



Ilustración 155 requerimientos



3. INSTALAR XAMMP

Empezamos la instalación de XAMPP se da clic en el setup para iniciar la instalación nos

aparecerá esta ventana donde le daremos siguiente.

Ilustración 156 xampp setup

En la siguiente ventana se recomienda marcar todas las casillas, a pesar de no usarse

aun todas servirán para próximos proyectos.



Ilustración 157 xampp componentes

La siguiente ventana nos permite elegir la ruta de instalación del programa, se puede

dejar por defecto o elegir una de su gusto.

Ilustración 158 xampp ruta



El siguiente paso solo es esperar a que la instalación se complete evitando apagar el

computador para prevenir problemas de instalación y/o funcionamiento.

Ilustración 159 xampp instalando

La instalación a concluido al pulsar finalizar ya se podrá usar.



Ilustración 160 xampp finalizar



3.1 Uso de Xampp

Una vez instalado el XAMPP abriremos la aplicación y se verá de la siguiente

forma.

Ilustración 161 xampp inicio

Para el funcionamiento del sistema solo se requiere activar los 2 primeros, Apache

(servidor) y MySQL (base de datos).



Ilustración 162 xampp activar

Pulsando el botón admín de la fila de MySQL llegaremos a la ventana de phpmyadmin

en el navegador, en el cual administraremos todo lo relacionado a la base de datos.

Ilustración 163phpmyadmin

En esta ventana podremos crear bases de datos, agregar tablas y campos, además de

crear registros en estos campos, también permitirá exportar o importar bases de datos

creadas.



4. Instalación Filezilla

La primera ventana mostrará el acuerdo de contrato, al aceptar se continuará con la

descarga

El siguiente paso es elegir si se desea que solo un usuario o todos utilicen este programa

Ilustración 164 filezilla contrato

Ilustración 165 filezilla usuarios



Se marcan todas las casillas y se continua con la descarga

Ilustración 166 filezilla complementos



Se elige la ruta de instalación preferida

Luego de un corto tiempo de carga filezilla estará instalado

Ilustración 167 filezilla ruta

Ilustración 168 filezilla completado



4.1 Uso Filezilla

Para usar filezilla solo se deben llenar los campos de conexión, Servidor, Nombre de

usuario, Contraseña y puerto los cuales son brindados por el servidor que hemos

adquirido. Una vez hecho esto solo se deberán arrastrar los elementos de la izquierda

hacia la carpeta que se vea en la derecha y con eso ya será visible todo en la url de

nuestra página.

Ilustración 169 filezilla uso

SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO Y FACTURACIÓN DE...

Documents

Transcript of SISTEMA DE INFORMACIÓN WEB PARA EL CONTROL DE INVENTARIO Y FACTURACIÓN DE...