Facultad de Ingeniería

Carrera Profesional de Ingeniería

de Sistemas e Informática

SISTEMA WEB PARA EL

PROCESO DE GESTIÓN DE
INVENTARIO EN LA EMPRESA
FRUTAS FRESCAS DEL AÑO
2023
Alumnos:
Gamarra Mendez Bartolomé
Garay Gala Alexis

Lima - Perú
2023
 ÍNDICE

CAPÍTULO I

1. Reseña Histórica………………………..………………………………………………….5
1.1 Realidad problemática.............................................................................................5
1.2 Misión y visión……………………………………………………………………………..5
1.3. Definición de objetos……………………………………………………………………..5
1.3.1 Objetivo general........................................................................................5
1.3.2 Objetivos específicos ...............................................................................6
1.4 Hipótesis………………………..…………………………………………………………..6
1.4.1 General……………………………………………………………………........6
1.4.2 Específicos……………………………………………………………………..6
1.5 Antecedentes………………………………………………………………………………6
1.5.1 Nacionales……………………………………………………………………...6-7
1.5.2 Internacionales………………………………………………………………...7
1.6 Justificaiones............................................................................................................7
1.6.1 Justificación teórica……………………………………………………………7
1.6.2 Justificación metodológica……………………………………………………7
1.6.3 Justificación práctica…………………………………………………………..7
1.6.4 Justificación por conveniencia………………………………………………..7
1.6.5 Justificación social……………………………………………………………..7
1.6.6 Justificación económica……………………………………………………….7
1.6.7 Justificación técnica……………………………………………………………7
1.6.8 Justificación doctrinal………………………………………………………….7
1.7. Alcances.…………………………………………………………………………………..8
1.8. Limitaciones..……………………………………………………………………………...8
1.9. Causas.…………………………………………………………………………………….8
1.10 Consecuencias........................................................................................................8-9
1.11 Valores....................................................................................................................9
1.12 Estado de arte.........................................................................................................9-10
1.13 Geolocalización.......................................................................................................10

CAPÍTULO II
2.1. Lenguajes de Programación...................................................................................11
2.1.1. Python.....................................................................................................11
2.1.2. Java.........................................................................................................11
2.1.3. Javascript.................................................................................................11
2.1.4. C++..........................................................................................................11
2.2. Base de Datos.........................................................................................................12
2.2.1. Mysql.......................................................................................................12
2.2.2. MongoDB................................................................................................12
2.2.3. Oracle Database...............,.....................................................................12
2.2.4. Neo4j.......................................................................................................12
2.3. Sistemas Operativos...............................................................................................12-13
2.3.1. Windows 10.............................................................................................13
2.3.2. macOS Catalina.......................................................................................13
2.3.3. Linux(Ubuntu)..........................................................................................13
2.3.4. iOS...........................................................................................................13
2.4. Lenguajes de Diseño...............................................................................................13-14
2.4.1. HTML(HyperText Markup Lenguaje).......................................................14
2.4.2. CSS (Cascading Style Sheets)................................................................14
 2.4.3. XML (eXtensible Markup Language)..............................................................14
2.4.4. SVG (Scalable Vector Graphics)....................................................................14
2.5. Framework.........................................................................................................15
2.5.1.- Bootstrap………………………………………………………..…………………15
2.5.2.- React Native……………………………………………………………………….15
2.5.3.- Vue.js……………………………………………………………………………….15
2.5.4.- Spring Boot…………………………………………………………………..........15

CAPÍTULO III
3.- Diseño de sistema
3.1.- Diagrama de casos de uso…………………………………………………………34
3.2.- Diagrama de secuencia de flujo……………………………………………………34
3.2.1.- Registro de productos……………………………………………………34
3.2.2- Registro de proveedores…………………………………………………35
3.2.3.- Registro para la creación de código de barras para los productos…35
3.2.4.- Agregar categoría………………………………………………………...35
3.2.5.- Agregar usuarios………………………………………………………….36
3.2.6.- Registro para el proceso de venta………………………………………36
3.2.- Diagrama de secuencia………………………………………………………………36
3.2.1.- Registro de productos…………………………………………………….37
3.2.2- Registro de proveedores………………………………………………….37
3.2.3.- Registro para la creación de código de barras para los productos….38
3.2.4.- Agregar categoría…………………………………………………………38
3.2.5.- Agregar usuarios………………………………………………………….38
3.2.6.- Registro para el proceso de venta………………………………………39
3.2.- Diagrama de comunicación………………………………………………………….39
3.2.1.- Registro de productos…………………………………………………….39
3.2.2- Registro de proveedores………………………………………………….40
3.2.3.- Registro para la creación de código de barras para los productos….40

CAPÍTULO IV
4.- Contenido del proyecto……………………………………………………………………………42
4.1 Código fuente…………………………………………………………………………….43

CAPÍTULO V
5.-Resultados…………………………………………………………………………………………...45

Conclusiones
Recomendaciones
Anexo
Referencias bibliograficas
 ÍNDICE DE FIGURAS

Figura 01. Interfaz de control de stock…………………………………………………………...18

Figura 02. Interfaz de venta de productos………………………………………………………..18

Figura 03. Interfaz de buscar productos………………………………………………………….19

Figura 04. Interfaz de ayuda y datos……………………………………………………………...19

Figura 05. Interfaz de registro y login con cuentas………………………………………………20

Figura 06. Interfaz de filtrado de productos………………………………………………………20

Figura 07. Localización de la tienda Frutas Frescas…………………………………………….21

Figura 08. Diagrama de casos de uso……………………………………………………………34

Figura 09. Diagrama de secuencia de flujos de Registro de productos. …………………….34

Figura 10. Diagrama de secuencia de flujos de Registro de proveedores…………………..34

Figura 11. Diagrama de secuencia de flujos de Creación de código para los productos…..35

Figura 12. Diagrama de secuencia de flujos de Agregar categorías…………..……………..35

Figura 13. Diagrama de secuencia de flujos de Agregar usuarios…………………………...35

Figura 14. Diagrama de secuencia de flujos de Proceso de ventas…………………………36

Figura 15. Diagrama de secuencia de Registro de productos…………………………………36

Figura 16. Diagrama de secuencia de Registro de proveedores………………………………36

Figura 17. Diagrama de secuencia de Registro de código de barras para los productos…..37

Figura 18. Diagrama de secuencia de Agregar categorías……………………………………..37

Figura 19. Diagrama de secuencia de Agregar usuarios……………………………………….38

Figura 20. Diagrama de secuencia de Proceso de venta………………………………………38

Figura 21. Diagrama de comunicación de Registro de productos…………………………….39

Figura 22. Diagrama de comunicación de Registro de proveedores………………………….39

Figura 23. Diagrama de comunicación de registro para la creación del código de barras….40

Figura 24. Código fuente para agregar productos……………………………………………….43

Figura 25. Código fuente para agregar proveedores…………………………………………….43

Figura 26 Código fuente para crear código de barras…………………………………………...44

CAPÍTULO I
1.- RESEÑA HISTÓRICA

En la tienda Frutas Frescas, que se dedica a la venta de frutas, está diariamente

tiene el inconveniente a la hora de registrar y buscar la cantidad de frutas que entra a
la tienda, así mismo están expuestos a dañar o perder dicho registro ya que este se
realiza en un cuadernillo, considerando que la clientela atendida a diario va en un
aumento significante y ya que, actualmente el registro de los productos se
documente en fólderes que están guardados en la casa de la dueña. Esto también
dificulta la labor de los empleados ya que, al no tener la información al alcance, esto
ocasiona un desconocimiento sobre el stock de las frutas que hay disponible y que
están a punto de perecer.

1.1.- REALIDAD PROBLEMÁTICA

En el área de almacén al recibir un nuevo producto, se revisa los cuadernillos de

registro que tienen ordenados de forma alfabética y se verifica si hay stock de este
producto. Si no hay stock de esta fruta, será registrado en una nueva hoja de
cuaderno se le generará una tabla como un historial de venta, la que será archivada
en un folder donde se irán agregando otras hojas con tablas de la venta por día.
Actualmente, cuando se obtiene información del producto en cuestión se hace la
búsqueda manual, hoja por hoja, ocasionando mucha espera al proveedor o al
traspasar los documentos. Además, al registrar un nuevo producto se debe ingresar
un formato de tabla de venta, el cual será archivado en forma alfabética junto a las
demás tablas de otros productos, lo que genera un retraso al momento de organizar
o movilizar estos documentos.

1.2.- MISIÓN Y VISIÓN

1.2.1.- MISIÓN:

Nuestra misión en Frutas Frescas es proporcionar a nuestros clientes frutas de la

más alta calidad, frescas y deliciosas, para promover un estilo de vida saludable. Nos
comprometemos a ofrecer un servicio excepcional y a mantener estándares de
 higiene y seguridad rigurosos en cada etapa de la cadena de suministro. Nuestro
objetivo es convertirnos en la elección preferida de los amantes de las frutas,
brindando productos frescos y un servicio personalizado que supere las expectativas
de nuestros clientes todos los días.

1.2.2.- VISIÓN:

Nuestra visión en Frutas Frescas es ser reconocidos como líderes en la venta de

frutas frescas y saludables en nuestra comunidad. Nos esforzamos por innovar
constantemente en la gestión de inventario y la atención al cliente, y aspiramos a
expandirnos y abrir nuevas sucursales para llevar la frescura de nuestras frutas a un
público más amplio. Queremos ser un referente en calidad y servicio, contribuyendo
así a un mundo más saludable y consciente de la importancia de una alimentación
equilibrada y nutritiva.

