Visítanos en:
http://www.scoif.com/revistas
Recepción: 21.04.2020
Aceptación: 27.05.2020
SOCIEDAD COLOMBIANA DE INVESTIGACIÓN E INNOVACIÓN FORMATIVA - SCOIF
WEB APPLICATION FOR INVENTORY
MANAGEMENT IN A SME
Leydi Johana Polo Amador
lpolo@correo.uts.edu.co
Omar Hernán Nova Jaimes
Onova@correo.uts.edu.co
Abigail Tello Ríos
Atello@correo.uts.edu.co
Unidades Tecnologicas De Santander - Uts
Tecnología En Desarrollo De Sistemas
Informáticos Y Tecnología En Banca Y Finanzas
Resumen
According to the boom in the use of
technology and the internet in the different fields
of development, companies are implementing in
their processes, a technological infrastructure and in
this way the treatment of information will allow a
better communication in real-time. The more
common use of technology has made a significant
contribution to the development, monitoring and
management of organizational processes in a
company improving response times and
performance. Allowing in this way that a SME(Pyme)
is more competitive and sustainable in the long-
term.
In a company that has as input the operative
processes in the registry and update of an
inventory, in front of the earlier process a good
management and administration of the information
must be done. One of the main factors that affect
the performance of companies and the profits
obtained, are based on the treatment of this
important input identified as information. Therefore,
it is essential for companies to have an inventory
that is effectively managed allowing their control in
real-time establishing priorities in the follow-up of
objectives according to the goals set by the company
making effective use of resources. In addition to this,
it offers the option to record the sales and purchases
movement in a fast and easy way.
In the implementation of a technological
development the advantages are directed towards
the company and each one of the clients that can be
attended in record time allowing the generation of
an invoice with the list of items specifying their
prices as proof of payment guaranteeing security in
the selling process. The development will be carried
 out having as an architectural pattern the model
