Professional Documents
Culture Documents
Monografia Final
Monografia Final
UNAN-LEÓN
DEPARTAMENTO DE COMPUTACIÓN
INGENIERÍA EN SISTEMAS DE INFORMACIÓN
TESIS MONOGRAFICA
Tema:
Autores:
Tutor:
UNAN-LEÓN
DEPARTAMENTO DE COMPUTACIÓN
INGENIERÍA EN SISTEMAS DE INFORMACIÓN
TESIS MONOGRAFICA
Tema:
Autores: Firmas
Tutor:
I. RESUMEN..........................................................................................................................2
II. DEDICATORIA..................................................................................................................3
III. AGRADECIMIENTOS...................................................................................................4
IV. INTRODUCCION...........................................................................................................5
V. PLANTEAMIENTO DEL PROBLEMA...........................................................................6
VI. ALCANCES....................................................................................................................7
VII. ANTECEDENTES.........................................................................................................8
VIII. JUSTIFICACION.........................................................................................................10
IX. OBJETIVOS.................................................................................................................11
9.1. Objetivo General....................................................................................................11
9.2. Objetivos Específicos...........................................................................................11
X. Marco Teórico................................................................................................................12
10.1. Los sistemas de información:........................................................................12
10.2. PHP:......................................................................................................................12
10.3. AdminLTE:...........................................................................................................14
10.4. XAMPP:................................................................................................................22
10.5. SQL:......................................................................................................................23
10.6. MySQL:.................................................................................................................23
10.7. HOST:...................................................................................................................24
10.8. SMTP:...................................................................................................................24
10.9. PROTOCOLO SSL:............................................................................................25
10.10. PROTOCOLO TLS:............................................................................................26
10.11. AUTENTICACION DE MENSAJE:...................................................................26
10.12. REPORTES:.........................................................................................................27
10.13. LIBRERÍA:............................................................................................................27
10.14. LIBRERÍA TCPDF:..............................................................................................28
10.15. Plug-in:.................................................................................................................28
10.16. JQuery DataTable:.............................................................................................29
10.17. MorrisJS:.............................................................................................................29
10.18. ChartJS:...............................................................................................................30
10.19. Date Range Picker:............................................................................................30
10.20. Input Mask:..........................................................................................................31
1
XI. METODOLOGIA..........................................................................................................31
11.1. Tipo de estudio...................................................................................................31
11.2. Métodos...............................................................................................................31
11.3. Unidad de análisis.............................................................................................32
11.4. Técnica de Investigación.................................................................................32
11.5. Planificación de la iteración o ciclo..............................................................32
11.5.1. Determinar o fijar objetivos:....................................................................32
11.5.2. Planificación:..............................................................................................33
11.5.3. Análisis y evaluación de riesgos:..........................................................33
11.5.4. Desarrollar y probar:.................................................................................33
11.5.5. Planificación de la siguiente iteración:................................................34
XII. RECURSOS HARDWARE Y SOFTWARE.............................................................35
a. Hardware:....................................................................................................................35
b. Software:......................................................................................................................35
XIII. ESPECIFICACION DE REQUISITOS DE SOFTWARE........................................36
Información del Proyecto................................................................................................36
XIV. DIAGRAMAS...............................................................................................................42
14.1. Diagrama ER.......................................................................................................42
14.2. Diagrama relacional..........................................................................................44
14.3. Diagrama de casos de usos............................................................................44
XV. DESARROLLO Y DOCUMENTACIÓN DEL SISTEMA....................................48
15.1. Administrador:...................................................................................................48
15.2. Especial:..............................................................................................................86
15.3. Vendedor:..........................................................................................................100
XVI. CONCLUSIONES......................................................................................................112
XVII. RECOMENDACIONES.........................................................................................113
XVIII. BIBLIOGRAFIA.....................................................................................................115
XIX. ANEXOS.....................................................................................................................116
19.1. CRONOGRAMA:...............................................................................................116
19.2. GLOSARIO DE TERMINOS:...........................................................................117
2
I. RESUMEN
3
II. DEDICATORIA
A todas las personas que nos han apoyado y han hecho que el trabajo se
realice con éxito en especial a aquellos que nos abrieron las puertas y
compartieron sus conocimientos.
4
III. AGRADECIMIENTOS
Por ser los principales promotores de nuestros sueños, por confiar y creer en
nuestras expectativas, por los consejos, valores y principios que nos han
inculcado.
5
IV. INTRODUCCION
6
V. PLANTEAMIENTO DEL PROBLEMA
7
VI. ALCANCES
8
VII. ANTECEDENTES
9
VIII. JUSTIFICACION
10
IX. OBJETIVOS
11
X. Marco Teórico
James Senn (1992) declara que en el sentido más amplio un sistema “es un
conjunto de componentes que interactúan entre sí para lograr un objetivo
común”.
Alonzo Tamayo álzate (2005) propone que “Sistema es un conjunto ordenado
de componentes o partes que están estructurados, relacionados e
interrelacionados a través de distintos canales de comunicación y control, y
buscan el logro de objetivos y metas plenamente definidos”.
Andreu, Ricart y Valor (1991), un sistema de información queda definido como:
“conjunto formal de procesos que, operando sobre una colección de datos
estructurada de acuerdo a las necesidades de la empresa, recopila, elabora y
distribuyen selectivamente la información necesaria para la operación de dicha
empresa y para las actividades de dirección y control correspondientes,
apoyando, al menos en parte, los procesos de toma de decisiones necesarios
para desempeñar funciones de negocio de la empresa de acuerdo con su
estrategia”.
X.2. PHP:
12
Existen principalmente tres campos principales donde se usan scripts de PHP.
Scripts del lado del servidor: Este es el campo más tradicional y el
foco principal. Son necesarias tres cosas para que esto funcione: el
analizador de PHP (módulo CGI o servidor), un servidor web y un
navegador web. Es necesario ejecutar el servidor con una instalación de
PHP conectada. Se puede acceder al resultado del programa de PHP
con un navegador, viendo la página de PHP a través del servidor. Todo
esto se puede ejecutar en su máquina si está experimentado con la
programación de PHP
13
X.3. AdminLTE:
14
El controlador es el encargado de gestionar las peticiones del usuario,
procesarlas invocando al modelo y mostrarlas al usuario a través de las
vistas.
Es un proceso donde se trabaja como una especie tripartita para que cada
escenario vaya haciendo más y más oculto o más y más protegido de tal forma
que el usuario final tenga mucha dificultad poder acceder a lo que es la
información delicada del proyecto que es la base datos.
De esta forma evitamos ataques, agregamos seguridad informática a nuestro
proyecto obviamente tendremos que también validar información a través de
los formularios:
15
El cruce de Hory.
El cruce de origen.
El cruce de keigo.
Los ataques de Inyección SQL todo ese tipo de cosas los tenemos que
prevenir.
Pero gracias a este patrón modelo vista controlador podemos ser más
organizados en la construcción del proyecto.
Se puede modular izar y lo podemos hacer por módulos lamía y si necesitamos
agregar más módulos fácilmente lo podemos hacer gracias a este patrón
modelo vista controlador y finalmente nuestro proyecto queda muy protegido.
16
El tamaño 1366 pixeles viene siendo la pantalla de portátil en adelante.
4. PC o Escritorio vamos a mirar a partir de 1366 pixeles en adelante.
Inicio de sesión
Login:
Usuario
Administrador
Especial
Vendedor
Contraseña
Una contraseña única que se le dará cada usuario.
Barra de Navegación:
Logotipo:
Icono del logotipo.
Logotipo.
Sidebar:
Que nos servirá para desplegar los dos tipos de logotipo:
El logotipo en mini.
El logotipo normal.
17
Imagen del usuario.
Perfil de usuario.
Y un cierre de sesión del sistema.
Menú lateral
Menú del perfil del usuario:
Imagen del perfil del usuario
Nombre del perfil del usuario que está conectado al sistema.
Y la opción que está en línea el usuario en el sistema.
Menú de búsqueda:
Buscador para el menú de navegación del sistema.
Menú de navegación:
El menú de navegación va a tener:
Vistas
Controladores
Modelos
C reate (Crear)
R ead (Leer)
18
U pdate (Actualizar)
D elete (Borrar)
Esta es la interacción que realizamos en las bases de datos Crear, Leer,
Actualizar y Borrar.
Entonces cuando hacemos un CRUD estamos haciendo un gestor y
necesitamos un gestor para cada uno de los módulos.
Porque vamos a tener que:
Crear cada uno de los módulos.
Hacer lectura para cada uno de los módulos para ver lo que está en la
base de datos.
Entonces hay que hacer un gestor para cada uno de estos módulos:
Gestor de Datos de la empresa
Gestor de Usuarios.
Gestor de Roles
Gestor de Configuración del correo.
Gestor de Categoría.
Gestor de Productos.
Gestor de Ventas
Gestor de Clientes
Gestor de Cotización
Menú de Administración_Sistema
19
Datos de la Empresa.
Usuarios.
Roles
Estado de la Bitácora
Menú de Administración_Inventario
Categoría.
Producto.
Menú de Gestión_Ventas
Ventas.
Clientes.
Cotizaciones
Menú de Reportes_Empresa
Ganancias_Ventas.
Productos_Vendidos.
Vendedores.
Compradores.
Página de Inicio
Panel de control
Nombre de la empresa.
Información de la empresa.
Bienvenido al sistema
Dara la bienvenida.
Nombre del perfil y rol del usuario en sesión.
Categorías
20
Icono de categorías.
Cantidad total de categorías de los productos.
Productos
Icono de Productos.
Cantidad total de los productos.
Ventas
Icono de venta.
Cantidad total de las ganancias de ventas.
Derechos reservados
Todos los derechos reservados.
21
X.4. XAMPP:
22
servidor web, de forma que permite a los desarrolladores testar proyectos
localmente y transferirlos cómodamente a sistemas reales
Ilustración 2
X.5. SQL:
X.6. MySQL:
23
Ilustración 3
X.7. HOST:
Ilustración 4
X.8. SMTP:
24
Cuando una persona envía un correo electrónico a través de este protocolo, lo
que ocurre es que el cliente de correo (como Outlook Express o Mozilla
Thunderbird) presenta el mensaje en cuestión a un servidor de correo a través
del SMTP. El servidor envía el mensaje al Mail Transfer Agent (MTA), que
apela al Domain Name System (DNS) para buscar el registro MX. Cuando éste
acepta el correo, lo deriva a su vez a un Mail Delivery Agent (MDA), que puede
volver a recurrir al SMTP para entregarlo al servidor de correo. Mediante
el IMAP, finalmente, el usuario receptor puede recuperar el mensaje en su
cliente de correo electrónico.
Ilustración 5
Ilustración 6
25
X.10. PROTOCOLO TLS:
Ilustración 7
26
el mensaje se autentica. Si hay una diferencia, indica que algo sobre el
mensaje cambió entre el remitente y el destinatario
X.12. REPORTES:
Ilustración 8
X.13. LIBRERÍA:
Se emplea el término librería para referirse a una biblioteca, por la similitud con
el original inglés library. Ambos términos, biblioteca y librería, son correctos
según las definiciones de la RAE. Una biblioteca o librería es un Kit de
herramientas software pequeño y autónomo que ofrece una serie de
funcionalidades compiladas y codificadas en un lenguaje de programación las
cuales sirven de unos métodos o interfaces para realizar la funcionalidad que
se requiere. Normalmente se usa junto con otras librerías y herramientas para
27
hacer una aplicación completa, ya que por lo general las bibliotecas no son
ejecutables, pero sí pueden ser usadas por ejecutables que las necesiten para
poder funcionar.
X.15. Plug-in:
En informática, un complemento o plug-in es una aplicación (o programa
informático) que se relaciona con otra para agregarle una función nueva y
generalmente muy específica. Esta aplicación adicional es ejecutada por la
aplicación principal e interactúan por medio de la interfaz de programación de
aplicaciones.
Un Plug-in sirve para que una herramienta adquiera muchas más posibilidades
a base de incorporar más funciones. Cuantos más se instalen en una
plataforma, más facilidades ofrecerá esta para que el usuario que la emplea no
tenga que contar con otros programas para llevar a cabo otras tareas. Otro
objetivo del plugin es hacer más fácil la labor de quien recurre a él. Agiliza el
trabajo y a la vez, puede ofrecer unas cotas de calidad bastante elevadas.
Ilustración 9
28
X.16. JQuery DataTable:
Ilustración 10
X.17. MorrisJS:
Morris.js es una biblioteca de gráficos JavaScript basada en el muy competente
raphael.js, Se ha llegado a incluir en muchos proyectos últimamente porque
son realmente simples de implementar y ahora, en la rama maestra, admiten la
capacidad de cambiar el tamaño de la página. Con Morris.js se pueden
implementar dibujos de gráficos de barras, líneas, áreas y también diagramas
circulares. Posee un estilo bastante simple, que podría ir a la perfección con
sitios de estilo minimalista y diseño plano.
Ilustración 11
29
X.18. ChartJS:
Chart JS es un plugin JavaScript simple, flexible y muy completo para los
diseñadores gráficos y desarrolladores que desean incrustar gráficas en las
páginas Web. Esta es una de las formas más elegantes de incorporar este tipo
de elementos gráficos ya que no requiere JQuery. Para instalar en tu página
Web tan solo es necesario incluir el plugin en la cabecera de tu página.
Ilustración 12
Ilustración 13
30
X.20. Input Mask:
En la programación de computadoras, jQuery Input Mask es un complemento
de JavaScript, es un jQuery ligero y fácil de usar que facilita la creación de una
máscara de entrada. Una máscara de entrada ayuda al usuario con la entrada
garantizando un formato predefinido. Esto puede resultar útil para fechas,
números, números de teléfono, etc. jQuery Input Mask también garantiza la
integridad de los datos al evitar errores de transcripción.
Ilustración 14
XI. METODOLOGIA
31
En el caso del desarrollo del sistema se aplican los principios y métodos de la
ingeniería del software. Se utilizará el modelo de desarrollo en espiral.
XI.3. Unidad de análisis
32
Después de la decisión del proyecto y de la aceptación que nos dio el cliente
para realizar ese proyecto, empezamos a fijar la Misión y visión del proyecto.
Después de tener concreto esos puntos, continuamos a realizar la entrevista al
cliente, esto para ver que requerimientos va tener el proyecto que nuestro
cliente necesita.
XI.5.2. Planificación:
Revelación de requerimientos iniciales o luego de una iteración.
Revisamos todo lo hecho, evaluándolo, y con ello decidimos si continuamos
con las fases siguientes y planificamos la próxima actividad.
33
XI.5.5. Planificación de la siguiente iteración:
El siguiente ciclo se planifica al final de cada etapa. Si se producen errores, se
buscan soluciones. y si una alternativa es una mejor solución, se prefiere en el
siguiente ciclo
Decidimos usar el modelo en espiral, esto porque se sujeta a previos
cambios.
Llevamos a cabo el desarrollo del análisis del proyecto
Realizamos actividades de prueba para el proyectó
Ilustración 15
34
XII. RECURSOS HARDWARE Y SOFTWARE
a. Hardware:
Para la realización de este proyecto se hizo uso de las siguientes
herramientas:
1 PC con las siguientes características:
Memoria RAM 4GB
500 GB en Disco Duro
Procesador AMD E1-2100 APU
Velocidad de procesamiento 1.7 GHz
Sistema operativo de 64 bits
b. Software:
Las herramientas software que emplearemos son:
XAMPP
MySQL
PHP 7
Bootstrap 4
Admin LTE
JavaScript
Windows 10 (Sistema Operativo)
JQuery DataTable
MorrisJS
ChartJS
Date Range Picker
Input Mask
Visual Studio Code
SublimeText
35
XIII. ESPECIFICACION DE REQUISITOS DE SOFTWARE
Propósito
SYSTEMANAGER
Referencias
Título del documento Referencia
WebSA (Web Software http://www.dlsi.ua.es/~santi/papers/websatr.pdf
Architecture)
Mantis Bug Tracker https://www.mantisbt.org/
36
Funcionalidades del producto
Este sistema tendrá funciones agrupadas en las siguientes categorías:
Administración del sistema.
Administración de inventario de productos.
Gestión de ventas.
Reportes.
Entorno operativo
Este sitio web podrá ser accedido desde cualquier navegador instalado en una
máquina que tenga cualquier sistema operativo (Windows, Linux, Mac, Android,
etc.).
Requerimientos funcionales
1. Administración del sistema
37
ingresar al sistema con usuarios
un nombre de usuario y
contraseña.
1.2 Registrar datos de Insertar datos Administrador
empresa. descriptivos de la
empresa.
1.3 Establecer Poner un porcentaje de Administrador
porcentaje de ganancia a todos los
ganancias productos.
1.4 Crear usuario Se agrega un nuevo Administrador
usuario al sistema.
1.5 Editar usuario Cambiar información de Administrador
un determinado usuario.
1.6 Eliminar usuario Eliminar un determinado Administrador
usuario.
1.7 Crear roles de Se crearán roles para Administrador
usuario brindar permisos a cada
usuario del sistema.
1.8 Modificar permisos Se agregarán o quitarán Administrador
del usuario especial permisos otorgados al
usuario especial
1.9 Actualizar estado de Guardar cada Sistema
bitácora movimiento o actividad
del negocio en el
sistema, eliminando
primero la primera
entrada si se ha
alcanzado el límite.
1.1 Visualizar el estado Muestra en una vista Administrador
0 de la bitácora todas las entradas de la
bitácora dando la opción
de filtrar las entradas de
un determinado usuario.
38
categoría a eliminar.
2.4 Listar y Agregar Se pondrá información Administrador,
producto necesaria para identificar un Especial
nuevo producto.
2.5 Editar producto Listar todos los productos y Administrador,
elegir el producto al que se le Especial
cambiara la información.
2.6 Eliminar producto Listar todos los productos y Administrador,
elegir el producto al que Especial
eliminaremos.
2.7 Buscar producto Se introducirá un nombre o Administrador,
código del producto para su vendedor
visualización.
3. Gestión de ventas.
39
4. Reportes.
Reglas de negocio
Interfaces de usuario
El cliente en este caso el dueño o encargado del negocio deberá contar con un
dispositivo de cómputo con al menos las siguientes características.
Adaptadores de red.
40
Procesador de 1.7GHz o superior.
Memoria mínima de 1024 MB.
Mouse.
Teclado
Impresora
Conexión a internet.
Interfaces de software
Sistema Operativo:
Windows 7 o superior.
Explorador: Mozilla o Chrome
Servidor local XAMPP.
Plantilla AdminLTE.
Gestor de bases de datos MySQL
Framework Bootstrap
Interfaces de comunicación
Requerimientos no funcionales
10.1 Requisitos de rendimiento
10.2 Seguridad
41
Garantizar la seguridad del sistema con respecto a la información y datos que
se manejan tales sean documentos, archivos y contraseñas.
Facilidades y controles para permitir el acceso a la información al personal
autorizado a través de Internet, con la intención de consultar y subir
información pertinente para cada una de ellas.
10.3 Fiabilidad
10.4 Disponibilidad
Otros requerimientos
11.1 Usabilidad
El sistema deberá proveer una interfaz amigable al usuario, que sea fácil de
aprender y de usar. Se pretenda que la navegación entre las distintas
funcionalidades del sistema sea realizada en forma sencilla. Esta interfaz
ofrecerá funcionalidades para realizar tareas específicas en forma automática.
XIV. DIAGRAMAS
XIV.1. Diagrama ER
Análisis y diseño del sistema.
Definiremos las entidades con las que trabajaremos en la base de datos de
nuestro sistema.
42
Ilustración 16
43
Categorías: Cada producto pertenecerá a una categoría, lo cual hará más fácil
su búsqueda y se llevará mejor control por medio de esta entidad. Y estará
relacionada con la entidad producto.
Correo: Esta entidad es de suma importancia ya que juega un rol muy
importante para lo que es las cotizaciones y facturas.
Clientes: Por medio de esta entidad guardaremos información primordial de los
clientes. Los atributos de esta entidad serán referidos a información de
identificación del usuario, detalle y frecuencia de sus compras.
Ilustración 17
44
Diagrama de casos de usos
Ilustración 18
45
A continuación, se puede apreciar las actividades básicas de iteración de los
procesos más comunes de la tienda, como lo es la venta de un producto.
XIV.2.1. Diagrama de venta
Ilustración 19
46
En el siguiente diagrama se observa la dinámica con el proceso de más
frecuencia como lo es el de agregar productos al inventario del sistema.
Ilustración 20
El administrador será el único que podrá llevar a cabo este proceso y para eso
tendrá que verificarse como tal en el sistema por seguridad.
Una vez que el administrador se ha verificado podrá buscar en el menú gestión
de inventario y posterior agregar el producto llenando todos los campos
solicitados por el sistema para detalles del producto.
47
XV. DESARROLLO Y DOCUMENTACIÓN DEL SISTEMA.
SYSTEMANAGER cuenta con un sistema de Log-in, a continuación, se
describe: Iniciar sesión: Los usuarios deben ingresar al sistema con un
nombre de usuario y contraseña. Si el usuario ha olvidado su contraseña solo
tendrá 5 oportunidades para acceder al sistema de lo contrario se bloqueará su
cuenta y solo podrá ser resuelto por el administrador. Cabe destacar que habrá
3 tipos de usuario los cuales después de su inicio de sesión tendrán vistas y
permisos que difieren en relación con su rol como trabajador.
Imagen 1
XV.1. Administrador:
Página principal
Esta es la vista principal y en este caso el usuario en sesión es el administrador
el cual tiene accesos y permisos de todo el sistema por ende se mostrarán
todos los reportes de la tienda.
Elementos que serán comunes en la mayoría de las vistas es el menú situado a
la izquierda de la pantalla que solo difiere en los permisos y vistas del usuario
48
en sesión. En este caso el menú que visualizará el administrador tendrá todos
los módulos del sistema: administración del sistema, administración de
inventario, gestión de venta y reportes de la empresa también hay una barra de
búsqueda que permitirá a todos los usuarios buscar de forma detallada sus
permisos o asignaciones, tanto en el menú como en la barra de navegación se
muestra el usuario en sesión. Hay una barra de navegación principal donde
podemos ver el logotipo de la empresa, así como los catálogos, las ventas e
información del usuario en sesión y permitirá un cierre de sesión del sistema al
usuario.
Imagen 2
49
Esta funcionalidad tiene como objetivo visualizar la información acerca de la
tienda que en ese momento este administrando el sistema SYSTEMANAGER,
Imagen 3
XV.1.1.2. Usuarios:
Esta funcionalidad
permite al administrador del
sistema tener una ágil y
fácil administración de
los usuarios en el sistema.
El administrador
también puede visualizar
y posee el permiso de dar
de baja a un usuario y
cambiar de estado es decir si
el usuario estará “activo” o
“inactivo” en Imagen 4 el sistema, nos
50
presentara también cuando fue la última vez que un usuario estuvo activo en el
sistema.
También cuenta con una barra de búsqueda que facilitara y agilizara la
búsqueda de los usuarios.
Imagen 5
51
Y con el botón de editar que se encuentra a la derecha de la pantalla
tendremos la opción de editar la información del usuario si es requerido.
Editar usuario:
XV.1.1.3. Roles:
Con esta
funcionalidad el
Imagen 7
administrador tiene permisos para administrar todo el sistema de roles y poder
otorgar tareas específicas o prioridades a los roles que luego los usuarios en el
sistema podrán cumplir de acuerdo a su rol establecido.
también podrá editar permisos relacionados a cierto rol y tendrá la posibilidad
de eliminar el rol que desee.
52
También cuenta con una barra de búsqueda que facilitara y agilizara la
búsqueda de los roles.
Imagen 8
Dentro de esta misma vista observamos el botón Agregar Nuevo Rol que le
dará al administrador la opción de agregar un nuevo rol si es necesario.
Se le dará una descripción o nombre de rol y los permisos que se le atribuirán
al usuario.
A continuación, se mostrarán los permisos que el administrador puede otorgar
en cada categoría:
Administración_Sistema
53
Administración_Inventario
Gestión_Ventas
Reportes
Administración_Sistema.
Imagen 10
54
Administración_Inventario
Imagen 11
Gestión_Ventas.
Imagen 12
55
Imagen 13
Reportes.
También esta vista cuenta con un botón de Editar Roles que el usuario
administrador puede usar si es requerido.
Imagen 14
56
Editar Roles:
Modificaremos el nombre del rol y le otorgaremos permisos o le quitaremos
dependiendo del rol que tendrá el usuario.
A continuación, se mostrará la función botón Editar Roles en las siguientes
categorías.
Administración_Sistema
Administración_Inventario
Gestión_Ventas
Reportes
Administración_Sistema.
Imagen 15
57
Imagen 16
Administración_Inventario
Imagen 17
58
Gestión_Ventas
Imagen 18
Imagen 19
59
Reportes
Imagen 20
60
Esta funcionalidad como su nombre lo indica permite al administrador del
sistema verificar el estado de la bitácora, el administrador puede acceder a esta
Imagen 21
función para saber qué acciones fueron realizadas en el sistema. Estado de la
bitácora también nos muestra en qué fecha se realizó dicha acción y que
usuario la realizó. Esta funcionalidad también está equipada con un combo box
en la parte superior izquierda que nos permite elegir la cantidad de registros
que deseamos ver en la pantalla. Al mismo tiempo que también se nos muestra
una barra de búsqueda en la parte superior derecha que nos permite agilizar la
búsqueda permitiéndonos buscar por fecha y usuario.
61
Imagen 22
Imagen 23
62
XV.1.2. Administración de Inventario:
Dentro del menú del administrador podremos encontrar el segundo módulo del
sistema al cual tiene acceso el administrador: Administración de Inventario.
Dentro de este módulo podremos encontrar 2 funcionalidades a las cual el
administrador tienes permisos.
La primera funcionalidad que encontramos es:
XV.1.2.1. Categoría:
En esta vista podremos observar que el usuario administrador tendrá la opción
de agregar una nueva categoría de producto, tendrá la opción de editarla si es
necesario y eliminarla.
Imagen 24
63
Agregar Nueva Categoría: Con esta funcionalidad el usuario administrador
contará con un botón en la parte superior izquierda con el cual podrá agregar
nuevas categorías de productos.
Imagen 25
Editar Categoría:
En la parte derecha contara con botones DataTable que le permitirán editar el
nombre de la categoría de un producto o eliminar cierta categoría en el caso de
ser necesario.
Editaremos el nombre de la categoría de un producto
64
Imagen 26
XV.1.2.2. Productos:
Esta sería la segunda y última funcionalidad de nuestro segundo módulo, con
la cual el administrador tiene los permisos para agregar un nuevo producto,
además de eso tiene muchas más opciones como las que podemos ver a
simple vista como ver el número exacto de productos que se encuentran en el
sistema catalogados por colores: verde, amarillo y rojo y acciones como editar
producto donde el administrador puede agregar una descripción del producto
existente, agregar una imagen del producto, fijar un determinado precio de
venta y asignarle una categoría al producto.
65
Además, se nos muestra cuando fue agregado el producto y por supuesto la
opción de eliminar un producto si es necesario.
Imagen 27
66
Imagen 28
Editar Producto:
Como su nombre indica esta funcionalidad permite al usuario administrador
poder editar en cualquier caso necesario luego de que se halla agregado cierto
producto.
Imagen 29
67
XV.1.3. Gestión de ventas:
Dentro del menú del administrador encontramos el tercer módulo del sistema al
cual tiene acceso el administrador: Gestión de ventas.
Dentro de este módulo podremos encontrar 3 funcionalidades a las cual el
administrador tiene permisos.
La primera funcionalidad que encontramos es:
XV.1.3.1. Ventas:
Esta funcionalidad tiene como objetivo permitirle al usuario administrador
agregar una nueva venta en el sistema SYSTEMANAGER el cual pedirá los
datos de la venta en proceso tal como nombre del vendedor, forma de pago,
importe de pago, importe de vuelto, etc. También nos dará la opción de elegir a
un cliente si ya está registrado en el sistema o crear un nuevo cliente.
Así también el sistema mostrará la fecha de la compra y el administrador
también podrá:
Visualizar venta
Imprimir recibo de pago
Editar venta
Eliminar venta
Hacer histórico de pago
Imagen 30
68
A continuación, se mostrará el formulario del botón agregar de la vista venta.
Cuando vamos a crear una nueva venta se nos presenta el siguiente formulario
que tendremos que llenar.
1. A continuación, ingresaremos el nombre del vendedor
2. La fecha en que se hace la venta
3. El cliente que hará la venta, si el cliente es nuevo se agregara
4. Luego se ingresa la fecha de vencimiento
5. Luego fijamos el tiempo de entrega del producto
6. Se pondrá el código del producto en el código de barra para buscarlo
En la parte derecha de la pantalla podremos ver el inventario de los
productos para tener una mejor agilidad y organización a la hora de crear
una venta.
Imagen 31
Y por último al final del formulario se seleccionará el tipo de pago que hará el
cliente.
69
Imagen 32
Imagen 33
Editar la venta:
70
Se muestra el formulario de la función Editar Venta.
Se modificará la venta en caso de que el cliente desee cambiar o agregar otro
producto.
Imagen 34
Histórico de pago:
En la vista Administración de Ventas se mostrará un DataTable que será el
histórico de pago donde se mostrará el
1. Id de pago
2. Fecha de pago
3. Método de pago
4. Importe de pago
5. Importe de vuelto
Y además contara con un DataTable de imprimir un recibo de pago de la venta
y un DataTable de eliminar el pago de la venta realizada
71
Imagen 35
Recibo impreso:
Imagen 36
XV.1.3.2. Clientes:
72
Con esta funcionalidad el usuario administrador tiene la potestad de agregar un
nuevo cliente o ya sea poder editar cierta información de este mismo como
nombre, correo, cedula, teléfono, el total de compras que ha hecho, etc.
Igualmente, el usuario administrador puede eliminar a un usuario si es
requerido, también podemos observar dentro de esta funcionalidad una barra
de búsqueda que agiliza en gran medida la búsqueda de usuarios en el
Imagen 37
sistema.
73
Imagen 38
Editar cliente:
A continuación, se muestra la función editar cliente que le da al usuario
administrador la opción de modificar en caso de que el cliente lo requiera.
Imagen 39
74
XV.1.3.3. Cotizaciones:
Para finalizar con el 3 modulo del menú del administrador nos encontramos con
su última funcionalidad: Cotizaciones.
Esta funcionalidad permite al usuario administrador poder agregar una nueva
cotización de x producto en donde el administrador llenara un formulario con la
debida información acerca de la cotización en cuestión.
En la parte de la derecha podemos observar que se encuentran diferentes
botones DataTable con el cual el administrador podrá:
1. Imprimir cotización
2. Enviar una cotización por correo electrónico
3. Editar una cotización
4. Eliminar cotización
Y por último en esta función también tendrá la opción de generar una venta
siempre y cuando la cotización se encuentra vigente.
Imagen 40
A continuación, se mostrará el botón de agregar una nueva cotización.
75
El cual se llenará con la siguiente información:
1. A continuación, se mostrará el nombre del vendedor
2. La fecha en que se hace la venta
3. El cliente que hará la venta, si el cliente es nuevo se agregara
4. Luego se ingresa la fecha de vencimiento
5. Luego fijamos el tiempo de entrega del producto
6. Se pondrá el nombre del cliente a cotizar
7. En la parte derecha de la pantalla se nos mostrara el inventario de los
productos
8. Y se guardara la cotización.
A continuación, se mostrará la función imprimir del DataTable imprimir en la
vista principal.
Imprimir:
Imprimirá la cotización en formato pdf
76
Imagen 42
A continuación, se mostrará el formulario que el usuario Administrador deberá
llenar para enviar una cotización por correo electrónico.
Imagen 43
Editar cotización:
Se podrá modificar una cotización en el caso requerido.
Imagen 44
77
En la vista principal de Administración de las Cotizaciones se mostrará un
DataTable Generar Venta con 2 tipos de funcionalidad:
1.Se generará una venta cuando la cotización este vigente.
2.Se mostrará cuando la cotización esta vencida y no habrá acceso.
Imagen 45
78
También se podrá imprimir la información de las ganancias de las ventas en un
reporte en Excel.
Imagen 46
79
Nos muestra un gráfico de pastel en el cual nos permite visualizar los 10
productos más vendidos de la tienda.
Imagen 47
XV.1.4.3. Vendedores:
Con este grafico podremos visualizar los vendedores de la tienda y
visualizamos la cantidad de ganancias que han hecho los vendedores.
Imagen 48
XV.1.4.4. Compradores:
80
Con este grafico podremos visualizar a los compradores que han comprado en
la empresa y visualizamos la cantidad de compras que ha hecho cada
comprador.
Imagen 49
XV.2. Especial:
Página principal
Esta es la vista principal del usuario Especial el cual tiene accesos y permisos
únicamente a 3 módulos.
81
En este caso el menú que visualizará el especial tendrá los siguientes módulos
del sistema: administración de inventario, gestión de venta y reportes de la
empresa también hay una barra de búsqueda que permitirá a todos los
usuarios buscar de forma detallada sus permisos o asignaciones, tanto en el
menú como en la barra de navegación se muestra el usuario en sesión. Hay
una barra de navegación principal donde podemos ver el logotipo de la
empresa, así como los catálogos, las ventas e información del usuario en
sesión y permitirá un cierre de sesión del sistema al usuario.
Imagen 50
82
En esta vista podremos observar que el usuario especial tendrá la opción de
agregar una nueva categoría de producto y tendrá la opción de editarla si es
necesario.
83
Agregar Nueva Categoría: Con esta funcionalidad el usuario especial contará
con un botón en la parte superior izquierda con el cual podrá agregar nuevas
categorías de productos
Imagen 51
Editar Categoría:
En la parte derecha contara con botones DataTable que le permitirán editar el
nombre de la categoría de un producto.
Editaremos el nombre de la categoría de un producto
Imagen 52
84
XV.2.1.2. Productos:
Esta sería la segunda y última funcionalidad de nuestro segundo módulo, con
la cual el usuario especial tiene los permisos para agregar un nuevo producto,
además de eso tiene muchas más opciones como las que podemos ver a
simple vista como ver el número exacto de productos que se encuentran en el
sistema catalogados por colores: verde, amarillo y rojo y acciones como editar
producto donde el administrador puede agregar una descripción del producto
existente, agregar una imagen del producto, fijar un determinado precio de
venta y asignarle una categoría al producto.
Además, se nos muestra cuando fue agregado el producto y por supuesto la
opción de eliminar un producto si es necesario.
Imagen 53
85
Se nos pedirá una descripción del producto
Ingresaremos con un valor la cantidad del producto que estará en existencia.
Nos pedirá el precio que tendrá el producto y el precio a vender del producto
Se nos muestra un combo box al cual nosotros elegiremos el porcentaje
deseado
Por último, nos pedirá que subamos una imagen del producto que estamos
agregando.
Imagen 54
86
Editar Producto: Como su nombre indica esta funcionalidad permite al usuario
especial poder editar en cualquier caso necesario luego de que se halla
agregado cierto producto.
Imagen 55
87
Igualmente, el usuario especial puede eliminar a un usuario si es requerido,
también podemos observar dentro de esta funcionalidad una barra de
búsqueda que agiliza en gran medida la búsqueda de usuarios en el sistema.
Imagen 56
88
Imagen 57
Editar cliente:
89
A continuación, se muestra la función editar cliente que le da al usuario
especial la opción de modificar en caso de que el cliente lo requiera.
Imagen 58
XV.2.2.2. Cotizaciones:
Permite al usuario especial solo Imprimir y enviar una categoría por correo.
En la parte de la derecha podemos observar que se encuentran diferentes
botones DataTable con el cual el especial podrá:
5. Imprimir cotización
6. Enviar una cotización por correo electrónico
Y por último en esta función también tendrá la opción de generar una venta
siempre y cuando la cotización se encuentra vigente.
90
Imagen 59
Imagen 60
91
A continuación, se mostrará el formulario que el usuario especial deberá llenar
para enviar una cotización por correo electrónico.
Imagen 61
92
XV.2.3. Reportes de empresa:
Dentro del menú del especial encontramos el último módulo del sistema al cual
tiene acceso el especial: Reportes de empresa.
Dentro de este módulo podremos encontrar 4 funcionalidades a las cual el
especial tiene permisos.
El primer modelo que encontramos es:
XV.2.3.1. Ganancias de ventas:
Aquí podremos visualizar las ganancias de las ventas de la empresa por
cantidad y por rango de fecha.
También se podrá imprimir la información de las ganancias de las ventas en un
reporte en Excel.
Imagen 62
93
XV.2.3.2. Productos vendidos:
Nos muestra un gráfico de pastel en el cual nos permite visualizar los 10
productos más vendidos de la tienda.
Imagen 63
XV.2.3.3. Vendedores:
Con este grafico podremos visualizar los vendedores de la tienda y
visualizamos la cantidad de ganancias que han hecho los vendedores.
Imagen 64
94
XV.2.3.4. Compradores:
Con este grafico podremos visualizar a los compradores que han comprado en
la empresa y visualizamos la cantidad de compras que ha hecho cada
comprador.
Imagen 65
XV.3. Vendedor:
Página principal de Vendedor.
Esta es la vista principal y en este caso el usuario en sesión es el Vendedor el
cual tiene acceso y permiso solo a Gestión de Ventas en el sistema
SYSTEMANAGER.
95
Elementos que serán comunes en esta vista es el menú situado a la izquierda
de la pantalla que solo difiere en los permisos y vistas del usuario en sesión. En
este caso el menú que visualizará el Vendedor tendrá acceso solo a gestión de
venta. También hay una barra de búsqueda que permitirá a todos los usuarios
buscar de forma detallada sus permisos o asignaciones, tanto en el menú como
en la barra de navegación se muestra el usuario en sesión. Hay una barra de
navegación principal donde podemos ver el logotipo de la empresa, así como
los catálogos, las ventas e información del usuario en sesión y permitirá un
cierre de sesión del sistema al usuario.
Imagen 66
96
Así también el sistema mostrará la fecha de la compra.
En este módulo el usuario Vendedor solo tiene permiso de imprimir la venta.
Imagen 67
97
En la parte derecha de la pantalla podremos ver el inventario de los
productos para tener una mejor agilidad y organización a la hora de crear
una venta.
Imagen 68
Y por último al final del formulario se seleccionará el tipo de pago que hará el
cliente.
Imagen 69
98
Se mostrará un DataTable de imprimir la venta realizada en formato pdf.
Imagen 70
XV.3.1.2. Clientes:
Con esta funcionalidad el usuario Vendedor puede agregar un nuevo cliente o
ya sea poder editar cierta información de este mismo como nombre, correo,
cedula, teléfono, el total de compras que ha hecho, etc.
99
Imagen 71
A continuación, se mostrará el formulario que debe de llenar el usuario
Vendedor en el botón de agregar un nuevo cliente.
Se ingresará:
1. Nombre de cliente
2. Cedula del cliente
3. Correo del cliente
4. Número telefónico de cliente
5. Dirección del cliente
6. Fecha de nacimiento
Imagen 72
100
Editar cliente:
A continuación, se muestra la función editar cliente que le da al usuario
Vendedor la opción de modificar en caso de que el cliente lo requiera.
Imagen 73
101
XV.3.1.3. Cotizaciones:
Para finalizar el módulo del menú de Vendedor nos encontramos con su última
funcionalidad: Cotizaciones.
Esta funcionalidad permite al usuario Vendedor poder agregar una nueva
cotización de x producto en donde el administrador llenara un formulario con la
debida información acerca de la cotización en cuestión.
En la parte de la derecha podemos observar que se encuentran diferentes
botones DataTable con el cual el administrador podrá:
1. Imprimir cotización
2. Enviar una cotización por correo electrónico
3. Editar una cotización
4. Eliminar cotización
102
Y por último en esta función también tendrá la opción de generar una venta
siempre y cuando la cotización se encuentra vigente.
Imagen 74
103
Imagen 75
El cual se llenará con la siguiente información:
1. A continuación, se mostrará el nombre del vendedor
2. La fecha en que se hace la venta
3. El cliente que hará la venta, si el cliente es nuevo se agregara
4. Luego se ingresa la fecha de vencimiento
5. Luego fijamos el tiempo de entrega del producto
6. Se pondrá el nombre del cliente a cotizar
7. En la parte derecha de la pantalla se nos mostrara el inventario de los
productos
8. Y se guardara la cotización.
104
Imagen 76
A continuación, se mostrará el formulario que el usuario Vendedor deberá
llenar para enviar una cotización por correo electrónico.
Imagen 77
Editar cotización:
105
Se podrá modificar una cotización en el caso requerido.
Imagen 78
Imagen 79
106
XVI. CONCLUSION
107
XVII. RECOMENDACIONES
108
XVIII. BIBLIOGRAFIA
109
Leydi Roxana Velásquez, C. A. (2014). Systema de inventario y facturacion de la
tienda de accesorios de computadoras y celulares ''Decosys'' . Estelí,
Nicaragua.
PHP.net. (2001-2020). ¿Que puede hacer PHP? Obtenido de PHP.net:
https://www.php.net/manual/es/intro-whatcando.php
XIX. ANEXOS
XIX.1. CRONOGRAMA:
Semanas: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 18 19 20 21 22 23 24 25
Decidimos, qué proyecto íbamos a elegir.
DETERMINAR O
FIJAR OBJETIVOS
Para donde y para quien lo vamos a realizar.
110
XIX.2. GLOSARIO DE TERMINOS:
Glosario
111
referirse a un individuo, un equipo, un departamento o una sección de
una organización.
Permiso: Parámetro que especifica si su poseedor dispone de acceso a
una determinada función del sistema o a una parte de la interfaz de
usuario del sistema
Rol: Es un conjunto de permisos que puede asignarse a un usuario.
Administrador del Sistema: Persona encargada de ofrecer el soporte
técnico y operativo al SIS-WEB.
Pruebas: Proceso mediante el cual se realizan actividades para verificar
la óptima función del sistema.
112