Unidad 1 Fase 2

Planeación de Sitios Web

Grupo 301127 - 50

Presentado por:

Edisen Rincón

Presentado a:

Francisco Javier Hilarión Novoa

Tutor

Universidad Nacional Abierta y a Distancia UNAD

Programa Ingeniera de Sistemas

Escuela de Ciencias Básicas Tecnologías e Ingenierías

Programación de Sitios Web

Bogotá, septiembre de 2021

 INTRODUCCIÓN

En el presente trabajo se plantea la problemática que está presentando la

empresa PC Electronics, una inconsistencia en la base de datos del inventario
de la bodega, por lo cual se están presentando problemas al momento de las
ventas, generando un mal servicio con el cliente y con los proveedores, por lo
cual se plantea una solución tecnológica con su correspondiente metodología,
que controle los datos del inventario, las ventas a los clientes y las compras a
los proveedores, levantando los requerimientos específicos del aplicativo, con
su respectivo cronograma y planteamiento de recursos, finalizando con la
evaluación de la aplicabilidad de esta solución tecnológica.
 FORMULACION DEL PROBLEMA

¿Cómo enlazar el inventario de bodega, con las ventas a los clientes y las
compras a los proveedores, para tener un control total de estos tres
componentes y así, mejorar el servicio al cliente, y aumentar las utilidades de
la empresa PC Electronics?
 OBJETIVOS

General:

Desarrollar un aplicativo web utilizando la herramienta libre “App Serv” el cual

controlará las compras a los proveedores, el inventario general y las ventas al
público incluyendo los impuestos, de la empresa PC Electronics.

Específicos:

- Realizar un levantamiento de requerimientos, entrevistando los usuarios

del sistema, para poder determinar las especificaciones del aplicativo
web a desarrollar.
- Diseñar la solución Web, utilizando diagramas UML, para poder
representar los elementos básicos, las clases y sus relaciones entre sí,
representando la actividad e interacciones entre los objetos y las
interfaces.
- Desarrollar el código web, que dé solución a las necesidades de la
empresa, para poder luego, pasar a la etapa de pruebas del aplicativo.
- Implementar una etapa de pruebas del aplicativo, con los usuarios del
sistema, utilizando pruebas estáticas y dinámicas, que verifiquen la
calidad de la solución y que esta cumpla con el objetivo general del
proyecto.
 MARCO REFERENCIAL

The client server architecture is composed of two components, the provider

and the consumer, where the provider is a server that provides a series of
resources or services which are consumed by the client, however, the client
without the server is absolutely useless and the server without the client,
would have no reason to be.

The Server centralizes the data and can have multiple clients, which connect
to it, using a communication protocol, continuously and bidirectionally, so that
the client can send and receive data from the server and vice versa.

Autor Blancarte Oscar. Introducción a la Arquitectura del Software. Primera

edición. https://reactiveprogramming.io/blog/es/estilos-
arquitectonicos/cliente-servidor
 METODOLOGÍA DE DESARROLLO

La metodología empleada en el presente proyecto y que pretende dar

cumplimiento al objetivo general “Desarrollar un aplicativo web utilizando la
herramienta libre “App Serv” el cual controlará las compras a los proveedores,
el inventario general y las ventas al público incluyendo los impuestos, de la
empresa PC Electronics”, tiene las siguientes características:

a- Levantamiento de requerimientos: los requerimientos se definen, según

