1 / 21

Rich Client Development in XAML

Rich Client Development in XAML. Mark Johnston Developer & Platform Group Microsoft Ltd http://blogs.msdn.com/markjo. 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

toki
Download Presentation

Rich Client Development in XAML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Rich Client Development in XAML Mark Johnston Developer & Platform Group Microsoft Ltd http://blogs.msdn.com/markjo

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

  3. Windows Presentation Foundation • .NET Fx V3.0 • V2.0 Compilers • V2.0 CLR • VS 2005 • Vista, XP Sp2, Server 2003 Sp1

  4. Windows Presentation Foundation USER INTERFACE SERVICES DOCUMENT SERVICES XPS Documents Application Services Controls Databinding Packaging Services Deployment Services Layout MEDIA INTEGRATION LAYER BASE SERVICES Imaging 2D Audio XAML Text Effects 3D Video Accessibility Animation Input & Eventing Composition Engine Property System

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

  6. WPF Apps – iBloks and New York Times Reader

  7. “XAML” “XAML”

  8. Expression Studio

  9. Developer and Designer Workflow

  10. Demo Summary • Visual Studio 2005 • WPF Designer ‘Cider’ • Expression Blend • Layout and Design • Animation • Styles and Templates • Resources

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

  12. “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

  13. 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 (http://www.vista.si). • Rich Internet Applications

  14. “WPF/E” in Action

  15. “WPF/E” V1 Features • 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" Presentation and Media Runtime Java Script DOM API Browser Hosting XAML Media (video, audio) Presentation Core Servicing Component

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

  17. 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!

  18. www.roadshowresources.com

More Related