Proyecto desarrollo Web Muebleria Netos

Informática Administrativa
Mara Casandra Campos Sánchez
Lic. José Roberto González Alfaro

INDICE
INTROCUCCION............................................................................................1
Objetivo General...........................................................................................2
Objetivos Específicos ...................................................................................3
Alcance del Proyecto ...................................................................................4
Propuesta a Desarrollar...............................................................................5
Desarrollo del Proyecto ..................................................................................7
Análisis Factibilidad del proyecto...........................................................13
Diagrama UML...........................................................................................15
Diagrama de Clases y Objetos..................................................................17
Diagrama de estados .................................................................................18
Diagrama de casos de uso.........................................................................20
Recursos Requeridos.....................................................................................22
Estructura de la base de datos.....................................................................25
Organización y visualización de la pagina................................................32
Pruebas Funcionales ..................................................................................43
Implementación.............................................................................................46

Informática Administrativa,
Mara Casandra Campos
5° cuatrimestre 1
INTROCUCCION
En la industria mueblería, hay infinidad de pequeñas, grandes y medianas
empresas, que como su nombre lo dice se encargan de comercial distintos tipos de
muebles o demás artículos de la misma naturaleza.
Cuando se habla de muebles, se debe tomar en cuenta que existen distintos modelos,
además cada modelo tiene diferentes colores, tamaños etc. Esto nos obliga a tener
un correcto y organizado control dentro de los datos que se manejan, teniendo esto
en cuenta, lo más conveniente para lograr dicho objetivo es tener una base de datos
con la cual se pueda llevar un registro eficiente de la información que se maneja
dentro de la empresa o establecimiento
La base de datos otorga las herramientas para la organización, almacenamiento y
manejo de la información que se desee
El proyecto se llevará a cabo en distintas fases como son la recolección de
información, análisis y diseño, creación, pruebas y demás pasos necesarios para
lograr un sistema funcional,

5° cuatrimestre 2
Objetivo General
El fin que el proyecto Mueblerías Neto’s persigue es el de procesar y almacenar de
forma correcta la información, para evitar fugas de dinero, pérdidas o malos
manejos con respecto a los productos, ya que en periodos recientes de han tenido
pérdidas tanto de ventas como de mercancías, por no poseer la información
adecuada sobre los productos que se tienen
Optimizar el tiempo de consulta de ventas, pedidos y demás información, en caso
de ser necesaria

5° cuatrimestre 3
Objetivos Específicos
Los objetivos específicos son los principales retos a desarrollar dentro del proyecto,
los cuales son la base del mismo.
• Crear una base de datos en la cual se almacene toda la información que
respecta a los productos, mercancías además de todo lo relacionado con el
inventario, venta y provisión de artículos(muebles)
• Crear una página a la cual los empleados pueden acezar fácilmente para
hacer el registro de la información nueva, consultar, todo lo que respecta al
manejo de información de forma sencilla
• Atreves del control que se tenga con la base de datos, minimizar el tiempo
de búsqueda de pedidos, ventas, registros para volverlo más ágil
• Evitar el incumplimiento de pedidos por falta de mercancía

5° cuatrimestre 4
Alcance del Proyecto
El proyecto se iniciará con la definición clara y objetiva de las metas a alcanzar, el
tiempo que se invertirá en cada una de las actividades a realizar, así lograr llegar a
la fecha de término en tiempo y forma.
Para ello se iniciará con el desarrollo de la base de datos, que consiste en 3 pasos:
desarrollo conceptual, desarrollo lógico, finalizando con el desarrollo físico, con el
cual se concluirá el diseño y desarrollo de la base de datos, para dar paso a la
programación y desarrollo web del proyecto
Dentro del desarrollo web del proyecto, se tomará como base principal la base de
datos, de la que se partirá para crear las opciones, funciones y demás
requerimientos, de igual manera se llevará a cabo en distintas fases, tanto para el
diseño, desarrollo e implementación de la misma
La página web será alimentada de la base de datos creada anteriormente y viceversa
a la hora de actualizar información
La base de datos cubrirá todo lo relacionado con los productos, existencias, ventas,
clientes, proveedores, además de un historial de ventas, para respaldar la
información, pudiéndola consultar en cualquier momento o fecha dentro de los
registros
La página, tendrá un alcance local, para los trabajadores, encargados de la empresa
y desarrolladores, no estando disponible al público en general, ya que se maneja
información propia de la empresa, además de que solo se podrá acezar mediante un
login que se creará de igual manera.

