PROGRAMACION DE SITIOS WEB - (301127A_611)

Unidad 1:
Fase 2 - Planeación del sitio web interactivo

Instructor

FRANCISCO JAVIER HILARIÓN NOVOA

Estudiantes
JOHN JAIRO ROZO GONZALEZ
C.C.80057185
LUIS CARLOS APONZA VARON
C.C.1130655927
FABIAN ANDRES CORTES
C.C.1030600038
ELMER AGUIRRE
DIEGO FERNANDO ARCINIEGAS

Programa
Ingeniería de Sistemas

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

BOGOTA – COLOMBIA
2019
 INTRODUCCION

La siguiente propuesta de desarrollo de software pretende mejorar el

proceso de comercialización de la tienda Fox electronic, automatizando
procesos y optimizando recursos. El proyecto se encuentra estructurado
para ser desarrollado por fases con un framework que agiliza la
implementación del modelo vista controlador.
 Actividades a desarrollar de forma individual:

El estudiante debe realizar las actividades citadas a continuación con

respecto al siguiente requerimiento:

La tienda “Fox Electronics” se dedica a la comercialización de

componentes electrónicos tales como: resistencias, transistores,
circuitos integrados, sistemas embebidos, condensadores, bobinas y
demás elementos de uso común en la industria, control y automatización
electrónica de procesos. Pero en los últimos días ha tenido
inconvenientes con respecto a la cantidad de productos que ofrece a sus
clientes, ya que en existencia aparece una cantidad y cuando se verifica
en bodega dicha cantidad de productos no coincide, este descontrol ha
generado problemas con los clientes y con los proveedores, por lo
anterior requiere un aplicativo web que le permita controlar las compras
a proveedores, ventas al público, inventarios y cálculo de precio de venta
al público incluyendo impuestos (%) y utilidad para la tienda (%).

Propuesta de desarrollo sistema de información para La tienda

“Fox Electronics”.

Formulación del problema

La falta de sistematización del inventario de La tienda “Fox Electronics”

hace que se presente dificultades con la comercialización de productos
electrónicos, lo que interrumpe el proceso de venta de producto que no
se encuentran en stop del inventario y esto a su vez impide tener
claridad en la solicitud de productos al proveedor.

Se requiere un sistema de información CMS que permita llevar el control

de inventario entrada y salida de productos electrónicos y que este
informe al vendedor de la disponibilidad de productos y que a su vez le
permita al almacenista conocer cuáles son los productos que tiene que
solicitar al proveedor.

Se espera que con este sistema se logre el proceso de comercialización

de los productos electrónicos de la tienda “Fox Electronics” donde un
vendedor puede vender los productos con total seguridad que lo
ofertado estan disponibles para la venta.

Objetivos

 Diseñar un sistema de información web que permita el control de

inventario entradas y salidas de mercancía.

 Diseñar una tienda electrónica para realizar la comercialización de

los productos electrónicos de cara al cliente final.

 Desarrollar un software web interactivo que permita el manejo de

inventario, cálculo de utilidades y comercio electrónico para Fox
Electronics.

Metodología de desarrollo:

Para el desarrollo del proyecto se desea realizar las siguientes fases.

Levantamiento de información, investigación y requerimientos del

sistema de información.

Diseño entidad relación de la base de datos en Mysql

Instalación de Framework Laravel para el desarrollo del proyecto usando

el modelo vista controlador (MVC).

Configuración de la base de datos en el proyecto.

Construcción de los mockups o vistas del proyecto como formularios

tablas menús secciones y contenidos.

Diseño y desarrollo de las vistas en html5 y css3

Desarrollo de la regla de negocio: codificación de las funcionalidades del

software.

Pruebas de testing de las funcionalidades del sistema y fedback.

Requerimientos específicos del aplicativo

Crear un sistema de información tipo CMS que permita los siguientes

requerimientos específicos:

El sistema debe tener un sistema de autenticación con perfiles de

administrador, almacenista y un perfil de vendedor.

Perfil administrador

El administrador podría crear y eliminar usuarios con perfil de vendedor

y almacenista.

Ver las ventas realizadas de los productos de un determinado vendedor

Revisar los stops registrados por el almacenista con los productos que
se encuentran en stop, y los faltantes con el fin de conocer el estado del
mismo.

Perfil de vendedor

El vendedor podría ver los productos que se encuentran en stop y cuales

se encuentran agotados para realizar la venta.

Registrar una venta con los productos, cantidad y precio de venta

realizados.

Ver las ventas que el realizo en un determinado periodo y cuál sería su

% de ganancia por la venta.