la experiencia y necesidad de los usuarios, analizando cuales son las
debilidades del sistema y enfocándonos en fortalecer de manera eficaz
la herramienta tecnológica, mediante encuestas se especificará la
funcionalidad de acuerdo a las necesidades de los usuarios, utilizando
un criterio de evaluación que nos determinará la aceptación del cliente
de la herramienta.
b- Análisis y Diseño: utilizando la herramienta Balsamiq, crearemos un
diseño de la interfaz, basándonos en la información obtenida en el
levantamiento de requerimientos, estos bocetos básicos nos darán una
idea de como pude quedar la interfaz gráfica de la herramienta, la idea
es que, a medida que vayamos implementando cada una de las
funcionalidades, el boceto sea pulido y llegue a convertirse en el diseño
final del visor, que cumpla con todas las funcionalidades para las que
fue creado, que sea amigable con los usuarios, fácil de entender,
dinámico, que no esté saturado de colores inapropiados, por el
contrario, que sea agradable a la vista de los usuarios.
También se elaborarán diagramas de casos de usos, los cuales nos
definirán el comportamiento en lenguaje de modelado unificado UML, el
sistema en desarrollo y el proceso de programación, se elaborará el
Modelo Relacional de la Base de Datos y el Diagrama de Clases.
c- Desarrollo de la Herramienta Tecnológica: Para la construcción de la
solución software, utilizaremos frameworks basados en software libre,
ya que es un proyecto educativo, tanto en el entorno front, como en el
backend, por ello utilizaremos el software Appserv el cual incluye
servidor Apache, PHP y MySQL para manejar la base de datos.
Para que el desarrollo de la herramienta sea efectivo, eficiente y fácil de
manejar, implementaremos una serie de buenas prácticas:
- Notación PSR: consiste en establecer una serie de convenciones y
buenas prácticas en lo que se refiere a la escritura del código, adoptando
los estándares PSR-1 y PSR-2
- Enfoque DRY: Consiste en evitar desarrollar elementos de código cuya
funcionalidad sea duplicada.
- Modelo Vista Controlador: consiste en la separación de los diferentes
elementos de código según sea su funcionalidad, el modelo se encarga
de interactuar con la base de datos, el controlador se encarga de
gestionar las peticiones del cliente y redireccionarlas al modelo o a la
vista, y la vista se encarga de presentar las diferentes interfaces con las
que el usuario interactúa.
- Singleton: se utiliza para restringir el número de veces que se crea un
objeto específico, principalmente para la comunicación con la base de
datos, manteniendo una única conexión abierta, lo cual redunda en el
rendimiento del sistema.
d- Pruebas: para asegurar un alto nivel de calidad en la herramienta
tecnológica desarrollada, se implementarán una serie de pruebas
funcionales en donde se validarán las características de la aplicación, y
se determina si las salidas son las esperadas
Levantamiento
Analisis y Desarrollo de
de Pruebas
Diseño Herramienta
Requerimientos

REQUERIMIENTOS ESPECÍFICOS DEL APLICATIVO:

A- Requerimientos funcionales
✓ El sistema permitirá crear dos tipos de usuarios: Administrador y
usuarios
✓ El sistema solicitará usuario y contraseña al momento del ingreso
✓ El sistema tendrá acceso a la base de datos correspondiente al
inventario general del almacén mostrando la cantidad de cada uno de
los productos en existencia en el almacén general.
✓ El sistema actualizará el inventario general, después de que el usuario
realice una compra o venta de los productos.
✓ El sistema calculará de manera automática, el valor individual y total de
los productos incluidos los impuestos, que sean seleccionados como
vendidos.

B- Requerimientos no funcionales
✓ El sistema mostrará un aviso solicitando un usuario y contraseña para
poder ingresar al sistema
 ✓ El sistema será amigable con el usuario, fácil de entender, tendrá un
botón acerca de, en donde mostrará las funcionalidades y capacidades
de este.
✓ El sistema se desarrollará sobre herramientas libres.
✓ El sistema será capaz de funcionar en mínimo 20 equipos a la vez.
✓ El sistema debe ser capaz de mantener la base de datos segura,
protegiéndola del ingreso de personal no autorizado por los
administradores.

FINALIDAD DEL PROYECTO

Con este proyecto, queremos desarrollar una herramienta Web para la

empresa PC Electronics, con una interfaz gráfica a la cual se ingresa con un
usuario y contraseña, autorizados por el administrador, una vez el usuario
ingrese al sistema, este podrá consultar cualquiera de los productos que tiene
en venta la empresa, esto con el fin de saber si hay unidades disponibles en
el almacén general, para poder realizar la venta del artículo, en caso de que
el usuario note que no hay unidades disponibles o estén próximas a acabarse,
podrá solicitar a los proveedores las unidades necesarias para mantener el
stock correspondiente, una vez llegada la mercancía, el usuario podrá ingresar
al sistema los productos, actualizando el inventario. El sistema administrará
una base de datos que contiene los productos con sus respectivas
características, precio de compra, precio de venta, valor de impuestos,
unidades existentes, referencia del producto, fecha de ingreso, fecha de venta,
datos de los proveedores, datos de los compradores, entre otros. El sistema
generará la orden de compra y la correspondiente factura, con el valor
individual y total, con sus respectivos impuestos.
 CRONOGRAMA

Enlace del cronograma:

https://b24-s0a8dn.bitrix24.es/?secret=d9cl8n9a

RECURSOS

Los recursos necesarios para el desarrollo del proyecto son los siguientes:

• Computador portátil o de mesa, procesador core I3 o superior con 250

GB de espacio en disco duro o más, 4 GB en RAM o más. Sistema
operativo Windows 10 preferiblemente
• Suit AppServ instalada en el equipo de computo
• Software Balsamic Mockups
• Suit de Office
 EVALUACIÓN DE APLICABILIDAD

El desarrollo y la implementación de un aplicativo web, que de solución a las

necesidades que tiene la empresa PC Electronics, impacta de manera positiva
la misión que tiene la empresa, prestando un excelente servicio al cliente, ya
que esta le permite tener un control total del inventario general del almacén,
lo cual le permite mantener un stock de todos los productos ofrecidos a los
clientes, aumentando la satisfacción de estos, esta solución tecnológica le
permite aumentar sus dividendos, ya que no perderá venta de productos por
falta de estos en el inventario, al ser una herramienta montada en un servicio
web, no es necesario instalar la aplicación en los equipos del personal que la
va a utilizar, permitiendo el poder trabajarla desde cualquier parte del mundo,
simplemente con tener un usuario y contraseña autorizados, esto impacta
también la parte ambiental, ya que gracias a esta herramienta, los empleados
de la empresa que utilicen esta solución tecnológica, pueden trabajar desde
la casa, ahorrando combustible y tiempo en el desplazamiento hacia la oficina,
por lo tanto esta es una solución tecnológica que impacta de manera favorable
los intereses de la compañía.
 INSTALACIÓN DE SOFTWARE LIBRE APPSERV:
Descarga del software: Download – AppServ : Apache + PHP + MYSQL
 CONCLUSIONES

Se formula el problema de la empresa PC Electrónics, el cual se pretende

resolver, mediante el desarrollo de un aplicativo web montado en una
arquitectura cliente servidor, que cumplirá con los objetivos planteados en el
proyecto, para poder llevar a cabo este propósito, es necesario desarrollar la
metodología planteada para cumplir con los objetivos, en donde, la calidad del
levantamiento de los requerimientos nos orientará hacia una solución efectiva.
El cronograma está estructurado para desarrollar el proyecto entre septiembre
y diciembre, en donde se llevarán a cabo las fases de levantamiento de
requerimientos, codificación, pruebas, capacitación en el manejo de la
solución tecnológica y la implementación en el sistema del aplicativo web.
 BIBLIOGRAFIA

- (2016) Apps.co Sitio Web. [En línea]. Disponible en http://apps.co

- Categoría:Frameworks para aplicaciones web (2016). [En línea].
Disponible en
https://es.wikipedia.org/wiki/Categor%C3%ADa:Frameworks_para_ap
licaciones_web
- M. Lang y B. Fitzgerald (2006). New Branches, Old Roots: A Study of
Methods and Techniques in Web / Hypermedia Systems Design.
Disponible en
https://aran.library.nuigalway.ie/bitstream/handle/10379/409/Informa
tion%20Systems%20Management%2023%283%29%202006.pdf?seq
uence=1&isAllowed=y
- AppServ. Download – AppServ : Apache + PHP + MYSQL
- Solórzano, P. B. (2006). Planeación y desarrollo de web site. (Páginas.
3 - 6). Recuperado de: https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/31654?page=3
- OVI Unidad 1 - Planificación de proyectos web: Díaz Scarpetta, C. (
20,11,2018). Planificación de proyectos web. [Archivo de video].
Recuperado de: http://hdl.handle.net/10596/21647