5° cuatrimestre 5
Propuesta a Desarrollar
Se pretende crear un sistema que cuente con una base de datos, capaz de almacenar
información de forma organizada, para un mayor control y manejo eficiente de la
misma
Primero se necesita realizará el planteamiento del problema, así considerar las
soluciones posibles y más convenientes para el mismo
Se iniciara con el desarrollo conceptual de la base , donde se definirá lo que es
necesario para almacenar los datos y de qué forma se hará , posteriormente se
continuara con el desarrollo lógico en el cual se definirán las relaciones entre los
elementos establecidos para la base de datos, se construirán los diagramas
necesarios para lograr tener una idea consistente , muy bien definida para el
siguiente paso que es el diseño físico de la base de datos, el cual se realizara el gestor
de bases de datos de MYSQL se crearan las tablas para el almacenamiento de
información, se plasmara lo que se realizó en el desarrollo lógico
Posteriormente en la base de datos se crearán las consultas convenientes para lograr
que se muestre la información requerida dentro de la página web.
Para el diseño de la página, se tendrán que tomar en cuenta toda la información que
se va a manejar, primero se hará un análisis de los requerimientos que se tienen en
cuanto a las funciones a desarrollar.
Esta segunda parte se desarrollará en php, utilizando también como herramienta
conjunta para el diseño html 5, una vez establecida la parte de los requerimientos de
procederá a desarrollar con estas herramientas, se crear primero un login con el cual

5° cuatrimestre 6
se tendrá acceso al sistema, posterior a esto se crearán todos los elementos
necesarios, como formularios, tablas opciones o distintas herramientas según sea el
caso.
En el proceso se realizarán las pruebas convenientes para checar que todo marche
de manera correcta, cuando se tenga el diseño, se concretara la página con la base de
datos para lograr, el objetivo principal del proyecto, una vez terminado el proyecto
se realizaran distintos registros y pruebas, con los cuales se corroborara que cumple
con los requerimientos necesarios, cumpliendo las funcionalidades se dará por
terminado el proyecto.

5° cuatrimestre 7
Desarrollo del Proyecto
Análisis
La mueblería Neto´s es una empresa dedicada a la venta de artículos muebles, la
empresa tiene una gran cantidad de ventas, pero manejo de la información es
deficiente ya que no se lleva un registro coherente en cuanto a ventas, pedidos,
entradas y salidas de mercancía, inventario etc. La situación mencionada da pie a
fugas de dinero, perdidas de clientes, desabasto, mala impresión hacia los clientes
por la falta de organización que se maneja, dando imagen de una empresa poco
confiable, por su falta de formalidad y control de la misma.
Con el Sistema Neto’s se busca un mayor control interno de las operaciones,
información, registro de ventas, pedidos, control de inventario. Logrando así
agilizar las operaciones. Se hará una selección, clasificación de toda la información,
que se tiene, posterior a esto ver de qué manera se podrá organizar haciéndola más
funcional.
El sistema tendrá un impacto positivo en la empresa, el costo se cubrirá en el largo
de un año , teniendo efectos positivos a largo plazo, para el funcionamiento e
implementación del sistema, como será interno solo será necesario el uso de dos
máquinas para tener acceso a la página alimentada por la base de datos, para
consultar, modifica, eliminar o realizar alguna operación según se requiera , siendo
de este modo digital, no se tendrá duplicidad de información y se respaldara la
información , sin necesidad de tener registros en físico de los mismos.
Sera de manejo fácil, para que los empleados no tengan problema con el manejo de
el mismo, se creara un usuario con el cual se ingresara al sistema, cada operación
quedara registrada , según quien lo realizara

5° cuatrimestre 8
Graficas de Gantt

5° cuatrimestre 9

5° cuatrimestre 10

5° cuatrimestre 11

5° cuatrimestre 12

