FACULTAD REGIONAL MULTIDISCIPLINARIA DE CARAZO

FAREM-Carazo
DEPARTAMENTO DE CIENCIAS, TECNOLOGÍA Y SALUD

Tercer año de la Carrera de Ingeniería en Ciencias de la

Computación

INFORME FINAL DE LA ASIGNATURA DE ANÁLISIS Y DISEÑO DE SISTEMAS

II.

TEMA: ANÁLISIS Y DISEÑO DE SISTEMAS

SUBTEMA:
Propuesta de un Sistema Web de facturación para el negocio
“Heatherling Shoes”

Autores: Danny Aldahir López Sánchez

Natanael de Jesús Aburto Dávila

Carlos Rubén Aguirre Parrales

Carlos David Chávez Campos

Xóchitl Abigail Pérez Gonzales

Tutor: PhD. Concepción de María Mendieta B.

Jinotepe, Abril 12 del 2019

Contenido
1. INTRODUCCION ....................................................................................................................... 1
2. JUSTIFICACIÓN ....................................................................................................................... 2
3. OBJETIVOS ............................................................................................................................... 3
3.1 Objetivo general ...................................................................................................................... 3
3.2 Objetivos específicos ............................................................................................................ 3
4. DESARROLLO DEL SUBTEMA ............................................................................................ 4
4.1 Términos de referencia .......................................................................................................... 4
4.1.1 Descripción de la situación actual ................................................................................. 4
4.1.2 Descripción de los módulos ........................................................................................... 5
4.1.3 Alcances y limitantes ..................................................................................................... 12
4.2 Estudio de factibilidad ..................................................................................................... 14
4.2.1 Factibilidad Técnica ........................................................................................................ 14
4.2.2 Factibilidad económica................................................................................................... 17
4.2.3Factibilidad operativa ......................................................................................................... 22
4.2.4 Factibilidad legal ................................................................................................................ 23
5. MARCO TEÓRICO ................................................................................................................. 24
6. METODOLOGÍA...................................................................................................................... 48
7. MODELADO DEL SISTEMA MEDIANTE UML ................................................................. 50
8 DISEÑO DE LA INTERFAZ DE USUARIO ........................................................................ 66
9 CONCLUSIONES.................................................................................................................... 71
10 PROYECCIONES................................................................................................................ 72
11 RECOMENDACIONES ...................................................................................................... 72
BIBLIOGRAFÍ A ............................................................................................................................... 73
1. INTRODUCCION

El análisis y/o estudio para el desarrollo de los sistemas web transaccional o más
conocidos como sistemas de facturación en línea en las empresas o negocios, hoy en día
se han vuelto de vital importancia al momento de acceder a la información en cualquier
parte y de esta manera llevar un mejor control de sus diversas operaciones.

La mayoría de las empresas en la actualidad operan sus principales transacciones

mediante los sistemas web ya que les permiten y les brindad almacenar información en
sus bases de datos de manera más fiable y fácil de manejar.

Estos nuevos sistemas permiten dinamizar el flujo de datos que se almacenan de las
distintas transacciones del negocio permitiendo así guardar información de una manera
más segura.

Por lo tanto el presente proyecto llevara a cabo el análisis y desarrollo para la propuesta
de un sistema de facturación en el negocio “Heatherling Shoes”, donde se
implementaran distintas formas de recolección de datos tales como: entrevistas al
propietario del local para conocer la problemática y necesidades del local, los distintos
estudios de factibilidad donde se conocerá la viabilidad del proyecto y sus estimaciones
de costes del sistema, requerimientos funcionales y no funcionales del sistema que se
desarrollara, todo esto ayudara para el estudio de la funcionabilidad del sistema.

1
2. JUSTIFICACIÓN

Los sistemas de facturación digital permiten procesar, almacenar y mostrar información

de forma dinámica para el usuario. Es de vital importancia que los negocios de hoy en día
cuente con sistema de este tipo que permita la fácil manipulación de la información
almacenada en sus bases de datos de forma ordenada y precisa.

El negocio “Heatherling Shoes” lleva un control de las operaciones principales de forma

física mediante inventarios que no están debidamente respaldados y almacenados de
forma segura, por esta razón surge la necesidad del desarrollo de un sistema de
facturación web que facilite al negocio un mejor control sobre los distintos procesos que
se realizan (ventas, compras, etc.).

Este sistema está enfocado a los principales requerimientos del negocio y siendo
conscientes de los principales beneficios que este conlleva como un mejor manejo
eficiente de la información, mejor organización, distribución y búsqueda de la misma,
permitiendo una mayor agilidad en el manejo de las transacciones de control, tanto por
el propietario y trabajadores encargados de las distintas áreas correspondientes; se
lograra optimizar procesos y tiempo de respuesta a las distintas necesidades del negocio.

2
3. OBJETIVOS

3.1 Objetivo general

3.1.1 Desarrollar la propuesta de un sistema web de facturación del negocio “Headerling Shoes”.

3.2 Objetivos específicos

3.2.1 Elaborar un plan de recolección de información identificando los aspectos a incluir en el
registro digital y sistema web con el fin de comprender el negocio.
3.2.2 Detallar los aspectos y recursos que deben ser tomados en cuenta para el registro de
facturación digital.

3
4. DESARROLLO DEL SUBTEMA

4.1 Términos de referencia

En esta sección se muestra todo lo referente a cada uno de los aspectos más
significativos que contempla el proyecto, describiendo la situación actual del
negocio, también cada uno de los módulos que contendrá la aplicación, además
los alcance y limitantes del sistema web de facturación.

4.1.1 Descripción de la situación actual

Descripción De La Situación Actual.

Heatherling Shoes es un negocio que se dedica a la venta de calzado para damas,

caballeros y niños (como prioridad tiene la venta de calzado para damas), en el
municipio de Jinotepe, departamento de Carazo.

Actualmente el negocio lleva el almacenamiento del producto y la revisión de las

ventas manualmente almacenándolos en cuadernos de registros, los procesos de
información son muy tardados para los clientes como para el empleado a cargo
ya que al momento de realizar una indagación determinada la duración de este
se vuelve tedioso al tener que estar buscando todos los apuntes.

La forma de solucionar esta problemática es elaborando un sistema web de

facturación el que concederá la automatización de los procesos de compras y
ventas que se realicen, también permitirá generar balances y reportes. Gracias a
este sistema web de facturación se podrá acceder a la información de manera
eficaz, rápida, oportuna y clara, referente a las necesidades que demande el
negocio. Lo que permitirá un aumento en la eficiencia y productividad en cuanto
al manejo de la información.
4
 4.1.2 Descripción de los módulos

Para la tienda Heatherlig Shoes los módulos serán los siguientes:

• Modulo Administración de usuario (Seguridad)

En este módulo el encargado de administrarlo será exclusivamente el administrador del

