Patrón de diseño MVC

 

¿Qué es y cómo puedo utilizarlo?

Tener buenas prácticas al programar es importante porque permite llevar el código de una manera formal, así como también nos permite tener una estructura del proyecto entendible. Es por eso que existen diferentes patrones de diseño, que nos permiten clasificar y separar mediante módulos para poder mantener en equilibrio los componentes que conforman el proyecto.

Cuando se desarrolla una aplicación se debe tener en cuenta que existen y que pueden ayudarnos a acelerar el desarrollo de nuestro software, permitiéndonos que nuestra estructura sea más compresible para las demás personas que deseen colaborar.

¿Qué es MVC?

MVC es un patrón de diseño que se estructura mediante tres componentes: modelo, vista y controlador. Este patrón tiene como principio que cada uno de los componentes esté separado en diferentes objetos, esto quiere decir que los componentes no se pueden combinar dentro de una misma clase.

Antes que nada, MVC separa la lógica de negocios y la capa de representación entre sí. Tradicionalmente se utilizaba para interfaces gráficas de usuario de escritorio. Hoy en día, la arquitectura MVC se ha hecho popular para el diseño de aplicaciones Web y aplicaciones mobile.

¿Cómo se compone el patrón de diseño MVC?

Como se mencionó anteriormente, el patrón de diseño MVC es constituido por tres componentes:

• Modelo: Contiene sólo los datos de aplicación más puros, no contiene ninguna lógica que describa cómo presentar los datos a un usuario.
• Vista: presenta los datos del modelo al usuario. La vista sabe cómo acceder a los datos del modelo, pero no sabe qué significa esta información o qué puede hacer el usuario para manipularla.
• Controlador: Existe entre la vista y el modelo. Escucha los eventos desencadenados por la vista y ejecuta el procedimiento adecuado a estos eventos. Por ejemplo, un controlador puede actualizar un modelo cambiando los atributos de un personaje en un videojuego así como también puede modificar la vista mostrando el personaje actualizado en el juego.

Las tres partes de MVC están interconectadas; la vista muestra el modelo para el usuario, después el controlador acepta la entrada del usuario y actualiza el modelo y debido a esa acción la vista vuelve a tener un cambio con los datos actualizados.

Implementación del patrón de diseño MVC.

Para comprender mejor cómo funcionan los componentes del patrón de diseño MVC, se realizará el siguiente ejercicio.

1. Crear modelo

Primeramente, se hará la creación del modelo, el cual se llamará “Intern” y nos ayudará a describir las características propias del objeto.

2. Crear vista

Se creará la vista para mostrar los resultados del ejemplo, en este caso, se utilizará imprimir en consola.

3. Crear controlador

Para tener una ejecución de los eventos correctamente, se creará el controlador y será el intermediario entre el modelo y la vista.

4. Crear clase principal

Finalmente, se necesitará crear una clase principal para utilizar los métodos del controlador y demostrar el uso del patrón de diseño MVC.

5. Verificar resultado

Para verificar que el ejemplo funcione correctamente es necesario verificar el resultado que nos da la consola, y como se muestra, el resultado es correcto.

Resultados de la implementación del patrón de diseño MVC.

¡Y Listo! ¡Haz desarrollado tu primer proyecto con el patrón de diseño MVC!

¿Por qué es importante usar MVC?

• Proceso de desarrollo más rápido: MVC apoya el desarrollo rápido y paralelo, ya que al utilizar el patrón, se desarrolla de una forma más eficiente debido a que una persona puede trabajar en la vista, mientras que otra puede trabajar en el controlador y así crear la lógica empresarial de la aplicación. Básicamente, el uso de este patrón nos ayuda a que nuestro proceso de desarrollo se vea beneficiado.
• La modificación no afecta a todo el modelo: Cualquier cambio en el modelo no afectará a toda la arquitectura de la aplicación, porque la parte del modelo no es dependiente de algún otro componente como las vistas.
• Soporte para la técnica asíncrona: MVC es compatible con la técnica asíncrona, la cual ayuda al programador a desarrollar, y permite que la aplicación pueda tener un rendimiento superior al cargar su contenido.

En conclusión..

El patrón de diseño MVC es una forma de organizar las funciones principales de nuestro código en sus propias “cajas”, perfectamente organizadas y gracias a esto nos permite que nuestra aplicación sea más fácil y limpia para otros desarrolladores, lo cuál se considera importante debido a que es necesario que otros programadores entiendan el fin al que queremos llegar con nuestra aplicación, y además se siga un estándar para el desarrollo de la misma, es por eso que es necesario que nuestro proyecto incluya un código bien escrito con su patrón de diseño claro para futuras colaboraciones.