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 _
Technical Lead
India India
Kunal Chowdhury is a Microsoft "Client 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 8 (WinRT). He posts his findings, articles 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 4 Pinmembervenugopalm30-Aug-10 23:35 
GeneralRe: My vote of 4 PinmentorKunalChowdhury31-Aug-10 0:14 
GeneralMy vote of 5 Pinmemberdefwebserver30-Aug-10 19:52 
GeneralRe: My vote of 5 PinmentorKunalChowdhury30-Aug-10 22:37 
Thanks Michael. Please share this to the Beginners of MVVM... Smile | :)
Don't forget to Click on [Vote] and [Good Answer] on the posts that helped you.


Regards - Kunal Chowdhury | Software Developer | Chennai | India | My Blog | My Tweets | Silverlight Tutorial

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 | Mobile
Web02 | 2.8.141022.2 | Last Updated 30 Aug 2010
Article Copyright 2010 by _ Kunal Chowdhury _
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid