Microsofts Rich Web Technology XAML,WPF and WPF/E July, 2006 John Allwright Superior UX Functional End to end platform for delivering rich web experiences Windows Presentation Foundation Enhanced Browser WPF/E + ASP.NET XAML, Managed Code, JavaScript Any Browser ASP.NET Atlas Microsoft Web PlatformMicrosoft UX Technologies XAML, Managed Code XBAP XAML /.NET FX Full fidelity & performance Full integration with desktop Beyond the browser Full development framework XAML /.NET FX / JScript Graphics, Media, Animation High reach, X-platform Friction Free Lower latency, better UX Fully standards compliant Reach Rich Unifying the Designer Developer Process Designer Emotional Connection Look, behavior, data visualization, usability, brand impact Developer Functional Capabilities Deployment, function, data connection and integrity, IT process, security C++ C# VB.NET Paper JPG / TIFF MOV / WMV PSD PPT XAML XHTML CSS XML / XSLT DHTML Atlas Platform.NET Framework Version 3.0 New managed API for Microsoft Windows (previously known as WinFX) Superset of the.NET Framework 2.0. New functionalities, optimized for Windows Vista Native to Windows Vista, downloadable for Windows XP.NET 3.0 WPF Capabilities 2D 3D AudioImaging Text Video Effects Composition Engine Animation XAML Accessibility Property System Input & Eventing Document Services Packaging Services Application Services Deployment Services Controls Layout Databinding User Interface Services Media Integration Layer Base Services XPS Documents Caveat! This is really new stuff. CTP means CTP! Windows Presentation Foundation/Everywhere (WPF/E) Subset of WPF focused on interactive content Great integration with web Ubiquitous (cross platform/cross browser) Supports JavaScript and C#/VB.Net XAML is the enabling technology Available Soon: Customer preview in Q Web release in first half of 2007 Device release in second half of 2007 WPF/E Web Platforms Operating Systems Win XP, Win2K, Win2K3, Vista Considering Win9X Mac OS X 10.* Considering Linux and Solaris Browsers IE 5.5+ Mozilla 1+, Firefox 1+ Opera 7+ Safari 1+ WPF/E Architecture 2.5 MB Media Integration Layer Audio Video Composition Engine Base Services XML/XAML Parser Accessibility Property System Input and Eventing Text Imaging 2D Animation Other Services Core Controls Basic Layout Container Controls Platform adaptation layer UI and rendering core Video Features WMA, WMV and MP3 Codec Alpha channel HTTP Progressive Download HTTP Streaming Properties&event parity with Media Player OCX Considering in Version 2 RTSP DRM CLR Features MSIL compatible Use C# or Visual Basic to program Managed DOM manipulations Sandboxed Seamless communication with DOM objects Platform hosting features Compatible browser and O/S plug-in Internet Explorer FireFox Netscape Safari Exposing XAML DOM to browser Optimized deployment Programming Model JavaScript Atlas C# / VB.NET Native API Media stack CLR Platform hosting layer Graphic Rendering Layer Payload XAML XML - DataFontsVideo/AudioImages IL Atlas Scripts JavaScript "WPF/E" Web Programming Model XAML and JavaScript in a web page Access "WPF/E" via JavaScript Support inline and external XAML/script XAML and.NET Framework code "WPF/E" hosts an x-platform.NET runtime Code (C#/VB.NET) is compiled into an intermediate language (IL) IL is run in a secure and managed environment "WPF/E" loads external package containing IL and XAML External Package > default.wpfe contains: default.xaml (compressed) It may also contain: Other XAML files XAML and script files Resources (images, media, fonts, others) .NET Programming Model Web page plug-in loads external package Web Page: sample.wpfe: sample.xamlsample.il External package contains XAML and IL The container is loaded into the "WPF/E" plug-in WPF/E in action Hosted in a browser XAML based rich user interface Interactivity Animation Video Programmatically interact with UI Jscript Managed code targeting a miniCLR "WPF/E" Features Core Runtime Media Integration Layer Audio Video Composition Engine Base Services XML/XAML Parser Accessibility Property System Input and Eventing Text Imaging 2D Animation Other Services Core Controls Basic Layout Container Controls Video Features WM Codec Alpha channel RTSP/MMS DRM Call to action Learn XAML Controls and XAMLControls and XAML External XAML informationExternal XAML information Learn ASP.NET Atlas http://atlas.asp.nethttp://atlas.asp.net Download and Learn Expression Expression product pageExpression product page LearnLearn Learn WPF programming WPF high level descriptionWPF high level description More about WPFMore about WPF Learn WPFLearn WPF Visit the Mix 06 postconference site for videos and presentationspostconference site 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.