Joe Stegman
Group Program Manager
Microsoft Corporation

Overview
Introduction to Silverlight JavaScript Develoment
Designer and Development Tools
Silverlight Components
Developing with Silverlight

Richer Media
(WMV Investments)
Broad Reach
Visual Studio
Expression Studio

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)

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…

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

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

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 \"Canvas.Top\" and \"Canvas.Left\"
Size can be scaled or set via Height/Width

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)

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

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)

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

http://www.silverlight.net
http://www.microsoft.com/silverlight
http://msdn.microsoft.com/silverlight
http://silverlight.net/forums
http://msdn2.microsoft.com/en-us/library/bb188266.aspx
http://blogs.msdn.com/mharsh
http://blogs.msdn.com/jstegman

© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions,
it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.