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

2. 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

3. 3
Welcome – About Me
Developer and Experience Evangelist
Microsoft Belgium and Luxembourg
Blog: http://blogs.msdn.com/katriend/
Twitter: @katriendg

4. 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

5. 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

6. 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

7. 8
Free Tooling

8. 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”

9. 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

11. 13
Out.loud Architecture
WiFi

12. Introducing out.loud
Architecture

13. 15
Outloud MVVM
Model View-Model View

14. 16
MVVM Options
• Build your own
• Use a framework:
• Laurent Bugnion’s Light MVVM: http://www.galasoft.ch/mvvm/getstarted/
• Nikhilk Kothari’s FX Framework: http://projects.nikhilk.net/SilverlightFX
• Michael Sync’s Silverlight MVVM Toolkit: http://silverlightmvvm.codeplex.com/
• Caliburn.Micro: http://caliburn.codeplex.com/
• Others

15. 17
UI & Design Guidelines

16. 18

17. 19
UI and Navigation
Frame & Page Navigation (PhoneApplicationFrame and
PhoneApplicationPage)
Follow UI Design Guidelines
http://developer.windowsphone.com
Photoshop templates
Guidelines document
Design templates: http://wp7designtemplates.codeplex.com/

18. 20
Hub/Panorama
Horizontal canvas
Layered animations & UI controls, inviting to discover
Top layer to several underlying experiences & tasks
Usually limited to 4 views

19. 21
Pivot
Application view manager
Data filters
App views
Related content
Content optimized to screen size
Usually limited to 7 views

20. 22

21. 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
http://silverlight.codeplex.com/releases/view/52297

22. Building the UI in Blend

23. 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

24. 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

25. 28
Resources
Get started, all tooling is free and available to all:
http://developer.windowsphone.com
Performance on Windows Phone 7 – must read material:
http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/09/1
3/building-high-performance-silverlight-apps-on-windows-phone-7.aspx
Windows Phone 7 Jump Start training (12 hours training,
including labs and video):
http://blogs.msdn.com/b/mikeormond/archive/2010/08/19/windows-
phone-7-jumpstart-training-on-demand.aspx

26. 29
Windows Phone 7: A New Kind of Phone
Mobility Smackdown
Related Content
Building Games for Windows Phone 7 with XNA (Wednesday)

27. © 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.