1.
Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog: www.notsotrivial.net twitter: @clinted

2.
What is Windows Presentation Foundation?

3.
“ WPF”

4.
Why Was WPF Created?

5.
UX

6.
Design is Inevitable “ Questions about whether design is necessary or affordable are quite beside the point: design is inevitable . The alternative to good design is bad design , not no design at all.” Douglas Martin designer

11.
A Metaphor

13.
“ It just works!”

14.
Another Metaphor

22.
How Does WPF Solve This Problem?

23.
Developers and designers exist in two different time-space continuums

25.
Designer/developer experience <ul><ul><li>designers & developers: </li></ul></ul><ul><ul><li>Speak the same language </li></ul></ul>designers design <ul><ul><li>designers & developers: </li></ul></ul><ul><ul><li>Speak different languages </li></ul></ul>developers add business logic The new way for designers and developers to work together designer developer

26.
Declarative & Programming Development <ul><li>Easily toolable, declarative markup </li></ul><ul><li>Code and content are separate </li></ul><ul><li>Can be rendered in the browser / standalone application </li></ul><Button Width=&quot;100&quot;> OK <Button.Background> LightBlue </Button.Background> </Button> XAML Button b1 = new Button(); b1.Content = &quot;OK&quot;; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; C# Dim b1 As New Button b1.Content = &quot;OK&quot; b1.Background = New _ SolidColorBrush(Colors.LightBlue) b1.Width = 100 VB.NET

27.
Features Of WPF?

28.
- Rich, mature control set - TextBox, Checkbox, ComboBox, Border, MediaElement - Animation, triggers, timelines - Styles and embedded resources - Layout panels - Databinding - 2D, 3D and imaging - ClearType and antialiasing - Interoperability - Document services

29.
Property Engine Input / Eventing System .NET Framework 2.0 Desktop Windows Manager Media Integration Layer DirectX Windows Vista Display Driver (LDDM) Windows Media Foundation Composition Engine Print Spooler Managed Unmanaged 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 Audio Imaging Text Video Effects Composition Engine MEDIA INTEGRATION LAYER Controls Layout Windows Presentation Foundation XPS Viewer

30.
When Should I Use WPF?

31.
You should be in a rich-client application environment when…

32.
You want your client to be front and center with your customers

33.
You want to take advantage of local system resources

34.
You’re building a ‘widget’ application

35.
You need to integrate closely with the desktop

36.
You need complete control over the entire user interface or brand

37.
What are my deployment options?

38.
Stand-alone installation <ul><li>Uses standard install tools </li></ul><ul><li>Installed locally to Program Files </li></ul><ul><li>Available to all users on the machine </li></ul><ul><li>Full access to local computer and network resources </li></ul><ul><li>Windows OS only </li></ul>

39.
XML Browser App (XBAP) <ul><li>Install and run apps by clicking a URI </li></ul><ul><li>WPF application docked inside the browser window </li></ul><ul><li>Saved to isolated storage on local machine </li></ul><ul><li>Must be signed </li></ul><ul><li>Always auto updated </li></ul><ul><li>Must be run while online </li></ul><ul><li>Windows OS only </li></ul><ul><li>.NET 3.0 and up </li></ul><ul><li>Full framework available (depending on trust levels) </li></ul><ul><li>Firefox support added in .NET 3.5 & Firefox 3 </li></ul>

40.
Click-Once <ul><li>Install and run apps by clicking a URI </li></ul><ul><li>May be installed locally or run from web every time </li></ul><ul><li>Installed on a per-user basis </li></ul><ul><li>Must be signed </li></ul><ul><li>Saved to isolated storage on local machine </li></ul><ul><li>Supports automatic updating </li></ul><ul><li>Can run when offline </li></ul><ul><li>Windows OS only </li></ul><ul><li>.NET 2.0 and up </li></ul><ul><li>Full framework available (depending on trust levels) </li></ul><ul><li>Firefox support added in .NET 3.5 & Firefox 3 </li></ul>

41.
Who’s Using WPF?

47.
How Do I Build WPF Applications?

49.
Demo: A Walk Through WPF Development in Expression Blend 2 and Visual Studio 2008

