Your SlideShare is downloading. ×
Katrien De Graeve
Developer Evangelist
Microsoft Belgium
Designing and Developing a
Windows Phone 7 Application in
Silverl...
3
Welcome – About Me
Developer and Experience Evangelist
Microsoft Belgium and Luxembourg
Blog: http://blogs.msdn.com/katr...
4
What can you expect from this session?
Quick dive into Developing and Designing for Windows
Phone with Silverlight
A dem...
5
Who can develop applications for Windows
Phone 7?
Windows Phone 7 Application Model is familiar to Silverlight
Developer...
7
Hardware Foundation
Display
480x800 QVGA
320x480 HVGA
Capacitive touch
4 or more contact points
Camera
5 mega pixels or ...
8
Free Tooling
10
CLOUD
SCREEN
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Notifications
Locat...
11
Phone Platform Capabilities
Input
• Touch
• Hardware buttons
Media
• Digital media capture & playback
• Media library a...
13
Out.loud Architecture
WiFi
Introducing out.loud
Architecture
15
Outloud MVVM
Model View-Model View
16
MVVM Options
• Build your own
• Use a framework:
• Laurent Bugnion’s Light MVVM: http://www.galasoft.ch/mvvm/getstarted...
17
UI & Design Guidelines
18
19
UI and Navigation
Frame & Page Navigation (PhoneApplicationFrame and
PhoneApplicationPage)
Follow UI Design Guidelines
...
20
Hub/Panorama
Horizontal canvas
Layered animations & UI controls, inviting to discover
Top layer to several underlying e...
21
Pivot
Application view manager
Data filters
App views
Related content
Content optimized to screen size
Usually limited ...
22
23
Silverlight controls for Windows Phone
Most Silverlight controls supported (Button, Hyperlink, etc)
WebBrowser control
...
Building the UI in Blend
26
Tips, Tricks and Lessons Learned
Designing with Panorama
Visual States (! Back key)
No code in view
Behaviors and creat...
27
Session review
What did we see?
Don’t miss Part 2 – 16:00 to 17:00 (in this room)
Location services
Application lifecyc...
28
Resources
Get started, all tooling is free and available to all:
http://developer.windowsphone.com
Performance on Windo...
29
Windows Phone 7: A New Kind of Phone
Mobility Smackdown
Related Content
Building Games for Windows Phone 7 with XNA (We...
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Designing and developing a Windows Phone 7 Silverlight Application End-to-End - Part 1
Designing and developing a Windows Phone 7 Silverlight Application End-to-End - Part 1
Upcoming SlideShare
Loading in...5
×

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

2,723

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
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,723
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • 1/30/2015 7:19 PM
  • 1/30/2015 7:19 PM
  • 1/30/2015 7:19 PM
  • 1/30/2015 7:19 PM
  • 1/30/2015 7:19 PM
  • 1/30/2015 7:19 PM
  • Transcript of "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: http://blogs.msdn.com/katriend/ 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: 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
    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 http://developer.windowsphone.com Photoshop templates Guidelines document Design templates: http://wp7designtemplates.codeplex.com/
    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 http://silverlight.codeplex.com/releases/view/52297
    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: 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
    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.

    ×