Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog:  www.notsotrivial.net twitter: @...
What is Windows Presentation Foundation?
“ WPF”
Why Was WPF Created?
UX
Design is Inevitable “ Questions about whether design is necessary or affordable are quite beside the point:  design is in...
 
 
 
 
A Metaphor
 
“ It just works!”
Another Metaphor
 
 
 
 
 
 
 
How Does WPF Solve This Problem?
Developers and designers exist in two different time-space continuums
 
Designer/developer experience <ul><ul><li>designers & developers:  </li></ul></ul><ul><ul><li>Speak  the same  language </...
Declarative & Programming Development <ul><li>Easily toolable, declarative markup </li></ul><ul><li>Code and content are s...
Features Of WPF?
- Rich, mature control set - TextBox, Checkbox, ComboBox, Border, MediaElement - Animation, triggers, timelines - Styles a...
Property Engine Input / Eventing System .NET Framework 2.0 Desktop Windows Manager Media Integration Layer DirectX Windows...
When Should I Use WPF?
You should be in a rich-client application environment when…
You want your client to be front and center with your customers
You want to take advantage of local system resources
You’re building a ‘widget’ application
You need to integrate closely with the desktop
You need complete control over the entire user interface or brand
What are my deployment options?
Stand-alone installation <ul><li>Uses standard install tools </li></ul><ul><li>Installed locally to Program Files </li></u...
XML Browser App (XBAP) <ul><li>Install and run apps by clicking a URI </li></ul><ul><li>WPF application docked inside the ...
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...
Who’s Using WPF?
 
 
 
 
 
How Do I Build WPF Applications?
 
Demo: A Walk Through  WPF Development in Expression Blend 2 and Visual Studio 2008
Whether you are designing  rich standards-based websites, ultimate experiences on the desktop, or managing digital assets ...
Expression  Blend <ul><li>Your Sandbox Just Got Bigger </li></ul><ul><ul><li>Design stunning Windows applications that ble...
Expression  Design <ul><li>Expand Your Portfolio </li></ul><ul><ul><li>Design UI elements for Windows applications </li></...
Expression  Media <ul><li>Tame Your Media </li></ul><ul><ul><li>Manage all of your media assets in one place with extensiv...
Expression  Media Encoder <ul><li>Tame your Video  Compression Workflow </li></ul><ul><ul><li>Batch import WMV, AVI, MPEG,...
Where Can I Learn More?
www.microsoft.com/ design www.microsoft.com/ expression Where to learn more
WindowsClient.net/GetStarted Where to learn more
Nibblestutorials.net Where to learn more
www.visitmix.com
Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog:  www.notsotrivial.net twitter: @...
 
Upcoming SlideShare
Loading in...5
×

An Overview Of Wpf

2,797

Published on

Published in: Technology
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,797
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
164
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide
  • An Overview Of Wpf

    1. 1. Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog: www.notsotrivial.net twitter: @clinted
    2. 2. What is Windows Presentation Foundation?
    3. 3. “ WPF”
    4. 4. Why Was WPF Created?
    5. 5. UX
    6. 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
    7. 11. A Metaphor
    8. 13. “ It just works!”
    9. 14. Another Metaphor
    10. 22. How Does WPF Solve This Problem?
    11. 23. Developers and designers exist in two different time-space continuums
    12. 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
    13. 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
    14. 27. Features Of WPF?
    15. 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
    16. 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
    17. 30. When Should I Use WPF?
    18. 31. You should be in a rich-client application environment when…
    19. 32. You want your client to be front and center with your customers
    20. 33. You want to take advantage of local system resources
    21. 34. You’re building a ‘widget’ application
    22. 35. You need to integrate closely with the desktop
    23. 36. You need complete control over the entire user interface or brand
    24. 37. What are my deployment options?
    25. 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>
    26. 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>
    27. 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>
    28. 41. Who’s Using WPF?
    29. 47. How Do I Build WPF Applications?
    30. 49. Demo: A Walk Through WPF Development in Expression Blend 2 and Visual Studio 2008
    31. 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.
    32. 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>
    33. 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>
    34. 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>
    35. 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
    36. 55. Where Can I Learn More?
    37. 56. www.microsoft.com/ design www.microsoft.com/ expression Where to learn more
    38. 57. WindowsClient.net/GetStarted Where to learn more
    39. 58. Nibblestutorials.net Where to learn more
    40. 59. www.visitmix.com
    41. 60. Windows Presentation Foundation Clint Edmonson Architect Evangelist [email_address] blog: www.notsotrivial.net twitter: @clinted
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×