50.
Whether you are designing rich standards-based websites, ultimate experiences on the desktop, or managing digital assets and content, Expression professional design tools give you the flexibility and freedom to bring your vision to reality.

51.
Expression Blend <ul><li>Your Sandbox Just Got Bigger </li></ul><ul><ul><li>Design stunning Windows applications that blend the best of the web and desktop </li></ul></ul><ul><ul><li>Collaborate with developers using Visual Studio for a new level of designer-developer productivity </li></ul></ul><ul><li>Art, Meet Science </li></ul><ul><ul><li>Mix a full spectrum of design elements including vector art, pixel images, high quality text, video, and real 3D content </li></ul></ul><ul><ul><li>Full toolbox of advanced controls and containers for building compelling user interfaces </li></ul></ul><ul><li>Go Beyond the Browser </li></ul><ul><ul><li>Harness the full power of Windows Vista, from desktop to the browser </li></ul></ul><ul><ul><li>Deliver the ultimate user experiences with rich graphics, animation, and interactive UI </li></ul></ul>

52.
Expression Design <ul><li>Expand Your Portfolio </li></ul><ul><ul><li>Design UI elements for Windows applications </li></ul></ul><ul><ul><li>The perfect companion for Expression Blend </li></ul></ul><ul><li>Designed for Design </li></ul><ul><ul><li>Modern UI built from the ground up with the professional designer in mind </li></ul></ul><ul><ul><li>Powerful vector drawing tools and non-destructive effects </li></ul></ul><ul><li>Your Vision, Uncompromised </li></ul><ul><ul><li>Ensure design integrity thanks to end-to-end XAML workflow </li></ul></ul><ul><ul><li>Export your visual designs as XAML code, ready to use in interface design and control skinning </li></ul></ul>

53.
Expression Media <ul><li>Tame Your Media </li></ul><ul><ul><li>Manage all of your media assets in one place with extensive annotations, metadata, search, and browsing (even while offline) </li></ul></ul><ul><ul><li>Support for over 100 different media formats and file types, including images, fonts, and video </li></ul></ul><ul><li>Your Workflow, Enhanced </li></ul><ul><ul><li>Rename, convert, tag, and batch process files quickly, and use powerful search to find and retrieve the files you need </li></ul></ul><ul><ul><li>Edit images and keep track of changes with version control and folder watching </li></ul></ul><ul><li>Presentation is Everything </li></ul><ul><ul><li>Export files to multiple formats, build slide shows and videos, or create professional Web galleries </li></ul></ul><ul><ul><li>Includes Expression Media Encoder , for conversion, enhancement, and compression of rich Web video </li></ul></ul>

54.
Expression Media Encoder <ul><li>Tame your Video Compression Workflow </li></ul><ul><ul><li>Batch import WMV, AVI, MPEG, QT, and more via plug-ins. </li></ul></ul><ul><ul><li>Integrate easily into existing workfow </li></ul></ul><ul><ul><li>Powerful command-line encoder for application and server-based integration </li></ul></ul><ul><li>Enhance Effortlessly </li></ul><ul><ul><li>Trim, crop, resize, add bumpers, markers, overlays, and more to your video </li></ul></ul><ul><ul><li>Professional effects and alpha compositing support </li></ul></ul><ul><ul><li>Extensible metadata management for asset tracking </li></ul></ul><ul><li>Publish for the Web and beyond </li></ul><ul><ul><li>Stunning quality with Emmy® Award winning Windows Media & SMPTE VC-1 compression </li></ul></ul><ul><ul><li>Customizable publishing profiles for desktop, Web, and devices. </li></ul></ul><ul><ul><li>Template-based “WPF/E” publishing for cross-platform, cross-browser playback </li></ul></ul>a feature of Expression Media

55.
Where Can I Learn More?

56.
www.microsoft.com/ design www.microsoft.com/ expression Where to learn more

57.
WindowsClient.net/GetStarted Where to learn more

58.
Nibblestutorials.net Where to learn more

59.
www.visitmix.com

60.
Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog: www.notsotrivial.net twitter: @clinted