sistema este a su vez creará los diferentes usuarios del sistema donde se le asignarán
roles específicos a cada uno (Administrador: tendrá acceso total al sistema: Agrega
usuarios, asigna los roles de los usuarios secundarios, modifica los usuarios o da de baja,
administra la base de datos agrega, edita campos o módulos del sistema y este mismo da
mantenimiento al sistema en general.

Administrador de ventas y consultas: Registra las principales transacciones del negocio

en los diferentes módulos tales como Agregar venta, Bodega, proveedor, pedidos y
generación de reportes).

Se ingresa administración de usuarios:

1.- Modificar usuarios: Se busca el usuario a editar o a eliminar, se realizan los cambios
necesarios, se actualiza la información y guarda.

2.- Agregar nuevo usuario: se crea un nuevo usuario donde se deberá almacenar y asignar
los siguientes datos tales como: nombre de usuario, id usuario, contraseña, nivel de
acceso al sistema o en su defecto se le asigna el rol que va a tener, se actualiza el sistema
y se guardan los datos.

5
• Módulo de venta

Aquí los actores encargados de esta operación serán los administradores de ventas, este
lleva un control de las ventas del negocio donde se podrá consultar mediante de menú
las siguientes opciones de forma precisa:

1.- Agregar nueva venta

Aquí se visualizará un submenú donde se deberá preguntar cómo quiere hacer el pago
del producto si lo quiere al crédito, sistema de apartado o al contado.

1.1.-Al crédito: aquí se registran los datos del cliente, datos del producto seleccionado;
luego se agrega la cantidad del abono que dejara el cliente, se le emite una factura se
actualiza información y se guarda (finaliza).

1.2.-Sistema de apartado: Se registra los datos del cliente, datos del producto
seleccionado, adelanto del 40% del total a pagar del producto, se le emite una factura, se
actualiza información y se guarda (finaliza).

1.3.-Al contado: se registra los datos del producto, pago del producto, facturación,
actualiza y guarda (finaliza).

2.- Eliminar Factura

Aquí se elimina una factura registrada en la base de datos del sistema, se hace esto
cuando un cliente solicita el cambio de un producto dañado, para hacer efectivo el
cambio de un producto tiene que cumplir con los criterios de devolución de producto:

2.1. Solo si es partidura de suela

6
2.2. suela no desgastada

2.3. Si se pelo el material que cubre el calzado (un mes de plazo)

2.4. Si se despega la suela en un periodo de 15 días

2.5. Presentar factura.

Si se cumplen los criterios anteriores pide los datos de la factura, se busca si existe en la
base de datos, si se encuentra se elimina y se le genera una nueva factura de un nuevo
producto, ya que se le cambia el producto. Si no se encuentra la factura no se hace el
cambio del producto.

3.- Ver ventas

se visualizan lo siguiente

2.1 Ventas del día

2.2 Ventas anteriores

2.2.1 venta de la semana ----> visualiza información

2.2.2 venta del mes ----> visualiza información

2.2.3 venta anual ----> visualiza información

 Modulo Catálogos:
1. Catalogo Caja: En este catálogo se registrarán las diferentes transacciones o
ventas del día en el local donde se deberá almacenar la siguiente información:
1.1. Id Usuario
1.2. Monto de apertura

7
 1.3. Monto de clausura
1.4. Fecha

2. Producto disponible o en existencia:

Aquí se mostrará una tabla de existencia de los diferentes productos con los
siguientes aspectos:

3.1. Id producto
3.2. Nombre producto
3.3. Existencia
3.4. Precio compra
3.5. Precio venta
3.6. Marca

3. Catalogo Productos: Aquí se registrará todos los nuevos productos que se

ingresen en el negocio de ventas de zapatos “heatherling Shoes” donde tendrá
los siguientes campos:
3.1. Código de producto
3.2. Nombre producto
3.3. Marca
3.4. Precio compra
3.5. Precio venta
3.6. Estado
3.7. Cantidad

8
4. Catalogo Cliente: Aquí se almacenarán los datos de los distintos Clientes del local
que optan por los diferentes tipos de pago tales como Al crédito y sistema de
apartado donde se podrá visualizar y registrar los siguientes atributos:
4.1. Id cliente
4.2. Nombres y Apellidos
4.3. Dirección
4.4. Teléfono o celular
4.5. Tipo de pago

5. Catalogo empleados: Aquí se registrarán los empleados del local donde la

información que se almacenará será:
5.1. Id empleado
5.2. Nombres y apellidos
5.3. Teléfono
5.4. Dirección
5.5. Fecha de contratación
5.6. Cargo
5.7. Numero de cedula

9
• Modulo Bodega

Se registrará y se llevara un control de los productos que se van ingresando a bodega

mediante los pedidos a los proveedores y lo que se va sacando para el módulo venta.

Entonces seria bodega:

1.- salió: venta, factura actualiza y guarda (finaliza).

2.- Entro: compras(pedidos), se registra los datos del producto, actualiza información,
guarda(finaliza).

• Modulo reportes

En este módulo al administrador de ventas generar los reportes de cada una de los
procesos que se llevan a cabo en el sistema, y los informes que sean necesarios que la
dueña del local solicite.

Visualización:

1. Productos más vendidos

2. Compras
3. Ventas del día, semanal y mensual
4. Perdidas
5. Productos dañados (devolución de productos por los clientes)
6. Bodega

• Modulo proveedor

Se registra los distintos proveedores que surten al negocio. Al ingresar a la opción

proveedor se visualizará un menú en el cual se observarán las siguientes opciones:

10
 1.- Ver proveedor: se busca un proveedor y se ven los datos registrados del mismo en el
sistema.

2.- Agregar: Se ingresan los datos del proveedor, actualiza, guarda y finaliza.

3.- Editar: se mostrará un submenú en el cual se visualizará lo siguiente:

3.1.- Modificar proveedor: Se busca uno en específico, se realizan los cambios

necesarios y se guarda la información.

3.2.- Eliminar proveedor: Se busca uno en específico, se elimina, se actualiza y se

guarda la información.

• Modulo pedidos

se contabilizarán los diferentes pedidos realizados a los distintos proveedores. se

visualizará en un menú.

1.- Agregar pedido: se ingresa los datos, se verifica si están bien los datos, continua o
edita el pedido y guarda

2.- Ver pedidos: Se visualiza un submenú:

2.1.- pedido anterior ----> visualiza información ----> Finaliza

2.2.- Actual ----> visualiza información ----> Finaliza

2.3.- Ver todo ----> visualiza información ----> Finaliza

11
 4.1.3 Alcances y limitantes

Esta sección del proyecto detalla el alcance que este tendrá y que se puede esperar, así
como aquellos puntos que no y que pueden llegar a surgir.

• Alcances

-Se analizan las formas de pedidos y pagos del negocio con respecto a la temporada.

-Generación de los Principales reportes de interés del negoció:

1-Compra del producto

2-Ventas diarias, semanales, mensuales, anual.