view controller and use of Framework Laravel and
Vue.js developing in the PHP programming language
making the application more robust and scalable.
Palabras clave:
Key words: Technological Infrastructure, Web
Application, System, Inventory, Administration,
52 Abstract
Resumen. De acuerdo con el auge en el uso de la
tecnología e internet en los diferentes campos de
desarrollo, las empresas están implementando en
sus procesos, una infraestructura tecnológica y de
esta forma el tratamiento de la información
permitirá una mejor comunicación en tiempo real. El
uso más común de la tecnología ha hecho una
contribución significativa al desarrollo, monitoreo y
administración de los procesos organizacionales en
una empresa, mejorando los tiempos de respuesta y
el desempeño. Permitiendo de esta manera que una
PYME (Pyme) sea más competitiva y sostenible a
largo plazo.
En una empresa que tiene como entrada los
procesos operativos en el registro y actualización de
un inventario, frente al proceso anterior se deben
hacer una buena gestión y administración de la
información. Uno de los principales factores que
afectan el desempeño de las empresas y las
ganancias obtenidas, se basan en el tratamiento de
este importante insumo identificado como
información. Por lo tanto, es esencial que las
empresas tengan un inventario que se gestione de
manera efectiva, permitiendo su control en tiempo
real, estableciendo prioridades en el seguimiento de
los objetivos de acuerdo con las metas establecidas
por la empresa haciendo un uso efectivo de los
recursos. Además de esto, ofrece la opción de
registrar el movimiento de ventas y compras de una
manera rápida y fácil.
En la implementación de un desarrollo
tecnológico, las ventajas se dirigen a la empresa y a
cada uno de los clientes a los que se puede atender
en un tiempo récord permitiendo generar una
factura con la lista de artículos especificando sus
precios como comprobante de pago garantizando la
seguridad en la venta. Proceso. El desarrollo se
llevará a cabo teniendo como patrón arquitectónico
el controlador de vista del modelo y el uso de
Framework Laravel y Vue.js que se desarrolla en el
lenguaje de programación PHP, lo que hace que la
aplicación sea más robusta y escalable.
REVISTA IF INGENIERÍA Y TECNOLOGÍA
Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554
Keywords:
Palabras clave: Infraestructura Tecnológica,
Aplicación Web, Sistema, Inventario, Administración.
Introduction
Companies require tools that systematize the
processes and that can manage the main tasks in
real-time. Nowadays, innovation is part of the
everyday world without neglecting companies. The
management of human management is defined by
Garcia in 2011 as:
"The strategic activity of support and
management support, composed of a set of policies,
plans, programs and activities, with the aim of
obtaining, training, motivating, rewarding and
developing the people required to generate
potential, management, culture organizational and
social capital, where the different interests that
converge in the organization are balanced to achieve
the goals effectively ".
Therefore, it is a necessity to use these tools and
integrate them into the processes of the company as
a mechanism for the development of processes.
As he cites the importance it has for an entity as
cited by the author (Riascos, 2011) "Technology has
advanced considerably in support of this
administrative mutation..." Obtaining information
faster than when done manually or with other basic
programs such as spreadsheets.
Material and methods
Inventory
An inventory is the orderly, detailed and valued
relation of the set of goods or belongings that
constitute the patrimony of a person, community or
company in a specific moment.
It is the registration of all the products and raw
materials that a company owns. In the case of
products are those that are available for sale and in
the case of raw materials, it refers to those with
which the product will be created for sale [1] [2].
Stock
We call stocks or stocks of a company to the set
of materials and items stored, both those that are
necessary for the production process and those for
sale.
POS System
POS for its acronym Point of Sale. It means point
of sale or point of sale terminal, is a program for
stores, micro markets, drugstores, restaurants,
clothing stores, footwear among others, developed
to systematize the control of their sales, and
inventory.
Framework
A framework is a defined support structure,
where another software project can be organized
and developed. The frameworks usually include
support of programs, libraries, scripting language,
software to develop and unite different components
of a program development project. The frameworks
allow: help the development of software, avoid low-
level details, allowing more time and effort to
identify the software requirements [3].
Vue.JS
Vue is an accessible, versatile and good
performance framework that allows you to create a
much easier to support and test code base. It is a
progressive framework, which means that if you are
using a web application framework you can include
Vue to only a part of the application that needs a
more intuitive and interactive experience, Vue has
base libraries and an excellent and indispensable
ecosystem for the growth of any project, also allows
you to take a web page and divide it into reusable
components, each with its own HTML [4].
Laravel
Laravel is an open source framework for
developing web applications and services with PHP, it
provides a wonderful development environment
without the need to install PHP, a web server or
other software on the computer. Homestead works
on any Windows, Mac, or Linux system, and includes
the Nginx web server, PHP 7.0, Mysql, PostgreSQL,
Redis, Memcached, Node, and all the other things
you need to develop amazing web applications [5].
PHP
PHP (PHP recursive acronym: Hypertext
Preprocessor) is a very popular open source language
especially suitable for web development and that can
be embedded in HTML. The best thing about using
PHP is its extreme simplicity for the beginner, but at
the same time it offers many advanced features for
professional programmers [6].
JavaScript
JavaScript is a great programming language that
allows developers to create actions on their web
pages, JavaScript is a language with many
possibilities, used to create small programs that are
then inserted into a web page and into larger, object-
oriented more complex programs. With JavaScript,
we can create different effects and interact with our
users [7].
REVISTA IF INGENIERÍA Y TECNOLOGÍA
Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554
MariaDB
MariaDB is a database management system
(DBMS), that is, a set of programs that allow
modifying, storing, and extracting information from a
database. Having other types of features such as user
administration, and information recovery if the
system is corrupted, among others [8].
HTML
HTML is a markup language used for the
development of Internet pages. This is the acronym
that corresponds to HyperText Markup Language, 53
that is, Hypertext Markup Language, which could be
translated as a Document Format Language for
Hypertext, is responsible for developing a description
of the contents that seem as texts and their
structure, complementing said text with different
objects (such as photographs, animations, etc.) [9].
CSS
It is the language that defines the presentation of
a web page. It is used to give color, background
images and textures, and to organize the elements
on the page. However, CSS does much more than
just paint a pretty picture. It is also used to improve
the ease of use of a website.
IDE
An integrated development environment or
interactive development environment, in English
Integrated Development Environment (IDE), is a
computer application that provides comprehensive
services to help the developer or programmer
software development [10].
Bootstrap
Bootstrap is a multi platform library or set of
open source tools for website design and web
applications. It has design templates with
typography, forms, buttons, boxes, navigation menus
and other design elements based on HTML and CSS,
as well as other JavaScript extensions. Unlike many
web frameworks, it only deals with front-end
development. [11]
Web Services
The application consumes a web service using
SOAP as a protocol that provides robust
interoperability and offers efficient communication
between server and client, even though it’s encoding
has been done in different languages. It usually uses
HTTP and is based on XML for easy reading.
Developing an application for management of
inventories and sales is a very important part in the
strategic planning of a company, because this
facilitates not only the performance and organization
 within the companies but also the decision-making • Planning of the activities to be carried out.
