Windows Presentation Foundation 'Everywhere' (codename) is Microsoft's solution for delivering rich, cross-platform interactive experiences for the Web and beyond. WPF/E will enable the creation of rich, visually stunning and interactive content and applications that run on multiple browsers and operating systems. In this session, learn more about the benefits of WPF/E from a developer perspective and get an introduction to building WPF/E applications using JavaScript and Microsoft developer and designer tools.
4. Richer Media
(WMV Investments)
Broad Reach
Visual Studio
Expression Studio
5. Silverlight development is similar to HTML devevelopment
Presentation format for Silverlight is XAML
XAML is XML (markup)
Silverlight V1.0 programming language is JavaScript
AJAX tricks work with Silverlight
Minimum tools are a text editor and a web browser
For 1.1 development see:
Dev22/Dev07: Silverlight with .NET (5/1, 8:30 and 10:15)
6.
7. Developers (focus of this session)
Visual Studio 2005 and Orcas
Firebug
Any text editor
Designers
Expression Blend and Design
DES02: Building Rich Web Experiences (4/30, 15:00)
XAML exporters
Adobe Illustrator, Office (good for font subsetting), Others…
8. Key Components in Silverlight V1.0
2D Grapics (shapes, transformations, cliping, masking)
Animations
Input: Mouse and Keyboard
Media (WMV, WMA, MP3)
Imaging (JPG, PNG)
Text (static and flow)
HTTP downloader
XAML Parser (includes CreateFromXAML API)
JavaScript DOM
9. 2D Graphics
Standard shapes, masking and clipping
Transformations: skew, rotate, scale, translate, matrix
Animation Basics
Animations change properties over time
Support linear, discrete and spline animation
Animatable property types:
Double, Color, Point
Animations and graphics are defined using XAML
10.
11. Silverlight XAML elements are scriptable via the browser
script engine (JavaScript)
Scriptable objects are obtained via findName
Scriptable objects (elements) can be controlled via properties
and methods
Models JavaScript and HTML DOM interaction
findName is equivalent to document.getElementById()
Supports tree walking via children collection
Position set using quot;Canvas.Topquot; and quot;Canvas.Leftquot;
Size can be scaled or set via Height/Width
12. Media Features
Video: WMV V7, V8, V9, VC-1
Audio: WMA V7, V8, V9 (standard), MP3
Multiple options for deploying media
HTTP progressive download
Integration with Windows Media Server
Extensive WMV eco-system
Related Sessions:
XD001: Deep Dive on Silverlight Media (5/1, 14:15)
Dev13: Creating and Delivering Rich Media (4/30, 16:30)
13.
14. Glyphs
Fixed text
Full Unicode glyph rendering support
Does not support layout (word/line breaking)
TextBlock
Basic layout support
Left-aligned, English based text wrapping
Support font encryption and compression
V1 supports 64K Unicode Basic Multi-langual Plane
Post V1, increased language support
15. HTTP Downloader
V1.0 supports HTTP gets (async and sync)
Provides download progress
ZIP packaging
Similar to XMLHTTP
CreateFromXAML
Primary way in V1.0 to dynamically create content
Supports namescopes (for name collisions)
16.
17.
18. Expression
Expression Studio
xMedia xWeb 2
Expression
Expression Blend 2 August Preview
Encoder
May Preview Studio 2
xBlend 2 February 08
4/30/07
Summer 07 August Preview
Silverlight
Silverlight 1.0 Beta Silverlight 1.0 Silverlight 1.1
Silverlight 1.1 Beta
Silverlight 1.1 Alpha
Q3/07
Summer 07 TBD
4/30/07
Visual Studio
Silverlight Tools Alpha
Silverlight Tools Beta
TBD
for Visual Studio
TBD
for Visual Studio
“Orcas” Beta
“Orcas”
4/30/07