Documente Academic
Documente Profesional
Documente Cultură
FAREM-Carazo
DEPARTAMENTO DE CIENCIAS, TECNOLOGÍA Y SALUD
SUBTEMA:
Propuesta de un Sistema Web de facturación para el negocio
“Heatherling Shoes”
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.
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
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
4. DESARROLLO DEL SUBTEMA
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.
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:
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).
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:
6
2.2. suela no desgastada
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.
se visualizan lo siguiente
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
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
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
9
• Modulo Bodega
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:
• Modulo proveedor
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.
• Modulo pedidos
1.- Agregar pedido: se ingresa los datos, se verifica si están bien los datos, continua o
edita el pedido y guarda
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.
-Contabiliza los montos de facturas y registra todas las ventas tanto como de entrada y
salida.
-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.
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.
13
4.2 Estudio de factibilidad
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.
15
Software
Software para el desarrollo del sistema web de facturación.
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.
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
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
18
El costo del software será mostrado en la siguiente tabla
19
El costo del hardware será detallado en la próxima tabla. (Los costos pueden
variar)
20
Capacitación: Es el costo de adiestramiento para la o las personas que
manipularan el sistema web de facturación.
Logístico y otros materiales: Estos son los gastos en que el equipo de desarrollo
del proyecto ha tenido que incurrir.
4.2.3Factibilidad operativa
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.
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.
23
5. MARCO TEÓRICO
-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).
25
Navegador
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.
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.
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.
HTML 5
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.
-Bootstrap
JavaScript
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.
Word 2016:
30
Access 2016:
PowerPoint 2016:
Visio 2016:
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
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".
(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.
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.
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.
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
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
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.
39
Los elementos que componen estos diagramas son:
40
Un Diagrama de Actividades representa un flujo de trabajo paso a paso de negocio
y operacionales de los componentes en un sistema.
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
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
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
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
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
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.
49
7. MODELADO DEL SISTEMA MEDIANTE UML
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
66
8.3 Ventas
67
8.5 Bodega – Salió
68
8.7 Administración de usuario
69
8.9 Reporte
70
9 CONCLUSIONES
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:
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
73