WINDOWS PHONE 7GERGELY OROSZ

@GergelyOrosz

GregDoesIT.com

WP7OVERVIEW

WHAT IS WINDOWS PHONE 7

• Released• 21 Oct (EU)• 8 Nov (US)

• UI: Metro

• XBOX integration

MINIMUM HARDWARE REQUIREMENTS

• Screen: 480x800

• CPU: 1GHz, RAM: 256MB

• Buttons• Back, Windows, Search

• Screen: OLED

MINIMUM HARDWARE REQUIREMENTS

• Camera: 5 Mpx

• Accelerometer

• Compass

• Proximity sensor

• A-GPS

MARKETPLACE

• $99/yr

• Application types• Free• Try before buy – trial API• Paid

SUMBITTING & UPDATES

• Submitting• Approval process

• Updates• Auto install

• Opens early Oct

PUSH NOTIFICATIONS

DEVELOPING FOR WP7

DEVELOPMENT ENVIRONMENT

• VS 2010 Express

• Blend for WP7

• C#

• Silverlight or XNA

CREATING A SIMPLE APPLICATION

CREATING A SIMPLE APPLICATION

• Create a new project

• Add pages

• Navigate between pages

CREATING A SIMPLE APPLICATION

• Create / import model

• Implement list view• Databinding, ListBox

• Application lifecyclye• Saving to IsolatedStorage

CREATING A SIMPLE APPLICATION

• Use of ApplicationBar

• Use of user’s theme

• Theming• Expression Blend helps

ADVANCED APPLICATION DEVELOPMENT

• Use of other controls• E.g. pivot, panorama

• WebClient

• Location API

• Accelerometer API

ADVANCED APPLICATION DEVELOPMENT

• Transitions

• Trial API

• MVVM• MVVM Light framework

• Unit testing

GREAT WP7 APPLICATIONS

METRO

METRO

NAVIGATION METRO STYLE

• Get there, intiutuvely

• Panorama control

• Pivot control

PANORAMA CONTROL

PANORAMA CONTROL

PANORAMA CONTROL

Demo

PANORAMA CONTROL

• Needs• Good background image• Enough menu items

• Good for mixing media types• Not neccesary to do so!

• Title takes up lots of space

PIVOT CONTROL

PIVOT CONTROL

Demo

PIVOT CONTROL

• Similar to Panorama• No shared background• Title smaller• Pane’s structure the same

• Not enforced

• Text content• Not enforced

PIVOT

ORIENTATION

• Horizontal, vertical or both

• Implement for usability, not orientation

APPLICATION BAR

APPLICATION BAR

• Context menu, not a menu

• Max 4 icons

• Menu items can be added

• Not a FrameworkElement• No binding, no MVVM

WP7 LAYOUT TEMPLATES

• Download as solution

• Demo

WP7 VS DESKTOP/WEB

• Different size

• Different navigation

• Possibly different needs

WP7 VS DESKTOP/WEB: TWITTER

WP7 VS IPHONE

• Navigation is different• WP7 has a back button• WP7 has pivot, panorama

• Application bar usage is different• iPhone: global menu

WP7: context menu

WP7 VS IPHONE

• Similarities• Listviews• Master / detail pages

• WP7 doesn’t need back button

WP7 VS IPHONE: TWITTER

VISUAL DESIGN

• No design resources• Use built-in

controls & colors• WP7 has great

typography

VISUAL DESIGN

• Some design resources• Panorama: 1

picture• Icons, small

images, grids

VISUAL DESIGN

• Plenty of design resources• Create your own

theme• Use WP7

resources where it’s reasonable

FINAL THOUGHTS

MY EXPERIENCE

• Easy• Tools, .Net

• Interesting• Different from desktop / web

• Fun & cool• Creating professional looking

applications

WHY DEVELOP?

• Easy to get started

• Tools are great

• Not (that) hard to master

• (Surprisingly) fun

WHY DEVELOP?

• Easy to create beautiful apps• Thank you, Metro• “Cooler” apps then iPhone or

Android

WHY DEVELOP… NOW?

• Easy to get started

• Easy to create nice apps

• Marketplace not yet open• It’s easy for others to start as

well!

WHY DEVELOP?

• Ideal for prototyping• Rapid development

• Make something you’re proud of

• Make something you can sell

THANK YOU

Gergely Orosz

@gergelyorosz

GregDoesIT.com

ScotAlt.Net