-Está diseñado para ser ejecutado por dos más usuarios.

-Genera factura de forma automatizada y su creación es mucho más rápida.

-Contabiliza los montos de facturas y registra todas las ventas tanto como de entrada y
salida.

-Registra los diferentes tipos de pago o servicios.

-El sistema de Facturación cuenta con un mejor control en lo que respecta a la información
de compraventa, donde se reflejan los datos del expedidor y del destinatario, el detalle de
los productos y servicios suministrados, los precios unitarios, los precios totales, los
descuentos, en caso de que los allá y los impuestos.

12
-El sistema podrá imprimir en formato de factura predefinida la información requerida y se
le podrá ingresar los datos pertinentes de inventario por medio de una base de datos.

-El sistema llevara un control de empleados y cargos.

 Limitantes
-No se podría contar con un sistema tecnológico muy avanzado el cual hará un poco más
difícil la compatibilidad del software con el hardware por causa de la falta de recursos

-A ciertas opciones solo ciertos usuarios van a poder acceder solo con un permiso
previamente establecido

-El negocio tiene que para por aparte cualquier modificación del sistema.

-Solo se contemplan formas de pago de los clientes el efectivo (córdobas), no se contempla el

pago con cheques ni transferencias de cuentas.

13
4.2 Estudio de factibilidad

La factibilidad del proyecto se encuadra en la disponibilidad de los materiales

necesarios para llevar a cabo los objetivos o metas marcadas, y la capacidad
técnica que implica la implementación del propósito, el éxito del proyecto está
determinado por el grado de factibilidad.

Por lo tanto, se necesitó la realización de un estudio de factibilidad para determinar

la infraestructura tecnología y la capacitación técnica que implica la
implementación del sistema, así como los costos y beneficios del mismo. Este
estudio permitió determinar si es factible diseñar el sistema propuesto es decir si
el proyecto es útil para la entidad, tomando en cuenta los recursos disponibles
que este pueda proporcionar, los aspectos que se tomaron en cuenta son los
siguientes.

4.2.1 Factibilidad Técnica

El proyecto por desarrollar involucra el uso de tecnología Informática para la

solución de la problemática que afronta el negocio Heatherling Shoes, por lo que
es inevitable investigar el nivel de recursos informáticos y recursos humanos que
se posee.

La factibilidad técnica consistió en realizar una evaluación de la tecnología

existente en el negocio, este estudio estuvo destinado a recolectar información
sobre los componentes técnicos que posee el negocio y la posibilidad de hacer
uso de los mismos en el desarrollo e implementación del sistema propuesto y de
ser necesarios los requerimientos tecnológicos que deben ser adquiridos para el
desarrollo y del funcionamiento del mismo.

14
 De acuerdo a la tecnología necesaria para la implementación de un sistema web
de facturación para el negocio Heatherling Shoes, se evaluó bajo dos enfoques:
Hardware y Software.

 Hardware
 Hardware para la operación del sistema web de facturación.

Actualmente el negocio Heatherling Shoes no cuenta con material informático

para la implementación del sistema web de facturación. Por lo tanto, tendrá que
adquirir el material informático necesario, estos lo especificaremos a continuación:

Nombre del material Descripción Cantidad

Procesador: AMD Dual
Core (2.3 GHz)
RAM: 2GB DDR”
Computadoras Sistema Operativo: 1
Windows 7 Ultimate
Tamaño Disco Duro:
500 GB
Tipo Impresora:
Inyección tinta
Impresora Multiuso Funciones: Impresión 1
Escaneo
Fotocopia
Tabla 1 • Hardware para la operación del sistema web de facturación

15
  Software
 Software para el desarrollo del sistema web de facturación.

Para desarrollar el sistema web de facturación, el software que se requiere será:

Nombre Descripción
SQL Server 2014 Profesional
Visual Studio 2013 Community Edition
Herramientas Office Paquetería Microsoft Office 2007
Navegador Web Firefox o Chrome
Tabla 2 Software para el desarrollo del sistema web de facturacion.

 Recursos Humanos
 Recurso humano para el desarrollo del sistema web de facturación.

Se cuenta con el recurso humano para el desarrollo del proyecto el cual está
conformado por integrantes que cursan el 3er año de ingeniería en computación
en la facultad regional multidisciplinaria de Carazo perteneciente a la UNAN-
Managua.

• Recurso humano para la operación del sistema web de facturación.

Todos los empleados involucrados en los procesos que manejaran el sistema web
de facturación tienen conocimientos básicos del uso del Hardware y software, por
lo que bastara con capacitarlos en el manejo del sistema web de facturación.

16
4.2.2 Factibilidad económica

El estudio de factibilidad económica es la que permite evaluar y determinar los

costos del proyecto, mantenimiento y vida útil del sistema web de facturación. La
inversión debe de tomar en cuenta los beneficios que el negocio obtendrá al
momento de utilizar el sistema web de facturación.

En este estudio de determinó los recursos necesarios para desarrollar, implantar

y mantener en operación el sistema. En cambio, el pago de licencias de software
complementario del sistema si se deberá pagar por ellos.

Costos de Recursos Humanos o Desarrollo

El equipo de desarrollo no generó inversión, puesto que es un proyecto elaborado

como trabajo de asignatura, pero cabe destacar que, al automatizar los procesos
de almacenamiento y reportes, se reducen y aligeran las cargas laborales del
personal.

El costo es de $ 3,220 dólares más un 10% de imprevisto que hacen un total de $

3,542 dólares. El cual será detallado en la siguiente tabla.

17
 Costo total del sistema: En este cuadro se plasma un resumen del costo total del sistema:

Precio
Etapas Horas Personas Costo
Hora
$ 15 $ 900
Análisis 60 2
Dólares Dólares
$ 17 $ 1,020
Diseño 40 2
Dólares Dólares
$ 20 $ 1,200
Programación 60 2
Dólares Dólares
$ 25 $ 100
Instalación 4 2
Dólares Dólares
$ 77 $ 3,220
Sub Total 164 8
Dólares Dólares
Mas
imprevisto $ 322 Dólares
de un 10%
Total, del
$ 3,542 Dólares
costo
Tabla 3 Costo total del sistema

Software: se conoce como software al soporte lógico de un sistema informático

que comprende el conjunto de los componentes lógicos necesarios que hacen
posible la realización de tareas específicas, en contra posición a los componentes
físicos que son llamados hardware.

18
 El costo del software será mostrado en la siguiente tabla

Nombre Descripción Costo

Visual Studio 2013 Entorno en donde se desarrollará el $499
Community Edition sistema web transaccional Dólares
SQL Server 2014 Programa para gestionar las bases de $882
Estándar datos Dólares
$120
Licencia Photoshop Diseño de interfaz
Dólares
$1,501
Total
Dólares
Tabla 4 costo del software. FUENTE (PÁGINAS PROPIETARIAS, 2018)