5° cuatrimestre 13
Análisis Factibilidad del proyecto
El análisis de factibilidad nos permite conocer la rentabilidad del programa Neto’s
Cedula 1 Inversión
Concepto Monto
2 Computadoras 15,000 $
Licencias 4,000$
Total 19,000
Cedula 2 Costo del programa
Concepto Unidad Costo Monto
Mantenimiento del
programa
10 1,500$ 15,000$
Programa Neto’s
• Base de datos
• Página funcional
• Manuales de usuario
• Curso de Manejo del
Sistema
4 10,000$ 40,000$
Efectivo 1,000 2,000
Imprevistos 500 1,000
Total 13,000 58,000

5° cuatrimestre 14
Cedula 3
Concepto Unidad mes 1 Mes 6
Programa 2 20,000 40,000
Mantenimiento 3 4,500 9,000
Total 24,500 49,000
Cedula 4
Concepto Unidad C.U.P Mes 1 Mes 6
Mantenimiento 1 1,500$ 1,500$ 7,500$
Programa
S+1
1 10,000$ 10,000$ 30,000$
S2 Gastos Fijos
Sueldos 3,000$ 6,000$
Papelería 200$ 200$
Licencias 1,500$ 2,000$
Otros 1,000$ 1,000$
Total 5,700$ 9,200$
s1+s2 17,200 46,700

5° cuatrimestre 15
Estadísticas contundentes para la Creación del Sistema
0
5,000
10,000
15,000
enero -marzo abril-junio julio-septiembre octubre-diciembre
Perdida monetaria por mal manejo de
inventario e información 2018
60
82
74
129
47
54
30
81
0
20
40
60
80
100
120
140
enero -marzo abril-junio julio-septiembre octubre-diciembre
Opinion de Clientes
N. Clientesque opinaron Clientes en desacuerdo con el deficiente manejo de datos

5° cuatrimestre 16
Diagrama UML
La finalidad de los diagramas es presentar diversas perspectivas de un
sistema, a las cuales se les conoce como modelo. Recordemos que un
modelo es una representación simplificada de la realidad; el modelo UML
describe lo que supuestamente hará un sistema, pero no dice cómo
implementar dicho sistema.

5° cuatrimestre 17
Diagrama de Clases y Objetos

5° cuatrimestre 18
Diagrama de estados
Un diagrama de estado es un tipo de diagrama utilizado en ciencias de la
computación y campos relacionados para describir el comportamiento de los
sistemas
Para insertar un pedido, existencia, cliente,
producto, venta o alguna operación que requiera
inserción
Para consultar productos de una clasificación

5° cuatrimestre 19
Para Modificar o actualizar información de un
registro ya establecido Para Eliminar datos o información

5° cuatrimestre 20
Diagrama de casos de uso
Para Ingresar al sistema Para hacer una búsqueda de algún dato especifico

5° cuatrimestre 21

5° cuatrimestre 22
Recursos Requeridos
El sistema Netos mueblería tendrá diversas funciones, pero así mismo necesita de
algunos recursos para llegar a ser funcional, como recurso principal se necesitan dos
computadores, uno fungirá como servidor, debido a que no se requiere que este
implementado en más de dos computadoras, no se necesita un servidor, con uno de
los equipos será suficiente, se requiere de las licencias de los programas a utilizar,
este programa será: MYSQL, DRAM weber, Corel Draw la creación del sistema
Se logrará que el sistema sea funcional igualmente, se necesitará pagar por un
hosting (dominio) el cual nos permitirá tener nuestro sistema en la nube y no será
necesario tener todo el contenido del sistema y programas en cada computadora
Los paquetes del hosting son como los que se muestran a continuación
Go dady
BLUE HOST

5° cuatrimestre 23
NEUBOX

