building Windows Phone applications with Silverlight, part 2

Peter TorrProgram Manager, Microsofthttp://blogs.msdn.com/ptorr

2

fine print

Not “Silverlight 101” Lots of resources on-line to learn Watch Shawn Oster’s talk on-demand

More in-depth information from Istvan Cseri’s talk Tomorrow morning

3

key take-aways

Applications are built using pages

UI is clean and simple

Services enhance the user experience

4

Peter (part 2) Application

structure Controls &

theming Connected

services

Mike (part 1) Introduction Output Input Web Browser OS App Integration

building applications, parts 1 & 2

5

application structure

first, a little history…

6

default silverlight application

Application

UserControl

ContentContent Content

7

silverlight 3 navigation application

UserControl

Frame

Page 3Page 1 Page 2

Application

Application

UserControl

ContentContent Content

8

?Windows Phone application

UserControl

Frame

Page 3Page 1 Page 2

Application

Application

Frame

Page 3Page 1 Page 2

Demo

application structure

the back key

11

back key details

Lets the user to return to previously-viewed screens

Can go back across applications

Not used for application-specific behaviour

Demo

back button(the exception that

makes the rule)

13

a world of constant interruptionsphone calls

App

switchtxt

msgs :-)

reminders

low

batterylock scree

n

14

Not runnin

g

Start

Running

Exit

basic application lifetime

• Obscured• Paused

15

obscured: popup ui from shell

Running

Obscured

Running

Unobscured

Games could auto-pause

Game could auto-resume

• Phone call

• Reminder• Battery

low

Not in the Mix build

16

paused: jump to another app

Running

Pause

Suspended

Resume

Assume your process is killed

Save state for later use

Load state to continue where you left off

Not in the Mix build

User never knows what happened :-)

• Start Button

• Accept call• Open toast

Don’t panic!

• We’ll cover “background processing” soon

• Istvan Cseri’s talk has more detail tomorrow

17

Peter (part 2) Application

structure Controls &

theming Connected

services

Mike (part 1) Introduction Output Input Web Browser OS App Integration

building applications, parts 1 & 2

18

default control templates

Simple and elegant

Over-sized hit targets

Use of transparency

Watch Michael Smuga’s design talk online!

19

theming

Enables user to personalize their phone

Dark and light themes, each with several accent colours

Built-in controls are automatically themed

Demo

case study: <button>

21

available controls

Core controls delivered in-ROM Button CheckBox …

Thinking about future controls releases

Let us know what to focus on first!

22

a note on screen resolution

Single hardware & software platform

Two screen resolutions

Applications must support both

Updated tools will be available before phones hit the market

23

Peter (part 2) Application

structure Controls &

theming Connected

services

Mike (part 1) Introduction Output Input Web Browser OS App Integration

building applications, parts 1 & 2

24

push notifications

Server-initiated communication

Enables key background scenarios

Preserves battery life and user experience

25

New photos online!

Seattle, WA: Sunny and 85 degrees

notification types

1415

26

push notifications

Push client

Push service

Your service

Tile

App

Toast

Send push data to URI

Send push data to

client

Send URI to server

Open push channelReturn URIData to App

Data to toast

Data to tile

Event

Demo

push notifications

28

location services

Smart device + cloud service

Balance accuracy with time & power

Consistent API across platforms

No emulator support

29

location

Location services

WiFi

+ Accuracy- Power- Speed- Indoors

- Accuracy+ Power+ Speed- Wilderness

+/- Accuracy+/- Power+/- Speed+/- Urban areas

GPS

Cell towers

Demo

location services

31

key take-aways

Applications are built using pages

UI is clean and simple

Services enhance the user experience

32

further information

http://blogs.msdn.com/ptorr – My blog

http://developer.windowsphone.com – Downloads!

http://live.visitmix.com – Watch other talks

Seema Ramchandani’s Performance talk (next)

Istvan Cseri’s Architecture talk (tomorrow)

33

call to action

Install the tools…

Start coding…

Give us feedback! What’s good? What’s bad? What’s really painful?

34

helping to shape the future

Research opportunities for Windows Phone developers using Silverlight on Wednesday March 17th (tomorrow)

Usability study @ 11:30 Focus groups @ 10:00, 11:30, 1:00 & 1:30

If you are interested in participating in these events, please email SusanTo@microsoft.com

please fill out the session evaluation form – thank you!

it‘s question time…

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.