Desarrollo de una Solución Integral Web para la Ferretería Inversiones Marrokai

[pic 1]

UNIVERSIDAD JOSÉ ANTONIO PÁEZ

Desarrollo de una Solución Integral Web para la Ferretería Inversiones Marrokai

CAPITULO IV

Autores

Rojas José.

Sánchez Miguel.

Gómez Francisco.

Cumare Ricardo.

Faneite José.

CAPÍTULO IV

DESARROLLO DE LAS FASES DEL SISTEMA

4.1 Fases del Sistema:

En esta parte de la investigación se presentan los resultados y el conjunto de actividades que permitieron realizar el desarrollo del sistema integral web para la ferretería inversiones Marrokai mediante la conformación progresiva de una metodología ágil SCRUM y diagramas UML.

4.1.1 Fase I. Planificación:

*  Se lleva a cabo un análisis completo de las necesidades más importantes en la empresa Inversiones Marrokai C.A.

*De los análisis obtenidos se diagnosticaron las oportunidades en procesos de diversificación, captación y alcance de clientes.

* La definición de requerimientos se apalanca con la recolección de datos, afianzados con los resultados del diagnóstico de la situación actual el cual se definen los requisitos del sistema.

4.1.2 Fase II. Diseño:

* Esta fase esta referida al diseño de la construcción en la lógica aplicada en el proceso del sistema integral web.

*Se diseñó la estructura del sistema para la implementación de los requerimientos definidos en conjunto con los casos de uso y diagramas UML que se mencionan a continuación:

     -Historias de usuarios

     -Modelado de casos de usos.

     -Diagrama de casos de usos.

     -Diagrama de bases de datos.

[pic 2]

     -Diagrama de entidad relación.

        *Se conformaron las consideraciones representadas por un diagrama de clases, partiendo de la interacción de diferentes clientes y empleados, se realizó un diagrama de casos de uso los que intervienen en el sistema (empleado y cliente), se construyeron varios diagramas de caso de uso narrativos (proceso de comprar mediante cesta o carrito de compra y gestión procesamiento solicitud del carrito de compra), un diagrama del modelo relacional e interfaces adecuadas a cada proceso que actúa.

4.1.3 Fase III. Codificación:

        Una vez conformado el diseño del sistema,  se procedió a elaborar la estructura de desarrollo del mismo, dentro de la cual se da tratamiento a cada una de las fases de la metodología utilizada en el presente desarrollo.

En este caso el sistema está conformada por 2 partes, una API Rest, la cual se encarga de manejar las interacciones con la base de datos y/o solicitudes realizadas por el usuario, y una aplicación de React la cual será la encargada de mostrar la interfaz del sistema ante el usuario.

La API Rest se realizó usando node.js junto Typescript y el framework express, a estas herramientas le sumamos algunas como Prisma la fue usada para las consultas a la base de datos y librerías como morgan (usada para el manejo de imágenes), jsonwebtoken (para verificar sesiones de usuarios), bcryptjs(para encriptar las contraseñas de los usuarios), entre otras. La estructura de archivos de la API fue conformada de la siguiente forma:

[pic 3]

En la estructura de archivos se ubica la carpeta prisma, dentro dicha carpeta se encuentra el archivo schema.prisma, este archivo se encarga de modelar, organizar y vincular, en caso de ser necesario, los distintos datos que serán almacenados en la base de datos. En la siguiente imagen se puede observar un ejemplo de dichos modelos:

...