1.3. DEFINICIÓN DE OBJETIVOS:

● 1.3.1 OBJETIVO GENERAL:

Diseñar un sistema web para registrar todos los datos de los productos que son
ingresados a los almacenes de la empresa, además llevar de forma organizada la
información de cada producto, así mismo, tener una búsqueda rápida de los productos
de acorde a las características solicitadas (Nombre, tipo de fruta).

● 1.3.2 OBJETIVOS ESPECÍFICOS :

Contar con un formulario de registro de datos de los productos, con toda la información
detallada de estos.

Desarrollar un sistema que permita la realizar la búsqueda de cualquier producto del

almacén, según sea requerido por los colaboradores.

Mantener la información de los productos de forma organizada mediante tablas.

Poder brindar a los empleados y administradores de la empresa todos los datos de

cada producto, donde se pueda visualizar el stock y estado del producto.

Reducir los tiempos de espera de los empleados en la obtención de información del

stock.

Reducir las pérdidas por los productos perecederos al garantizar que se vendan antes
de su fecha de vencimiento.
 1.4 HIPÓTESIS

● 1.4.1 GENERAL:

La creación de un sistema de registro y gestión digital de inventario en la tienda Frutas

Frescas mejorará la eficiencia en el seguimiento de las existencias de frutas, reducirá
la pérdida de registros y facilitará la toma de decisiones sobre la gestión de productos
perecederos.

● 1.4.2 ESPECÍFICOS:

La implementación de un sistema de registro y gestión digital reducirá el tiempo

necesario para buscar y verificar el stock de productos en comparación con el sistema
manual.

La adopción de un sistema de registro digital mejorará la precisión en el seguimiento

de las existencias de frutas en la tienda Frutas Frescas en comparación con el sistema
actual en papel.

La introducción de un sistema de registro y seguimiento digital disminuirá la

probabilidad de pérdida de registros en comparación con la documentación en
cuadernillos físicos.

Los empleados de la tienda experimentarán un aumento en la eficiencia en la gestión

de productos y una disminución de la incertidumbre sobre las existencias de frutas a
punto de perecer con la implementación del sistema digital.

La adopción de un sistema de registro digital simplificará el proceso de generación y

archivado de tablas de historial de ventas en comparación con el método manual en
papel.

La capacitación efectiva del personal en el uso del sistema se traducirá en una

reducción en los errores de entrada de datos.

1.5 ANTECEDENTES

1.5.1 NACIONALES:

"TU MERCADO PERÚ"

La implementación de una página web de TU MERCADO PERÚ. Se creó para la venta
de frutas, tubérculos, hierbas, hojas, hortalizas y legumbres, ajíes y especias.
Incluyendo una amplia gama de funcionalidades, incluyendo una sección de productos
adaptados a cada gusto de los clientes y necesidades, herramientas de
recomendación de productos y un sistema de pedido online con entrega a domicilio.
Este sitio web también cuenta con una plataforma de rastrear pedido donde los
clientes pueden ver de manera online y en directo por donde está su pedido. TU
MERCADO PERÚ es una empresa de venta de productos perecibles con sede en Perú
que se especializa en la venta de todo tipos de frutas, verduras y hierbas.

“Análisis y diseño de un sistema e-commerce para la gestión de ventas:

Caso empresa Word of Cakes”

“La presente tesis muestra el desarrollo del análisis, diseño y propuesta de

implementación de un sistema e-commerce para la gestión de ventas, de esta
manera ayudará a la empresa a organizar, controlar y administrar los
productos y las ventas, mejorando la interacción con los clientes generando un
aumento de ventas”(Saavedra, A.(2016))

“Proyecto fruit pulp, aplicación para la venta de pulpa de fruta a

domicilio”

En la actualidad, las compras de productos a través de páginas web,

aplicaciones móviles y redes sociales están experimentando un crecimiento
significativo en comparación con otros canales. Esto se debe a una serie de
ventajas, como la disponibilidad de tiendas en línea las 24 horas del día y la
conveniencia de las entregas a domicilio. Además, estas plataformas agilizan y
simplifican las transacciones, a menudo ofreciendo promociones exclusivas y
descuentos a los usuarios. Como resultado de encuestas realizadas entre una
muestra de 396 personas, se encontró que un 67% de ellos prefiere adquirir
frutas frescas de esta manera, y un 79% compra alimentos utilizando
aplicaciones móviles. Estos hallazgos nos brindan la oportunidad de llevar a
cabo un análisis más detallado de este segmento de consumidores, con el
objetivo de presentar nuestro producto y lograr su aceptación en este mercado
en crecimiento.” (Armas, R. Castañeda, C. Domenak, J. Rojas, J. Sulca, L.
(2020))

“Dely Fruit, servicio de delivery de frutas orgánicas”

 “Dely Fruit, un servicio de delivery de frutas orgánicas vendidos a través de
una tienda física en San Borja y por medios digitales (Web-App), inicialmente
dirigido para las personas de NSE A y B, de la zona 7 de lima metropolitana
que demandan su consumo por una alimentación más saludable y nutritiva, a
la vez que generan ahorro de tiempo. Bajo esta propuesta, se ingresará al
mercado para marcar una diferenciación y reducir a los
competidores.”( Bertran de Armero, A. Dioses, B. Sanchez, V.(2019))

“Frutería Hugo y Elena, desarrollo de un sistema web para la mejor de la

comercialización”

“Mediante la plataforma web, se logra una optimización significativa en los

tiempos y un mayor control en los procedimientos relacionados con la atención
a los clientes en la frutería "Hugo y Elena". Esto se debe a que todas las
consultas sobre la disponibilidad de productos y sus precios están ahora
digitalizadas, eliminando la necesidad de que los empleados de la empresa
gasten tiempo verificando manualmente el inventario o la existencia de
productos tanto dentro como fuera de las instalaciones.”(Velriano L. y Lucas
Katherin(2019))
“Implementación de un Sistema de Información con Tecnología .Net para
mejorar el Proceso de Ventas de la Empresa Amazonas Coffee Friends
S.A.C.”
“Después de la implementación del sistema de información basado en
tecnología .Net, se logró una notable disminución en el tiempo necesario para
proporcionar la información de los productos solicitados. Esto contrasta con el
período anterior a la implementación del sistema, en el cual se observaba un
tiempo considerablemente más largo para la entrega de dicha
información.”(Alarcon, J(2022))

1.5.2 INTERNACIONALES:

● "PLAZ, app de venta de frutas y verduras"

"Estamos cambiando la forma de comprar las frutas y abastecer a nuestros clientes.

Tenemos la mayor variedad y calidad en el mercado. Nos convertimos en expertos en la
selección de frutas y verduras, además de ser confiables y mantener precios justos”, dice
Juan Pablo Pineda Azuero, de PLAZ, una compañía de base tecnológica que está buscando
hacer más eficiente la cadena y que, en últimas, todos salgan ganando." (Pineda, J. P.
(2022))
● "Grou, plataforma web para la compra de frutas y verduras por mayor"

Grou utiliza una plataforma web para conectar de manera más directa a pequeños
productores con compradores, logrando asegurar la calidad y frescura de los alimentos que
llegan a sus clientes (restaurantes). Por ello, Grou ha desarrollado un sistema de predicción
de demanda que le permite anticipar los pedidos de sus clientes y de esta manera alistar sus
productos con la maduración, tamaño y color que el restaurante busca.

● ”Agrojusto, la revelación: de la tierra al mercado”

“Agrojusto es una empresa emergente que se esfuerza por establecer vínculos directos entre
agricultores locales y cooperativas con consumidores, reduciendo así los gastos asociados a
intermediarios. Su plataforma permite a los agricultores establecer sus propias tiendas en
línea para vender sus productos directamente, además de facilitar la gestión de entregas a
domicilio y la incorporación de diferentes métodos de pago. ”(Espejo, S.(2021))

● “Fruvii, la app que lo conecta con la agricultura colombiana en el aislamiento”

“La aplicación presenta una interfaz simple y colorida que incorpora todos los elementos
típicos de un comercio electrónico convencional. Después de seleccionar los productos, en
un plazo de aproximadamente un día (de 24 a 48 horas), los productos agrícolas, como
frutas y verduras, son entregados en la puerta de su hogar. A diferencia de otras aplicaciones
de entrega a domicilio, Fruvii mantiene una comunicación directa con los agricultores y actúa
como el único intermediario entre las zonas rurales y los consumidores finales. La empresa
recolecta los productos directamente de las explotaciones agrícolas y los lleva a sus centros
de distribución en la ciudad.”(Orjuela Torres,J. (2020))

“Waruwa, el emprendimiento que quiere fortalecer a los pequeños productores en

Colombi”

“Esta aplicación fue desarrollada con el objetivo de ofrecer a los clientes que buscan frutas y
verduras una amplia gama de opciones en términos de calidad y precios en tiempo real. Para
utilizarla, los usuarios visitan el sitio web de Waruwa, se registran y confirman su pedido, con
la promesa de recibirlo en un plazo de 24 horas. Para los agricultores, el proceso es similar,
con la diferencia de que se les realiza una visita en sus fincas. El trabajo realizado por estos
individuos ha abordado uno de los principales desafíos que enfrentan los agricultores
pequeños en Colombia: la intermediación. Según Rodríguez, la plataforma ha logrado reducir
los precios de los productores hasta en un 30% en comparación con las comercializadoras
tradicionales, lo que permite a los agricultores ofrecer precios más competitivos a sus
clientes finales. Además, les brinda acceso a una red logística que conecta las zonas de
producción con socios transportistas que llevan sus productos a los negocios de los
compradores.”(Semana(2019))
 “Trapi, la plataforma que busca democratizar el precio de frutas y verduras”