Hardware: En informática se refiere a las partes físicas tangibles de un sistema

informático; sus componentes eléctricos, electrónicos, electromecánicos y
mecánicos.

19
 El costo del hardware será detallado en la próxima tabla. (Los costos pueden
variar)

Equipo Descripción Costo

Procesador: AMD Dual Core (2.3
GHz)
Computadora de RAM: 2GB DDR” $220
Escritorio Sistema Operativo: Windows 7 Dólares
Ultimate
Tamaño Disco Duro: 200 GB
Tipo Impresora: Inyección tinta
Funciones: Impresión $320
Impresora Multiuso
Escaneo Dólares
Fotocopia
$ 540
Total
Dólares
Tabla 5 costo del hardware. FUENTE (SEVASA, 2018)

20
 Capacitación: Es el costo de adiestramiento para la o las personas que
manipularan el sistema web de facturación.

Personas Tiempo Costo

Capacitación Descripción Costo
Hora
Capacitación
para el uso
sistema web 10 5 adecuado $ 100
2
de facturación Horas Dólares del sistema Dólares
web de
facturación
$ 100
Total
Dólares
Tabla 6 Costo de Capacitación

Logístico y otros materiales: Estos son los gastos en que el equipo de desarrollo
del proyecto ha tenido que incurrir.

Logística Descripción Costo

Transporte Reuniones con el equipo $ 30
Material del estudio para la
Impresión $ 3.5
implementación del proyecto.
$ 33.5
Total
Dólares
Tabla 7 Logístico y otros materiales

Consolidación de los costos totales: Es el precio total de la inversión en la cual

el negocio Heatherling Shoes tendrá que incurrir para la implementación del
sistema web de facturación.
21
 Descripción Costo
Desarrollo $ 3,542 Dólares
Software $ 1,501 Dólares
Hardware $ 540 Dólares
Capacitación $ 100 Dólares
Logístico y otros materiales $ 33.5 Dólares
Total $ 5,716.5 Dólares
Tabla 8 Consolidación de los costos totales

El precio, es un promedio en base a experiencia y realidades de nuestro país de

programadores y analistas consultados. Cabe mencionar que este precio no incluye
código fuente.

4.2.3Factibilidad operativa

La factibilidad operativa del proyecto obedece a las condiciones del entorno en

donde operara el sistema web de facturación, el apoyo del negocio y el recurso
humano que formara parte durante la operación del proyecto. Por lo tanto, los
elementos a tomar en cuenta para evaluar la factibilidad operativa son:

 Condiciones del local.

• Para que se elabore en condición correcta y eficiente sistema web de

facturación, el equipo se ubicara en una zona segura que impida el acceso a
personas no facultadas evitando así el daño y robo de información.

• El negocio no tendrá que incurrir en cambios de infraestructuras eléctricas ya

que esta es segura, por lo tanto, no es necesario que el tomacorriente donde
se enchufara el equipo sea cambiado.

22
 • Para que el equipo informático no se recaliente, el negocio cuenta con buena
ventilación natural, además de ventiladores (abanicos), lo que constituye una
temperatura que garantizara el buen funcionamiento y reducir el deterioro de
estos.

 Conocimiento informático del dueño y personal de trabajo.

El sistema contará con interfaces amigable e intuitivas para el usuario, por lo cual
no se requerirá personal especializado en informática para el uso y correcto
funcionamiento del sistema, Los usuarios deben contar con conocimientos
básicos de informática para manejar el sistema. Mediante una entrevista dirigida
al dueño y personal de trabajo del negocio se pudo reconocer que todos ellos
ostentan el nivel básico de conocimiento informático para manipular el sistema
web de facturación, no obstante, se deberá dar una previa capacitación sobre el
funcionamiento correcto del sistema.

4.2.4 Factibilidad legal

 El sistema web de facturación es un sistema elaborado por alumnos del

III año de la carrera de Ingeniería En Ciencias De La Computación y es en
su totalidad propiedad de la Facultad Regional Multidisciplinaria de Carazo
y su uso serán definidos por esta institución.

 Propósito de la asignatura de Análisis Y Diseño De Sistemas II de la

FAREM-Carazo, lo que tiene un carácter meramente educativo y sin fines
de lucro, estos proyectos serán entregados a las instituciones con las
cuales la universidad tiene convenios.

 Al usar dicho sistema no convierte al usuario en titular absoluto del sistema

ni goza de ningún derecho sobre el mismo, únicamente si es autorizado
por el titular definido en el primer ítem de este apartado.

23
 5. MARCO TEÓRICO

A continuación, presentamos la fundamentación teórica, concepto y explicaciones

de cómo está estructurado nuestro proyecto y además tendremos información
concerniente sobre aspectos técnicos como la metodología para el desarrollo de
nuestro proyecto, entre esta información encontraremos conceptos sobre WEB y
los navegadores a utilizar en el proyecto Firefox o Chrome, sistemas web
transaccional, HTML, Bootstrap, JavaScript, CSS, UML así también información
sobre las plataformas de desarrollo que utilizaremos Paquetería de Office,
Photoshop, SQL Server 2014 y Visual Studio 2013.

-WEB

Según (Merino, s.f.) La Web es un vocablo inglés que significa “red “telaraña” o
“malla”. El concepto se utiliza en el ámbito tecnológico para nombrar a una red
informática y, en general, a Internet (en este caso, suele escribirse como Web, con
la W mayúscula). El término, de todas formas, tiene varios usos. Además de
Nombrar a Internet en general, la palabra web puede servir hacer mención a una
página web, un sitio web o hasta un servidor web.

Es importante establecer que este término además forma parte de lo que se conoce
como Word Wide Web que es la red informática que se emplea en todo el mundo. A
finales de la década de los años 80 fue cuando nació aquella que permite que hoy
cualquier ciudadano, a través de una conexión a Internet junto a un navegador y un
ordenador, pueda acceder desde cualquier rincón del mundo a la web que desea.
Lo puede hacer para informarse, para entretenerse o simplemente por simple
curiosidad. Una página web es un documento que incluye un archivo HTML con
texto, imágenes, videos, animaciones Flash, etc. Al conjunto de páginas web que

24
suelen formar parte del mismo dominio o subdominio de Internet se lo conoce como
sitio web. Dentro del sitio web, todas las páginas guardan alguna relación entre sí y
están vinculadas mediante vínculos (también conocidos como enlaces,
hipervínculos, hiperenlaces o links).

En la ingeniería de software se denomina aplicación web a aquellas herramientas

que los usuarios pueden utilizar accediendo a un servidor web a través de Internet
o de una intranet mediante un navegador y los navegadores web a utilizar en el
proyecto tenemos a Firefox o Chrome

25
Navegador

Define (Sistemas.com, s.f.) Que un navegador web es un programa informático

