The Microsoft Technical Roadshow 2007 Rich Client Development in XAML Mark Johnston Developer & Platform Group Microsoft Ltd

Agenda WPF Re-cap Tools Developer and Designer Workflow “WPF/E” Overview Demos Code

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 AudioImaging Text VideoEffects Composition Engine MEDIA INTEGRATION LAYER Controls Layout Windows Presentation Foundation

5... Please click me... void DoClick(object sender, RoutedEventArgs e) { MyButton.Content = "Thanks!"; }... Button.xaml Button.xaml.cs

WPF Apps – iBloks and New York Times Reader

“XAML”

Expression Studio

Developer and Designer Workflow

Demo Summary Visual Studio 2005 WPF Designer ‘Cider’ Expression Blend Layout and Design Animation Styles 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 Everywhere New name/branding will reflect this Similar because: Share XAML subset Common tools and developer experience Part of Microsoft designer/developer continuum Different because: Goals and Customers: web vs. client Size 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 browsers Security: WPF/E is always sandboxed

Target Scenarios Media Content providers (NBC, MTV, Fox/MySpace) Social sites (MySpace, VBlogs) Interactive Content Product brand sites (BMW.com, Ford.com, etc) Marketing sites ( Rich Internet Applications

“WPF/E” in Action

Platform Characteristics Small and factored 1.1Mb core, <5Mb with full prog. model Ability to self service Sandboxed Application Model Cross-platform, cross-browser Windows XP+, Mac Components Audio and Video (WMV, WMA, MP3) and Imaging (PNG, JPG) Vector graphics, text and animations Basic elements that allow for the construction of higher level components Canvas, shapes, input and eventing Asynchronous downloader JavaScript programming model Alpha 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 Browser Hosting Browser Hosting

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

Conclusion WPF is the rich platform for UI on Windows WPF/E is a sub-set that is cross-platform and cross-browser Developer 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!

© 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.