“La confianza y el conocimiento mutuo son los elementos clave en la relación con los
proveedores. Los agricultores pueden establecer contacto directo con ellos o localizarlos a
través de su plataforma en línea, pero también realizan este proceso en persona, en el
terreno.”(Cifuentes Fuentes, M.(2022))

1.6.- JUSTIFICACIÓN

1.6.1.- Justificación Teórica:

La justificación teórica para este proyecto se basa en la necesidad de aplicar

principios de organización y eficiencia en la gestión de productos, específicamente
frutas. Se fundamenta en teorías de gestión de inventario y organización de datos.
La teoría subyacente sostiene que un sistema de registro bien organizado y
estructurado puede mejorar la eficiencia operativa y facilitar la toma de decisiones.
La justificación teórica respalda la idea de que un sistema web de registro ayudará
a los colaboradores y administradores a gestionar la información de productos de
manera más efectiva.

Las importantes innovaciones tecnológicas en los procesos de fabricación, el

aumento de la productividad y la mejor de la gestión y el control de las actividades
económicas debido a la globalización, lo que conduce a la modernización de los
modelos de gestión. Por lo tanto, desde una perspectiva gerencial, las
organizaciones buscan estrategias para maximizar los beneficios económicos,
resaltar ventajas competitivas, crear valor y fortalecer sus recursos financiero. Las
tecnologías de la información y la comunicación están experimentando actualmente
importantes cambios, que están modificando claramente la esfera administrativa y
económica (Garrrido & Cejas, 2017)

1.6.2.- Justificación Metodológica:

La justificación metodológica se relaciona con la elección de métodos y enfoques

específicos para implementar el sistema web. Esto incluye la adopción de un
enfoque basado en formularios para la entrada de datos, la organización
estructurada de la información de productos y la implementación de opciones de
búsqueda. La metodología se basa en prácticas recomendadas de desarrollo web y
diseño de bases de datos que se han demostrado efectivas para proyectos
similares. La elección de estos métodos y enfoques se justifica por su capacidad
para lograr los objetivos del proyecto de manera eficiente y efectiva.

Implica describir la razón de utilizar la metodología planteada. Es indispensable que

se resalte la importancia de usar la metodología. Así, por ejemplo, se explica que
 para determinar los factores de emprendimiento internacional se realizará un grupo
focal de modo que pueda conocerse a fondo las razones que tienen los recién
graduados. Se debe hacer énfasis explicando las ventajas de utilizar el grupo focal
en comparación con otras metodologías. (Alvarez, A(2020))

1.6.3.- Justificación Práctica:

La justificación práctica del proyecto se basa en la necesidad real de gestionar

productos de manera eficiente en un entorno laboral. Se reconoce que la falta de un
sistema adecuado puede llevar a problemas de organización, retrasos y dificultades
en la búsqueda de información. La implementación de un sistema web práctico
permitirá a los colaboradores ingresar datos de productos de manera rápida y
sencilla, mientras que los administradores podrán acceder y administrar la
información de manera eficiente. Esto se traducirá en una mejora práctica en la
productividad y la toma de decisiones dentro de la organización.

Implica describir de qué modo los resultados de la investigación servirán para

cambiar la realidad del ámbito de estudio. Así, un estudio enfocado en evaluar la
aceptación de las nuevas tecnologías en el campo de la logística servirá a las
empresas proveedoras de estos servicios para saber qué posibilidades tienen de
ofertar sus productos y servicios; asimismo, la investigación podría proporcionar
algunas necesidades específicas por parte de las empresas. (Alvarez, A(2020))

1.16.4.- Justificación por conveniencia:

La implementación de un sistema web de registro de productos se justifica por

conveniencia debido a la necesidad de mejorar significativamente la eficiencia y la
comodidad en la gestión de información relacionada con los productos,
específicamente frutas, en nuestro entorno laboral. Este proyecto es conveniente
en varios aspectos clave. Primero, facilita la entrada de datos al permitir que los
colaboradores ingresen rápidamente los detalles del producto a través de un
formulario en línea. Esto elimina la necesidad de registros manuales propensos a
errores y retrasos. Además, el sistema garantiza que los administradores tengan
acceso prioritario y completo a la información de los productos. Pueden agregar,
editar o eliminar productos de manera eficiente, lo que les permite tomar decisiones
informadas en tiempo real.

Mencionan que una investigación debe justificar para qué sirve, en otras palabras:
su utilidad; si bien es cierto estos autores no amplían este concepto, se puede
inferir que una investigación podrá justificarse al explicar que se realiza para
alcanzar un requisito para obtener un grado académico o renombre en el campo de
la ciencia.(Salinas, C(2009))
1.16.5.- Justificación social:

La justificación social para la implementación de un sistema web de registro

de productos se centra en los beneficios que aporta a la comunidad laboral
en su conjunto. Este proyecto no solo trata de mejorar la eficiencia interna,
sino también de promover un ambiente de trabajo más colaborativo y
efectivo. La introducción de un sistema que facilite la gestión de información
de productos, como frutas, tiene un impacto social positivo al reducir la
carga de trabajo y la frustración de los colaboradores. La entrada de datos
simplificada y el acceso rápido a la información mejoran la satisfacción
laboral y reducen el estrés. Además, al brindar a los administradores las
herramientas para tomar decisiones más informadas, el sistema fomenta
una toma de decisiones más acertada y eficaz que beneficia a toda la
organización. Esto contribuye a un ambiente laboral más armonioso y a una
mayor productividad.

Un estudio puede ayudar a resolver problemas que afectan a un grupo

social, ayudando (por ejemplo) al empoderamiento de grupos vulnerables o
al estudio de métodos que ayuden a la alfabetización de grupos de
personas. (Villagomes, A(2014))

1.16.6.- Justificación económica:

La justificación económica de este proyecto se basa en la eficiencia y el

ahorro de recursos. Al simplificar la gestión de productos a través de un
sistema web, se reducen los costos asociados con errores humanos y la
duplicación de esfuerzos. Además, al agilizar la toma de decisiones, los
administradores pueden optimizar la gestión de inventario y reducir el
desperdicio de productos perecederos. Este enfoque eficiente no solo
ahorra tiempo, sino también recursos financieros. En última instancia, la
implementación del sistema web de registro de productos conlleva un
retorno de inversión positivo al mejorar la eficiencia operativa y reducir
costos innecesarios.

Hace alusión a la rentabilidad de la investigación. Esto puede interpretarse

en que algunas investigaciones de carácter práctico están orientadas a que
algún producto derivado de la misma pueda ser comercializable o ayude a
incrementar las ganancias de una empresa.(Tamayo, T(1999))
 1.16.7.- Justificación técnica:

La justificación técnica de este proyecto se basa en la necesidad de implementar un

sistema web para gestionar productos de manera eficiente. La elección de un
enfoque tecnológico se justifica por la capacidad de proporcionar un formulario de
entrada de datos estructurado y la organización de información de productos de
manera ordenada. Además, la implementación de opciones de búsqueda por tipo
de fruta o nombre de fruta requiere un enfoque tecnológico para agilizar el acceso a
la información. En resumen, la justificación técnica se basa en la capacidad de la
tecnología para mejorar la eficiencia en la gestión de productos y la accesibilidad de
la información.

1.16.8.- Justificación doctrinal:

La creación de un sistema web destinado a la gestión detallada de

productos, en particular frutas, es esencial. Este proyecto se basa en
principios clave: eficiencia, organización, acceso simplificado y reducción de
errores. Al emplear un formulario para ingresar datos y características del
producto, se optimiza la organización de la información. Los
administradores pueden agregar, editar y eliminar productos con facilidad,
mejorando la administración. La búsqueda de productos se agiliza mediante
opciones de filtro, lo que beneficia a los empleados y evita retrasos. En
resumen, este proyecto se justifica plenamente por su capacidad para
mejorar la eficiencia, la precisión y la gestión de inventario en el contexto
empresarial.

1.7.- ALCANCES:

● Optimizará el proceso de registro de los productos

● La aplicación contará con asistencia técnica
● Programado en HTML, PHP y Java
● Permitirá almacenar las datos en tablas
● Permitirá la creación de nuevos usuarios
● Mejorará la búsqueda de productos

1.8.- LIMITACIONES:

● Dirigido solo para empresas que se dedican a la venta de frutas al por mayor.
● El sistema se hará en una plataforma web, por ende es un limitante para los que no cuentan
con una conexión a internet.
 ● El sistema requerirá hardware y software actualizados para funcionar correctamente, lo que
podría generar gastos adicionales.
● El sistema necesitará mantenimiento continuo para asegurar su funcionamiento eficiente, lo
que también requerirá recursos adicionales.
● Como con cualquier sistema informático, pueden surgir problemas técnicos, lo que podría
afectar la disponibilidad y la eficiencia del sistema en ciertos momentos.
● El personal existente puede mostrar resistencia al cambio, lo que podría ralentizar la
adopción del sistema y requerir esfuerzos adicionales para la gestión del cambio.