Perfil de almacenista

El almacenista podría actualizar los productos que ingresan al stop de la

empresa cantidad y precio.

Ver el listado de productos que están agotados y realizar pedido de los

mismos.

Ingresar nuevos productos al stop de la empresa.

Sistema
El sistema debe tener control de las entradas y salidas de productos.

El sistema debe mostrar actualizado la cantidad de productos que se

encuentran en stop, una vez registrado el ingreso de los mismos por
parte del almacenista, o una vez hecha una venta por uno de los
vendedores.

Mostrar en la vista del usuario solo los productos que se encuentran

disponibles.

Calcular el pago de impuestos por producto y generar el valor total del

mismo.

Calcular el % de utilidad de la tienda por cada producto

Calcular el % de comisión del vendedor de la tienda.

Finalidad del proyecto

El proyecto tiene como finalidad ayudar a la tienda Fox Electronics en

la comercialización de los productos electrónicos que esta ofrece a sus
clientes, comenzando desde el inventario de su stop hasta el proceso de
venta para sus clientes pagos de impuesto por producto y utilidad
generada del mismo.
Cronograma
SEMANAS DE DESARROLLO
No. ACTIVIDAD A DESARROLLAR
1 2 3 4 5 6 7 8 9 10 11 12 Semanas
Levantamiento de información,
investigación y requerimientos del sistema
1 de información. 1
Diseño entidad relación de la base de
2 datos en Mysql 1

Instalación y configuracion de Framework

Laravel para el desarrollo del proyecto
usando el modelo vista controlador (MVC).
3 1
Configuración de la base de datos en el
4 proyecto. 1
Construcción de los mockups o vistas del
proyecto como formularios tablas menús
5 secciones y contenidos 1
Diseño y desarrollo de las vistas en html5
6 y css3 2
Desarrollo de la regla de negocio:
codificación de las funcionalidades del
7 software. 4
Pruebas de testing de las funcionalidades
8 del sistema y fedback. 1
9 Ajustes a realizar despues de testing 1
Entrega final del proyecto 1
TOTAL EN SEMANAS 14

Recursos

Pago salario de un desarrollador $1.600.000 meses

Tiempo proyecto 3 meses

Total salario $4.800.000

El sistema de información para la tienda Fox electronic permite la

sistematización del proceso de comercialización de productos
electrónicos, ayuda a optimizar la compra y venta de productos
de cara al cliente desde cualquier parte, este es un beneficio
social ya que los clientes pueden realizar verificar la
disponibilidad de los producto desde un sitio web. La tienda da
un paso importante en tecnología informatice y mejora la
atención a sus clientes, facilita la labor a sus empleados. El
sistema contribuye económicamente ya que posibilita mayores
ventas y hace que el personal sea más productivo para la tienda.
Written

The client server model is a software designed in tasks that are shared
between the resource provider called the server and the service of the
service, which in this case is called the client.

For the development of our project we use a local server and then a
server in the cloud and we provide services to the plaintiffs in this case,
to the employees and customers of the store.

Our project has the MVC structure that means Model, view and
controller with a development framework known as Laravel. This
framework helps the development of the code and allows to reduce
maintenance costs by being easier to maintain and work.

It has its own server that allows the use of port 8000 to run locally.

Para el desarrollo del proyecto se realizó la instalación de Framework de

laravel el cual se pone a correr con el comando php artisan. En la
imagen podemos ver nuestro proyecto corriendo server por el puerto
8000 de nuestro navegador.
Aquí podemos ver la versión de laravel desde la terminal.

Instalación del proyecto laravel con el nombre de Fox-electronic-laravel

 CONCLUSIONES

Para realizar una buena propuesta de desarrollo, es muy importante

tener en cuenta la investigación de la problemática y el levantamiento de
la información, ya que con ello se puede plantear una buena solución de
desarrollo.

Antes de plantear una propuesta de software se debe tener en cuenta el

uso de la tecnología a utilizar, el tiempo que tardaría en ser desarrollada
y el costo que esta tiene.

La utilización de Framework como laravel nos permite optimizar tiempo

en desarrollo y el manejo de la estructura MVC.
 REFERENCIAS BIBLIOGRAFICAS

Jose Mª Baquero García - ¿Qué es Laravel? – 11 de diciembre de 2015

https://www.arsys.es/blog/programacion/que-es-laravel/

PMOinformatica.com - 7 Técnicas de levantamiento de requerimientos

software - miércoles, 3 de agosto de 2016

http://www.pmoinformatica.com/2016/08/tecnicas-levantamiento-
requerimientos.html