UNIVERSIDAD DON BOSCO

FACULTAD DE INGENIERIA

ESCUELA DE INGENIERIA EN COMPUTACION

Ciclo 02-2021

TRABAJO SOBRE:

“PATRÓN DE DISEÑO MVVM”

PRESENTADO POR:

ALUMNO CARNET PARTICIPACION

RICARDO SALVADOR TICAS PAZ TP211715 100%
DAVID ALEJANDRO FLORES RODRIGUEZ FR160978 100%

CATEDRÁTICO:

KARENS MEDRANO.

ASIGNATURA:

Desarrollo de Aplicaciones con Software Propietario

17 DE OCTUBRE DE 2021

SAN SALVADOR, CENTROAMÉRICA

 ¿Qué es el patrón MVVM?

Es un patrón arquitectónico usado en la ingeniería de software de Microsoft que se

originó como una especialización del patrón de presentación de diseño modelo
introducido por Martin Fowler.

En gran parte basado en el patrón Modelo Vista Controlador (MVC), MVVM está

dirigido a modernas plataformas de desarrollo de interfaz de usuario que soportan
programación orientada a eventos, como HTML5, Windows Presentation
Foundation WPF, Silverlight y el Framework ZK.

Secciones del patrón MVVM:

 La parte del modelo (Model), en la cual vamos a ver todo lo que serían los
datos, dónde vamos a tener toda la lógica de datos.
 La vista modelo (View Models) que va a ser la encargada de interactuar
tanto con el modelo como con la vista.
 La vista (Views) que va a ser la parte visual.

MMVM también nos va a permitir, con mucha facilidad, poder hacer test unitarios
(Unit Tests) y poder testear mejor nuestras aplicaciones.

Diferencias entre MVC y MVVM:

Las principales diferencias entre MVC y MVVM son que en MVVM el (Controller)
cambia a (ViewModel) y hay un (binder) que sincroniza la información en vez de
hacerlo un controlador (Controller) como sucede en MVC.

Los dos enfoques tienen muchas cosas en común, pero también hay claras
diferencias entre ellos. Cada uno de los 2 enfoques tiene su razón de ser/existir.
 Aplicaciones que utilizan MVVM:

Normalmente el patrón MVVM es utilizado en aplicaciones móviles para la

arquitectura Android, sin embargo, este patrón puede ser utilizado en WPF,
WinForms, Java Swing, etc.

Comandos en MVVM:

Los comandos son una implementación de la interfaz ICommand que es parte

de .NET Framework, esta interfaz es muy usada en muchas aplicaciones MVVM.
Cuando utilizamos comandos se tiende a repetir más código del necesario, por
esta razón se utilizan implementaciones reutilizables como DelegateCommand.
Esta implementación es una clase que implementa la intefaz ICommnad que
recibe dos parámetros en su constructor del tipo Action y Func, el método a
ejecutar (Execute) y el método que indica si se puede ejecutar o no(CanExecute),
respectivamente.

Link del programa:

https://drive.google.com/file/d/19ntDxoymoST6FZlZRzqe8tyAQKjkBNJa/view?
usp=sharing
 Patrón MVC:

Patrón MVVM:

Como se mencionó anteriormente cada patrón tiene su razón de existir, a

continuación, presentamos un cuadro el cual tiene detalles técnicos de cada
patrón:
 MVC MVVM

Acoplamiento con la vista Muy poco con plantilla Muy poco

Acoplamiento con el Un poco Muy poco

componente
Codificar en la vista Mediante el ID del componente A través de una expresión
Data binding

Implementación de un Extendemos ZK’s Composer Es un POJO

controlador
Acceso a la información de la Acceso directo Automático
UI
Acceso a la información desde Acceso directo Acceso directo
el backend

Actualización de la interfaz de Manipulamos directamente los Automático (@NotifyChange)

usuario componentes

Nivel de control del Elevado, control total Normal

componente
Rendimiento Alto Normal