1.9.- CAUSA:

● El aumento significativo en el número de clientes atendidos diariamente y el crecimiento del

negocio de Frutas Frescas ha generado la necesidad de mejorar la eficiencia en la gestión de
inventario y la toma de decisiones relacionadas con los productos perecederos.
● Excesos de Inventario o Faltantes Frecuentes ,la empresa enfrenta problemas de exceso de
inventario (lo cual puede llevar a obsolescencia o costos innecesarios) o a menudo se
quedan sin productos necesarios, un sistema web puede ayudar a optimizar los niveles de
inventario
● Desafíos en la Toma de Decisiones: la empresa enfrenta dificultades para determinar cuándo
y cuánto comprar, reponer o retirar del inventario, un sistema web puede proporcionar
herramientas analíticas y de pronóstico para tomar decisiones más informadas.
● Ineficiencia en la Gestión Actual: la empresa experimenta dificultades en mantener un control
efectivo de su inventario, como pérdida de productos, errores en los registros o dificultades
para identificar el nivel de existencias, puede ser una señal clara de que se necesita un
sistema más avanzado
● Crecimiento de la Empresa: la empresa está experimentando un crecimiento rápido, un
sistema web escalable puede ayudar a manejar un mayor volumen de inventario y a
mantener un control efectivo de las existencias.
● Necesidad de Mejorar el Servicio al Cliente: la empresa busca mejorar la satisfacción del
cliente al garantizar la disponibilidad de productos cuando se necesita, un sistema web
puede optimizar los procesos de pedido y entrega.

1.10.- CONSECUENCIAS:

● Mejora en la Eficiencia Operativa: La implementación del sistema de registro y gestión digital

permitirá a la tienda agilizar la búsqueda y verificación de existencias de productos,
reduciendo así el tiempo dedicado a estas tareas. Esto podría llevar a una mejora general en
la eficiencia operativa de la tienda.
● Reducción de Pérdidas de Productos Perecederos: Al tener un mejor control sobre las
existencias de productos perecederos, Frutas Frescas podría reducir las pérdidas debido a la
expiración de productos, lo que resultaría en ahorros significativos.
 ● Toma de Decisiones más Informadas: El acceso rápido a la información sobre el inventario
permitirá a la dirección y al personal tomar decisiones más informadas sobre qué productos
comprar, cuánto stock mantener y cuándo ofrecer descuentos para evitar desperdicios.
● Reducción de la Dependencia de Registros en Papel: La transición hacia un sistema digital
reducirá la dependencia de registros en papel y minimizará el riesgo de pérdida de datos
críticos.
● Potencial para la Expansión del Negocio: Al optimizar la gestión de inventario y mejorar la
eficiencia, Frutas Frescas podría estar mejor preparada para expandir su negocio o abrir
nuevas sucursales en el futuro.
● Seguimiento Preciso: Permite un control detallado de las entradas y salidas de inventario, así
como de los movimientos de los usuarios.

1.11.- VALORES:

Calidad: Compromiso con la calidad en la selección de frutas, el servicio al cliente y la

implementación del sistema digital para garantizar la satisfacción de los clientes y la eficiencia
operativa.

Integridad: Actuar de manera ética y transparente en todas las interacciones y decisiones

relacionadas con el proyecto.

Innovación: Abrazar la innovación tecnológica y buscar constantemente formas más eficientes y

efectivas de gestionar el negocio y satisfacer las necesidades de los clientes.

Colaboración: Fomentar un ambiente de trabajo colaborativo en el que los empleados puedan

contribuir con ideas y trabajar juntos para lograr los objetivos del proyecto.

Sostenibilidad: Compromiso con prácticas sostenibles en la gestión de inventario y en la

elección de proveedores de frutas frescas, promoviendo así la responsabilidad ambiental.

Mejora Continua: Buscar siempre la mejora continua en todos los aspectos del negocio,
incluyendo la gestión de inventario y la experiencia del cliente.

1.12.- ESTADO DEL ARTE:

Punto de venta para Frutería

Este sistema te permite controlar el stock de una manera fácil y rápida pudiéndose
hacer desde celular, Tablet o computadora. Sigue en tiempo real todas las ventas
realizadas por los clientes, los movimientos de tu stock y la cantidad disponible de
cada producto.
 Figura 1 Interfaz de control de stock

Fuente: Punto de venta para Fruteria(2023)

COMFRUTI

Este sistema web muestra de forma ordenada e informativa los productos que se
encuentran en stock, mostrando diferentes tipos de productos que ofrece esta
empresa y también la opción de venta de una manera rápida.

Figura 2 Interfaz de venta de productos

Fuente: Comfruti(2023)

FRUTOS SECOS PERÚ

El siguiente sistema se diferencia principalmente por la interfaz intuitiva y fácil de

utilizar por el cliente el cual no requiere registrarte para realizar una compra o ver los
precios, sino tiene un panel desplegable en cual muestra y se puede filtrar por tipo
de producto, orden alfabético, tipos de precios y por su popularidad lo cual ayuda a
encontrar el producto deseado , por otro lado podemos resaltar la opción de compra
directa ,se agrega un producto al carrito para luego finalizar la compra.

Figura 3 Interfaz de buscar productos

Fuente: Frutos secos(2023)

MERCADO DE LAS ESPECIAS

Con respecto a la siguiente empresa cuenta con una interfaz de ayuda en comprar la
cuando te facilita cualquier problema al cliente que no cuente experiencia en compra
vía web, ubicación de tiendas más cercanas y un panel de búsqueda intuitivo el cual
nos ayuda a encontrar lo que buscamos con más comprados.

Figura 4 Interfaz de ayuda y datos.

Fuente: Mercado de las Especias(2023)

CAMPO GRANDE PERÚ

Con respecto a esta empresa podemos resaltar principalmente que si bien cuenta con una
opción de login para poder registrarse y tener un control de los pedidos realizados y opciones
de pago cuenta con un menú sencillo de registro el cual es con facebook o cuenta google o
yahoo los cuales los tenemos en su mayoría registrados en nuestro navegador así que no
tendríamos que rellenar ningún campo para poder realizar este proceso que muchas veces
no es tan cómodo realizar.
 Figura 5 Interfaz de registro y login con cuentas.

Fuente: Campo grande Perú(2023)

NUTANDME

NUTANDME cuenta con una interfaz de filtrado de productos y recetas personalizadas la

cual puede elegir entre el tipo de producto , que es lo que desear lograr , pérdida de peso o
aumento muscular siendo esta opción una fuente llamativa para el desarrollo de la misma

Figura 6 Interfaz de filtrado de productos.

Fuente: Nutandme(2023)

1.13 GEOLOCALIZACIÓN:

La empresa Frutas Frescas tiene su sede en el mercado más concurrido del cono norte, en el
distrito de Puente Piedra. Está ubicado entre otros distritos como Comas, Los Olivos, Ancón,
Ventanilla y Carabayllo, lo que hace que llegue a más personas.
Figura 7. Localización de la tienda Frutas Frescas.

Fuente: Google Maps(2023)

 CAPÍTULO II

2.1.-Lenguajes de programación:

● 2.1.1.- Python:

“Python es un lenguaje de programación muy versátil y ampliamente

compatible con diversas arquitecturas de sistemas. Su aplicabilidad abarca
numerosos campos, desde el desarrollo web hasta la inteligencia artificial, lo
que lo convierte en una opción popular. Además, su facilidad de aprendizaje lo
hace especialmente adecuado para aquellos que están comenzando en la
programación, lo que contribuye a su alta popularidad en la comunidad de
desarrolladores.”(Reina, W.(2023))

Propio: Python es un lenguaje de programación de alto nivel, de código abierto

y fácil de aprender que se ha convertido en uno de los lenguajes más
populares en todo el mundo. Su sintaxis clara y legible, junto con una amplia
biblioteca estándar, lo hacen adecuado para una variedad de aplicaciones,
desde desarrollo web y análisis de datos hasta inteligencia artificial y
aprendizaje automático. Python es conocido por su comunidad activa y su
abundante oferta de bibliotecas y marcos de trabajo, como Django y Flask para
desarrollo web, y TensorFlow y PyTorch para el aprendizaje automático.
● 2.1.2.- JavaScript:

“JavaScript es un lenguaje de programación muy usado para agregar

interactividad y contenido dinámico a las páginas web, como formularios,
galerías de fotos y gráficos animados. Es conocido por ser accesible y
amigable para los principiantes, lo que lo convierte en una opción sólida para
aquellos que desean adentrarse en el desarrollo web”.(Kinsta (2023))

JavaScript es un lenguaje de programación de alto nivel ampliamente utilizado

para el desarrollo web. Es esencial para crear aplicaciones web interactivas y
dinámicas, ya que se ejecuta en el navegador del usuario. JavaScript permite a
los desarrolladores agregar funcionalidades como validación de formularios,
animaciones, interacción en tiempo real y comunicación con servidores web.

● 2.1.3.- Java:

“Java es un tipo de lenguaje de programación y una plataforma informática,

creada y comercializada por Sun Microsystems en el año 1995. Se constituye
como un lenguaje orientado a objetos, su intención es permitir que los
desarrolladores de aplicaciones escriban el programa una sola vez y lo
ejecuten en cualquier dispositivo.” (Redactor, C.(2019))