for a growth and better results in the company. In Design: Once you have the analysis and planning,
this way the medium and small companies of the you begin to design the way the prototype of the
Santander department can have a systematized application will behave. The design of the use cases
control over the productivity of the company and the design of the database is carried out, as well
through the control of inventories and sales in a as the architecture of the software to be encoded.
controlled and monitored way [12]. • Design of use cases.
In the process of software development there has • Model design Entity Relationship of the
been a constant evolution in terms of methodologies database.
54 or the ways in which planning for software design is • Design of the code architecture.
carried out, basically with the aim of improving, • Graphic interface design.
optimizing processes and offering a better quality.
Currently there is a lot of variety in software
development methodologies, and for the elaboration
of this research project we will use the cascade
software cycle method (Linear Framework) whose
work proposal is based on an orderly and sequential
process where we have to follow and complete some
phases to be able to advance to the next phase.

Fig. 2 Relational database model.

Fig. 1 Life Cycle, cascade form.

Analysis: This is the first stage where the basic

needs that the prototype must have are defined to
be able to solve the problems raised in this
investigation. In addition, the technical requirements
necessary for the development of software to be
performed are analyzed.
Investigation of the functional methodology to be
implemented (inventories, sales and purchases)
• Define software requirements (language,
application server, other technologies to be used)
• Define data-base motor to be used.
• Define the functional scope of the web
application prototype
Planning: At this stage, a schedule of the activities
to be carried out is made to complete the prototype
of the web application, this in order to be able to
estimate the costs in time and resources. These
estimates are made at the beginning of the software
project within a limited time, while the development
process progresses, they are adjusted regularly.
• Approach of the problem to solve.
• Definition of the general objective.
• Definition of specific objectives.
Fig 3 Use case diagram for administrator.
Implementation: With the previous steps
completed, you can go ahead to execute the
programming in the code of the designs proposed in
the design phase, either in the object- oriented
programming language or in SQL for the case of the
database.
• Development of the database in SQL
language.
• Mounting the database on the chosen
server.
• Development of classes and methods for the
business logic of the application.
• Development of classes and methods for the
business logic of the application.

REVISTA IF INGENIERÍA Y TECNOLOGÍA

Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554
 Fig. 9 Products forms.

Fig. 4 Structure of application entities.

55

Fig.10 Product editing form.

Fig.5 User authentication.

Fig. 11 Products entry.

Fig. 6 Inventory menú

Fig 7 Suppliers menu. Fig. 12 Suppliers entry.

Fig. 13 Suppliers exit.

Fig. 8 Suppliers form.

Fig. 14 Stock form.

REVISTA IF INGENIERÍA Y TECNOLOGÍA

Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554

