Click here to Skip to main content
Click here to Skip to main content
Technical Blog

Tagged as

Generally How I describe MVVM in Presentations or to my Friends

, 30 Aug 2010 CPOL
Rate this:
Please Sign up or sign in to vote.
MVVM described in a way which is much easier to understand and easy to recall

MVVM, which is an abbreviated form of (M)odel-(V)iew-(V)iew(M)odel is not new to you all. But there are some people who don’t know about it. If you are a Core ASP.NET developer, you may know about MVC & MVP, you may also know about MVVM which is mainly used in WPF/Silverlight. For them, it is tough to remember its concept.

In general, in any of my discussions or presentations, I used to describe MVVM in a way which is much easier to understand and easy to recall. Hence I thought, why shouldn’t I share this with you? That’s why I'm writing this post. Read it. I hope that you will enjoy it a lot while reading it fully.

First see the below snapshot. Can anyone tell me what this is? Yes, that’s a car. Everyone knows about it. You may ask why I am showing you a Car here. I was supposed to discuss about MVVM. Hmmm… Don’t stop, just read it.

image

So, it’s a car. What else? It has an Engine, which actually moves the car. What else? The driver sits inside the car and drives it. Ok fine, what else? It runs with fuel.

Yeah!! That’s fine. So, what is the relation between the “Car” and the “MVVM” Framework? Want to know? Umm, this is just my example that I always use to give while explaining about MVVM.

So, think in this way. The car runs on the fuel, which is your data. We will better call it as Model. Hence, Model is the data that you present in your UI.

The car has a body which we can see from outside, nothing else is visible, neither the engine nor the fuel. Hence, we can say it as the View of the car.

Interesting? Ok, so what is the engine? Engine is the interior part of the car which is responsible for moving the car (i.e. the View) with the help of driver and fuel, where driver sends the event to the Engine to use the fuel (Model) to move. So, this is your ViewModel.

image

So, what have we learned here? The body of the Car (called as View) runs on Fuel (called as Model, i.e. Data) with the help of Engine (called as ViewModel). I think that you got the basic idea of MVVM here. Hope this will help you to recall the Model-View-ViewModel very easily.

I need your feedback on the explanation. Though it is a small explanation, a newbie can easily remember it.


License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Kunal Chowdhury (@kunal2383)
Team Leader
India India
Kunal Chowdhury is a Microsoft "Windows Platform Development" MVP (Most Valuable Professional), a Codeproject Mentor, Telerik MVP, Nokia Developer Champion, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession.
 
He is currently working in an MNC located in India. He has a very good skill over XAML, C#, Silverlight, Windows Phone, WPF and Windows Store (WinRT) app development. He posts his findings, articles, tutorials in his technical blog and CodeProject.
 
Technical Blog: http://www.kunal-chowdhury.com
Facebook: http://facebook.com/blog.kunal
Twitter : http://twitter.com/kunal2383
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

 
GeneralMy vote of 1 PinmemberMember 78978734-Jun-13 2:49 
GeneralMy vote of 5 PinmemberPritesh Aryan27-Apr-11 22:09 
GeneralMy vote of 5 Pinmemberdivyang448211-Apr-11 9:32 
GeneralMy vote of 5 PinmemberMember 747486028-Sep-10 9:30 
GeneralOK, but why MVVM?! PinmemberGary Noter15-Sep-10 11:07 
GeneralRe: OK, but why MVVM?! PinmemberRanjan.D6-Jan-13 15:50 
GeneralMy vote of 4 PinmemberJaco van der Walt6-Sep-10 22:12 
GeneralRe: My vote of 4 PinmentorKunalChowdhury7-Sep-10 9:41 
GeneralMy vote of 3 PinmemberEbenRoux6-Sep-10 20:20 
GeneralRe: My vote of 3 PinmentorKunalChowdhury7-Sep-10 9:35 
GeneralMy vote of 1 PinmemberJames Hurburgh6-Sep-10 14:34 
AnswerRe: My vote of 1 PinmentorKunalChowdhury7-Sep-10 9:32 
GeneralMy vote of 5 PinmemberAbhinav S31-Aug-10 1:45 
GeneralRe: My vote of 5 PinmvpAbhijit Jana31-Aug-10 2:28 
AnswerRe: My vote of 5 PinmentorKunalChowdhury31-Aug-10 3:09 
GeneralRe: My vote of 5 PinmemberAbhinav S31-Aug-10 7:20 
GeneralRe: My vote of 5 PinmentorKunalChowdhury31-Aug-10 7:29 
GeneralMy vote of 5 PinmvpAbhijit Jana31-Aug-10 0:48 
GeneralRe: My vote of 5 PinmentorKunalChowdhury31-Aug-10 1:15 
GeneralMy vote of 4 Pinmembervenugopalm31-Aug-10 0:35 
GeneralRe: My vote of 4 PinmentorKunalChowdhury31-Aug-10 1:14 
GeneralMy vote of 5 Pinmemberdefwebserver30-Aug-10 20:52 
GeneralRe: My vote of 5 PinmentorKunalChowdhury30-Aug-10 23:37 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.141220.1 | Last Updated 30 Aug 2010
Article Copyright 2010 by Kunal Chowdhury (@kunal2383)
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid