Arquitectura Modelo Vista Controlador

por - agosto 25, 2020

Arquitectura Modelo Vista Controlador

Diagrama de arquitectura Modelo-Vista-Controlador

Introducción

Seguro habrás escuchado sobre el Patrón de diseño MVC o si no lo has escuchado, perfecto sabrás un poco sobre el ámbito del desarrollo web después de leer está publicación.

Empecemos comentando que son los Patrones de Diseño.

Patrón de Diseño

No es más que una estructura bien definida y comprobada para solucionar problemas especifico en el desarrollo de software (Aplicaciones Web, Móviles, Robótica, etc). Por lo general estos problemas se han presentado varias veces en la historia y lo que se hace es estructurar una forma común de resolverlo. Algo así, para no estar reinventando la rueda.

¿Qué es MVC?

MVC en sus siglas en ingles Model-View-Controller, que en su traducción al español es Modelo-Vista-Controlador, es una estructura de software que parte el desarrollo en dos partes, uno que se focaliza en la interacción del usuario con la aplicación y otra en la gestión de la información del negocio. Con este Patrón busca solucionar problemas de organización de proyecto, ya que de esta forma todo queda de forma modularizada y permite la reutilización de código.

Este modelo lo podemos ver con un ejemplo más digerible a lo cotidiano, que podría ser de la siguiente manera: Se quiere hacer una encuesta para obtener de una población el porcentaje de quienes les gusta el chocolate amargo, entonces:

  • Vista (View): Es toda interacción con el usuario hacia el sistema, por lo general de forma visual. Para el ejemplo anterior, sería la hoja con la encuesta o formulario web y las gráficas que obtenemos a partir de los resultados.
  • Modelo (Model): Es donde almacenamos la información de nuestro sistema, por lo general lo trabajamos con base de datos y muchas veces lo llamamos como la persistencia de datos. Para nuestro ejemplo, sería nuestro documento de texto o boceto con las preguntas a realizar y el archivador o las hojas de cálculo con las respuestas obtenidas.
  • Controlador (Controller): Aquí donde se concentra la lógica que interrelaciona la vista con el modelo. Básicamente este módulo se encarga de recibir las interacciones del usuario con el sistema, comprender que desea el usuario y emitir un evento para informar al usuario con lo solicitado. Mientras hace lo anterior, debe verificar si debe obtener o guardar la información en la base de datos. Siguiendo nuestro ejemplo, sería la vez que estamos generando los bocetos, la parametrización de las gráficas a generar a partir de los resultados, guardando las respuestas, etc.
Y así es como funciona este Patrón de Diseño, cuando lo llevamos más netamente al software, por lo general, por un lado tenemos todo el desarrollo Frontend de como el usuario va a visualizar e interactuar con el sistema, básicamente la vista. Luego tenemos el Backend que tiene separado los controladores y los modelos, que deben ejecutar las tareas que les envía la vista.

Igualmente aquí les repito la imagen de portada, para que ustedes mismos hagan la tarea de indicar del diagrama, a que módulo del patrón de diseño MVC pertenece cada uno.

Patrón de Diseño MVC

Conclusión

Bueno aquí llegamos al final de está publicación, si quiero dejar como detalle importante, que no solo tenemos MVC como Patrón de Diseño absoluto para todos los desarrollos de software, este es uno de muchos, y hay otros que no engloban todo un proyecto, sino también hay para solucionar problemas un poco más concretos. Sin más me despido, muchas gracias por llegar hasta aquí. Hasta pronto.

También te puede interesar

0 comentarios

ToTop