The Microsoft

Technical Roadshow 2007

Rich Client Development in XAMLMark JohnstonDeveloper & Platform GroupMicrosoft Ltdhttp://blogs.msdn.com/markjo

Agenda

WPFRe-capToolsDeveloper and Designer Workflow

“WPF/E”OverviewDemosCode

Windows Presentation Foundation

• .NET Fx V3.0• V2.0 Compilers• V2.0 CLR• VS 2005

• Vista, XP Sp2, Server 2003 Sp1

Application Services

Deployment Services

Databinding

USER INTERFACE SERVICES

XAML

Accessibility

Property System

Input & Eventing

BASE SERVICES

DOCUMENT SERVICES

Packaging Services

XPS Documents

Animation

2D

3D

AudioImagingText

VideoEffects

Composition Engine

MEDIA INTEGRATION LAYER

Controls

Layout

Windows Presentation Foundation

5

...<Button Click="DoClick" Name=“MyButton">

Please click me</Button>...

...void DoClick(object sender, RoutedEventArgs e){ MyButton.Content = "Thanks!";}...

Button.xaml

Button.xaml.cs

WPF Apps – iBloks and New York Times Reader

“XAML” “XAML”

Expression Studio

Developer and Designer Workflow

Demo Summary

Visual Studio 2005WPF Designer ‘Cider’

Expression BlendLayout and DesignAnimationStyles and Templates Resources

Introducing “WPF/E”

A Better Web Experience– Stunning vector imaging, text,

animation, audio and video– Multi-platform support,

Windows and Mac OS X (Intel and PPC)

– Multi-browser support (IE, Safari, Firefox)

More Productive– Web friendly AJAX + XML

(XAML)– Tap into full MS platform &

tools for developers and designers

Efficient & Effective– Small, friction-free client

install (~1.1 MB) – Cost-effective delivery of live

and on-demand audio/video with Emmy® Award winning Windows Media platform

“WPF/E” and WPF

WPF/E is not WPF EverywhereNew name/branding will reflect this

Similar because:Share XAML subsetCommon tools and developer experiencePart of Microsoft designer/developer continuum

Different because:Goals and Customers: web vs. clientSize and Features: WPF/E is 2.5 MB (.NET 3.0 is much larger)Implementation: WPF/E is a platform independent Reach: WPF/E provides a consistent experience across OS and browsersSecurity: WPF/E is always sandboxed

Target Scenarios

Media Content providers (NBC, MTV, Fox/MySpace)Social sites (MySpace, VBlogs)

Interactive ContentProduct brand sites (BMW.com, Ford.com, etc)Marketing sites (http://www.vista.si).

Rich Internet Applications

“WPF/E” in Action

Platform CharacteristicsSmall and factored

1.1Mb core, <5Mb with full prog. modelAbility to self service

Sandboxed Application ModelCross-platform, cross-browser

Windows XP+, Mac

ComponentsAudio and Video (WMV, WMA, MP3) and Imaging (PNG, JPG)Vector graphics, text and animationsBasic elements that allow for the construction of higher level components

Canvas, shapes, input and eventingAsynchronous downloaderJavaScript programming modelAlpha quality tools support (Expression and Visual Studio)

“WPF/E” V1 Features"WPF/E"

Servicing Component

Presentation and Media Runtime

Presentation Core

Media (video, audio)

XAML

Java Script DOM API

BrowserHosting

Building “WPF/E” applications with Visual Studio and Expression

Conclusion

WPF is the rich platform for UI on WindowsWPF/E is a sub-set that is cross-platform and cross-browserDeveloper and Designer Workflow is a key benefit of WPF (and “WPF/E”)

Visual Studio 2005 WPF Designer (“Cider”)Expression Blend and Design

Rich UX is a critical and intuitive part of the design and development process!

www.roadshowresources.com

© 2007 Microsoft Ltd. 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.