building apps for windows phones and tablets

MODERN UI

INFORMATION ARCHITECTURE

APPLICATION CODE

UI FRAMEWORK 1

MODERN UI

INFORMATION ARCHITECTURE

APPLICATION CODE

UI FRAMEWORK 1

1 2 3

1 2 3

Windows Phone

MODERN UI

INFORMATION ARCHITECTURE

APPLICATION CODE

UI FRAMEWORK 1

1’ AWAY MOBILE

TOUCH/VOICE

1 2 3

Windows Phone Windows

MODERN UI

INFORMATION ARCHITECTURE

APPLICATION CODE

UI FRAMEWORK 1

1’ AWAY MOBILE

TOUCH/VOICE

2-3’ AWAY MOBILE/DESKTOP

TOUCH/MOUSE/KEYBOARD

Windows Phone Windows

MODERN UI

INFORMATION ARCHITECTURE

APPLICATION CODE

UI FRAMEWORK

Large Screen Display Or Xbox One

1’ AWAY MOBILE

TOUCH/VOICE

2-3’ AWAY MOBILE/DESKTOP

TOUCH/MOUSE/KEYBOARD

10’ AWAY HOME

CONTROLLER/GESTURE/VOICE

1

User Interface Tools Store

Portable Class Libraries

I compile just once and know it works

on all platforms

Shared Projects

I can easily include platform-specific code under #if or partial classes

New! Improved!

C#

#if WINDOWS_PHONE_APP Windows.Phone.UI.Input.HardwareButtons.BackPressed += this.HardwareButtons_BackPressed; #endif

C++ #if WINAPI_FAMILY==WINAPI_FAMILY_PHONE_APP _backPressedEventToken = HardwareButtons::BackPressed += ref new EventHandler<BackPressedEventArgs^>(this, &NavigationHelper::HardwareButton_BackPressed); #endif

<CommandSet> <CommandPrefix>Your App</CommandPrefix> <Command Name="FindMovie"> <ListenFor>Find {dictatedMovieName}</ListenFor> <Feedback>Finding movie...</Feedback> </Command> <PhraseTopic Label="dictatedMovieName" Scenario="Search"> <Subject>Movies</Subject> </PhraseTopic> </CommandSet>

<CommandSet> <CommandPrefix>Your App</CommandPrefix> <Command Name="FindMovie"> <ListenFor>Find {listMovieNames}</ListenFor> <Feedback>Finding movie...</Feedback> </Command> <PhraseList Label="listMovieNames"> <Item>2001: A Space Odyssey</Item> <Item>A.I. Artificial Intelligence</Item> <Item>Blade Runner</Item> <Item>I, Robot</Item> <Item>The Matrix</Item> ... </PhraseList> </CommandSet>

http://roslyn.codeplex.com

kevinash@microsoft.com