que facilita al usuario el navegar por la red, esto es, el poder visualizar e
interactuar las páginas web de cualquier red. Su nombre viene de su capacidad
para poder moverse, desplazarse de una página a otra mediante utilidades como
los hipervínculos, que conectan las páginas situadas en distintos lugares del
mundo entre sí con un sólo click, a lo que llamamos comúnmente navegación.

El navegador, también llamado explorador o browser (en inglés) permite leer la

información que se encuentra en servidores (remotos o locales, según el tipo de
red), y del mismo modo que un programa de imágenes procesa la información y las
muestra, obtener la información necesaria para que las páginas puedan ser
mostradas. Las páginas web suelen estar codificadas según un lenguaje
de programación (en general HTML), que el navegador debe ser capaz de
descodificar para interpretarlo. Además, el navegador se encarga de comunicarse
con el servidor mediante un protocolo determinado para evitar pérdidas de datos y
problemas. Ese protocolo suele ser HTTP, si bien algunas páginas usan protocolos
propios o de seguridad.

Navegador web Firefox:

Señala (Venemedia Comunicaciones, s.f.) Que Firefox es el segundo navegador

web más popular del mundo, es un navegador de código libre bajo ambientes de
desarrolladores que trabajan en el día tras día. Firefox proviene de los laboratorios
de Mozilla Aplicación Suite, en la actualidad cuenta con las de 500 millones de
usuarios, se basa en el poderoso motor de búsqueda Gecko, el cual implementa
estándares webs siempre actualizados. Por ser de software libre, este motor puede
ser modificado a placer, lo que lo convierte en uno de los sistemas operativos
favoritos por hackers y desarrolladores de aplicaciones. Entre sus características
más sonadas esta la navegación por pestañas, su perfecto acoplamiento es una

26
virtud que posee, corrector ortográfico, ideal para editores de documentos o paginas
dentro del navegador, un administrador de tareas que te permite ver un proceso
limpio, “Sincero” y detallado de la descarga, aceleración tipo GPU, y la posibilidad
de insertarle complementos desarrollados por terceros a fin de hacer la experiencia
de navegar personalmente más agradable.

Este importante navegador funciona con Windows, Linux, Mac OS X y varios

sistemas operativos más.

Firefox comenzó como una rama experimental del proyecto Mozilla a cargo de Dave
Hyatt, Joe Hewitt y Blake Ross. A su juicio, las exigencias comerciales del patrocinio
de Netscape y el gran número de características de Mozilla Application Suite,
comprometían la utilidad de este Para combatir lo que ellos denominaban inflada
Mozilla Application Suite, crearon un navegador independiente con la intención de
reemplazarla. El 3 de abril de 2003, la Organización Mozilla anuncia que centrarán
sus esfuerzos en Firefox y Thunderbird.

Navegador Web chrome:

Describe (Venemedia Comunicaciones, Concepto Definicion, s.f.) Que

Google Chrome es el navegador web creado por la compañía Google INC.
Considerado como el navegador más rápido del mundo, en poco tiempo que tiene
desarrollado Google Chrome cumples con sus objetivos principales, rápido,
seguro, practico, estable y con un sentido minimalista único, que le brinda al
usuario la mayor comodidad a la hora de navegar por la web. Este navegador,
forma parte de los planes de expansión de la gigante canadiense a otros campos
de la web. Puede ser instalado en casi cualquier sistema operativo y está
disponible en 50 idiomas. El secreto de la rapidez de Google Chrome se basa en
la capacidad que tiene el navegador de procesar códigos de JavaScript, los cuales
son los que se usan en la mayoría de las páginas web. Google aparte de ser
sencillo de utilizar presenta características que lo convierten en el favorito, tal es
el caso de los temas personalizables, la presencia de la barra “Omniboox” es la

27
 que combina la barra de direcciones con la barra de búsqueda en una sola, lo que
facilita el acceso a las páginas con un solo click, además, también posee una
página de presentación en la que se muestran en cuadros grandes centrados en
la pantalla, los últimos o más favoritos visitados, con una captura de pantalla como
portada, su historial, permite encontrar sin problema alguno, alguna página
reciente perdida con los sistemas de buscador que viene integrado.

-Sistema Web transaccional

Un sistema web transaccional es un tipo de sistema de información diseñado para

recolectar, almacenar, modificar y recuperar todo tipo de información que es
generada por las transacciones en una organización.

Una transacción es un evento o proceso que genera o modifica la información que

se encuentra eventual mente almacenada en un sistema de información.

Del inglés: transactional system o sistema de procesamiento de transacciones.

Un sistema Web transaccional debe controlar las transacciones para mantener la

seguridad y consistencia de los datos involucrados y también debe ser capaz de
enmendar cualquier error ocurrido durante una transacción, pudiendo deshacer las
operaciones realizadas, manteniendo los datos tal cual estaban antes del error.

El sistema Web transaccional debe ser capaz de controlar y administrar múltiples

transacciones, determinando prioridades entre éstas.

HTML 5

Según (Juan José Pino Reyes, s.f.) HTML no es un lenguaje de programación,

esto debes tenerlo muy en claro desde el principio, HTML es un lenguaje de
marcado de hipertexto o “HyperText Markup Language” por el desarrollo de sus
iniciales en inglés, básicamente este lenguaje se escribe en su totalidad con

28
elementos, estos elementos están constituidos por etiquetas, contenido y atributos,
que explicaremos de una manera más detallada en algunas líneas más abajo.

HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o
aplicaciones web tal y como estamos acostumbrados. En la Imagen 1 verás cómo
el navegador nos muestra un sitio web y en la Imagen 2 verás cómo se ve en
lenguaje HTML.

HTML es un lenguaje formado por elementos, un elemento se ve como todo el texto

que se muestra en la Imagen 3, los elementos nos ayudan a estructurar y dar
significado a las partes de un documento HTML, estos elementos a su vez están
conformados por contenido, etiquetas y atributos

-Bootstrap

Argumenta (EcuRed: Enciclopedia cubana, s.f.) Esta es el framework de Twitter que

permite crear interfaces web con CSS y JavaScript que adaptan la interfaz
dependiendo del Tamaño del dispositivo en el que se visualice de forma nativa, es
decir, automáticamente se adapta al tamaño de un ordenador o de una Tablet sin
que el usuario tenga que hacer nada, esto se denomina diseño adaptativo o
Responsive Design.

JavaScript