Propio:Java es un lenguaje de programación de alto nivel y orientado a objetos

que se ha utilizado ampliamente en aplicaciones empresariales, sistemas
embebidos y desarrollo de aplicaciones móviles. Es conocido por su
portabilidad, lo que significa que las aplicaciones Java pueden ejecutarse en
diferentes plataformas sin modificaciones significativas. Java es apreciado en
la industria por su robustez, seguridad y capacidad de manejar aplicaciones de
gran escala. Es utilizado en una variedad de aplicaciones, desde aplicaciones
Android hasta sistemas de gestión empresarial y servidores web. Además, el
ecosistema de Java incluye una amplia gama de bibliotecas y marcos de
trabajo que facilitan el desarrollo de aplicaciones. A pesar de su antigüedad,
Java sigue siendo relevante y es uno de los lenguajes de programación más
utilizados en el mundo.

● 2.1.4.- C++:

“C++ es un lenguaje de programación que se desarrolló a partir de una

extensión del lenguaje C con el propósito de admitir la programación orientada
 a objetos. A pesar de su longevidad, su alta capacidad lo ha mantenido como
uno de los lenguajes de programación más solicitados en los últimos
años.”(Robledano, A.(2019))

Propio: C++ es un lenguaje de programación de alto rendimiento y

multipropósito que se utiliza en una variedad de aplicaciones, desde desarrollo
de sistemas hasta juegos y software de sistemas embebidos. Es una extensión
del lenguaje C y ofrece características adicionales, como programación
orientada a objetos. C++ es conocido por su eficiencia y control de bajo nivel,
lo que lo convierte en una opción popular para aplicaciones que requieren un
alto rendimiento y uso eficiente de recursos, como aplicaciones gráficas y
sistemas operativos. También es utilizado en el desarrollo de juegos y motores
de juegos debido a su velocidad y capacidad de acceso directo a hardware. A
pesar de su complejidad, C++ sigue siendo un lenguaje influyente y se utiliza
en una variedad de industrias y aplicaciones críticas.

2.2.-Base de datos

● 2.2.1.- MySQL:

“MySQL es un sistema de gestión de bases de datos relacionales muy

ampliamente utilizado en la actualidad, especialmente debido a su naturaleza
de código abierto. Inicialmente desarrollado por MySQL AB, pasó a formar
parte de Sun Microsystems en 2008 y, posteriormente, fue adquirido por
Oracle Corporation en 2010. Oracle ya poseía su propio motor de
almacenamiento llamado InnoDB, que se integró con MySQL como parte de
esta adquisición.”(Robledano, A.(2019))

Propio: MySQL es un sistema de gestión de bases de datos relacional de

código abierto ampliamente utilizado en aplicaciones web y empresariales.
Se destaca por su velocidad, confiabilidad y escalabilidad. Utiliza SQL para
consultar y administrar datos, lo que lo hace adecuado para aplicaciones que
requieren un alto grado de integridad y coherencia de datos. MySQL es
compatible con varios lenguajes de programación y es una elección popular
para sitios web dinámicos, sistemas de comercio electrónico y sistemas de
gestión de contenidos (CMS). Además, ofrece una amplia comunidad de
usuarios y una gran cantidad de recursos disponibles en línea, lo que facilita
su aprendizaje y mantenimiento.
● 2.2.2.- MongoDB:

“MongoDB (del inglés humongous, "enorme") es un sistema de base de datos

NoSQL orientado a documentos de código abierto y escrito en C++, que en
lugar de guardar los datos en tablas lo hace en estructuras de datos BSON
(similar a JSON) con un esquema dinámico. Al ser un proyecto de código
abierto, sus binarios están disponibles para los sistemas operativos Windows,
GNU/Linux, OS X y Solaris y es usado en múltiples proyectos o
implementaciones en empresas como MTV Network, Craigslist, BCI o
Foursquare.”(Robledano, A.(2019))

Propio: MongoDB es una base de datos NoSQL de documentos que

almacena datos en formato JSON. Es ideal para aplicaciones que manejan
datos no estructurados o semiestructurados, como registros de aplicaciones
web o información de redes sociales. MongoDB se destaca por su capacidad
de escalabilidad horizontal, lo que permite manejar grandes volúmenes de
datos distribuidos en clústeres de servidores. Su flexibilidad en el esquema
de datos lo hace adecuado para proyectos en constante evolución, donde los
requisitos de datos pueden cambiar con el tiempo. Es una elección popular
para aplicaciones modernas y escalables, como aplicaciones móviles y
servicios en la nube.

● 2.2.3.- Oracle Database:

“Oracle Database es un sistema de gestión de bases de datos relacional muy

utilizado en grandes empresas y organizaciones. Se trata de una herramienta
cliente/servidor diseñada para gestionar eficientemente grandes volúmenes
de datos, tanto estructurados como no estructurados, en un solo repositorio.
Su objetivo principal es ayudar a las organizaciones a controlar y administrar
sus datos de manera efectiva, lo que puede contribuir a reducir costos y
mitigar los riesgos asociados con la pérdida de
información.”(Adminkener(2023))

Propio: Oracle Database es un sistema de gestión de bases de datos

relacional ampliamente utilizado en entornos empresariales. Ofrece alta
disponibilidad, escalabilidad y seguridad avanzada, lo que lo convierte en una
opción sólida para aplicaciones críticas de misión empresarial. Oracle
Database utiliza el lenguaje SQL y proporciona herramientas avanzadas de
 administración y análisis de datos. Se utiliza en una variedad de aplicaciones,
desde sistemas bancarios y financieros hasta sistemas de gestión de
recursos humanos y logística. Oracle también ofrece opciones en la nube
para facilitar la implementación y el escalado de bases de datos Oracle en
entornos virtuales.

● 2.2.4.- Neo4j:

“Neo4j es un sistema de gestión de bases de datos orientado a grafos que

utiliza grafos para representar datos y las relaciones entre ellos. En un grafo,
los datos se organizan en nodos (vértices) y relaciones (aristas), y esta
estructura permite modelar y consultar datos de manera eficiente,
especialmente cuando se trata de datos altamente interconectados. Los
nodos representan entidades, y las relaciones entre ellos representan las
conexiones o asociaciones entre esas entidades. Esta representación gráfica
facilita la comprensión y consulta de datos complejos, lo que hace que Neo4j
sea especialmente adecuado para casos de uso que involucran datos con
relaciones complejas, como redes sociales, recomendaciones, análisis de
redes, entre otros.”(Big, D.(2018))

Propio: Neo4j es una base de datos de grafos utilizada para almacenar y

consultar datos relacionales complejos. En lugar de utilizar tablas
tradicionales, Neo4j organiza datos en nodos y relaciones, lo que facilita la
representación y navegación de estructuras de datos altamente
interconectadas. Es ideal para aplicaciones que implican relaciones y
conexiones, como análisis de redes sociales, recomendaciones de productos
y rutas de navegación en sistemas de mapas. Neo4j proporciona un alto
rendimiento en consultas de grafos y es altamente escalable. Es una elección
popular en sectores como las ciencias de la computación, la biología y la
ciberseguridad, donde la comprensión de las relaciones es esencial para el
análisis de datos.

2.3.- Sistema Operativos

● 2.3.1.- Windows 10 Pro:

 “Windows 10 Pro es un sistema operativo desarrollado por Microsoft que se
basa en la experiencia y características de sus versiones anteriores. A
diferencia de la versión Home, Windows 10 Pro ofrece ventajas específicas
que lo hacen ideal para empresarios, profesionales y usuarios
avanzados.”(Garcia, D.(2022))

Propio: Windows 10 es un sistema operativo desarrollado por Microsoft y es

una de las versiones más recientes de la serie Windows. Con una interfaz de
usuario familiar, Windows 10 combina la estabilidad de Windows 7 con
características modernas como Cortana (un asistente virtual), el menú Inicio
rediseñado y la integración de la tienda Microsoft Store para aplicaciones.
Ofrece un amplio soporte de software y hardware, lo que lo convierte en una
elección popular para computadoras de escritorio y portátiles en todo el
mundo. Windows 10 también se utiliza en dispositivos 2 en 1 y tabletas con
pantalla táctil, lo que permite una experiencia versátil en una amplia gama de
dispositivos.

● 2.3.2.- macOS Catalina:

“Apple ha lanzado oficialmente macOS Catalina, la última versión de su

sistema operativo para Mac, y está disponible para su descarga en
computadoras Mac compatibles. Esta actualización incluye una serie de
cambios significativos en el sistema. Uno de los cambios más notables es la
eliminación de la aplicación iTunes, que ha sido reemplazada por tres nuevas
aplicaciones separadas: Música, Podcasts y TV. Además, la sincronización
de tus otros dispositivos con tu Mac ahora se realiza a través del Finder.
Estos cambios representan una reorganización importante en la forma en que
se gestionan y disfrutan los medios y contenidos en los dispositivos
Mac.”(Peña, M. y Jara, J.(2019))

Propio: macOS Catalina es la versión más reciente del sistema operativo de

Apple para computadoras Mac. Ofrece una experiencia de usuario elegante y
eficiente, con características como el Finder mejorado, el Modo Oscuro y la
aplicación Sidecar que permite utilizar un iPad como segunda pantalla.
Además, Catalina introduce una mayor integración con aplicaciones de iPad,
lo que permite a los usuarios ejecutar aplicaciones de iOS en sus Mac.
También enfatiza la seguridad y la privacidad, con un nuevo enfoque en la
protección de datos personales y el control de aplicaciones. En general,
 macOS Catalina es apreciado por su diseño, rendimiento y la sincronización
