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

Katrien De Graeve
Developer Evangelist
Microsoft Belgium
SESSION CODE: WPH202
Designing and Developing a Windows Phone 7 Application in Silverlight End-to-End – Part 1

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

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

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

Moving Beyond Visual Studio 2010 Express Not all Visual Studio 2010 Tools can be used for Windows Phone 7
Can use tools that work directly on your source code
Cannot use tools that collect runtime information
No Edit and Continue support
No profiling on the device / emulator
No ‘standard’ Visual Studio 2010 unit testing support
Unit Testing through Silverlight Unit Test Framework
Ships as part of the Silverlight Toolkit (http://silverlight.codeplex.com/)
Device Performance Measurement
EnableFrameRateCounter on device
EnableRedrawRegions on the device

Hardware Foundation
Display
480x800 QVGA
320x480 HVGA
Multimedia
Common detailed specs
Codec acceleration
Capacitive touch
4 or more contact points
Memory
256MB RAM or more
8GB Flash or more
Sensors
A-GPS, Accelerometer, Compass, Light, Proximity
GPU
DirectX 9 acceleration
Camera
5 mega pixels or more
CPU
ARMv7 Cortex/Scorpion or better
Hardware buttons
Start, Search, Back

Free Tooling

Need to Know
XNA or Silverlight, no native code for 3rd party apps
C# only for now
Silverlight
Silverlight 3 ++
Phone Application Framework (listing of phone capabilities for developers or slide with the app framwork)
See CHM - Application Platform Overview for Windows Phone page for intro level
Marketplace

Elements of the Windows Phone 7 Application Platform
Tools
Runtime – On “Screen”
Phone Emulator
Sensors
Media
Data
Location
Samples
Documentation
Xbox LIVE
Notifications
Phone
Guides
Community
.NET Framework managed code sandbox
Packaging and Verification Tools
SCREEN
CLOUD
Portal Services
Cloud Services
Notifications
App Deployment
Registration
Marketplace
Validation
MO and CC Billing
Location
Identity
Feeds
Certification
Business Intelligence
Maps
Social
Publishing
Update Management

Phone Platform Capabilities
Input
.NET
Touch
Hardware buttons
Superset of Silverlight 3.0
Windows Communication Foundation
SOAP and REST services
Media
Data
Digital media capture & playback
Media library access
Isolated Storage
LINQ (Objects and XML)
Integrated With Cloud Services
Phone Access
App Deployment & Updates
Notifications
Location
Xbox LIVE
Integrated access to phone UI
Sensors
Picker for contacts and photos

Out.loud Architecture
WiFi
…
MVVM
Opinion
OutloudAS
OutloudoData
Push Notification: New Opinion
Screen
The Cloud
Outloud Pictures

Introducing out.loud Architecture

Outloud MVVM
Model
View-Model
View
Opinion Entity (EF)
SubmitOpinionViewModel
OpinionsViewModel
AggregatedOpinionViewModel
OpinionViewModel
SubmitOpinion
MainPage
AggregatedOpinion
DetailedOpinion

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

UI & Design Guidelines

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/

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

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

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

Text Input
TextBox integrates with the software keyboard
Software keyboard supports input scoping
Key InputScopes:
EmailNameOrAddress
Text
Url
Number
Time
TelephoneNumber
PasswordBox has a 1 second delay

Building the UI in Blend

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

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

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/13/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

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

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

http://blogs.msdn.com	36
http://projectserverblogs.com	22
http://weblog.chrisricard.net	1

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

by Katrien De Graeve on Oct 24, 2010

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 59

Statistics

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