Sistema Web de Facturación para Panadería
Sistema Web de Facturación para Panadería
Mayo 2025
Managua, Nicaragua
Contenido
Introducción ............................................................................................................ 1
Antecedentes ........................................................................................................... 9
Justificación........................................................................................................... 10
Objetivos ................................................................................................................11
Desarrollo .............................................................................................................. 12
Beneficios Cuantificables.................................................................................. 28
Factibilidad............................................................................................................ 30
Ahorros: ........................................................................................................ 32
Diagramas ............................................................................................................. 35
Gestión de Inventarios....................................................................................... 38
Conclusión ............................................................................................................ 40
Bibliografía ........................................................................................................... 42
Anexo .................................................................................................................... 44
Dashboard ......................................................................................................... 44
Usuarios ............................................................................................................ 56
Tests: ................................................................................................................. 57
Es por ello que, a petición del administrador del local, se requiere implementar
soluciones tecnológicas por sobre las ya existentes, para que se agilice y mejore la gestión
de inventario y facturación, pues a pesar que existe un sistema de uso, este no les
proporciona beneficios considerables. Por tanto, lo que se logra con esta “actualización”
de su gestión financiera es una mejor y fluida labor por partes de sus operandos. Con esto
en cuenta, se realiza un estudio, desde cero, para analizar las diversas actividades que se
implementan en el negocio, esto nos permitirá tener una visión más clara del enfoque que
se implementa en el local. Con esto logramos identificar las características de estas
actividades que se llevan a cabo en el negocio y poder desarrollar un nuevo sistema web
que se adapte a las necesidades del local.
1
etapas del desarrollo, contribuyendo así a una mayor fiabilidad, estabilidad y calidad del
sistema final.
Marco Teórico
El ámbito comercial de los negocios, siempre es de gran impacto, que las gestiones
de su cuentas y cuestiones financieras han de ser manejadas de la manera más eficiente,
precisa y sencilla, puesto que, su razón económica encuentra un pilar fundamental acá.
Pues si no se gestiona bien las finanzas, los riesgos de pérdidas son impredecibles. En la
actualidad, con el avance de la tecnología es de conocimiento cotidiano que esta, se ha
involucrado en cada parte de nuestra vida y en las finanzas de los negocios, no era
excepción. Es decir, la gestión de inventarios y finanzas y de todo ámbito de gestión en el
pasado, se llevaba a cabo en grandes archivos físicos cada uno hechos a “papel y lápiz” y
sin procesos de circulación instantánea de estos. Por tanto, mientras las herramientas
tecnológicas fueron avanzando, también lo hicieron los negocios haciendo uso, justamente,
de estas tecnologías ya computarizadas. Entonces, es a partir de estos avances, que ahora
toda gestión de documentos, fuere de lo que fuere, en absoluto, se hace a través de sistemas
computarizados, pues es casi obligatorio o recomendable hacerlo así, si es que tal negocio
quiere persistir y crecer.
Para llevar a cabo cada uno de estos objetivos es necesario, por obviedad, el uso de
herramientas tecnológicas de desarrollo, que se describen a continuación:
• Base de Datos:
2
I. Gestor de Base de Datos, SQL Server: “Un Sistema Gestor de Base
Otra característica que respalda a SQL Server es que nos proporciona escalabilidad,
puesto que puede y tiene la capacidad de manejar desde pequeñas tiendas (MIPYMES)
hasta empresas con gran fuente de información y registros que acceden simultáneamente
sin afectar el rendimiento.
• Herramienta de Codificación
3
Ciertamente este editor de código es sumamente simple y versátil puesto que nos
permite escribir código Python(django), JavaScript, HTML, CSS y demás tipos de
codificación, además de aplicar diversos temas de colores y contrastes según el
gusto. Cuenta también con extensiones que se pueden instalar para mejorar algunos
parámetros o características que lo requieren, lo que hace de este editor ser fiable,
viable, profesional y adaptable a la necesidad de cada uno de los proyectos, razones
por las cuales se ha elegido VS Code.
I. Framework Django:
Presenta alta seguridad que incluye protección contra inyecciones SQL, CSRF y
más. Es un framework escalable, por tanto, se puede usar para proyectos pequeños o
grandes y escalar conforme crece el sistema. Además, django prosee una gran comunidad
y documentación que otorga soporte, tutoriales y paquetes adicionales de manera constante,
lo que hacen de este framework una gran opción para implementar y desarrollar nuestro
sistema.
II. HTML:
4
Para todo sitio web, utilizamos este lenguaje de marcado, que a través de
una estructura nos permite “moldear” nuestro sistema que luego se estilizan
mediante herramientas de estilo como SASS y CSS.
III. CSS:
“Se trata de una tecnología utilizada para dotar de cualidades visuales y estéticas
a una página web”. ([Link], s.f.).
IV. SASS:
V. Java Script:
5
Se utiliza este lenguaje de programación para la manipulación y
dinamización de páginas web en nuestro sistema, además de la conexión
con el backend.
E. , 2020).
A través del proceso de facturación podemos llevar control de ventas pues nos
permite llevar el registro claro y ordenado de cada operación que realiza el negocio.
Además de que facilita la contabilidad puesto que cada factura se asocia a un ingreso o
egreso. El facturar es ofrecer transparencia con el cliente ya que el cliente recibe un
comprobante claro de lo que ha comprado, cuánto pagó y cuándo lo hizo y, a través de esto
tener una base para los reportes donde se detallan las ventas diarias, mensuales o anuales
basados en las facturas emitidas.
• Inventario:
6
Con base al inventario se elabora el soporte de ventas, puesto que la integración con
el sistema de facturación, el inventario se actualiza automáticamente cuando se realiza una
venta. Ayuda a saber cuánto dinero tienes invertido en productos almacenados (importante
para la contabilidad y toma de decisiones).
Es decir, el inventario es clave para cualquier negocio y/o sistema que maneje
productos. Sin un buen control de inventario, puedes perder ventas, dinero o clientes.
Sistema Web:
“un sistema web es una estructura más compleja, compuesta por aplicaciones y
componentes interconectados que crean una experiencia de usuario más dinámica e
interactiva.” (Careaga, 2024).
Por tanto, un sistema web se usa desde cualquier lugar con internet. Se centra en
solo servidor o base de datos. Además, al estar guardado en un servidor, varios usuarios
pueden trabajar al mismo tiempo puesto que es compatibles con múltiples dispositivos. Un
sistema web te permite digitalizar y automatizar procesos de forma eficiente y accesible
desde cualquier parte.
• Pruebas de Software
Es importante destacar que existen diferentes tipos de pruebas, más, sin embargo,
en nuestro caso interesan dos:
• Pruebas Unitarias
7
“Las pruebas unitarias son el proceso en el que se prueba la unidad funcional de
código más pequeña. Las pruebas de software ayudan a garantizar la calidad del código y
son una parte integral del desarrollo de software.” (AWS, s.f.).
• Pruebas de Integración
Las pruebas de integración son un tipo de prueba de software en la que los módulos
o componentes individuales de una aplicación se combinan y se prueban en
conjunto para identificar defectos en sus interacciones. El objetivo es garantizar que
los componentes integrados funcionen juntos según lo previsto y que los datos
fluyan correctamente entre ellos. (Testlio, 2024).
Se espera que el nuevo sistema mejore la eficiencia del negocio, brinde una mejor
experiencia al cliente y mantenga a la panadería competitiva en el mercado local. El
proyecto contribuirá al mejoramiento de la gestión empresarial de la panadería.
8
Antecedentes
La panadería “El Carmen” ubicada del Colegio María Auxiliadora 10 Vrs Al Norte
Masatepe-Masaya, nace en el año 1980 y como un proyecto familiar cotidiano. Más, sin
embargo, luego de unos pocos años, esta comenzó a ser muy popular en el municipio,
principalmente por la exquisitez de sus productos. Por cuanto fue popular, la panadería
creció en su clientela y con ello, su innovación, pues implementó un sistema que le permite
la gestión empresarial de sus ventas. A pesar de esto, los beneficios de esta actualización
de su gestión, no ha sido del todo muy buena. La panadería "El Carmen" actualmente
enfrenta varios desafíos con su sistema de facturación. El sistema actual está alojado en un
servidor ubicado en un país extranjero y es compartido con otros negocios, lo que resulta
en un rendimiento lento durante las horas de mayor afluencia. Además, la dependencia de
un servidor en la nube implica que cualquier interrupción en el servicio de Internet podría
dejar al local sin acceso al sistema.
9
Justificación
10
Objetivos
Objetivo General
Desarrollar un Sistema Web para la Facturación e Inventario de la Panadería “El
Carmen”.
Objetivos Específicos
• Analizar el nivel de alcance y los requerimientos del sistema web de facturación e
• Diseñar el modelo del sistema que cumpla con los requerimientos obtenidos, con la
“El Carmen”.
11
Desarrollo
Pruebas de Software
Durante el desarrollo del sistema web de facturación e inventario para la panadería
“El Carmen”, se implementaron pruebas unitarias y pruebas de integración utilizando la
herramienta pytest, elegida por su sintaxis simple, su integración con fixtures, y su
facilidad para trabajar con mocks, especialmente al momento de aislar dependencias como
bases de datos o servicios externos.
12
Se aplicó el mismo enfoque para los métodos eliminar_cliente y
activar_cliente, verificando que se invoquen correctamente las funciones del
repositorio correspondiente:
13
Herramientas utilizadas
• Pytest: herramienta principal para la ejecución de pruebas.
objeto request.
request simulado.
• Eliminación de usuarios
• Cierre de sesión
El siguiente fragmento muestra una prueba para verificar un login exitoso. Se crea
un usuario de prueba con create_user, luego se simula una solicitud POST al endpoint de
login y se espera una redirección (302), lo cual indica que la autenticación fue exitosa:
14
• En otra prueba, se comprueba que el usuario efectivamente ha sido creado en la base
de datos:
• Finalmente, se incluye una prueba sencilla para comprobar que el logout devuelve una
15
A continuación, veremos el procedimiento que se llevó a cabo para la correcta validación
de autenticación
Errores encontrados:
Encontramos, al realizar las pruebas en login, tenemos que los valores que no se ingresan
o se ingresan nulos estos no son manejados correctamente. Se advierte de estos datos nulos
como se muestra en la imagen que no se agrega el campo username y la prueba falla.
16
¿Cómo estaba el proyecto antes de los tests?
En este panorama vemos que se presenta una validación pobre donde no se advierte
de valores nulos.
Ya aquí se muestra la validación pertinente gracias al test realizado que permite que
se validen los campos si es que vienen vacíos.
17
Estas pruebas permiten asegurar que el sistema de autenticación cumple con los
flujos básicos requeridos en cualquier aplicación web: inicio de sesión, validación,
eliminación y cierre de sesión.
En la vista agregar proveedores se prueba que los datos no lleguen en modo nulo, sino que
se validen antes:
18
Ahora validamos en el crud de proveedores:
Ahora se muestra un ejemplo de los pasos que se tomaron para el test correcto en
el proveedor:
Errores encontrados
En esta parte se observa algo parecido a la anterior prueba y que se repite en muchos crud’s.
Los valores nulos no son manejados correctamente y es por ello que nos muestra un fallo.
19
¿Cómo estaba el proyecto antes de los tests?
20
¿Cómo está el proyecto luego de los tests?
Se puede observar que ya se validan los campos de nombre, dirección, teléfono que
antes solo llegaban sin predecirse si eran nulos o no.
Estas comprobaciones garantizan que todos los campos requeridos estén presentes
antes de intentar ejecutar el procedimiento almacenado, lo que fortalece la robustez del
sistema y evita llamadas inválidas al backend.
21
Conteo de líneas del sistema
Para estimar el tamaño del sistema de facturación e inventario desarrollado con
Django, se utilizó “una herramienta sencilla pero potente llamada “cloc – contar líneas de
código” que le permite contar la totalidad de su código y excluir comentarios y líneas en
blanco al mismo tiempo.” (Torodov, 2023).
Gracias a cloc se realizó el análisis y conteo de cada una de las líneas de nuestro
proyecto en cuestión para estimar, además, la calidad de código.
22
TOTAL (solo 3, 226
backend)
documentación técnica.
23
Riesgos del Proyecto
24
Análisis de Requerimientos del Sistema
Requerimientos Funcionales
Requisitos funcionales, como su nombre indica, describen las funciones del
sistema a diseñar. Es una descripción de lo que será el sistema y cómo funcionará
para satisfacer las necesidades del usuario. Proporcionan una descripción clara de
cómo se supone que el sistema debe responder a un comando en particular, las
características y lo que esperan los usuarios. (visuresolutions, s.f.).
25
o Mostrar información pertinente sobre ventas individuales y colectivas mediante
un dashboard.
o Conocer los mejores clientes y los mejores Empleados del CARMEN mediante
gráficos en el dashboard.
o Debe gestionar el ciclo de vida de una caja, desde su apertura hasta su cierre,
Requerimientos No Funcionales
“Requerimientos no funcionales Explicar las limitaciones y restricciones del
sistema a diseñar. Estos requisitos no tienen ningún impacto en la funcionalidad de la
aplicación. Además, existe una práctica común de subclasificar los requisitos no
funcionales en varias categorías.” (visuresolutions, s.f.).
Una vez habiendo logrado los requerimientos pedidos por el usuario, entonces es
de índole principal también cumplir con los estándares de usabilidad y accesibilidad del
sistema tales como interfaz de usuario, fiabilidad del sistema, seguridad, mantenimiento,
entre otros requisitos no funcionales:
o Validar cada uno de los datos antes de ser ingresados a la base de datos en
el servidor local.
empleados.
26
o Usar arquitectura clara de organización en cada uno de los módulos del
sistema
de diseño y validación.
27
Beneficios del Sistema
Beneficios Cuantificables
Automatización del cálculo de las ventas y el inventario: El sistema automatiza
el cálculo de las ventas diarias y el control del inventario, permitiendo una gestión más
precisa y eficiente de los productos vendidos y disponibles en la panadería.
Beneficios No Cuantificables
Mayor comodidad en la gestión y visualización de datos: El personal del sistema
experimentarán una mayor comodidad al acceder y registrar información relacionada con
las ventas, el inventario de la panadería. La interfaz intuitiva del sistema facilitara la
navegación y el acceso a la información relevante, lo que mejora la eficiencia en general
de los empleados de la panadería y aumenta la eficiencia en la gestión de datos.
28
Seguridad y control de datos: La implementación de roles del personal garantiza
que solo las personas autorizadas puedan acceder y modificar información en el sistema.
Esto proporciona un mayor nivel de seguridad y control sobre los datos financieros de la
panadería, evitando posibles alteraciones no autorizadas y asegurando la integridad de la
información.
29
Factibilidad
Factibilidad Técnica
“La factibilidad técnica determina si se dispone de los conocimientos, habilidades,
equipos o herramientas necesarios para llevar a cabo los procedimientos, funciones o
métodos involucrados en un proyecto.” (Enrique, 2020).
Recursos Disponibles
- Recursos Humanos
30
- Recurso Hardware
- Recurso de Software
Factibilidad Económica
“La factibilidad financiera evalúa si, desde un punto de vista económico y
financiero, un proyecto puede llevarse a cabo, mantenerse en marcha y generar valor.”
(Enrique, 2020)
1. Identificación de costos
Costos iniciales:
- Desarrollo del sistema/software: $400.
31
Total, costos operativos: $43.24 anuales.
Ingresos adicionales:
- Aumento en ventas: Con la optimización del sistema y la atracción de más clientes,
se estima un incremento de $100 mensuales en ingresos.
- Ingresos adicionales anuales: $100 × 12 meses = $1,200.
3. Análisis costo-beneficio
Costo total anual:
- Costos iniciales (prorrateados en un año): $400.
Relación costo-beneficio:
La relación costo-beneficio se calcula como:
Relación = Beneficios ÷ Costos = $1,800 ÷ $443.24 = 4.06
Por cada dólar invertido, el sistema genera $4.06 en beneficios.
32
retorno de inversión significativo. En el segundo año, los costos iniciales ya no se
consideran, lo que aumentará aún más la rentabilidad.
Factibilidad Operativa
“La factibilidad operativa consiste en el análisis de los recursos productivos,
incluidos los humanos, necesarios para la realización de un proyecto económico.”
(Enrique, 2020)
33
3. Aceptación del Sistema
Disposición de los usuarios: Los usuarios están motivados y dispuestos a adoptar
el nuevo sistema, lo que asegura una transición fluida.
4. Compatibilidad Organizacional
Alineación con los objetivos de la empresa: El sistema respalda los objetivos de
la panadería, respetando su identidad, tradiciones y enfoque personalizado. Esto es clave
para mantener la esencia de un negocio familiar que ha operado desde los años 70.
34
Diagramas
Casos de Usos
Un caso de uso es un concepto utilizado en el desarrollo de software, el
diseño de productos y otros ámbitos para describir la utilidad de un sistema para
realizar tareas concretas o conseguir objetivos específicos. Incluye una descripción
de las interacciones de los usuarios o agentes con el sistema para conseguir un
resultado determinado. (Wrike Team, 2025)
Apertura de Caja
Autores Administrador/Cajero (Empledo)
Descripción Permite al usuario autorizado
registrar la apertura de la caja al inicio de
la jornada.
Precondiciones El usuario debe haber iniciado
sesión y tener permisos para realizar esta
acción.
Flujo Normal 1. El sistema muestra la pantalla de
inicio de caja.
2. El usuario selecciona la opción 'Abrir
caja'.
3. Se solicita al usuario ingresar el monto
inicial en caja.
4. El usuario ingresa el monto inicial y
confirma la apertura.
5. El sistema valida la información e inicia
el registro de transacciones asociadas a la
caja abierta.
6. Se muestra una notificación
confirmando la apertura exitosa de la caja.
35
Flujo Alternativo Monto no ingresado o inválido:
4.1 El sistema muestra un mensaje de error
indicando que el monto es obligatorio o no
válido.
4.2 El usuario corrige el dato y confirma
nuevamente.
4.3 El sistema valida los datos ingresados
y procede a registrar la apertura de caja.
Post Condición Se registra en el sistema que la caja
fue abierta junto con el monto inicial
ingresado.
Cierre de Caja
Autores Administrador/Cajero
Descripción Permite registrar el cierre de caja y
generar un reporte de las transacciones del
día.
Precondiciones La caja debe estar abierta.
Flujo Normal 1. El usuario selecciona la opción
'Cerrar caja'.
2. El sistema solicita el monto total en
efectivo al usuario.
3. El usuario ingresa el monto y confirma
el cierre.
4. El sistema valida los datos e imprime un
reporte de cierre de caja.
Flujo Alternativo Monto incorrecto:
3.1 El sistema muestra un mensaje de error
si el monto ingresado no coincide con las
transacciones registradas.
36
3.2 El usuario verifica y corrige el monto
antes de confirmar.
Post Condición El sistema registra el cierre de caja
y genera un reporte de las transacciones.
Registro de Ventas
Autores Cajero
Descripción Permite al usuario registrar una
venta, actualizar el inventario y generar un
ticket de compra.
Precondiciones La caja debe estar abierta.
Flujo Normal 1. El usuario selecciona los
productos desde el catálogo.
2. El sistema calcula el total de la venta.
3. El usuario confirma la venta.
4. El sistema actualiza el inventario y
genera un ticket.
Flujo Alternativo Producto no disponible:
2.1 El sistema muestra un mensaje
indicando que el producto no tiene stock.
2.2 El usuario comunica al cliente o
selecciona otro producto.
Post Condición El sistema registra la venta, genera
el ticket y actualiza el inventario.
37
Gestión de Inventarios
Autores Administrador
Descripción Permite al administrador visualizar,
actualizar o eliminar productos del
inventario.
Precondiciones El usuario debe tener permisos de
administrador.
Flujo Normal 1. El usuario accede al módulo de
inventarios.
2. El sistema muestra una lista de
productos.
3. El usuario selecciona un producto para
modificar o eliminar.
4. El sistema guarda los cambios
realizados.
Flujo Alternativo Error al guardar cambios:
4.1 El sistema muestra un mensaje de error
si no se pueden guardar los cambios.
4.2 El usuario verifica los datos e intenta
nuevamente.
Post Condición El sistema actualiza el inventario
según los cambios realizados.
38
Cronograma de Trabajo
39
Conclusión
Por otro lado, las pruebas implementadas en el sistema permiten verificar con
precisión los comportamientos de los modelos del sistema, asegurando que las operaciones
fundamentales como crear, actualizar, eliminar registros, etc. funcionen correctamente.
Esto proporciona confianza en la integridad de los datos y facilita el mantenimiento del
sistema.
De manera general, estas prácticas elevan la calidad del sistema al hacerlo más
robusto, predecible y seguro, lo que se traduce en una menor tasa de errores, una mayor
facilidad para depurar fallos y una base sólida para futuras ampliaciones. La incorporación
40
de pruebas automatizadas también impulsa un desarrollo más ágil y confiable,
especialmente útil en entornos de producción o cuando se trabaja en equipo.
41
Bibliografía
AWS. (s.f. de s.f. de s.f.). ¿Qué son las pruebas unitarias? . Obtenido de ¿Qué son las
pruebas unitarias? : [Link]
Careaga, J. (22 de Noviembre de 2024). ¿Qué diferencias existen entre un sistema web y
un sitio web? . Obtenido de aeurus: [Link]
existen-entre-un-sistema-web-y-un-sitio-web/
Dominykas, J. (23 de Abril de 2025). ¿Qué es VS Code? Una descripción general del
popular editor de código y sus características. Obtenido de Hostinger:
[Link]
code?_x_tr_sl=en&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=tc
Fernández, E. (2 de 11 de 2020). anfix. Obtenido de ¿Qué es una factura y para qué sirve?:
[Link]
sirve
Gustavo, B. (15 de Abril de 2025). ¿Qué es HTML y para qué sirve? Guía completa con
elementos y funciones básicas. Obtenido de Hostinger:
[Link]
IBM. (s.f. de s.f. de s.f.). ¿Qué son las pruebas de software? Obtenido de ¿Qué son las
pruebas de software?: [Link]
42
Jiménez, J. D. (20 de 11 de 2019). OpenWebinars. Obtenido de Qué es Sass: ventajas,
desventajas y ejemplos de desarrollo: [Link]
ventajas-desventajas-y-ejemplos-de-desarrollo/
[Link]. (s.f. de s.f. de s.f.). ¿Qué es CSS? Lenguaje de estilos para dotar de aspecto
visual. Obtenido de Qué es CSS? Lenguaje de estilos para dotar de aspecto visual:
[Link]
PowerData. (09 de 05 de 2019). ¿Qué es un gestor de datos y para qué sirve? Obtenido de
¿Qué es un gestor de datos y para qué sirve?: [Link]
la-gestion-de-datos/que-es-un-gestor-de-datos-y-para-que-sirve
Torodov, M. (14 de Julio de 2023). cloc – Contar líneas de código en muchos lenguajes de
programación. Obtenido de Tecmint: [Link]
[Link]/cloc-count-lines-of-code-in-
linux/?_x_tr_sl=en&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=tc
43
Anexo
Además, como extra de las herramientas, hacemos uso de la librería de estilo Sweetaltert2.
“SweetAlert2, es una librería javascript que permite crear ventanas emergentes con un
diseño profesional y fácil de personalizar e implementar, es compatible con la mayoría de
los navegadores web como: Edge, Chrome, Firefox, Safari, entre otros más”Fuente
especificada no válida..
Además, para el diseño de nuestras pantallas para el sistema, hacemos uso de la herramienta
de diseño figma, teniendo cada una de las partes que ha de tener el sistema en cuestión para
hacer muestra, anterior al desarrollo del diseño del sistema.
Dashboard
44
El Dashboard del sistema de facturación e inventario de la panadería "El Carmen"
está diseñado para proporcionar una visión rápida y clara del rendimiento de las ventas y
los productos. En esta vista, se encuentran dos tarjetas principales que permiten al usuario
obtener información detallada basada en fechas específicas.
productos más vendidos durante ese período. Esto ayuda a identificar los
selector de fecha que permite filtrar los datos de ventas por día.
45
representar claramente los datos, facilitando el análisis del rendimiento
Nueva Factura
1. Teclado Numérico
2. Buscador de Productos
46
• Columnas:
desea comprar.
4. Buscador de Cliente
47
Registro de facturas
1. Seleccionadores de Fechas
• Opciones:
48
3. Tabla de Facturas
Columnas:
• Detalles: Incluye un icono de ojo. Al hacer clic en este icono, se muestra una
ventana emergente o una nueva vista con los detalles completos de la factura,
factura
Mostrar Productos
49
La vista de Mostrar Productos en el sistema de facturación e inventario de la
panadería "El Carmen" está diseñada para proporcionar una visión completa y detallada
del inventario de productos. Esta vista incluye las siguientes funcionalidades y elementos:
1. Tabla de Productos
o Columnas:
2. Buscador de Productos
50
o Funcionalidad: Permite agregar nuevos productos al inventario. Al hacer clic en
venta.
Mostrar clientes
1. Tabla de Clientes
• Columnas:
51
o Teléfono: Muestra el número de teléfono del cliente, permitiendo una
necesaria del nuevo cliente, como nombre, apellido y número de teléfono del
cliente.
Mostrar Empleados.
52
La vista de Mostrar Empleados en el sistema de facturación e inventario de la
panadería "El Carmen" está diseñada para proporcionar una visión completa y detallada de
los empleados registrados. Esta vista incluye las siguientes funcionalidades y elementos:
1. Tabla de Empleados
o Columnas:
2. Buscador de Empleados
53
nuevo empleado, como nombre, apellido, número de teléfono y rol del nuevo empleado
que se desea agregar.
o Actualizar Imagen del Perfil: Una vez seleccionada la nueva imagen, este botón
54
o Formulario de Actualización de Credenciales: Situado en la parte inferior
actual
o Botón de Actualizar Credenciales: Una vez completados todos los campos, este
Esta vista de Cambiar Foto de Perfil proporciona una manera sencilla y segura
para que los empleados de la panadería "El Carmen" mantengan su perfil y credenciales
actualizados, mejorando así la seguridad y personalización de su experiencia en el sistema.
55
Usuarios
56
Entorno de trabajo para la creación del sistema de la panadería
Tests:
57
Aplicación de Principios de Diseño:
58
Ejemplo de repositorio con clientes:
La fuente de datos en nuestro sistema se aisla para cumplir con el principio de
inversión de dependencias y separación de responsabilidades teniendo una arquitectura
limpia.
59
Vista para clientes:
Y al final un archivo de [Link] solo renderiza las vistas listas para el front:
60
61