5° cuatrimestre 24
Se seleccionó como mejor opción el hosting de NEUBOX en su paquete sell it ya que
se adapta muy bien a los requerimientos del programa Neto´s , además de que el
precio no se sale del presupuesto
Según nuestro análisis de factibilidad la inversión que se debe realizar para tener el
programa en funcionamiento es de 25,000 MXM con los cuales se tenderán los
recursos necesarios
Como recuerso humano, se necesitará una persona encargada de diseñarla base de
datos y sus relaciones, el encargado de realizar las funciones dentro de la página,
además se debe contar con una persona encargada de realizar el diseño, es decir el
que los usuarios del sistema visualizaran, por ello es importante hacerlo de manera
rápida y sencilla.
Se requerirá un administrador que se encargara de administrar el programa y la base
de datos, los usuarios, serán los encargados de modificar, eliminar, insertar, buscar
y hacer consultas dentro de la página, alimentada por la base de datos

5° cuatrimestre 25
Estructura de la base de datos
La base de datos será creada en el gestor MYSQL, esto, para poder enlazarlo a la
página web y así se pueda visualizar la información con una interfaz grafica
La base de datos se organizará por medio de 12 tablas, cada una con sus atributos
correspondientes y sus enlaces entre sí para lograr procesos además de consultas
exitosas, el nombre de la base de datos es “muebles acorto”, el cual se organiza a
través de 12 tablas que son las siguientes
• Articulo
• Clientes
• Colores
• Existencias
• Historial
• Pedido para almacén
• Pedidos
• Producto
• Proveedores
• Tipos
• Usuarios
• Ventas
Cada tabla corresponde a un aspecto importante, para el funcionamiento del
sistema, se crearon de forma específica y con los atributos prudentes, para que
cada una cumpla con su función, en este caso se pueden resaltar dos de las tablas,
que son las que tienen mayor número de conexiones entre las tablas: productos,
pedidos, son los principales conectores de toda la base

5° cuatrimestre 26
En base a las tablas, se creó con el gestor MySQL el diagrama EER en el cual se
muestran las relaciones, que se tienen entre las tablas, así como sus llaves
primarias, secundarias y atributos de cada una de ellas, continuación se muestra
como quedo el modelo del diagrama

5° cuatrimestre 27
En base a la Base de datos se crearán las consultas, que nos permitirán visualizar los
datos ya en forma de tabla en la interfaz gráfica creada en HTML, en conjunto con
funciones de PHP

5° cuatrimestre 28
Dentro de la base de datos utilizamos tanto consultas simpes para visualizar los
datos de una tabla, como los inner join , que nos sirvieron para hacer consultas más
complejas y relaciona distintas tablas para obtener como resultado una
A continuación, se mostrarán algunas de las consultas que se utilizaran en la base
de datos, junto con las tablas que se tienen como resultado, para tener una idea más
certera de la creación de la base de datos
Obviamente si la información se actualiza o cambia en la base de datos o debido a
alguna función que exista en el sistema cambiara también la información que nos
arroje la consulta, de igual manera las funciones que estarán predeterminadas ya en
la interfaz, que se harán a la base de datos
En esta consulta podemos visualizar un inner join el cual nos muestra el id del
producto, nombre, descripción, clave, precio, id tipo, id color, el de artículo, esta
consulta nos muestra datos de cuatro tablas incluidas en una sola. El nombre de esta
tabla es productos la cual nos sirve para describir los productos, clasificarlos por
tipo, articulo, color y demás atributos que incluye, está alimentada por otras 3 tablas
las cuales funcionan como catálogos y que nos sirven para la clasificación

5° cuatrimestre 29
En la siguiente consulta se muestra otra de las tablas con mayor relevancia, se trata
de la consulta de pedidos, es decir para mostrar los pedidos que se realizan desde la
página y se guardan en ese sitio, aquí nos muestra el conjunto de la tabla pedidos,
productos, clientes, existencias, donde nos indica el número de pedido, clave del
artículo, existencias del artículo, nombre y fecha
En la siguiente consulta se observan las existencias de los productos, en esta ocasión
también se utiliza un inner join, pero solo entre la tabla de productos y la tabla de
existencias, mostrando el nombre, clave, existencias del producto

