Arquitectura de Sistema Interactivo

MVC

Modelo-vista-controlador (MVC). Este patrón divide una aplicación interactiva en tres partes diferenciadas:

Separación de responsabilidades:

• Model: contains all of an application’s data, and has the ability to manipulate that data. It has no interaction with the View, but does communicate with the Controller. Interacción con la BD. Comunica con el controlador

• View: is everything that you, the user see in the browser. Usually HTML, CSS and Javascript. It’s pretty dumb, and never has any interaction with the Model.

• Controller: Definitely the coolest element of MVC. It takes in requests from the browser, contacts the Model for any data it might need, and then grabs the proper View to display that data to you, the user.

El patrón MVC fue una de las primeras ideas en el campo de las interfaces gráficas de usuario y uno de los primeros trabajos en describir e implementar aplicaciones software en términos de sus diferentes funciones. Fuente Wikipedia

En la actualidad, esa arquitectura puede sufrir modificaciones en función de las librerias que se usen para la Vista y el framework de desarrollo.

Ref:

• https://blog.cloudboost.io/what-is-model-view-controller-124a9942246
• https://medium.com/@finzyphinzy/demystifying-mvc-understanding-the-model-view-controller-architecture-85c88a558951

Cliente - Servidor

Esta es la forma más común de arquitectura de aplicaciones web. Consta de dos partes principales: una del lado del cliente y otra del lado del servidor.

La parte cliente incluye cualquier interfaz de usuario o código front-end, mientras que la parte servidor se encarga del back-end, es decir el almacenamiento de datos, la lógica de negocio y la comunicación con servicios externos como procesadores de pagos o bases de datos.