Fig. 15 Suppliers report.
56
Fig. 16 Product report.
Fig.17 Stock report.
Tests: In this stage, a process of reviewing the
prototype of the web application is performed to
verify that it meets the functional requirements
necessary to solve the problem. In addition, the
quality of the code is ensured by finding possible
bugs and preventing them from being presented to
the end user.
• Regression tests to verify software
functionality.
• Solution of possible errors in the code.
Goals
With the passage of time, the systematization of
the movements of companies has become a
necessity as well as being an obligation in legal
terms, the continuous technological advances and
the need for innovation requires a constant
adaptation that allows not only to improve internally
but also to support the competitive environment
that exists today. For this reason, the management
of inventories and sales is a very important part in
the strategic planning of a company, because this
facilitates not only the performance and organization
within the companies but also the decision-making
for a growth and better results in business.
REVISTA IF INGENIERÍA Y TECNOLOGÍA
Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554
Currently there are software solutions in the
market that allow this activity of billing and inventory
management for companies, but its high cost only
allows large organizations to have access to them
leaving small and medium enterprises without the
possibility of enjoying a software application that
helps in this important work. This makes a SME
(Pyme) have to resort to other methods to meet this
need, such as carrying large spreadsheets with all the
information of your business and running several
risks due to loss of information, loss of time and high
unnecessary costs.
To meet this need that now exists, we pose the
following question: How will a Web application
contribute to the management of your billing and
inventory process and the improvement of processes
in the Small and Medium Enterprises of Santander,
Colombia?
Systematization in general is a key strategy for
improving business competitiveness, since it
contributes to achieving goals that could hardly be
achieved without software that handles these main
tasks in an organization. The reduction of time for
information processing, cost savings and data
conservation with greater security is a day-to-day
concern in companies. In this sense, information
systems based on a web application is a very easy
alternative to implement and play a very important
role in the systematization of information and
internal management, because it allows storing large
volumes of information and providing easy access for
your inquiry immediately.
The high cost of software applications for this
specific billing and inventory sector means that small
and medium-sized companies have to look for
alternatives that adjust to their economic capacity,
the most common is for these organizations to carry
out this activity in spreadsheets as Excel. This
practice leads to the organizational information of
the company being rotated between different
workstations, since there is not a central data base,
running the risk of information loss and reprocessing
due to the handling of different files.
The use in a SME (Pyme) of a web application to
manage your internal organization with inventory
and sales, will not only supply the needs described
above, allowing you to have your information
centralized and with easy access to it to be
administered in a timely manner, but also, avoid
reprocessing, reducing the operating times, allowing
you to optimize resources and increase your
productivity, thus improving your indicators.
 With this application, we develop a technological
solution that through this innovation at low-cost will
allow promoting in a significant way the regional
development.
The management information and control of
inventory system at the Colegio Nuestra Señora de
Fatima Bucaramanga headquarters: This project
develops a web application for the management and
control of the elements of the supply store of the
Nuestra Señora de Fátima School, developing it fully
with technology of free software thus giving a better
understanding of what is related to this department
to the users. The representation or modeling of the
system was based on the unified language of
modeling, which allows the option of generating the
various documents or reports of actions carried out
by the users, thus giving them the ability to print
them or save them periodically, taking into account
that the use of the application will be by the staff of
the Services and Support Coordination and that the
documents are generated in PDF format.
Management of inventories and activities of the
study centers of mechanical engineering and
electrical engineering web information system [13].
This project shows the development of a web
information system for the management of
inventories and activities of the mechanical and
electrical engineering study centers. The system was
developed on the UML analysis and design
methodology, developing the application in PHP
language connected to a MYSQL database
management system and launching on the Apache
web server.
More than half of small businesses in the
metropolitan area of Bucaramanga manage their
inventories through annotations, taking advantage of
the use of new information technologies. The closest
thing is to use spreadsheets to keep track of their
inventories. One of their reasons is the high cost of
the implementation of these technologies, either
because of the cost of equipment or software costs,
or because they do not know how to choose which
tool is best for them to use, as Andrés Magri
expresses it in the "Logical Magazine":
"The technology and the systematization of
processes have modernized one of the most
expensive, but at the same time important, logistics
tasks for companies: inventories. The alternatives in
the virtual market abound, but the question is to
choose an ideal option that fits the corporate needs,
to have a real leap in quality ". Andrés Magri, Logical
Magazine
REVISTA IF INGENIERÍA Y TECNOLOGÍA
Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554
The Inventories & Stock application allows you to
easily and quickly manage the inventories of a
business, save data in the cloud, work online or
offline, create multiple users, have alerts for when
the stock is in the minimum range and read bar
codes with the camera of the device. FABRIFARMA
SA, The author LINA MARÍA GUTIÉRREZ ARROYAVE,
expresses
"The purpose of this degree work is to present a
design of the accounting information system that
applies to the pharmaceutical laboratory 57
FABRIFARMA SA", seeking to integrate all the
processes that affect accounting in a single system of
management allowing observing and understanding
in a clear and precise way how the gear between the
different areas works and the accounting area, in
turn, that helps you to facilitate and address in an
exact and precise way the decision- making.
GUTIÉRREZ ARROYAVE, L. (2012).
Discutions
According to the development of the project you
can consolidate the following products:
The design of the use cases, the entity-
relationship model of the database together with the
sequence diagrams.
• Functional prototype of the web application
for personnel management.
The functioning of the web prototype will be
observed, through functional tests, which will allow
demonstrating that the web prototype complies with
the agreed requirements.
• User and installation manuals.
Conclusions
After the development of the following project it
is possible to conclude the following:
The use of a web application that allows the
management of information on this occasion for the
diagnosis of occupational diseases.
The improvement of the quality of life for those
people who have a timely diagnosis for medical
treatment.
• The execution of activities and results in real
time according to the information provided.
• The creation of modules that contribute to
the process automatization.
• The usage of new technologies that allows
the bar code record and other computing elements.
 Quotes and references

