S#01 김영욱

한국마이크로소프트 김영욱 차장 .NET Evangelist http://YoungWook.com

Mobile Market

Why is Microsoft in the Mobile Business?

145 (12%)

290 (21%)

741 (63%)

888 (64%)

290 (25%)

1,176

1,388

2008 2011

210 (15%)

277 374

WM Capable WM Capable

Windows Mobile

• Hand Held PC • 500, 000 units sold

• Pocket PC 2002 • Smart Phone 2002

• Windows Mobile 6.1 • 18m units sold

• Windows Mobile 5 • Push e-mail

• Windows Mobile 6.5 • MyPhone, Market Place

3 Screens and a Cloud

5 MBS Online

Integrated Experiences

PEOPLE OFFICE

MARKETPLACE

PICTURES MUSIC+VIDEO

GAMES

Consistent set of hardware capabilities defined by Microsoft

One resolution at launch

Second resolution added later

Same touch input

Consistent processor / GPU

Same available RAM

Optional keyboard

Consistent Platform

Windows Phone

Hardware

Common Hardware Elements

Quality Focus

Windows Phone 7

Design Story

Metro

Start

Glance & Go Get Me There

Metro

Gestures

Touch

Recommended touch target size is 9mm

Minimum touch target size is 7mm

Minimum spacing between

elements is 2mm

Visual size is 60-100% of the touch

target size

Common controls

Hubs vs. Single-Page Apps

Iconography

Icons in the application menu

should be consistent

Test icons with users

(pay attention to context)

New photos online!

Seattle, WA: Sunny and 85 degrees

notification types

14 15

location

Location

services

+ Accuracy

- Power

- Speed

- Indoors

- Accuracy

+ Power

+ Speed

- Wilderness

+/- Accuracy

+/- Power

+/- Speed

+/- Urban areas

GPS

Manage App & Game Updates Notifications of app updates

on the Marketplace hub

Update all apps at

once or view the

update details of a

single app or game

Choose to update

a single app or

game

View the details of

a specific update

Windows Phone 7

Development Tools

Two Flavors of Applications

Developer Portal

http://developer.windowsphone.com

Learn…

Build…

Publish…

Earn…

Getting Started

Get the Windows Phone Developer Tools

Build your Silverlight or XNA Framework

application

Register to publish

Distribute your application

Common 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

Application Model

.NET Common Language Runtime

Process Model

Service Based Application Deployment

Goal: Great User Experiences

Predictable Safe

High performance Innovative

Phone Emulator

Samples Documentation

Guides Community

Packaging and Verification Tools

Windows Phone Developer Tools

One download

Free

CTP available today!

http://developer.windowsphone.com

Tools

Windows Phone Developer Tools

myapp.xap

Windows Phone device

Windows Phone Emulator

Phone Emulator

Samples Documentation

Guides Community

Packaging and Verification Tools

Tools

Application Marketplace

Enhanced Discovery • Easy to find great

applications, games • Fun to browse the

marketplace

Simple, Reliable Acquisition • Try before you buy • Buying and downloading

content is a breeze • Payment flexibility

(MO billing and credit card)

• Easy application updates

Windows Phone 7

Apps Programming

eXtensible Application Markup Language

XAML

XML

Declarative Markup

<Grid> <TextBlock FontSize="48" Text="Hello world" /> </Grid>

XAML maps to code

Anything in XAML can be done in code

Code

DEMO - XAML + CODE The Basics

Vector-Based

Importable from Photoshop or Illustrator

Shapes

Determines how objects are painted and outlined

Solid, Gradient, Image, Media

Brushes

DEMO – SHAPES + BRUSHES Pretty Shapes

<Button x:Name="MyButton" Content="Center" Width="150" Height="50" />

Encapsulates functionality

Give it a x:Name

Same properties as in XAML

Controls

Can be created in XAML & Code

Tools create handler for you

public void myButton_Click(object sender, RoutedEventArgs e) { // todo: add code }

Events

DEMO – CONTROLS + EVENTS Make it Do Something

Apply consistent formatting

Per-page or per-application

<Style TargetType="TextBlock" x:Key="SubHeadingText"> <Setter Property="FontSize" Value="42" /> <Setter Property="Foreground" Value="Blue" /> </Style>

Styling

Layout

Grid | Rows & columns, very flexible

Flexible Layout system

Canvas | Fixed-position

StackPanel | “Stacks” dynamically

Transforms

Controls Text

Media

Rotate Scale Skew

Translate Matrix

Plane Matrix

Apply 3D to a 2D element

Alters any element Transforms Projections

Animations Animate a property value over time

Basics

Expression Blend is the best tool for designing animations

Storyboard Animation Keyframe

DEMO –TRANSFORMS, ANIMATIONS

Make it Look Great

Databinding Powerful Concept

Two types

Based on change notification

Property binding List binding

DEMO – DATABINDING Make it Real

Code Reuse Reuse UI

User Control Custom Control

Reuse Code

Across projects Across platforms

(Web, Windows Phone)

Call to action

• 개발툴 지금 다운로드 받으세요

– http://silverlight.net

– http://developer.windowsphone.com

• 멋전 앱과 게임을 지금부터 개발하세요

Thank you! 개발자를 위한 IT블로그

영욱닷컴 http://YoungWook.com