perfecta con otros dispositivos Apple.

● 2.3.3.- Linux (Ubuntu):

“Linux se refiere a una familia de sistemas operativos de tipo Unix que operan
bajo la licencia GNU GPL (General Public License o Licencia Pública General
de GNU). La mayoría de las distribuciones de Linux son gratuitas y
proporcionan todo lo necesario para hacer funcionar una computadora
personal. Una característica distintiva de Linux es su capacidad para instalar
un sistema básico y luego agregar software y componentes según sea
necesario. Linux es conocido por ser multiusuario, lo que significa que varias
personas pueden utilizar la misma computadora al mismo tiempo. También
es multitarea, lo que permite ejecutar múltiples programas simultáneamente.
Además, Linux es multiplataforma, lo que significa que puede ejecutarse en
una variedad de arquitecturas de hardware.”(Soto, J.(2020))

Propio: Ubuntu es una distribución del sistema operativo Linux basada en

Debian. Linux es una plataforma de código abierto y gratuita ampliamente
utilizada en servidores, estaciones de trabajo y dispositivos embebidos.
Ubuntu es conocido por su facilidad de uso y su enfoque en la accesibilidad
para usuarios de todos los niveles de experiencia. Ofrece una amplia gama
de aplicaciones y herramientas de software a través de su Software Center.
Además, Ubuntu es altamente personalizable y admite una variedad de
entornos de escritorio, como GNOME y KDE. Es una opción popular para
aquellos que buscan una alternativa de código abierto a sistemas operativos
comerciales como Windows.

● 2.3.4.- iOS:

“iOS es un sistema operativo desarrollado y utilizado por Apple. Su nombre

proviene de "iPhone OS", que significa "Sistema Operativo del iPhone".
Inicialmente, fue lanzado exclusivamente para los dispositivos iPhone, pero
con el tiempo, también se utilizó en otros productos de Apple, como algunos
modelos de reproductores de música iPod y tabletas iPad, hasta la
introducción de iPadOS como un sistema operativo separado para las
iPads.”(Garcia, R.(2023))
 Propio: iOS es el sistema operativo desarrollado por Apple Inc.
exclusivamente para dispositivos móviles, como iPhone y iPad. Con su
enfoque en la simplicidad y la usabilidad, iOS es conocido por su diseño
elegante y su ecosistema de aplicaciones altamente controlado. Ofrece una
variedad de características, como la pantalla de inicio con iconos, la App
Store para descargar aplicaciones y juegos, y una integración profunda con
servicios de Apple como iCloud y Siri. Además, iOS es conocido por su
seguridad y privacidad, con características como Touch ID y Face ID para
autenticación biométrica. Es un sistema operativo ampliamente utilizado en
dispositivos móviles y es apreciado por su fluidez y estabilidad.

2.4.- Lenguajes de diseño

● 2.4.1.- HTML (HyperText Markup Language):(Benitez, G.(2023))

“El lenguaje de marcado de hipertexto (HTML) es un lenguaje informático

fundamental que se utiliza en la mayoría de las páginas web y aplicaciones
en línea. En HTML, "hipertexto" se refiere a texto que contiene enlaces o
vínculos a otros documentos o recursos en la web. El HTML utiliza etiquetas
o marcas para definir la estructura y el estilo de un documento web, lo que
permite a los servidores web interpretar y mostrar el contenido de manera
adecuada en los navegadores web. Estas etiquetas son esenciales para
formatear el texto, insertar imágenes, crear enlaces, y organizar el contenido
de una página web de manera coherente y estructurada.”(Benitez, G.(2023))

Propio: HTML es el lenguaje de marcado fundamental para la creación y

estructuración de contenido en la web. Se utiliza para definir la estructura y el
diseño de páginas web, incluyendo la creación de encabezados, párrafos,
enlaces, imágenes y formularios. HTML utiliza etiquetas y elementos que
describen cómo se debe presentar el contenido en un navegador web. La
última versión, HTML5, introdujo características avanzadas como elementos
multimedia, animaciones y capacidades de almacenamiento local, lo que
permitió el desarrollo de aplicaciones web más interactivas y ricas en
multimedia. HTML es esencial para cualquier desarrollador web, ya que
proporciona la base para la creación de sitios web y aplicaciones en línea.

● 2.4.2.- CSS (Cascading Style Sheets):Jon Duckett(2011)

 “CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo en cascada
que se utiliza para dar estilo y formato a elementos que están escritos en un
lenguaje de marcado, como HTML. La principal función de CSS es separar la
presentación visual del contenido en un sitio web. Esto significa que mientras
HTML se encarga de definir la estructura y el contenido de una página web,
CSS se utiliza para controlar cómo se verán esos elementos en términos de
diseño, color, tipografía y disposición en la pantalla. La separación de la
estructura (HTML) y el estilo (CSS) permite una mayor flexibilidad y
mantenibilidad en el diseño web, ya que los cambios en la apariencia de un
sitio pueden realizarse sin necesidad de modificar el contenido
subyacente.”(Benitez, G.(2023))

Propio: CSS es un lenguaje de hojas de estilo utilizado para controlar la

presentación y el diseño de elementos HTML en una página web. Permite
definir el estilo de fuente, colores, márgenes, espaciado y diseño de páginas
web, lo que facilita la separación de la estructura del contenido (HTML) de su
presentación. CSS se utiliza para crear diseños receptivos y atractivos, y
puede aplicarse de manera selectiva a elementos individuales o a toda una
página. También es compatible con animaciones y transformaciones, lo que
agrega interactividad y dinamismo a las páginas web. CSS3, la versión más
reciente, ofrece características avanzadas como flexbox y grid layout, que
simplifican la creación de diseños complejos y flexibles.

● 2.4.3.- XML (eXtensible Markup Language):

Autor y años:Thierry BOULANGER(2015)

Propio: XML es un lenguaje de marcado utilizado para estructurar datos de

manera jerárquica y legible por humanos. Aunque no se utiliza principalmente
para la presentación visual en la web, XML es fundamental en la
transferencia y el almacenamiento de datos estructurados. Se utiliza
ampliamente en la industria para intercambiar información entre sistemas y
aplicaciones. XML permite a los usuarios definir sus propias etiquetas y
estructuras de datos, lo que lo hace altamente flexible y adaptable a una
variedad de necesidades. Es la base de otros lenguajes como XHTML (una
versión de HTML basada en XML) y RSS (Really Simple Syndication) para la
sindicación de contenido web.
 ● 2.4.4.- SVG (Scalable Vector Graphics):Amelia Bellamy-Royds(2015)

“Los SVG (Scalable Vector Graphics) son una herramienta sorprendente en

el diseño web, ya que ofrecen varias ventajas. Estos gráficos no solo se
mantienen nítidos y claros a cualquier escala, sino que también están
optimizados para motores de búsqueda, lo que mejora la visibilidad en los
resultados de búsqueda. Además, los archivos SVG suelen ser más
compactos que otros formatos de imágenes, lo que ayuda a acelerar la carga
de la página web. También pueden ser programados con facilidad para crear
efectos y animaciones dinámicas, lo que les da un alto nivel de versatilidad
en la presentación de contenido web. En resumen, los SVG son una
herramienta poderosa y versátil para diseñadores y desarrolladores
web.”(Lenis, A.(2022))

Propio: SVG es un formato de lenguaje de marcado utilizado para crear

gráficos vectoriales escalables en la web. A diferencia de los formatos de
imagen rasterizados, como JPEG o PNG, los gráficos SVG se definen
mediante código XML y conservan su calidad y nitidez independientemente
de su escala. SVG se utiliza para crear gráficos interactivos, logotipos, iconos
y visualizaciones de datos en sitios web y aplicaciones web. Es
especialmente valioso en el diseño responsivo, ya que los gráficos SVG se
pueden ajustar automáticamente al tamaño de la pantalla del dispositivo.
Además, es compatible con animaciones y efectos, lo que lo convierte en una
opción poderosa para la creación de contenido visual en la web.

2.5.- Frameworks:

● 2.5.1.- Bootstrap:

Autor y años:Sufyan bin Uzayr(2022)

Propio: Bootstrap es uno de los frameworks de desarrollo web front-end más

populares y ampliamente utilizados. Desarrollado por Twitter y lanzado como
un proyecto de código abierto, Bootstrap proporciona una colección de
componentes y estilos CSS predefinidos que facilitan la creación de sitios
web y aplicaciones web receptivas y visualmente atractivas. Ofrece una
cuadrícula flexible, componentes de interfaz de usuario como botones y
 formularios, y un conjunto de utilidades de CSS para la personalización.
Bootstrap es conocido por su facilidad de uso, su capacidad de respuesta y
su amplia comunidad de desarrollo. Es una elección común para diseñadores
y desarrolladores web que desean crear interfaces consistentes y atractivas
en menos tiempo.

● 2.5.2.- React Native: Alexander Benedikt Kuttig(2022)

Propio: React Native es un framework de desarrollo de aplicaciones móviles