[1] INVENTARIO Definición de inventario [En línea] [Citado

2016] Disponible en URL https:
//www.economiasimple.net/glosario/inventario
[2] JAIMES S A N C H E Z 2006 Universidad Industrial De
URL http://tangara.uis.edu.co/
biblioweb/tesis/2006/120248.pdf
[3] de F R A M E W O R K D Framework de desarrollo
(informática) [En línea] [Citado 2016]
Disponible en URL http://www.alegsa.com.ar/Dic/framework.php
58 [4] VUEJS vue[En línea] [Citado 2014-2018] Disponible en
URL https://vuejs.org/
[5] LARAVEL laravel [En línea] [Citado 2017] Disponible en
URL https://laravel.com/
[6] PHP ¿Qué es PHP? [En línea] [Citado 2017] Disponible
en URL https://php.net/manual/ es/intro-whatis.php
[7] JavaScript J A V A S C R I P T [En línea] [Citado 2016]
Disponible en URL https:
//www.javascript.com/
[8] MariaDB M A R I A D B [En línea] [Citado 2019]
Disponible en URL https://mariadb.org/
[9] HTML html [En línea] [Citado 2015-2018] Disponible en
URL https://html.com/
[10] IDE Definición de IDE[En línea] [sin fecha] Disponible en
URL http://www.alegsa.com.ar/ Dic/ide.php
[11] Bootstrap B O O T S T R A P [En línea] [Citado 2018]
Disponible en URL https:
//getbootstrap.com/
[12] MAYENBERGER S C H E E L 2009 Carlos y RIVERA
GONZÁLEZ, Ángel Eustorgio: SUtilización de las TIC y su impacto
en la competitividad de las empresas latinoamericanas,
Bogotá. [En línea] URL
http://tangara.uis.edu.co/biblioweb/tesis/2006/120248.pdf
[13] DURAN E S T R A D A, Rafael J, Galván V and Yesith J
2009 Sistema de información web para el manejo de
inventarios y actividades de los centros de estudio de ingeniería
mecánica e ingeniería eléctrica vol < (Bucaramanga) URL
http://tangara.uis.edu.co/biblioweb/tesis/ 2009/129490.pdf
O de cualquier otro recurso que afecte el diseño y diagramación
de la publicación final.

REVISTA IF INGENIERÍA Y TECNOLOGÍA

Vol. 1. No. 1. Año 1 | enero-diciembre de 2020. | ISSN: 2711-4554