5° cuatrimestre 30
Dentro de las consultas multi relacionales las antes mencionadas son las más
relevantes, también utilizamos consultas sencillas para solo mostrar los datos de una
tabla en general, además de algunos catálogos que utilizamos para alimentar otras
tablas, a continuación, mostraremos algunos de ellos
En esta consulta podemos apreciar que lo que se muestra es el historial de las ventas,
el número de venta, total a pagar, fecha, numero de pedido, es una consulta sencilla
porque no involucra más tablas, solo la tabla ventas, pero aun así es una tabla que
contiene una llave secundaria para funciones posteriores
Además, también se incluyeron tablas que sirven como catalogo para alimentar
otras tablas, está por ejemplo es la tabla de color que alimenta la tabla de productos
junto con otras dos tablas, con los diferentes id se hace la relación para tener el
producto clasificado por artículo, color, tipo etc.

5° cuatrimestre 31

5° cuatrimestre 32
Organización y visualización de la pagina
A continuación, observaremos la estructura a nivel usuario de la página, es decir la
interfaz con la que el usuario podrá implementar las funciones predefinidas para el
sistema
Todos los formularios para registrar, almacenar, actualizar y buscar información se
realizaron a través de distintos labeles , input , en algunos casos de utilizaron
etiquetas de select, para poder establecer ciertos criterios específicos, esto en
conjunto con pequeñas funciones de php , para traer valores de opción desde la base
de datos
Las funciones principales que se realizaron fueron :
• Login
• Consultas
• Insertar(insert)
• Actualizar (update)
• Eliminar(delete)
• Buscar

5° cuatrimestre 33
Login
Como primera pantalla observamos el login, con este se podrá tener acceso al
sistema, claro se deberá crear un usuario, ya que está conectado a la base de datos y
si la información introducida no corresponde a ningún usuario no nos permitirá el
acceso
Parte del código que corresponde al login

5° cuatrimestre 34
Aquí podemos observar que nos pide el usuario y la contraseña, posterior a llenar
estos campos si los datos son correctos podremos ingresar, si no nos mandara un
mensaje que nos comunicara de un error
Como estructura principal del código todas las paginas creadas contendrá la
conexión a la base de datos, la cual nos permite tomas y transportar información de
la página hacia la base y viceversa
Además, contendrán el css para el diseño, estilos color etc. De cada una de las
paginas, que en el código se mostrara de la siguiente manera

5° cuatrimestre 35
Cada estilo, tanto de botones, tablas, etc. se define de esta forma
La siguiente pantalla nos muestra el inicio de nuestra página, en el cual en la parte
superior observamos el encabezado web, con el nombre y logo de la empresa, abajo
el menú de opciones, en la parte izquierda observamos botones, de los diferentes
productos que se manejan

5° cuatrimestre 36
Consulta
En esta pantalla ya se muestra una clasificación de los productos que se manejan en
la empresa, lo cual se realizó a través de una consulta, por medio de la conexión y
se insertó en una tabla, la consulta de esta tabla contiene la función inner join , es
decir se hace la inserción de varias tablas en una sola y tenemos esto como resultado
a esto se le llama consulta
Así se realizó con cada uno de los productos de la empresa para que se tuviera un tipo
catálogo de los productos que se manejan, también se utilizó para consultar proveedores,
historial, clientes y pedidos

5° cuatrimestre 37
Insertar
La función insert nos sirve para ingresar nuevos datos a la base desde nuestro
sistema, para realizar un insert, se necesita la página que contendrá el formulario
para ingresar los datos, además de un archivo php el cual realizara la función, una
vez llenos los campos solicitados se da en la opción guardar y se agregara un nuevo
registro dependiendo de los datos y la tabla de la que se trate , en este caso se insertó
la consulta de la tabla a la cual se le está ingresando la información para que pueda
visualizar que efectivamente el registro se guardo
Visualización de la pagina
Código

5° cuatrimestre 38
Función
Esta función se utilizó para agregar proveedores, agregar clientes, pedidos, pedidos
de mercancía, agregar productos, a la base de datos

5° cuatrimestre 39
Actualizar
Básicamente esta función nos sirve para actualizar información de la base de datos,
para esta función de utilizan 3 paginas, la primera es para la visualización del botón
de modificar, la segunda para el ingreso de información, por último, la tercera es la
que establece la función, como acentuación se observa
Visualización de la opción
Impresión de los datos que existen y formulario para actualizar

