Special thanks to Daniel Egan. This presentation provides an introduction to Windows Phone 7, helps developers decide which user controls (Pivot, Panorama), user interface concerns, and step to get your app in Marketplace.

1. Bruce D. Kyle ISV Architect Evangelist Microsoft Windows Phone 7Unleashed Session I

2. Session 1 : Getting Started

3. Session 1 Agenda WP7 – Phone Overview Application Architecture Application Life cycle Hardware Foundation Application Bar Panorama and Pivot Red Threads MVVM Marketplace

4. A different kind of phone,designed for a life in motion Philosophy Customer Design Experience Platform

6. The Windows Phone Design System Codename “Metro”

7. Integrated Experiences PEOPLE OFFICE PICTURES MUSIC+VIDEO MARKETPLACE GAMES

8. Standardized Hardware Foundation Capacitive touch 4 or more contact points 800 WVGA / 480 HVGA Sensors A-GPS, Accelerometer, Compass, Light, Proximity Camera 5 mega pixels or more, flash required, camera button required Multimedia Common detailed specs, Codec acceleration Memory 256MB RAM or more, 8GB Flash or more GPU DirectX 9 acceleration CPU ARMv7 Cortex/Scorpion or better 480 WVGA / 320 HVGA Hardware buttons | Start, Search, Back

9. Session 1 : The Architecture Building the Foundation

10. Software Architecture Applications Your App UI and logic Frameworks Silverlight XNA HTML/JavaScript CLR App Model UI Model Cloud Integration Xbox LIVE Bing Location Push notifications Windows Live ID App management Licensing Chamber isolation Software updates Shell frame Session manager Direct3D Compositor Kernel Hardware BSP Security Networking Storage A-GPS Accelerometer Compass Light Proximity Media Wi-Fi Radio Graphics Hardware Foundation

11. Windows Phone 7 Frameworks Details Windows Phone Frameworks Camera Device Integration Launchers & Choosers Windows Phone Controls PhoneApplicationPage PushNotification WebBrowserControl Sensors PhoneApplicationFrame Silverlight Presentation and Media XNA Frameworks for Games Controls Drawing IsolatedStorage Drawing GamerServices Media Graphics Shapes Markup Media Navigation Audio Content Input Application Object Common Base Class Library IO Runtime Resources Globalization Text Net Reflection Location Diagnostics Collections ComponentModel Configuration Security ServiceModel Linq Threading

13. Familiar API frameworks for interacting with existing Web 2.0 services

15. Session 1 : Page Types Building the Foundation

16. Splash Screen Not really a page… Just a jpg

17. Single Page

18. Application Bar Automatically added to new page But commented out Can be done in XAML or code behind Two Parts ApplicationBarIconButton (Limit 4) ApplicationBarMenuItem You can set the opacity (0.0 – 1.0) Automatically Rotates and Adjusts

19. Application Bar Best Practices Use instead of your own menu system Use the default system theme color Use Opacity of .0 , .05, 1 If Opacity is < 1 Screen is Full : Otherwise Screen will be shorter Do not use an Icon button for  Back Don’t use more than 5 Menu items ( between 14 and 20 characters)

20. Panorama

21. Panorama

22. Panorama

23. Panorama

24. Pivot

25. Pivot

26. Pivot or Panorama??

28. Keyboard Input

29. Application Bar

30. Panorama

31. Pivot

33. Red Threads Optimize for “life maximizers” Red Threads A thread or a theme that runs throughout the entire user experience Three Red Threads Personal Relevant Connected

34. Red Threads Personal Your Day, your way Present information that is pertinent to user Consider this almost as if every WP7 application should be like a dashboard the filters information down to your role

35. Red Threads Relevant Your people, your location Show information pertinent to the environment the user is currently in An example would be a locator for sporting events around the user based on GPS

36. Red Threads Connected Your stuff, your piece of mind Application should be able to interact with networked information (Cloud, online services) BUT not be dependent on this Make sure the user experience is high even in a disconnected state

37. Session 1 : MVVM Model View View Model

38. MVVM MVVM stands for Model View View-Model

40. is a variation of MVC pattern

41. is similar to Martin Fowler’s PresentationModel pattern

42. WPF Data Binding & CommandingView ViewModel Model

44. Clearseparationbetween User Experience designer and developer

45. Increases the "Blendability" of your view

46. Model never needs to be changed to support changes to the view

47. ViewModel rarely needs to be changed to support changes to the view

49. ViewModelknows Models

50. But not vice versa.View ViewModel Model

51. Model Typical class that covers a database Could be a WCF Service and its client reference

52. ViewModel Provides data to and from the View Responds to both the View and the Model Informs the View of changes in the data Reusable (at least much more than code behind a form)

53. ViewModel Knows nothing about the View Does not “push” data into the view TextBox1.Text = object.Name()

54. View Uses Binding to “subscribe” to the ViewModel Interprets business data and state of ViewModel to the human Nothing but Presentation - XAML No or minimal code-behind

56. For simple UI, M-V-VM can be overkillView ViewModel Model

57. MVVM Light Toolkit

59. MVVM Light

60. Caliburn

64. Buying and downloading content is a breeze

65. Payment flexibility (MO billing and credit card)

67. Publishing Process Upload Application (XAP)Meta Data (Icons, descriptions, icons) Check for size (< 500 mb) Recommended size < 20 MB for OTA Check Application code (No Native API)Check if Type SafeNo Debug Symbols Check for Phone Capabilities Check languages Application and Game Submission .xap .xap .xap .xap .xap .xap .xap .xap .dll .dll .dll .dll .dll .dll .dll .dll App Packaging & Validation App submission Marketplace Windows Phone 7 Deployment Service Apply Test Criteria Add Metadata Sign Add Metadata and repackage application. Sign XAP and appears on Marketplace Check the app works (does it crash, hang, etc..) Start splash in 1 second Accept user input 19 secondsTest for malicious code

68. Device Unlock for Application Development api Unlock retail devices for development Manage registered devices through the developer portal 3 devices/year 1 device/year students

69. © 2010 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.

70. Live Tiles