Creating Applications using the Model-View-ViewModel PatternMatt Castohttp://google.com/profiles/mattcasto

Developing Software is HARD

Developing Software is HARD

Patterns Help … but its still HARD!

Model – View – ViewModel

Model – View – Controller

Model – View – ControllerRegarded as the first pattern to seperate UI, Data & Logic concernsController handles all logic, including Mouse & Keyboard events

Model – View – Presenter

Model – View – PresenterVariation of MVCTailored for modern UI that handles Mouse & Keyboard events betterPresenter depends on View

Presentation Model

Presentation ModelPublished by Martin Fowler in 2004View is a rendering of the Presentation Model

Presentation Model“Probably the most annoying part of Presentation Model is the synchronization between Presentation Model and view. It’s simple code to write, but I always like to minimize this kind of boring repetitive code. Ideally some kind of framework could handle this, which I’m hoping will happen someday with technologies like .NET’s data binding.” – Martin Fowler

Model

Model – Your Data

Model – Your DataEntitiesService ProxyPOCO

Model – Your DataView

Model – Your DataView – User Interface

Model – Your DataView – User InterfaceXAML (WPF)XAML w/ Code Behind (Silverlight)

Model – Your DataView – User InterfaceViewModel

Model – Your DataView – User InterfaceViewModel – The View’s Model

Model – Your DataView – User InterfaceViewModel – The View’s ModelStateOperationsNot Dependent on the View

You’re probably already doing something very close to this

You probably could be doing something very close to this

Why do I care about MVVM?

Why should you care about MVVM?

Patterns are a set of guidelinesPatternsare not a set of rules

Benefits of MVVM

Benefits of MVVMLoose CouplingTestable CodeMaintainable Code

Loose Coupling

Testable Code

Maintainable Code

Developers and Designers

DEMOWPF vsSilverlight

DEMOAdding Validation

DEMOUnit Testing

DEMOCommands

MVVMSolutionsComponent Application GuidanceMVVM Light ToolkitCaliburnRoll Your Own

Component Application Guidance

MVVM Light Toolkit

Caliburn

Roll Your Own

SourcesWPF Apps With The Model-View-ViewModel Design Pattern – Josh Smithhttp://msdn.microsoft.com/en-us/magazine/dd419663.aspxModel-View-ViewModel In Silverlight 2 Apps – Shawn Wildermuthhttp://msdn.microsoft.com/en-us/magazine/dd458800.aspxViewModel Pattern in Silverlight using Behaviors – Nikhil Kotharihttp://www.nikhilk.net/Silverlight-ViewModel-Pattern.aspxUsing RoutedCommands with a ViewModel in WPF – Josh Smithhttp://www.codeproject.com/KB/WPF/VMCommanding.aspxPresentation Model – Martin Fowlerhttp://martinfowler.com/eaaDev/PresentationModel.html

WPF Apps With The Model-View-ViewModel Design Pattern – Josh Smith

Model-View-ViewModel In Silverlight 2 Apps – Shawn Wildermuth

ViewModel Pattern in Silverlight using Behaviors – Nikhil Kothari

Using RoutedCommands with a ViewModel in WPF – Josh Smith

Presentation Model – Martin Fowler

THANKS!!Matt Castohttp://google.com/profiles/mattcasto