Estructura del sistema

Vista general

Modelo C4

El siguiente modelo detalla la arquitecura a travez contenedores que tienen una función lógica. En el caso del sistema tenemos un sistema, con dos contenedores de interfaz web y mobil, así como una API que realiza la conexión de la parte de cada interfaz con la base de datos.

../_images/c4general2.png

Modelo UML

El lenguaje unificado de modelado es un lenguaje gráfico para visualizar, especificar, construir y documentar un sistema. UML ofrece un estándar para describir un «plano» del sistema (modelo), incluyendo aspectos conceptuales tales como procesos, funciones del sistema, y aspectos concretos como expresiones de lenguajes de programación, esquemas de bases de datos y compuestos reciclados.

../_images/umlgeneral3.png

Vista desarrollo UML

La vista de desarrollo ilustra el sistema de la perspectiva del programador y está enfocado en la administración de los artefactos de software. Esta vista también se conoce como vista de implementación. Utiliza el Diagrama de Componentes UML para describir los componentes de sistema. Otro diagrama UML que se utiliza en la vista de desarrollo es el Diagrama de Paquetes.

../_images/vistadesarrollo.png

Vista Procesos

La vista de proceso trata los aspectos dinámicos del sistema, explica los procesos de sistema y cómo se comunican. Se enfoca en el comportamiento del sistema en tiempo de ejecución. La vista considera aspectos de concurrencia, distribución, rendimiento, escalabilidad, etc.

Proceso moderar(Archimate)

../_images/procesomoderar.png

Proceso foro(Archimate)

../_images/procesoforo.png

Proceso grafica(Archimate)

../_images/procesografica.png

Proceso UML

../_images/procesuml.png

Vista Fisica

La vista de proceso trata los aspectos dinámicos del sistema, explica los procesos de sistema y cómo se comunican. Se enfoca en el comportamiento del sistema en tiempo de ejecución. La vista considera aspectos de concurrencia, distribución, rendimiento, escalabilidad, etc. En UML se utiliza el Diagrama de Actividad para representar esta vista.

../_images/diagramadespliegue.png