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.

Designing and developing a Windows Phone 7 Silverlight Application End-to-End - Part 1


Published on

Slides from part 1 of my two-part session: Designing and developing a Windows Phone 7 Silverlight Application End-to-End

Published in: Technology
  • Be the first to comment

Designing and developing a Windows Phone 7 Silverlight Application End-to-End - Part 1

  1. 1. Katrien De Graeve Developer Evangelist Microsoft Belgium Designing and Developing a Windows Phone 7 Application in Silverlight End-to-End – Part 1 SESSION CODE: WPH202
  2. 2. 3 Welcome – About Me Developer and Experience Evangelist Microsoft Belgium and Luxembourg Blog: Twitter: @katriendg
  3. 3. 4 What can you expect from this session? Quick dive into Developing and Designing for Windows Phone with Silverlight A demo integrating all the important pieces of developing with the phone You will learn as we advance with the demo project
  4. 4. 5 Who can develop applications for Windows Phone 7? Windows Phone 7 Application Model is familiar to Silverlight Developers Windows Phone 7 Applications can be Silverlight based Windows Phone 7 Application Model is familiar to Game Developers Windows Phone 7 Applications can be XNA based Windows Phone 7 Application Model is familiar to WM Developers The life of managed application developers becomes easier No P/Invoke, limited number of form factors
  5. 5. 7 Hardware Foundation Display 480x800 QVGA 320x480 HVGA Capacitive touch 4 or more contact points Camera 5 mega pixels or more Hardware buttons Start, Search, Back GPU DirectX 9 acceleration CPU ARMv7 Cortex/Scorpion or better Memory 256MB RAM or more 8GB Flash or more Multimedia Common detailed specs Codec acceleration Sensors A-GPS, Accelerometer, Compass, Light, Proximity
  6. 6. 8 Free Tooling
  7. 7. 10 CLOUD SCREEN Phone Emulator Samples Documentation Guides Community Packaging and Verification Tools Notifications Location Identity Feeds MapsSocial App Deployment Registration Validation Certification Publishing Marketplace MO and CC Billing Business Intelligence Update Management Elements of the Windows Phone 7 Application Platform Tools Portal ServicesCloud Services Sensors Media Data Xbox LIVE Notifications .NET Framework managed code sandbox Location Phone Runtime – On “Screen”
  8. 8. 11 Phone Platform Capabilities Input • Touch • Hardware buttons Media • Digital media capture & playback • Media library access Data • Isolated Storage • LINQ (Objects and XML) .NET • Superset of Silverlight 3.0 • Windows Communication Foundation • SOAP and REST services Phone Access • Integrated access to phone UI • Sensors • Picker for contacts and photos Integrated With Cloud Services • App Deployment & Updates • Notifications • Location • Xbox LIVE
  9. 9. 13 Out.loud Architecture WiFi
  10. 10. Introducing out.loud Architecture
  11. 11. 15 Outloud MVVM Model View-Model View
  12. 12. 16 MVVM Options • Build your own • Use a framework: • Laurent Bugnion’s Light MVVM: • Nikhilk Kothari’s FX Framework: • Michael Sync’s Silverlight MVVM Toolkit: • Caliburn.Micro: • Others
  13. 13. 17 UI & Design Guidelines
  14. 14. 18
  15. 15. 19 UI and Navigation Frame & Page Navigation (PhoneApplicationFrame and PhoneApplicationPage) Follow UI Design Guidelines Photoshop templates Guidelines document Design templates:
  16. 16. 20 Hub/Panorama Horizontal canvas Layered animations & UI controls, inviting to discover Top layer to several underlying experiences & tasks Usually limited to 4 views
  17. 17. 21 Pivot Application view manager Data filters App views Related content Content optimized to screen size Usually limited to 7 views
  18. 18. 22
  19. 19. 23 Silverlight controls for Windows Phone Most Silverlight controls supported (Button, Hyperlink, etc) WebBrowser control Silverlight Toolkit for Windows Phone GestureService/GestureListener ContextMenu DatePicker TimePicker ToggleSwitch WrapPanel
  20. 20. Building the UI in Blend
  21. 21. 26 Tips, Tricks and Lessons Learned Designing with Panorama Visual States (! Back key) No code in view Behaviors and creating your own Always use fake data: help your designer
  22. 22. 27 Session review What did we see? Don’t miss Part 2 – 16:00 to 17:00 (in this room) Location services Application lifecycle and tombstoning Choosers and Launchers Push Notifications
  23. 23. 28 Resources Get started, all tooling is free and available to all: Performance on Windows Phone 7 – must read material: 3/building-high-performance-silverlight-apps-on-windows-phone-7.aspx Windows Phone 7 Jump Start training (12 hours training, including labs and video): phone-7-jumpstart-training-on-demand.aspx
  24. 24. 29 Windows Phone 7: A New Kind of Phone Mobility Smackdown Related Content Building Games for Windows Phone 7 with XNA (Wednesday)
  25. 25. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.