UNIDAD EDUCATIVA MONTEPIEDRA

Figura Profesional

Informática

Proyecto Demostrativo - Memoria técnica

Previa a la obtención del Título de

Bachiller Técnico de Servicios

“SISTEMA DE INVENTARIO PARA WINDOWS”

Presentado por:

Jaren Aaron Pazmiño Reyna

Tutor: Ing. Edgar Andrade Espín

GUAYAQUIL – ECUADOR

24- FEBRERO -2023

1
 ÍNDICE

Contenido
Resumen ejecutivo 4
Introducción 4
1. Propuesta de trabajo 5
2. Memoria descriptiva 7
2.1 Descripción general 7
2.2 Descripción técnica 7
2.3. Glosario 8
3. Proceso de producción de bienes o prestación de servicios 9
Parte 1: Instalación de IDE de Programación 9
Parte 2: Creación del proyecto en Visual Studio 10
Parte 3: Diseño del programa 11
Parte 4: Implementación del diseño en Visual Studio 18
4. Recursos 21
5. Cronograma de actividades 22
6. Conclusiones 22
7. Recomendaciones 23
8. Bibliografía 23
9. Anexos 23

ÍNDICE DE IMÁGENES
Ilustración 1 - Inicio de sesión...................................................................................................5
Ilustración 2 - Menú Principal...................................................................................................5
Ilustración 3 - Ingresar Productos..............................................................................................6
Ilustración 4 - Venta de Productos.............................................................................................6
Ilustración 5 - Reporte de Productos..........................................................................................7
Ilustración 6 - Sección Descargas VS........................................................................................9
Ilustración 7 - Comunidad VS....................................................................................................9
Ilustración 8 - Crear proyecto.................................................................................................10
Ilustración 9 - Aplicación de Windows Forms.........................................................................10
Ilustración 10 - Crear proyecto VS..........................................................................................11
Ilustración 11 - Crear diseño en pixlr.....................................................................................11
Ilustración 12 - Asignar ancho y alto......................................................................................12
Ilustración 13 - Opción Forma................................................................................................12
Ilustración 14 - Crear Forma..................................................................................................13
Ilustración 15 - Dar color y degradado a una forma..............................................................13
Ilustración 16 - Color..............................................................................................................14
Ilustración 17 - Agregar texto..................................................................................................15

2
Ilustración 18 - Dar efectos al texto........................................................................................15
Ilustración 19 - Añadir imagen como capa.............................................................................16
Ilustración 20 - Rectángulo Redondeado.................................................................................16
Ilustración 21 - Guardar diseño..............................................................................................17
Ilustración 22 - Formato de imagen........................................................................................17
Ilustración 18 - BackgroundImage...........................................................................................18
Ilustración 24 - Importar imagen.............................................................................................18
Ilustración 25 - Ancho y alto de ventana.................................................................................19
Ilustración 21 - Propiedades de Textbox..................................................................................19
Ilustración 27 - Caracter de contraseña..................................................................................20
Ilustración 28 - Picturebox......................................................................................................20
Ilustración 29 - Ajustar Picturebox.........................................................................................20
Ilustración 30 - Agregar Formulario.......................................................................................21
Ilustración 31 - Nombre a ventana..........................................................................................21

3
Resumen ejecutivo
En este proyecto se lleva a cabo la realización de un sistema de inventario para Windows, el
cual será desarrollado en el lenguaje de programación C#. Inicialmente se trabajaría en el
diseño del programa, el cual debe ser intuitivo y fácil de usar para cualquier persona de modo
que le sea fácil adaptarse y lo pueda aprender en poco tiempo. Posteriormente se realiza la
programación, la cual debe estar bien estructurada y definida, además de no poseer errores, lo
cual implica realizar todas las validaciones necesarias que permitan que el programa no sufra
un colapso. Y, por último, se debe verificar que todo funcione correctamente y cumpla con su
objetivo establecido inicialmente, el cual es solucionar los problemas relacionados con el
manejo de inventario o productos dentro de los negocios y/o pequeñas y medianas empresas
(PyMes)
La importancia que posee este proyecto es mucha, porque a partir de aquí se puede construir
una cultura de orden con respecto a los productos, lo cual influirá a las personas en el
Ecuador de modo que provoque un impacto positivo en la población.

Introducción
Las Pymes, como su acrónimo lo dice, conforman el conjunto de pequeñas y medianas
empresas existentes dentro de un país o mercado laboral. En el Ecuador, éstas representan el
95% de las unidades productivas (Jácome & King, 2013), lo cual es un número bastante
elevado. Para poder ser considerado dentro de este grupo, dicho negocio debe poseer, como
mínimo, $100,000.00 de ventas anuales. (Banco Pichincha, 2021)
Según varios estudios, se ha detectado que 70 de cada 100 Pymes no sobreviven más allá de
los 5 años, y se recalca que una de las principales razones por lo que se da esto es el pobre
manejo de inventario que llevan. Este problema conlleva a que la organización
correspondiente posea inestabilidad en dicha cuenta, lo que produce que su inversión se vea
afectada, algo que se va agravando con el paso del tiempo. (FenixCorp, 2019)
Por lo tanto, si las pequeñas y medianas empresas representan una gran parte del sector
productivo del país y éstas presentan problemas en el ámbito financiero, es necesario resolver
esta situación, ya que, de lo contrario, esto podría conducir a una fuerte caída de la economía
del país.

4
1. Propuesta de trabajo
Para empezar con la realización del proyecto, es necesario establecer un maquetado de las
distintas ventanas que compondrán el programa.
Como primer punto, se diseña el inicio de sesión (o mejor conocido como “login”), el cual se
ejecutará de manera inmediata al abrir el programa.

Ilustración 1 - Inicio de sesión

En esta sección, el usuario deberá ingresar las credenciales proporcionadas por el

programador.
Como segundo punto a considerar se encuentra el menú principal. Este se ejecutará posterior
al ingreso correcto de información en la pestaña de inicio de sesión.

5
 Ilustración 2 - Menú Principal

A partir de ahí el programa se subdivide en 3 secciones: añadir, venta y reporte. Cada una de
ellas tendrá una ventana en específico. Para el caso de “Añadir Mercadería”, el diseño
propuesto es el siguiente:

Ilustración 3 - Ingresar Productos

El usuario debe ingresar los datos con respecto al producto que desea colocar, y posterior a
ello, dar click en el botón ingresar producto, y automáticamente se guarda el producto.
En el caso de “Venta de Mercadería”, la ventana diseñada es la siguiente:

6
 Ilustración 4 - Venta de Productos

Posee un diseño bastante similar a la anterior ventana, pero con unas funciones extras, donde
el usuario podrá buscar un producto por su código, de modo que se llenen los datos de
manera automática.
Por último, para la ventana de “Reportes”, el diseño propuesto es el siguiente:

Ilustración 5 - Reporte de Productos

En esta ventana el usuario debe ingresar el mes y el año, y de acuerdo a la información

existente en el sistema, el sistema le dará un reporte acerca de ello. Además, existe la
posibilidad de exportar dicho informe en formato .xlsx, es decir, documento de Microsoft
Excel.
Mediante esta aplicación se busca solucionar los problemas relacionados con la falta de
control de inventarios, debido a que, al llevar un control sobre los productos que se manejan

7
 en un negocio/empresa y todos los movimientos que realiza (compra y/o venta), las cuentas
serán mucho más transparentes.
2. Memoria descriptiva
2.1 Descripción general
En resumen, el proyecto de “Sistema de inventario para Windows” busca solucionar la
problemática relacionada con el manejo de productos dentro de un negocio, e incluso, una
empresa mediana.
Para lograr este objetivo es necesario implementar una interfaz que sea amigable con el
usuario, es decir, interactiva y fácil de usar, de modo que la persona que lo use no tenga
mayor dificultad al realizar acciones y realizar búsquedas dentro del mismo.
Por lo tanto, el proyecto busca resolver la problemática mencionada con anterioridad
haciendo uso de interfaces intuitivas que permitan que el usuario común manejarlo
eficientemente.
2.2 Descripción técnica
Las herramientas necesarias para la realización del proyecto son las siguientes:
● Visual Studio: El IDE de Visual Studio es un panel de inicio creativo que se puede
usar para editar, depurar y compilar código y, después, publicar una aplicación.
(Microsoft, 2022)
● Pixlr: Editor de fotos avanzado, diseñado para una edición de imágenes más detallada
y una creación de contenidos de tipo profesional, se presentó para transformar
imágenes sencillas en obras maestras, con sus capacidades de edición de IA de
siguiente nivel. (Pixlr, s.f.)
● Microsoft Edge: Microsoft Edge es un navegador web desarrollado por la compañía
norteamericana Microsoft en sustitución de su antiguo navegador Internet Explorer.
Microsoft Edge ha sido desarrollado específicamente para el vigente sistema
operativo de los ordenadores Windows, Windows 10 y se ha construido en torno a los
estándares web. (Aritmetrics, s.f.)
● G Suite: Crea espacios para proyectos internos, sitios web de equipos, sitios web
públicos y mucho más, y todo sin la ayuda de diseñadores, programadores ni
especialistas en informática. (Google, 2022)
● Google Drive: Con Google Drive, puedes abrir tus archivos desde la carpeta Drive
del escritorio de tu ordenador o desde el navegador. (Google, 2022)

8
 ● C#: Es un lenguaje de programación moderno, basado en objetos y con seguridad de
tipos. C# permite a los desarrolladores crear muchos tipos de aplicaciones seguras y
sólidas que se ejecutan en .NET. (Microsoft, 2022)

2.3. Glosario
● IDE: Un entorno de desarrollo integrado (IDE) es una aplicación de software que
ayuda a los programadores a desarrollar código de software de manera eficiente.
Aumenta la productividad de los desarrolladores al combinar capacidades como
editar, crear, probar y empaquetar software en una aplicación fácil de usar. (Amazon,
2022)
● Lenguaje de programación: Lenguaje artificial que se utiliza para expresar
programas de ordenador. (Universidad Salesiana, 2022)
● Inventario: Conjunto de mercancías o artículos que tiene la empresa para comerciar
con aquellos, permitiendo la compra y venta o la fabricación primero antes de
venderlos, en un periodo económico determinados. (Escolme, 2022)
● Software: Conjunto de programas o aplicaciones, instrucciones y reglas informáticas
que hacen posible el funcionamiento del equipo. (GCF Global, 2022)
● Interfaz: Conexión, física o lógica, entre una computadora y el usuario, un
dispositivo periférico o un enlace de comunicaciones. (Real Academia Española,
2022)
● Hardware: El hardware hace referencia a todos los componentes materiales y físicos
de un dispositivo, es decir, aquellos que se pueden ver y tocar. (Software Lab, 2022)

3. Proceso de producción de bienes o prestación de servicios

Para poder realizar este proyecto, se requiere cumplir con varios detalles a tomar en cuenta,
además de seguir una serie de pasos que serán mencionados a continuación:

Parte 1: Instalación de IDE de Programación

1. Vamos a https://www.google.com.ec/
2. Buscar “visual studio”
3. Clic en la opción “Visual Studio: IDE y Editor de código para desarrolladores”
4. En la sección Descargas (parte superior), dar clic

9
 Ilustración 6 - Sección Descargas VS
5. Nos ubicamos en el apartado “Comunidad”, y damos clic en “Descarga gratuita”

Ilustración 7 - Comunidad VS
6. Se descargará un archivo, el cual es el instalador de Visual Studio. Abrirlo.
7. Se abrirá una ventana con una lista de funcionalidades disponibles. Seleccionar las
siguientes:
a. Desarrollo de la interfaz de usuario de aplicaciones
b. Desarrollo de escritorio de .NET
c. Desarrollo de la plataforma universal de Windows
8. Dar clic a “Instalar” en la parte inferior derecha y automáticamente empezará la
descarga e instalación de las características seleccionadas.
9. Visual Studio se ha instalado correctamente.

Parte 2: Creación del proyecto en Visual Studio

1. Ejecutar Visual Studio 2022, ya sea, colocando su nombre en el buscador de
Windows, o dando clic al acceso directo.
2. Dar clic a “Crear un proyecto”.

10
 Ilustración 8 - Crear proyecto
3. Buscar “Aplicación de Windows Forms (.NET Framework)”, seleccionarlo y dar clic
a siguiente.

Ilustración 9 - Aplicación de Windows Forms

4. Asignar un nombre al proyecto, en este caso “SistemaInventario”. Posteriormente, dar
clic a “Crear”.

