8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

1/17

1

A First Look At WindowsPresentation Foundation

Everywhere ("WPF/E")Joe StegmanLead Program Manager

Microsoft Corporation

NGW036

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

2/17

2

Session Agenda

A little talkingDemos

A bit more talking

More demos

A few more words

Q&A

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

3/17

3

Windows Presentation Foundation/Everywhere(WPF/E)

Subset of WPF focused on interactivecontent

Great integration with webCross platform and cross browser

Supports JavaScript and C#/VB.Net

XAML is the enabling technology

Available SoonCustomer preview in Q3 2006

Web release in first half of 2007

Device release in second half of 2007

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

4/17

4

"WPF/E" ArchitectureBrowser Application / OS

ContentPackage

XAML

ProgrammingModel

WPF/E Runtime

Plug-ins Platform SpecificHosting Model

JavaScript

C# / VB.NET

Native API

XML - DataFonts Video/AudioImages

Native WPF/E API

UI & Rendering Core

Platform Abstraction Layer

http://images.google.com/imgres?imgurl=http://pc.watch.impress.co.jp/docs/2005/0513/ms_3.jpg&imgrefurl=http://pc.watch.impress.co.jp/docs/2005/1017/ms2.htm&h=480&w=640&sz=59&tbnid=W_Tfqt2tIzJ5wM:&tbnh=101&tbnw=135&hl=en&start=2&prev=/images%3Fq%3Dxbox%2B360%26svnum%3D10%26hl%3Den%26lr%3D

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

5/17

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

6/17

6

WPF/E Web Platforms

Operating SystemsWin 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+

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

7/17

7

"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

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

8/17

8

Increased DevelopmentProductivity

Integrated Platform for UI, Text, and Media

Declarative Programming (XAML)

Bringing Designers Into the ApplicationDevelopment Process

Tools for Designers: Microsoft Expression

Tools for Developers: Visual Studio

3rd Party Support: Mobiform, Electric Rain

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

9/17

9

Designer

Emotional ConnectionLook, behavior, data visualization,

usability, brand impact

Developer

Functional CapabilitiesDeployment, function, data connectionand integrity, IT process, security

C++C#

VB.NET

PaperJPG / TIFF

MOV / WMV

PSDPPT

XAML

Unifying The Designer/Developer Process

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

10/17

10

"WPF/E" Features Demo

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

11/17

11

"WPF/E" Web ProgrammingModel

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 intermediatelanguage (IL)

IL is run in a secure and managed environment

"WPF/E" loads external package containing IL andXAML

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

12/17

12

External Package

default.wpfe contains:

default.xaml (compressed)

It may also contain:Other XAML files

XAML and script files

Resources (images, media, fonts, others)

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

13/17

13

.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

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

14/17

14

Managed CodeProgramming Model

sample.xaml:

Turn Red

sample.cs (becomes sample.il):

b1.Click += new EventHandler(Button1_Click);

void Button1_Click(object sender, EventArgs e) {p1.Background = Brushes.Red;

}

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

15/17

15

"WPF/E" Controls

Basic controlsInput, Button, CheckBox, RadioButton

Canvas, Grid and Stack

Rich styles and template support

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

16/17

16

Questions And Feedback

8/14/2019 A First Look at Windows Presentation Foundation Everywhere (WPF/E)

17/17

17 2006 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only Microsoft makes no warranties express or implied in this summary