Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Windows Phone 7 Silverlight
MVVM App the Test-Driven Way



                        Mark Tucker
                 Desert Co...
Windows Phone 7
Application Platform
3 Screens + Cloud
Standardized Hardware
• WVGA (800x480), capacitive 4-point multi-
  touch screen
• DirectX 9 hardware acceleration
• Senso...
MVVM

Model                 View
        DataBinding
                      Commands

        ViewModel
TDD



RED   GREEN   REFACTOR
Silverlight Unit Testing Framework
• Used by Silverlight Toolkit
  http://code.msdn.microsoft.com/silverlig
  htut
• WP7-s...
MVVM Light Toolkit
•   View
•   ViewModelLocator
•   ViewModel
•   RelayCommand
•   EventToCommand
•   Messenger
Design – nba tracker
Design – nba tracker




© 2005-2009 Clarity Consulting
http://blogs.claritycon.com/blogs/design/archive/2010/04/01/design...
Design – quick journal
Binding
             Map to MVVM                Command


                     ApplicationTitle

                      Lis...
Binding
             Map to MVVM                Command


                     ApplicationTitle

                      Lis...
DEMO
•   Phone Parallax – Panoramic
•   Picture Viewer – Panoramic
•   Weather Forecast – Pivot
•   MEF, MVVM
•   Quick Jo...
Resources
• Developer Portal http://developer.windowsphone.com/
   – UI Design and Interaction Guide
   – Application Bar ...
Timeline
•   March 15 – announcement at MIX10
•   April 12 – VS 2010 release
•   April 29 – Refresh for VS 2010
•   6 mont...
Contact Me
• Twitter: @marktucker
• Blog: www.shazaml.com
Upcoming SlideShare
Loading in …5
×

Windows Phone 7 Silverlight MVVM App the Test-Driven

3,842 views

Published on

Windows Phone 7 Silverlight MVVM App the Test-Driven

Published in: Technology
  • Be the first to comment

Windows Phone 7 Silverlight MVVM App the Test-Driven

  1. 1. Windows Phone 7 Silverlight MVVM App the Test-Driven Way Mark Tucker Desert Code Camp, May 2010
  2. 2. Windows Phone 7
  3. 3. Application Platform
  4. 4. 3 Screens + Cloud
  5. 5. Standardized Hardware • WVGA (800x480), capacitive 4-point multi- touch screen • DirectX 9 hardware acceleration • Sensors - GPS, accelerometer, compass, light, proximity • Camera • Buttons – Start, Search, Back • Connectivity – cell & Wi-Fi • 256 MB (or more) of RAM and 8 GB (or more) of flash storage
  6. 6. MVVM Model View DataBinding Commands ViewModel
  7. 7. TDD RED GREEN REFACTOR
  8. 8. Silverlight Unit Testing Framework • Used by Silverlight Toolkit http://code.msdn.microsoft.com/silverlig htut • WP7-specific build http://jeffatmix.com/ • MIX10 session – CL59 • Based on Microsoft Unit Testing framework
  9. 9. MVVM Light Toolkit • View • ViewModelLocator • ViewModel • RelayCommand • EventToCommand • Messenger
  10. 10. Design – nba tracker
  11. 11. Design – nba tracker © 2005-2009 Clarity Consulting http://blogs.claritycon.com/blogs/design/archive/2010/04/01/designing-for-win-phone-7.aspx
  12. 12. Design – quick journal
  13. 13. Binding Map to MVVM Command ApplicationTitle ListName Notes ShowDetailCommand (note) MainPage (View) MainViewModel
  14. 14. Binding Map to MVVM Command ApplicationTitle ListName ShortDate Text SaveDetailCommand CancelDetailCommand DetailView DetailViewModel
  15. 15. DEMO • Phone Parallax – Panoramic • Picture Viewer – Panoramic • Weather Forecast – Pivot • MEF, MVVM • Quick Journal
  16. 16. Resources • Developer Portal http://developer.windowsphone.com/ – UI Design and Interaction Guide – Application Bar Icons • MIX10 Sessions (15 total) http://live.visitmix.com/Sessions#/tags/WindowsPhone • Training Kit http://channel9.msdn.com/learn/courses/WP7TrainingKit/ • UI Design Templates http://www.shazaml.com/archives/windows-phone-7-ui- templates • Free e-book by Charles Petzold http://www.charlespetzold.com/ • Twitter @wp7dev
  17. 17. Timeline • March 15 – announcement at MIX10 • April 12 – VS 2010 release • April 29 – Refresh for VS 2010 • 6 months to develop some COOL apps • Holiday 2010 – Phones available
  18. 18. Contact Me • Twitter: @marktucker • Blog: www.shazaml.com

×