Requerimientos del proyecto:
El proceso de desarrollo del sistema parte de unos requerimientos que previamente se consultaron, se analizaron y se establecieron con la librería (empresa con la cual se ha llevado a cabo la creación del sistema), es decir, se especificaron las bases del proyecto a desarrollar:
· Administración de proveedores, marcas, empleados y usuarios con los que trabaja la empresa.
· Gestión de un inventario de productos, enfocado en el rubro anteriormente descrito en el planteamiento del problema.
· Relacionado con el punto anterior, gestión de las entradas de cada producto.
· Venta e historial de cada detalle realizado en este mismo apartado.
Terminología básica:
Frontend: es la parte del software que interactúa con el usuario (lado del cliente), es decir, hace referencia a todo lo que tenga que ver con la visualización y petición de datos. La persona responsable de llevar a cabo todo esto es llamada Desarrollador Frontend, quien se encarga de maquetar la estructura semántica del contenido (HTML), codificar el diseño en hojas de estilo (CSS) y agregar la interacción con el usuario (JavaScript).
Experiencia de Usuario (UX – User Experience): es el conjunto de factores y elementos relativos a la interacción del usuario con un entorno concreto, cuyo resultado es la generación de una percepción positiva o negativa de dicho servicio, producto o dispositivo. Depende no solo de los factores relativos al diseño, sino, además, de aspectos relativos a las emociones, sentimientos, confiabilidad, transmisión de la marca, etc.
Diseño web responsivo (Responsive Web Desing): es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Esta tecnología pretende que un solo diseño web tenga una visualización adecuada en cualquier dispositivo.
Framework: es una estructura conceptual y tecnológica de soporte definido, normalmente con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de aplicaciones. Representa una arquitectura de software que modela las relaciones generales de las entidades del dominio, ofreciendo una estructura y una especial metodología de trabajo.
Software y tecnologías utilizadas:
· Visual Studio Code
· Google Chrome
· Microsoft Edge
· XAMPP
· DRAW.IO
· ADOBE XD
· HTML5
· CSS3
· MATERIALIZE
· SWEET ALERT
· JAVASCRIPT
· PHP
· PostgreSQL
Desarrollo y presentación del diagrama de entidad relación y de la base de datos, todo ello construido a partir de los requerimientos descritos:
La base de datos fue realizada en postgres, el cual es un sistema de gestión de bases de datos relacional orientado a objetos y de código abierto.
Se establecieron triggers y procedimientos almacenados para llevar a cabo procesos específicos que facilitan la organización y movilización de la información del sistema.
Se tomaron en cuenta restricciones para aquellos campos que su característica principal recae en ser únicos, al igual que el manejo de llaves tanto primarias como foráneas que nos permiten el flujo de datos y la conexión entre cada tabla.
Etapa de diseño de mockups y maquetación:
El desarrollo de los mockups se llevo a cabo en Adobe XD y para la maquetación se utilizó Materialize como framework de diseño.
Etapa de programación y validación del sistema:
Parte del proceso más compleja e importante de todo el proyecto, acá el funcionamiento del sistema cobra vida, por una parte se trabajó y se validaron todos los datos de entrada del lado del cliente (frontend) tanto con JavaScript como HTML, y del lado del servidor (backend) con PHP, se desarrollaron y se programaron todos los formularios requeridos y se establecieron las conexiones y configuraciones necesarias, de acá mismo deriva la realización de consultas a la base de datos con la cual se mantuvo siempre una constante comunicación.
Conclusión de la investigación
Después de haber desarrollado todas las etapas del proyecto se concluye lo siguiente:
La implementación y uso de un sistema web administrativo aplicado al rubro comercial donde se encuentra la librería, proporciona la facilidad de organizar la información, contrastar cada registro y agilizar las actividades que se basan en la gestión de los diversos apartados previamente establecidos y desarrollados, véase por ejemplo la administración del inventario, entradas y venta, el núcleo del proyecto en pocas palabras.
El rendimiento al cual se esperaba alcanzar fue exitoso, el sistema solventa y gestiona de manera eficiente los requerimientos especificados, así como los objetivos planteados, tomando en cuenta el producto final, este nos presenta una interfaz llamativa, optima e intuitiva, además del funcionamiento que proporciona cumpliendo con las necesidades requeridas.