Ilustración 10 - Crear proyecto VS

5. Empezará la creación del proyecto. Esperar a que todos los controladores se carguen
correctamente para empezar a trabajar.

11
Parte 3: Diseño del programa
Para este punto, se puede usar un programa y/o aplicación distinta al que se mencionará en
breve, sin embargo, por preferencia del autor, se empleará la página “Pixlr” para realizar el
diseño del programa.
1. Acceder a https://pixlr.com/es/e/
2. Dar clic a “Crear nuevo”

Ilustración 11 - Crear diseño en pixlr

3. Asignar un nombre y establecer una anchura de 1073 y una altura de 800. Estas
opciones se encuentran en la parte central derecha de la pantalla. Posteriormente dar
clic a “Crear”.

Ilustración 12 - Asignar ancho y alto

4. Se cargará un diseño vacío.
5. En el sector izquierda se encuentra un menú con todas las funciones que ofrece la
página. En este caso, seleccionaremos la opción “Forma”.

12
 Ilustración 13 - Opción Forma
6. El cursor cambiará su forma a una cruz. En la parte superior de la página,
seleccionamos la opción “Rectángulo” para posteriormente dibujar uno en el espacio
en blanco que se cargó al momento de la creación del diseño.

Ilustración 14 - Crear Forma

7. Se cargará una forma con un color predeterminado. En la parte superior
encontraremos la opción “Rellenar”. Damos clic y se desplegará una pequeña
ventana. Clic en la sección “Gradiente”. Aparecerá una lista de efectos disponibles
para usar. Escogemos la segunda variante.

13
 Ilustración 15 - Dar color y degradado a una forma
8. En la ventana desplegada se mostrarán 2 colores, uno en cada extremo. Damos clic en
el límite izquierdo y volvemos a hacer lo mismo en la opción “Color”, donde se
desplegará un nuevo menú con una paleta de colores. En la parte inferior derecha de
esta ventana se encuentra un código de colores en hexadecimal, los cuales
cambiaremos por #9561EE. Clic en “Ok”.

Ilustración 16 - Color
9. Se habrá cargado el color morado, pero con una tonalidad clara. Para el extremo
derecho volvemos a repetir el mismo proceso del paso 8, pero el código hexadecimal
a introducir será el siguiente #3535F8.
10. Una vez realizados estos pasos, el degradado se habrá aplicado, y esto será usado
como fondo de pantalla.

14
11. Volvemos al menú de la página y ahora seleccionamos la opción “Texto”, y damos
clic en cualquier sector del fondo creado anteriormente. Aparecerá una ventana
preguntando si se quiere crear una nueva capa de texto, clic en “Agregar”.

Ilustración 17 - Agregar texto

12. Cargará un texto predeterminado, el cual modificaremos escribiendo “Control de
Inventarios”. Posteriormente se retocará el tamaño y fuente de la letra (parte superior),
dando como valores 75 y “Trebuchet MS” respectivamente. Sumado a esto, el color
de las letras debe cambiar a blanco, dando clic en “Rellenar”, y poniendo el código
hexadecimal en #FFFFFF.

Ilustración 18 - Dar efectos al texto

15
13. Seleccionar una imagen que acompañará a este texto. Así mismo, buscar ilustraciones
y/o íconos en internet con los temas “usuario” y “contraseña”. Posterior a esto,
agregarlos en el diseño mediante la pestaña “Capa”, “Añadir imagen como capa”, y
escoger la imagen descargada.

Ilustración 19 - Añadir imagen como capa