De acuerdo con (MDN web docs moz://a, s.f.) JavaScript es un lenguaje de

programación que te permite realizar actividades complejas en una página web,
cada vez más una página web hace más cosas que sólo mostrar información
estática como mostrar actualizaciones de contenido en el momento, interactuar
con mapas, animaciones gráficas 2D/3D etc. puedes estar seguro que JavaScript
está involucrado. Es la tercera capa del pastel de los estándares en las tecnologías
para la web, dos de las cuales son (HTML y CSS), hablaremos de ellas más
adelante con más detalle en otra parte de nuestra Área de Aprendizaje.

29
CSS

Como dice (Manz, s.f.) Las siglas CSS (Cascading Style Sheets) significan «Hojas
de estilo en cascada» y parten de un concepto simple pero muy potente:
aplicar estilos (colores, formas, márgenes, etc...) a uno o varios documentos
(generalmente documentos HTML, páginas webs) de forma masiva. Se le denomina
estilos en cascada porque se aplican de arriba a abajo (siguiendo un patrón
denominado herencia que trataremos más adelante) y en el caso de existir
ambigüedad, se siguen una serie de normas para resolverla.

-Paquetería de Office 2016

Desde el punto de vista de (Wikipedia , s.f.) Microsoft Office es una suite

ofimática que abarca el mercado completo en Internet e interrelaciona aplicaciones
de escritorio, servidores y servicios para los sistemas operativos Microsoft
Windows, Mac OS X, iOS y Android. La última versión de la suite ofimática es
el Microsoft Office 2019.

Word 2016:

Microsoft Word es el procesador de texto de la suite. Word posee una posición

dominante en el mercado de los procesadores de texto. Su formato propietario DOC
es considerado un estándar de facto, aunque en su versión Word 2007 utiliza un
nuevo formato basado en XML llamado .DOCX, pero también tiene la capacidad de
guardar y abrir documentos en el formato DOC. Word está también incluido en
algunas versiones de Microsoft Works. Está disponible para las
plataformas Microsoft Windows y Mac OS.

30
Access 2016:

Microsoft Access es un sistema de gestión de bases de datos incluido en el paquete

ofimático denominado Microsoft Office.

Access es un gestor de datos que utiliza los conceptos de bases de datos

relacionales y pueden manejarse por medio de consultas e informes. Está adaptado
para recopilar datos de otras utilidades como Excel, SharePoint, etc.

La aplicación permite recopilar información relativa a un asunto o propósito

particular, como el seguimiento de pedidos de clientes o el mantenimiento de una
colección de música, etc.

PowerPoint 2016:

Microsoft PowerPoint es un muy popular programa para desarrollar y desplegar

presentaciones visuales en entornos Windows y Mac. Es usado para crear
diapositivas multimediales, es decir, compuesta por texto, imágenes, sonido,
animaciones y vídeos. Office Mobile para Windows Mobile 5.0 y versiones
posteriores poseen una versión de PowerPoint llamada PowerPoint Mobile. Esta
versión reducida permite incluso agregar vídeos y sonido a las diapositivas.

Visio 2016:

Microsoft Visio es un software de dibujo vectorial para Microsoft Windows.

Las herramientas que lo componen permiten realizar diagramas de oficinas,

diagramas de bases de datos, diagramas de flujo de programas, UML, y más, que
permiten iniciar al usuario en los lenguajes de programación.

En resumen, en sus orígenes estaba más dedicado a ingeniería, pero hoy en día es
fundamental en el análisis de procesos y operaciones en las empresas.

31
 Adobe Photoshop CS6

Señala (Significados.com, s.f.) Que Photoshop es el nombre popular de

un programa informático de edición de imágenes. Su nombre completo es Adobe
Photoshop y está desarrollado por la empresa Adobe Systems Incorporated.
Funciona en los sistemas operativos Apple Macintosh y Windows.

El nombre comercial de este producto se puede traducir del inglés como 'taller de
fotos'. Aunque existen otros programas similares como GIMP o PhotoPaint, en la
cultura popular se utiliza esta palabra para referirse también al 'retoque digital de
una imagen".

De un modo general, Photoshop permite modificar imágenes digitalizadas,

especialmente fotografías. También se utiliza para crear y editar imágenes (por
ejemplo, logotipos) y gráficos. La forma, la luz, el color y el fondo son algunos de
los aspectos que esta herramienta permite editar.

SQL Server 2014

Según la (Biblioteca de Microsoft, s.f.) Es un sistema de administración y análisis

de bases de datos relacionales de Microsoft para soluciones de comercio
electrónico, línea de negocio y almacenamiento de datos. En esta sección,
encontrará información sobre varias versions de SQL Server. También encontrará
artículos sobre bases de datos y aplicaciones de diseño de bases de datos así
como ejemplos de los usos de SQL Server.

-Visual Studio 2013

(genbetadev, 2015) nos dice que Microsoft Visual Studio es un entorno (IDE, por sus
siglas en inglés) para sistemas operativos Windows. Soporta múltiples lenguajes de
programación tales como C++, C#, Visual Basic .NET, F#, Java, Python, Ruby, PHP;

32
al igual que entornos de desarrollo web como ASP.NET MVC, Django, etc., a lo cual
sumarle las nuevas capacidades online bajo Windows Azure en forma del editor
Monaco.
Visual Studio permite a los desarrolladores crear aplicaciones, sitios y aplicaciones
web, así como servicios web en cualquier entorno que soporte la plataforma .NET
(a partir de la versión .NET 2002). Así se pueden crear aplicaciones que se
comuniquen entre estaciones de trabajo, páginas web, dispositivos móviles,
dispositivos.

C#:
C# es el nuevo lenguaje de propósito general orientado a objetos creado por
Microsoft para su nueva plataforma .NET.
Microsoft.NET es el conjunto de nuevas tecnologías en las que Microsoft ha estado
trabajando estos últimos años con el objetivo de mejorar tanto su sistema operativo
como su modelo de componentes (COM) para obtener una plataforma con la que
sea sencillo el desarrollo de software en forma de servicios web.

-Lenguaje Unificado de Modelado UML

UML es una herramienta propia de personas que tienen conocimientos

relativamente avanzados de programación y es frecuentemente usada por analistas
funcionales (aquellos que definen qué debe hacer un programa sin entrar a escribir
el código) y analistas-programadores (aquellos que dado un problema, lo estudian y
escriben el código informático para resolverlo en un lenguaje como Java, C#, Python
o cualquier otro). Por tanto si estás dando tus primeros pasos en programación, te
recomendaríamos que te olvides de UML hasta que tengas unos conocimientos
mínimos como uso de condicionales, bucles, y conocimiento de la programación
orientada a objetos. Esto es solo una recomendación, en realidad prácticamente

33
cualquier persona puede usar UML, incluso podría usarse para realizar esquemas o
documentación de procesos que no tengan que ver con la informática.

Diagramas:
Según (Ingenieria en Sistemas, s.f.) plantea los siguientes conceptos y definiciones
de los tipos de Diagramas.

DIAGRAMAS DE CASOS DE USO

Los Casos de Uso no forma parte de la llamada Fase de Diseño, sino parte de la
fase de Análisis, respondiendo el interrogante ¿Qué?. De forma que al ser
parte del análisis ayuda a describir que es lo que el sistema debe hacer.

Estos diagramas muestran operaciones que se esperan de una aplicación o

sistema y como se relaciona con su entorno, es por ello que se ve desde el punto
de vista del usuario. Describen un uso del sistema y como éste interactúa con el
usuario.

Los casos de usos se representan en el diagrama por una elipses la cual denota
un requerimiento solucionado por el sistema.
El conjunto de casos de usos representa la totalidad de operaciones que va a
desarrollar el sistema. Por último a estos elipses lo acompaña un nombre
significativo de manera de rótulo.

34
Otro elemento fundamental de estos diagramas son los actores la cual representa
a un usuario del sistema, que necesita o interactúa con algún caso de uso, la que
también es acompañado por un nombre. Por último tenemos los flujos de eventos
que corresponde a la ejecución normal y exitosa del caso de uso.

DIAGRAMA DE CLASES

En UML el diagrama de clases es uno de los tipos de diagramas o símbolo

estático y tiene como fin describir la estructura de un sistema mostrando sus
clases, atributos y relaciones entre ellos.

Estos diagramas son utilizados durante el proceso de análisis y diseño de los

sistemas informáticos, en donde se intentan conformar el diagrama conceptual de
la información que se manejará en el sistema.

35
Como ya sabemos UML es un modelado de sistema Orientados a Objetos, por
ende, los conceptos de este paradigma se incorporan a este lenguaje de
modelado.

36
 Los diagramas de clases tienen las siguientes características:
 Las clases define el ámbito de definición de un conjunto de objetos.
 Cada objeto pertenece a una clase.
 Los objetos se crean por instanciación de las clases.

DIAGRAMA DE OBJETOS

Forma parte de la vista estática del sistema. En este diagrama se modelan las
instancias de las clases del Diagrama de Clases. Este diagrama cabe aclarar que
cuenta con objetos y enlaces. En estos diagramas también es posible encontrar
las clases para tomar como referencia su instanciación.

37
En otras palabras el Diagrama de Objetos muestra un conjunto de objetos y sus
relaciones en un momento concreto. Los Diagramas de Objetos son realmente
útiles para modelar estructuras de datos complejas

DIAGRAMAS DE COMPORTAMIENTOS

Diagrama de Estados

Un estado es una condición durante la vida de un objeto, de forma que cuando

dicha condición se satisface se lleva a cabo alguna acción o se espera por un
evento.
El estado de un objeto se puede caracterizar por el valor de uno o varios de los
atributos de su clase, además, el estado de un objeto también se puede
38
caracterizar por la existencia de un enlace con otro objeto.

El diagrama de estados engloba todos los mensajes que un objeto puede enviar
o recibir, en otras palabras es un escenario que representa un camino dentro de
un diagrama.

Como característica de estos diagramas siempre cuentan con dos estados

especiales, el inicial y el final, con la particularidad que este diagrama puede tener
solo un estado inicial pero varios estados finales.

Una transición entre estados representa un cambio de un estado origen a un

estado sucesor destino que podría ser el mismo que el estado origen, dicho
cambio de estado puede estar aparejado con alguna acción. Además las acciones
se asocian a las transiciones y se consideran que ocurre de forma rápida e
interrumpible.

39
 Los elementos que componen estos diagramas son:

 Círculo lleno, apuntando el estado inicial.

 Círculo hueco que contiene un círculo lleno más pequeño en el interior, indicando el
estado final.
 Rectángulo redondeado dividido por una línea horizontal, indicado los estados, en
la parte de arriba se encuentra el nombre del estado y abajo se indica la actividad
que realiza.
 Flecha, la cual denota la transición, el nombre del evento que causa esta transición
etiqueta el cuerpo de la flecha.
Diagrama de actividad

40
 Un Diagrama de Actividades representa un flujo de trabajo paso a paso de negocio
y operacionales de los componentes en un sistema.

En UML 1, un diagrama de actividades es una variación del Diagrama de Estados

UML donde los estados representan operaciones y las transiciones representan
las actividades que ocurren cuando la operación es completa.

En la actualidad, el diagrama de actividades en UML 2.0 es similar al aspecto del

diagrama en UML 1, solo que ahora la semántica esta basada en lo que se conoce
como Redes de Petri. En UML 2.0, el diagrama general de interacción está basado
en el diagrama de Actividad.

Componentes:
 Inicio: el inicio de un diagrama de actividades es representado por un círculo de color
negro sólido.
 Actividad: Una actividad representa la acción que será realizada por el sistema la
cual representa dentro de un óvalo.
 Transición: Una transición ocurre cuando se lleva acabo el cambio de una actividad
a otra, la transición es representada simplemente por una línea con una flecha en
su terminación para indicar su dirección.

41
DIAGRAMA DE INTERACCION

Diagrama de Secuencia

Un Diagrama de Secuencias muestra una interacción ordenada según la

secuencia temporal de eventos y el intercambio de mensajes. Los diagramas de
secuencia ponen especial énfasis en el orden y el momento en el que se envían
los mensajes a los objetos.

42
En los diagramas de Secuencias los elementos están representados por líneas
intermitentes verticales, con el nombre del objeto en la parte más alta.

Los mensajes pueden ser o bien síncronos, el tipo normal de llamada del mensaje
donde se pasa el control a objeto llamadohasta que el método finalize, o
asíncronos donde se devuelve el control directamente al objeto que realiza la
llamada.

Los mensajes síncronos tienen una caja vertical en un lateral del objeto invocante
que muestra el flujo del control del programa.

43
Diagrama de Colaboración

Un diagrama de colaboración, se puede decir que es una forma alternativa al

diagrama de secuencias a la hora de mostrar un escenario.
Este tipo de diagrama muestra las interacciones que ocurren entre los objetos que
participan en una situación determinada.
A diferencia del diagrama de secuencia, el diagrama de colaboración se enfoca
en la relación entre los objetos y su topología de comunicación.

En estos diagramas los mensajes enviados de un objeto a otro se representa

mediante flechas, acompañado del nombre del mensaje, los parámetros y la
secuencia del mensaje.

Estos diagramas están indicados para mostrar una situación o flujo de programa
específico y son considerados uno de los mejores diagramas para mostrar o
explicar rápidamente un proceso dentro de la lógica del programa

44
DIAGRAMA DE IMPLEMENTACION

Diagrama de componentes

Lo que distingue el Diagrama de Componentes de otro tipo de diagramas es sin

duda su contenido. Normalmente contiene componentes, interfaces y relaciones
entre ellos. Los componentes perteneces a un mundo físico, es decir, representan
a un bloque de construcción al modelar aspectos físicos de un sistema.

Cada componente debe tener un nombre que lo distinga de los demás. Al igual
que las clases los componentes pueden enriquecerse con compartimientos
adicionales que muestran sus detalles.

45
Diagrama de Despliegue

Básicamente este tipo de diagrama se utiliza para modelar el Hardware utilizado

en la implementación del sistema y las relaciones entre sus componentes.

Los elementos usados por este tipo de diagrama son nodos, componentes y
asociaciones. En el UML 2.0 los componentes ya no están dentro de nodos, en
cambio puede haber artefactos (archivo, un programa, una biblioteca o Base de
datos) u otros nodos dentro de nodos.

46
Además los Diagramas de Despliegue muestran la configuración en
funcionamiento del sistema incluyendo su software y su hardware. Para cada
componente de un diagrama es necesario que se deba documentar las
características técnicas requeridas, el tráfico de red, el tiempo de respuesta, etc.

47
 6. METODOLOGÍA

La metodología utilizada para el análisis y desarrollo del sistema web de facturación

para el negocio Heatherling Shoes fue la siguiente:

En la etapa del análisis se realizaron las siguientes actividades:

 Para la elaboración de los términos de referencia se aplicó el método de

recolección de datos: la entrevista al propietario del negocio y la observación
del local.

 Para el análisis y diseño del sistema se aplicó el lenguaje unificado de

modelado UML que permitió realizar cada uno de los diagramas que muestra
el modelo estático y dinámico del sistema.

En la etapa del desarrollo se realizaron las siguientes actividades:

 Para la implementación del sistema se trabajará con Microsoft Visual Studio

2013, ya que esta nos facilitará las herramientas para desarrollar el código
fuente del sistema web de facturación.

 Para el desarrollo de Base de Datos se utilizará el gestor de Base de Datos

distinguido como SQL Server 2014., esta es en donde se alojarán los datos
recolectados previamente, así como los nuevos datos y reportes que se
generen.

 Para desarrollar la interfaz se utilizará la herramienta llamada Microsoft Visual

Studio 2013 y se utilizará ilustrador CC como apoyo para hacer los temas en
las pantallas.

48
 Para el diseño de la interfaz de usuario se utilizará la herramienta Photoshop,
con la cual ilustraremos el sistema web de facturación.

 Para la elaboración del documento Microsoft Word 2013, como también de

Power Point para el desarrollo de la presentación del mismo con el fin de dar
un entendimiento visual del contenido de la investigación.

49
7. MODELADO DEL SISTEMA MEDIANTE UML

7.1 Diagramas de caso de uso.

7.2 Diagrama general del sistema

50
7.1.1 Administración de usuarios

51
7.1.2 Ventas

52
7.1.3 Bodega

53
7.1.4 Pedidos

54
7.1.5 Reportes

55
7.2 Diagramas de Actividades
7.2.1 Administración de usuarios

56
7.2.2 Ventas

7.2.3 Bodega

57
7.2.4 Pedidos

58
7.2.5 Reportes

59
7.3 Diagramas de Secuencia
7.3.1 Administración de usuarios

60
7.3.2 Ventas

61
7.3.3 Bodega

62
7.3.4 Pedidos

63
7.3.5 Reportes

64
7.4 Diagrama de Clases

65
8 DISEÑO DE LA INTERFAZ DE USUARIO

8.1 Iniciar Cesión

8.2 Pantalla principal

66
8.3 Ventas

8.4 Nueva venta

67
8.5 Bodega – Salió

8.6 Bodega – Entró

68
8.7 Administración de usuario

8.8 Nuevo usuario

69
8.9 Reporte

70
9 CONCLUSIONES

 Se analizó la situación actual del negocio Heatherling Shoes, la manera en

que se están realizando actualmente los procesos de ventas y compra. Así
mismo en la manera en que estos se desempeñan al momento de efectuarse
en el negocio.

 Por medio de la aplicación de diferentes instrumentos de recolección de

datos, se lograron definir los requerimientos, términos de referencia, también
los alcances y limitantes del sistema web de facturación del negocio
Heatherling Shoes.

 Se diseñó la estructura y funcionalidad del sistema utilizando las técnicas de

diagramación convenientes mediante el Lenguaje Unificado de Modelado
(UML) con el fin de mostrar gráficamente el funcionamiento de cada módulo
que comprende el sistema.

 Se utilizó una interfaz de programación (IDE) para desarrollar el sistema con

el fin de cumplir con las necesidades del negocio las cuales fueron abordada
a través de todo este sistema (documento).

 Se desarrolló gráficamente cada uno de los módulos y catálogos planteados

en los términos de referencia del sistema web, concluyendo con la
elaboración del diseño de una interfaz amigable para dar a conocer el
producto final del proyecto.

71
10 PROYECCIONES

El progreso del sistema web transaccional como una herramienta de apoyo para
los procesos llevados a cabo en el negocio Heatherling Shoes (compra, venta,
reporte, inventario) contempla en un futuro:

 Expandir y reforzar el presente proyecto a través de las orientaciones

designadas por los docentes encargados de la materia en que se llegara
a continuar el presente proyecto.

 Ante cualquier cambio que se genere entre el tiempo de la entrega del

presente proyecto y el progreso del mismo en la siguiente materia que
continúe el trabajo, se efectuaran las innovaciones necesarias para el
fortalecimiento y mejoramiento del trabajo tanto explicativo como de la
interfaz que será implementada.

11 RECOMENDACIONES

El uso de esta aplicación será solo para el uso del negocio Heatherling Shoes
ubicada en el municipio de Jinotepe departamento de Carazo, ya que todos los
procesos que aquí se reflejan se programó partiendo de las necesidades del
establecimiento, ningún otro usuario o personal no autorizado por el propietario
podrá hacer uso de la aplicación.

72
 BIBLIOGRAFÍA

Biblioteca de Microsoft. (s.f.). Microsoft.com. Obtenido de https://docs.microsoft.com/es-

es/previous-versions/bb545450(v=msdn.10)

EcuRed: Enciclopedia cubana. (s.f.). EcuRed. Obtenido de https://www.ecured.cu/Bootstrap

Ingenieria en Sistemas. (s.f.). Obtenido de http://ingenieriadesistemas-

shirley.blogspot.com/2012/05/tipos-de-diagramas-uml.html

Juan José Pino Reyes. (s.f.). Devcode.la. Obtenido de https//:devcode.la/blog/que-es-html/

Manz. (s.f.). Lenguaje css. Obtenido de https://lenguajecss.com/p/css/introduccion/que-es-css

MDN web docs moz://a. (s.f.). Developer Mozilla. Obtenido de

https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Qu%C3%A9_es_JavaSc
ript

Merino, J. P. (s.f.). Definicion.de. Obtenido de https://definicion.de/web/

Significados.com. (s.f.). Obtenido de https://www.significados.com/photoshop/

Sistemas.com. (s.f.). Obtenido de https://sistemas.com/navegador.php

Venemedia Comunicaciones, C. (s.f.). Concepto Definicion. Obtenido de

https://conceptodefinicion.de/firefox/

Venemedia Comunicaciones, C. (s.f.). Concepto Definicion. Obtenido de

https://conceptodefinicion.de/google-chrome/

Wikipedia . (s.f.). Obtenido de https://es.wikipedia.org/wiki/Microsoft_Office

73