de código abierto desarrollado por Facebook. Se utiliza para crear
aplicaciones móviles nativas para iOS y Android utilizando componentes de
interfaz de usuario y lógica de aplicación escritos en JavaScript y React. Lo
que hace que React Native sea excepcional es su capacidad para compartir
código entre plataformas, lo que ahorra tiempo y recursos en el desarrollo de
aplicaciones para ambas plataformas móviles. Además, ofrece un alto
rendimiento y una experiencia de usuario nativa. React Native es utilizado por
muchas empresas para crear aplicaciones móviles exitosas, incluyendo
Facebook, Instagram y Airbnb.

● 2.5.3.- Vue.js: Callum Macrae(2015)

Propio: Vue.js es un framework de JavaScript de código abierto que se utiliza

para crear interfaces de usuario interactivas y reactivas. Destaca por su
simplicidad y su enfoque en la construcción gradual de aplicaciones web.
Vue.js es fácil de integrar en proyectos existentes y permite a los
desarrolladores agregar funcionalidades de manera incremental. Ofrece una
estructura de componentes, enlace de datos bidireccional y una curva de
aprendizaje suave. Vue.js también es altamente personalizable y se integra
fácilmente con otras bibliotecas y proyectos, lo que lo convierte en una opción
popular para desarrolladores web. Su creciente comunidad y su
documentación detallada lo han convertido en una opción sólida para crear
aplicaciones web modernas.

● 2.5.4.- Spring Boot:

Autor y años:Andrew Glover(Spring Boot in Action)(2016)

Propio: Spring Boot es un framework de desarrollo de aplicaciones Java que

simplifica la creación de aplicaciones empresariales robustas y escalables.
Construido sobre el proyecto Spring de Pivotal Software, Spring Boot facilita
el desarrollo al proporcionar configuraciones predeterminadas y un conjunto
de herramientas que abordan tareas comunes como la configuración de
bases de datos, la autenticación y la administración de aplicaciones. Spring
Boot fomenta la creación de aplicaciones "listas para producir" con un mínimo
esfuerzo de configuración. Es ampliamente utilizado en aplicaciones
empresariales y microservicios debido a su eficiencia y escalabilidad.
Además, cuenta con una comunidad activa y una amplia gama de
extensiones y módulos que lo hacen versátil y adecuado para diversos casos
de uso.
 CAPITULO III

3.- Diseño de sistema

3.1.- Diagrama de casos de uso

Este diagrama podemos ver quienes son los actores de la empresa y los
casos de uso que suceden en ella.
 Figura 8. Diagrama de casos de uso sobre el sistema de gestión de inventario de la
empresa frutas frescas 2023.

Fuente: creación propia

3.2.- DIAGRAMA DE SECUENCIAS DE FLUJO

3.2.1.- Registro de productos

En el siguiente diagrama podemos observar cuales son los pasos que siguen
los colaboradores de la empresa para realizar el registro de producto.

Figura 9. Diagrama de secuencia de flujos de Registro de productos

 Fuente: creación propia

3.2.2.- Registro de proveedores

En el siguiente diagrama podemos observar cuales son los pasos que siguen
los colaboradores de la empresa para realizar el registro de proveedores.

Figura 10. Diagrama de secuencia de flujos de Registro de proveedores

Fuente: creación propia

3.2.3.- Creación de código de barras para los productos

En el siguiente diagrama podemos observar cuales son los pasos que siguen
los colaboradores de la empresa para realizar la creación de código de
barras.

Figura 11. Diagrama de secuencia de flujos de Creación de código para los productos.
 Fuente: creación propia

3.2.4.- Agregar categoría

En el siguiente diagrama podemos observar cuales son los pasos que siguen
los colaboradores de la empresa para agregar una categoría.

Figura 12. Diagrama de secuencia de flujos de Agregar categorías.

Fuente: creación propia

3.2.5.- Agregar usuarios

En el siguiente diagrama podemos observar cuales son los pasos que sigue
el administrador de la empresa para realizar el registro de usuarios.
 Figura 13. Diagrama de secuencia de flujos de Agregar usuarios.

Fuente: creación propia

3.2.6.- Proceso de ventas

En el siguiente diagrama podemos observar cuales son los pasos que siguen
los colaboradores de la empresa para proceso de una venta.

Figura 14. Diagrama de secuencia de flujos de Proceso de ventas.

Fuente: creación propia

3.3 Diagrama de secuencias

3.3.1.- Registro de productos

 En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de registro de productos.

Figura 15. Diagrama de secuencia de Registro de productos.

F
u e
nt e:

creación propia

3.3.2.- Registro de proveedores

En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de registro de proveedores.

Figura 16. Diagrama de secuencia de Registro de proveedores.

F
u e
n t
e :

creación propia

3.3.3.- Creación de código de barras

En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de creación de barra.
Figura 17. Diagrama de secuencia de Registro de código de barras para los productos.

Fuente: creación propia

3.3.4.- Agregar categorías

En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de agregar categorías.

Figura 18. Diagrama de secuencia de Agregar categorías.

Fuente: creación propia

3.3.5.- Agregar usuarios

En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de agregar usuarios.

Figura 19. Diagrama de secuencia de Agregar usuarios.

 Fuente: creación propia

3.3.6.- Proceso de venta

En el siguiente diagrama podemos ver que hace el actor con las distintas
identidades que se presentan en el caso de uso de procesar venta.

Figura 20. Diagrama de secuencia de Proceso de venta.

Fuente: creación propia

3.4.- Diagrama de comunicación

3.4.1.- Registro de productos

 En el diagrama mostrado se puede ver como el actor interactúa con las
identidades en cada caso de uso.

Figura 21. Diagrama de comunicación de Registro de productos.

Fuente: creación propia

3.4.2.- Registro de proveedores

En el diagrama mostrado se puede ver como el actor interactúa con las

identidades en cada caso de uso.

Figura 22. Diagrama de comunicación de Registro de proveedores.

 Fuente: creación propia

3.4.3.- Registro para la creación del código de barras

En el diagrama mostrado se puede ver como el actor interactúa con las

identidades en cada caso de uso.

Figura 23. Diagrama de comunicación de registro para la creación del código de

barras.

Fuente: creación propia

 CAPITULO IV

4.- Contenido del proyecto

4.1.- Código fuente

 Método para agregar proveedores

Este código nos sirve para poder registrar los datos de los proveedores que aún
no están en nuestro sistema.
Figura 24. Código fuente de agregar proveedores

Fuente: creación propia

 Método para agregar usuarios
Con este código el administrador puede registrar a nuevos empleados o también
a nuevos administradores.
Figura 25. Código fuente para agregar usuarios

Fuente: elaboración propia

 Método para procesar el código para los productos

Con este código podemos obtener un código de barras para los productos
registrados y así estos puedan identificarse fácilmente.
Figura 26. Método para procesar el código para los productos

Fuente: creación propia

 CAPITULO V

5.- Resultados
Conclusiones:

 La capacidad de crear categorías y registrar frutas facilita una gestión

organizada del inventario, permitiendo al administrador estructurar la información
de manera eficiente.
 La función de crear usuarios para empleados asegura un control de acceso
adecuado, garantizando que cada miembro del equipo tenga acceso solo a las
funciones y datos necesarios para llevar a cabo sus tareas.
 Al permitir la creación de usuarios y la asignación de roles, tu sistema fomenta
un entorno de trabajo colaborativo al facilitar la asignación de responsabilidades
específicas a cada empleado.
 La capacidad de registrar proveedores contribuye a una gestión completa del
ciclo de suministro. Con esta función, se puede mantener un registro detallado
de los proveedores y optimizar las relaciones comerciales.
 La función de procesar ventas agiliza el proceso de transacciones, lo que resulta
en una experiencia más eficiente tanto para el personal como para los clientes.
Esto puede tener un impacto positivo en la productividad y la satisfacción del
cliente.
 Un aspecto crucial es la capacidad de generar informes detallados sobre el
inventario, ventas y otras métricas importantes. Esto proporciona al
administrador información valiosa para la toma de decisiones estratégicas y la
mejora continua del negocio.

Recomendaciones:

 Dictar una capacitación inicial. Los empleados y administradores tienen que

dedicar tiempo a comprender completamente todas las funciones del sistema
para poder utilizarlo de manera eficiente desde el principio.
 Cuando proceses ventas o realices cambios en el inventario, registra la
información de manera detallada y precisa. Esto facilitará el seguimiento y la
generación de informes más precisos para la toma de decisiones.
 Mantén tus datos actualizados. Si hay cambios en el inventario, proveedores u
otra información relevante, asegúrate de reflejar estos cambios en el sistema.
Esto garantiza que la información sea siempre precisa y útil.
  Si el sistema asigna permisos específicos, asegúrate de utilizarlos de manera
responsable. Accede solo a la información y funciones que son necesarias para
llevar a cabo tus responsabilidades. Esto ayuda a mantener la seguridad y la
integridad de los datos.
 Si es posible, considera mantener un respaldo personal de datos críticos o
informes personalizados que hayas generado. Esto proporciona una capa
adicional de seguridad en caso de cualquier problema técnico.
 Si encuentras algún problema técnico o tienes preguntas, no dudes en contactar
al equipo de soporte. Están ahí para ayudarte y resolver cualquier problema que
puedas enfrentar durante el uso del sistema.

Anexo:

N° Requerimientos Definición

1 El sistema deberá loguear a los administradores El sistema requerirá que los administradores inicien sesión
ingresando con un usuario y contraseña. con usuario y contraseña para acceder a funciones
administrativas.

2 El sistema deberá guardar los datos de los El sistema deberá almacenar los datos de los
administradores en una base de datos. administradores en una base de datos para su gestión y
seguridad.

3 El sistema deberá loguear a los empleados Para empleados, el sistema exigirá inicio de sesión con
ingresando con un usuario y contraseña. credenciales específicas para acceder a funciones laborales.

4 El sistema deberá guardar los datos de los Los datos de los empleados se guardarán en una base de
empleados en una base de datos. datos, asegurando su disponibilidad y confidencialidad.

5 El sistema permitirá a los administradores y Administradores y empleados podrán agregar productos,

empleados añadir productos. ampliando el catálogo de manera colaborativa.

6 El sistema guardara los datos de los productos La información de los productos añadidos se guardará en el
añadidos. sistema para referencia y gestión.

7 El sistema mostrará los nuevos productos. El sistema mostrará de forma destacada los productos recién
añadidos para facilitar su identificación.

8 El sistema deberá permitir a los administradores y Administradores y empleados podrán eliminar productos del
empleados eliminar productos. inventario, manteniendo la base de datos actualizada.
9 El sistema deberá permitir buscar productos. Se permitirá a los usuarios buscar productos de manera
eficiente para agilizar la navegación en el sistema.

10 El sistema deberá permitir crear nuevos usuarios Los administradores podrán crear perfiles de usuario para
para los empleados. empleados, gestionando el acceso de manera personalizada.

11 El sistema deberá permitir hacer ventas. El sistema facilitará la realización de ventas, optimizando el
proceso para administradores y empleados.

12 El sistema deberá permitir al administrador y Administradores y empleados podrán agregar nuevas

empleado agregar categorías. categorías para organizar eficientemente los productos.

13 El sistema deberá permitir eliminar o editar al Se permitirá a los administradores eliminar o editar
administrador categorías no deseadas. categorías no deseadas, manteniendo la estructura
organizativa del sistema.

14 El sistema deberá permitir registrar a los El sistema posibilitará el registro de proveedores,

proveedores. centralizando la información para una gestión eficiente.

15 El sistema deberá permitir editar o eliminar los La capacidad de editar o eliminar registros de proveedores
registros de los proveedores. permitirá mantener actualizada la información de la cadena
de suministro.
REFERENCIAS:

Construyeron una plataforma tecnológica para vender frutas y verduras. El Espectador (07
de Febrero del 2022). Recuperado de
https://www.elespectador.com/economia/emprendimiento-y-liderazgo/plaz-construyeron-
una-plataforma-tecnologica-para-vender-frutas-y-verduras/

Espejo. S(05 de Noviembre de 2021). Quieren transformar el mercado de alimentos con una
app y ya cuentan casos de éxito: "Todos los días nos agradecen". Agrofynews.Recuperado
de https://news.agrofy.com.ar/noticia/196598/quieren-transformar-mercado-alimentos-app-y-
ya-cuentan-casos-exito-todos-dias-nos

La plataforma en la que puedes comprar frutas y verduras al por mayor .Portafolio (11 de
Octubre de 2017). Recuperado de https://www.portafolio.co/negocios/emprendimiento/la-
plataforma-en-la-que-puede-comprar-frutas-y-verduras-al-por-mayor-510545

Orjuela Torres, Y.(11 de Mayo de 2020). La app que lo conecta con la agricultura
colombiana en el aislamiento. EL TIEMPO . Recuperado de
https://www.eltiempo.com/tecnosfera/apps/fruvii-la-aplicacion-para-que-los-agricultores-
vendan-sus-productos-directamente-493950

El emprendimiento que quiere fortalecer a los pequeños productores en Colombia. Semana.

(17 de Octubre de 2019) Recuperado de
https://www.semana.com/emprendimiento/articulo/waruwa-la-aplicacion-para-que-
pequenos-productores-puedan-vender-sus-cosechas/278187/

Cifuentes Fuentes, M. (13 de Mayo de 2022).La plataforma que busca democratizar el

precio de frutas y verduras. LA TERCERA. Recuperado de
https://www.latercera.com/transformadores/noticia/la-plataforma-que-busca-democratizar-el-
precio-de-frutas-y-verduras/CR3K34UNEBB4JCD5RBWSJHSMYI/

Saavedra Gonzales, A.(2016) ANÁLISIS Y DISEÑO DE UN SISTEMA E-COMMERCE

PARA LA GESTIÓN DE VENTAS: CASO EMPRESA WORLD OF CAKES.(Tesis de
maestría) Universidad de Piura, Piura. Recuperado de
https://pirhua.udep.edu.pe/bitstream/handle/11042/2740/ING_571.pdf?
sequence=1&isAllowed=y
Armas, R. Castañeda, C. Domenak, J. Rojas, J y Sulca, L. Proyecto fruit pulp “aplicación
para la venta de pulpa de fruta a domicilio”.(Tesis para grado de bachiller) Universidad
Peruana de Ciencias Aplicadas, Lima. Recuperado de
https://upc.aws.openrepository.com/bitstream/handle/10757/653104/Armas_HR.pdf?
sequence=3&isAllowed=y

Bertran de Armero, A. Dioses, B y Sanchez,V. Dely Fruit. (Tesis para grado de bachiller)
Universidad Peruana de Ciencias Aplicadas, Lima. Recuperado de
https://repositorioacademico.upc.edu.pe/bitstream/handle/10757/626226/bertram_da.pdf?
sequence=4

Alarcon, J. Implementación de un Sistema de Información con Tecnología .Net para mejorar

el Proceso de Ventas de la Empresa Amazonas Coffee Friends S.A.C., Bagua Grande,
2021(Tesis de maestría). Universidad Politecnica Amazonica, Bagua Grande. Recuperado
de
https://repositorio.upa.edu.pe/bitstream/handle/20.500.12897/165/TESIS_ALARCON_PAUK
AI_JOHN_DEIVI.pdf?sequence=4&isAllowed=y

Reina, W. (26 de Junio de 2023). Qué es Python: conoce uno de los lenguajes de
programación más populares. HostingTutoriales. Recuperado de
https://www.hostinger.es/tutoriales/que-es-python

https://frutossecos.com.pe/tienda/

¿Qué es el JavaScript? Un Repaso al Lenguaje de Programación de Scripts Más Popular de

la Web. Kinsta.(10 de Febrero 2023) Recuperado de https://kinsta.com/es/base-de-
conocimiento/que-es-javascript/

Readactor, C.(5 de Junio de 2019). ¿Qué es Java? Conoce las particularidades de este
lenguaje de programación. Rockcontent. Recuperado de
https://rockcontent.com/es/blog/que-es-java/

Robledano, A. (22 de Julio de 2019). Qué es C++: Características y aplicaciones. Open

Webinars. Recuperado de https://openwebinars.net/blog/que-es-cpp/

Robledano, A. (24 de Setiembre de 2019). Qué es MySQL: Características y ventajas. Open

Webinars. Recuperado de https://openwebinars.net/blog/que-es-mysql/

https://campograndeperu.com/
Robledano, A. (28 de Octubre de 2019). Qué es MongoDB. Open Webinars. Recuperado de
https://openwebinars.net/blog/que-es-mongodb/

Adminkener.(12 de Junio 2023). Un Universo de Posibilidades: Explorando Oracle

Database. Kennertech. Recuperado de https://www.kennertech.com.co/oracle-base-de-
datos/

https://www.nutandme.com/

Qué es Neo4j y para qué sirve una base de datos orientada a grafos.(13 de Setiembre
2018) Recuperado de https://www.bbva.com/es/que-es-neo4j-y-para-que-sirve-una-base-
de-datos-orientada-a-grafos/

Garcia, D.(15 de Diciembre 2022). ¿Qué es Windows 10 pro?. Infocomputer. Recuperado

de https://www.info-computer.com/blog/windows-10-pro/

Peña, P. y Jara, J.(8 de Octubre 2019).Todo sobre MacOS Catalina, el último sistema
operativo Mac. Digitaltrends. Recuperado de
https://es.digitaltrends.com/computadoras/mac-os-catalina/

Soto, J. (20 de Junio 2020). ¿Qué es Linux y para qué sirve?. Geeknetic. Recuperado de
https://www.geeknetic.es/Linux/que-es-y-para-que-sirve

Garcia, R.(15 de Marzo 2023). ¿Qué es iOS? Todo sobre el sistema operativo de Apple.
Adsl Zone. Recuperado de https://www.adslzone.net/reportajes/software/que-es-ios/

Benitez, G.(10 de Enero 2023).¿Qué es HTML? Explicación de los fundamentos del

Lenguaje de marcado de hipertexto. Hostinger Tutoriales. Recuperado de
https://www.hostinger.es/tutoriales/que-es-html

Benitez, G.(11 de Enero 2023).¿Qué es CSS?. Hostinger Tutoriales. Recuperado de

https://www.hostinger.es/tutoriales/que-es-css

Lenis, A.(20 de Julio 2022). Qué es un archivo SVG y cómo hacerlo.Hubspot. Recuperado
de https://blog.hubspot.es/website/que-es-archivo-svg

Alcares, (3 de Octubre 2020. Justificaciones del proyecto. Recuperado

https://repositorio.ulima.edu.pe/bitstream/handle/20.500.12724/10821/Nota%20Acad
%C3%A9mica%205%20%2818.04.2021%29%20-%20%20Justificaci%C3%B3n%20de
%20la%20Investigaci%C3%B3n.pdf?sequence=4&isAllowed=y