14. Repetimos los pasos 4, 5 y 6, pero con la variante de que se debe escoger la opción
“Rectángulo Redondeado” y establecer el color de la forma en blanco (#FFFFFF).
Además, en el mismo menú, aparecerá la opción “Radio”, donde le asignaremos el
valor de 22. Posteriormente, duplicar esa forma para el campo de contraseña.

Ilustración 20 - Rectángulo Redondeado

15. Para el botón de aceptar, se repite el paso 11, 12 y 14, pero el texto tendrá un tamaño
de 60; mientras que la forma un radio de 35.
16. Finalmente, se habrá concluido con el diseño del Inicio de sesión. Para descargarlo,
nos ubicamos en la pestaña Archivo, opción guardar, seleccionamos su formato de
imagen preferido, dar clic a “Guardar como” y asignar una ruta de su dispositivo
donde desea almacenar la imagen.

16
 Ilustración 21 - Guardar diseño

Ilustración 22 - Formato de imagen

Parte 4: Implementación del diseño en Visual Studio

1. En el proyecto de Visual Studio que se creó anteriormente, damos clic a la ventana en
blanco que nos muestra el programa; nos dirigimos a propiedades (parte inferior

17
 derecha), buscamos la opción “BackgroundImage” y damos clic. Se abrirá una
ventana.
2. En dicha ventana, seleccionamos la opción “Archivo de recurso del proyecto”, y
damos clic en Importar. Buscamos la imagen que se guardó previamente, la
seleccionamos y clic en Aceptar.

Ilustración 23 - Background Image

Ilustración 24 - Importar imagen

3. Se cargará nuestro diseño. Luego, se procederá a cambiar el tamaño de la ventana. En
propiedades, buscamos la opción “Size”, y clic al signo más (+). Al width (ancho), se
le asigna el valor de 226, mientras que al height (alto), se coloca 51. Además, otra
propiedad a modificar es “BackgroundImageLayer”, y entre las opciones disponibles,
escoger “Zoom”.

18
 Ilustración 25 - Ancho y alto de ventana
4. Ahora, hay que hacerlo funcional. En el menú de herramientas de Visual Studio (parte
izquierda), buscamos la opción “TextBox”, lo arrastramos a la ventana y lo colocamos
en el rectángulo blanco del diseño que determinamos como campo para ingresar
nombre de usuario. Posteriormente, cambiamos las siguientes propiedades:
a. BackColor: Window
b. BorderStyle: None
c. Font: Trebuchet MS. Tamaño: 16

Ilustración 26 - Propiedades de Textbox

5. Aplicamos el mismo proceso para el campo de contraseña, pero modificamos una
propiedad adicional, “PasswordChar”, a la cual se le asigna el valor de *.

19
 Ilustración 27 - Caracter de contraseña
6. Para el botón de Aceptar, se importa la imagen por separado del mismo. Para esto,
arrastramos el controlador “PictureBox”, clic en la flecha de la caja desplegada, y clic
en la opción “Elegir imagen”. Aplicamos el mismo procedimiento del paso 2 y se
realiza la respectiva importación.

Ilustración 28 - Picturebox
7. Se cargará la imagen del botón, pero para ajustarla al tamaño deseado, se repite el
paso 5, pero ubicándonos en la opción de “Modo de Imagen”, y escogiendo la opción
“StretchImage”.

Ilustración 29 - Ajustar Picturebox

8. Doble clic en el botón y escribir el código utilizado en los Anexos.
9. Finalmente se habrá implementado con éxito el inicio de sesión del programa.

20
10. Para agregar otra ventana, nos dirigimos a la pestaña Proyecto, y damos clic en
“Agregar Formulario (Windows Forms)”

Ilustración 30 - Agregar Formulario

11. Se abrirá un cuadro de diálogo, donde debemos colocar el nombre que deseamos
poner a nuestra ventana.

Ilustración 31 - Nombre a ventana

12. Se creará una ventana en blanco. Se procede a colocar el fondo creado para el menú
principal repitiendo los pasos 1 y 2. Por otra parte, también hay que modificar el
tamaño de la ventana, lo cual se realiza aplicando el paso 3, pero asignando los
valores de 691 para el “width”, y 587 para el “height”. Además, es necesario colocar
el diseño de los botones creados, los cuales se realizan mediante la explicación dada
en los pasos 5 y 6.
13. Aplicando varios de los pasos anteriores, se implementa la segunda ventana, la cual
corresponde al menú del programa.

21
 Ilustración 32 - Implementación de Menú Principal

14. Realizando los mismos procedimientos, se implementan las ventanas de añadir

producto, ventas y reporte.

Ilustración 33 - Implementación de Ventana Ingresar Producto

22
 Ilustración 34 - Implementación de ventana Venta de Productos

Ilustración 35 - Implementación de ventana Reporte de Productos

15. En todas estas ventanas se aplican distintos códigos los cuales se encuentran
clasificados en la sección de Anexos.
4. Recursos
Para realizar el proyecto se necesita de los siguientes recursos:
Hardware
● Computadora
● Mouse o ratón
● Teclado
● Monitor
● Auriculares (opcional)

23
Software
● Visual Studio
● C# (Lenguaje)
● Python (Lenguaje)
● Microsoft Edge
● Documentos de Google
● Spreadsheets de Google
● Google Drive
● Microsoft Word
Además, es necesario de los siguientes requerimientos para poder hacer uso de los recursos
mencionados anteriormente:
● Luz
● Internet
● Escritorio o mesa de trabajo
5. Cronograma de actividades
Para realizar el proyecto en cuestión se elaboró un cronograma con el detalle de las
actividades necesarias para realizar la idea planteada, el cual se muestra a continuación:

Ilustración 36 - Cronograma

6. Conclusiones
Mediante el proyecto realizado se logró reducir el porcentaje de errores relacionados con el
manejo de inventario, debido a que se lleva un mejor control con respecto a otros períodos.

24
Para poder lograr mitigar por completo el problema planteado, es necesario que el usuario
logre adaptarse al programa y lo maneje correctamente, lo cual se dará con el paso del
tiempo.
Gracias a este proyecto se logró encontrar una solución efectiva y amigable con el usuario
común, que muchas veces posee poco o nulo conocimiento en el área de sistemas
computarizados y es de gran importancia implementar interfaces amigables que le ayuden a
usarlo de buena manera, tal como sucede con el proyecto en cuestión.
7. Recomendaciones
Al momento de realizar un programa, hay que usar un IDE de programación y muchos de
estos incluyen herramientas que permiten realizar la interfaz gráfica dentro del mismo, sin
embargo, si se quiere realizar este diseño con mayor detalle y creatividad, es recomendable
usar un programa de diseño, para luego importar la/s imágen/es dentro del proyecto y
simplemente implementar los controladores que permitan al usuario interactuar con el
sistema (botones, campos de textos, entre otros). Este modo de trabajo se usó para realizar el
proyecto, y se logró agilizar el tema con respecto a la interfaz gráfica.
Otro punto importante a tomar en cuenta se basa en realizar respaldos que permitan guardar
el progreso del proyecto, y, en caso de un posible colapso del programa, se puede volver al
progreso anterior sin tener que realizar todo de nuevo. Para esto, se necesita usar una nube
virtual de almacenamiento, tales como Google Drive, Mediafire, etc.
8. Bibliografía
Amazon. (2022). Amazon. Obtenido de https://aws.amazon.com/es/what-is/ide/
Aritmetrics. (s.f.). Obtenido de https://www.arimetrics.com/glosario-digital/microsoft-edge
Escolme. (2022). Escolme Educación Colombia. Obtenido de
https://www.escolme.edu.co/almacenamiento/tecnicos_oei/Contabilidad/Unidad
%202/Inventario.pdf
GCF Global. (2022). GCF Global. Obtenido de https://edu.gcfglobal.org/es/informatica-
basica/que-es-hardware-y-software/1/
Google. (2022). Support Google. Obtenido de
https://support.google.com/a/users/answer/9314941?hl=es
Google. (2022). Support Google. Obtenido de
https://support.google.com/a/users/answer/9310246?hl=es
Microsoft. (2022). Microsoft. Obtenido de https://learn.microsoft.com/es-es/visualstudio/get-
started/visual-studio-ide?view=vs-2022
Microsoft. (2022). Microsoft. Obtenido de
https://learn.microsoft.com/es-es/dotnet/csharp/tour-of-csharp/
Pixlr. (s.f.). Pixlr. Obtenido de https://pixlr.com/es/about-us/
Real Academia Española. (2022). DLE RAE. Obtenido de https://dle.rae.es/interfaz
Software Lab. (2022). Software Lab. Obtenido de https://softwarelab.org/es/que-es-hardware-
y-software-definicion-y-diferencias/

25
Universidad Salesiana. (2022). Virtual U Salesiana. Obtenido de
https://virtual.usalesiana.edu.bo/web/conte/archivos/572.pdf

9. Anexos
En esta sección se puede encontrar distintos sitios webs donde se situarán los archivos
relacionados con el proyecto de grado:

26