5° cuatrimestre 40
Código del formulario
Código de la función
Esta función se utilizó para actualizar las existencias que se tiene en el almacén,
además para modificar los pedidos que se registran, es decir los que los clientes
solicitan

5° cuatrimestre 41
Delete
Esta función nos servirá para eliminar registros, por alguna situación se tendrá esta
opción, para ello solo se utilizará la ventana donde se visualizará la opción, al
presionarla el registro se eliminará de la base de datos, no tiene valor de retorno, se
utilizó básicamente para las existencias, y los proveedores
Aquí se puede visualizar la tabla
Código de la función

5° cuatrimestre 42
Buscar
Por utilizo tenemos la función de buscar, la cual os permite buscar uno o más
registros con una coincidencia, en algún atributo, dependiendo la tabla que se esté
manejando y el parámetro que se establezca para la búsqueda
Visualización de la búsqueda
Código de conexión par búsqueda
Código de formulario
En este caso se utiliza una variable la cual guardara el valor para localizar las
coincidencias, por ello en este caso la conexión se establece de manera diferente

5° cuatrimestre 43
Pruebas Funcionales
Antes de la implementación del sistema, se requiere que se realicen pruebas
funcionales, para que se garantice el funcionamiento del sistema, a continuación,
mostraremos las pantallas de las pruebas funcionales que se realizaron en el sistema,
los ejemplos serán de cada función principal
Aquí observamos como se inserta un tipo al catálogo de tipos
Se observa como aparece en el apartado de selección de productos en el campo de
tipos, es decir se agregó exitosamente

5° cuatrimestre 44
A continuación, observaremos la función insert, en esta parte se llenan los datos
del formulario los cuales queremos agregar como nuevo registro
En esta parte se observa el registro guardado ya almacenado en la tabla
Para la función actualizar, la insertamos en una tabla, pulsando la opción
modificar nos aparecerá un formulario para actualizar la información, en la imagen
se observa las existencias del producto uno y el recuadro para modificar las
existencias, en este caso había 5 existencias y las modificaremos a 10

5° cuatrimestre 45
En la siguiente imagen observamos el producto 1 ahora con 10 existencias, es decir
el registro se guardó existencias
La siguiente prueba es para la función delete, esta función solo elimina el registro
seleccionado, en la siguiente imagen observamos que se encuentra la opción
eliminar, al pulsar esta opción el registro seleccionado se eliminara
Ya eliminado el registro, solo nos aparecerá el ropero grande como último registro

5° cuatrimestre 46
Ahora mostraremos la prueba con la opción de buscar, de la siguiente forma, en la
siguiente imagen se muestra que se va a buscar por el criterio nombre a los
proveedores que sean compatibles con los caracteres que se introduzcan,
Estos son los resultados de la búsqueda, y efectivamente nos arroja los datos del
registro del proveedor con ese nombre
Implementación

5° cuatrimestre 47
Para la implementación es necesario primero realizar las pruebas que nos garanticen
que la información se va poder tratar de manera correcta, como ya vimos
anteriormente el sistema fusiona a la perfección, ya que guarda, elimina, busca,
actualiza y modifica la información que se requiere.
Para su implementación, primero se realizara una plática informativa con los
usuarios del sistema para que se familiaricen con el sistema, de esta manera
introduciremos registros que no sean reales para que los usuarios vean la forma en
la que el sistema se manipula, posterior a ello, todos los registros creados serán
eliminados para no ocupar espacio innecesario, debido a que la empresa es pequeña
el proceso de implementación será rápido, solo se tendrá acceso a él desde dos
computadoras, para realizar las tareas necesarias, se continuara teniendo en
observación el programa y su funcionamiento, así como el acoplamiento de los
empleados al mismo , esto para garantizar su funcionalidad, o de requerirse realizar
cambios, hacerlos en breve para mejoramiento del sistema.
El chequeo del sistema se realizará mensualmente, para hacer mejoras, o checar
inconvenientes que se tengan del mismo

Proyecto desarrollo Web Muebleria Netos

Más contenido relacionado

La actualidad más candente (20)

Similar a Proyecto desarrollo Web Muebleria Netos (20)

Más de jrobertoga (6)

Último (9)

Proyecto desarrollo Web Muebleria Netos