t
poin
e
shar
+
Microsoft Silverlight Briefing
Mic h a e l Ko rda h i
m ic h a e l.korda h i@m ic ros oft.c om
h ttp:/ de lic a te g e nius b log .c om
/

Microsoft Silverlight
cross-browser
cross-platform
implementation of .NET
for building and delivering the next
generation of
media experiences
&
rich interactive applications
for the Web

The Internet Trajectory
WPF, Silverlight
Better user experience leads to • the “Media Web”
• unprecedented branding,
increased revenues differentiation and personalization
ASP.NET AJAX
• improved responsiveness and
ease-of-use
• Improved customization
revenue/user
HTML + JavaScript
• improved navigation
• user tracking and
HTML customization
• greatest reach
2007
ease-of-use, personalization, differentiation, richness

Silverlight Audiences
Content Providers
Engage visitors with highest quality interactive web sites,
video and game experiences with lower costs
Designers / Developers
Role-specific suite of tools for designers and developers using
existing skills and domain knowledge and building on existing
application investments
Viewers / End Users
Sites “light up” equally on Windows and Mac, with a one-
time, fast install (~2MB)

Silverlight Value Proposition
Compe lling Cros s -Platform Us e r Expe rie nc e s
• S e a m le s s , fa s t ins ta lla tion for e nd us e rs
• Cons is te nt e xpe rie nc e s on Ma c / Windows
• S tunning ve c tor-b a s e d g ra ph ic s , m e dia , te xt, a nim a tion a nd ove rla y
• Dra m a tic a lly im prove d pe rform a nc e for AJ AX e na b le d We b s ite s
Fle xible programming mode l with c ollaboration tools
• B a s e d on th e .NE T F ra m e work
• Ch oic e of de ve lopm e nt la ng ua g e s
• Inte g ra tion with e xis ting We b te c h nolog ie s
• R ole s pe c ific tools for de s ig ne rs / de ve lope rs
Low c os t, hig h quality me dia
• HD to Mobile w/ S MP TE VC-1
• B roa d m e dia e c os ys te m
• Tools for live a nd on-de m a nd pub lis h ing
Connec te d to data, s e rvers and s ervic e s
• E a s ily m a s h -up a nd inc orpora te s e rvic e s a nd da ta
• Inc re a s e dis c ove ra b ility/ e a rc h a b ility
s
• R a pidly s c a le a pplic a tions with S ilve rlig h t S tre a m ing s e rvic e

Customer Adoption

Microsoft Adoption

Silverlight Installation Experience

The Developer Story

Silverlight Developer's Toolkit

Designer & Developer Tooling
Server Vista
Web Desktop
Designer Developer
Media
Look, behavior, brand, Function, deployment, data,
and emotional connection security, operational integrity
& RIA
Vista MCE

Designer/Developer Collaboration

Unifying the Design / Development Process
Designer Developer
Look, behavior, brand, Function, deployment, data,
and emotional connection security, operational integrity
Paper
JPG / TIFF
XAML
C++
PSD C#
PPT VB.NET
MOV / WMV
XHTML
CSS / XSLT
Non XML
Standards
‘Dirty Code’
ASP.NET
Mockups
Javascript
AJAX

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.
The professional The professional The professional The professional
Web Interactive Graphic Asset Management
design tool design tool design tool tool

Silverlight 1.0

Graphics and Animations in Silverlight
• 2D Graphics
• Standard shapes, masking and clipping
• Transformations: skew, rotate, scale, translate, matrix
• Animation Basics (<storyboard/>)
• 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 JavaScript Basics
• 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 – The Media Story is HUGE!
• 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 ecosystem

Media – The Media Story is HUGE!
Create Distribute Experience
Significantly lower cost ~50% lower streaming cost 720p HD resolution support,
encoding w/ “enterprise” scale over competition Mac & Win
3x+ scalability for streaming
Significantly higher perf w/ 15x SMTPE VC-1 Codec
over competition
acceleration by Tarari ecosystem support across
devices
20% higher quality at comp bit Windows or Linux host for Integrated content protection
rate, (more vs H263+) progressive download solution
Ecosystem of software, tools, hardware, services, and integrated
WMV & VC-1 Ecosystem solutions in post-production, content management, rights management,
and streaming delivery

Competitive
Experience More Client Surfaces Advantage
Windows
Xbox
Windows Media Media
360
Player
& VC-1
Ecosystem
Media
HD-DVD
Center
Desktop
Applications
IPTV Phones
Web
Browser
Consumer
(Win & Mac) Media
Electronics
Devices
Devices
Web Experiences / RIA
VC-1
Emerging Open
Standard
Other Media Clients
Microsoft Confidential, DO NOT disclose until April 16th, 2007, 12:01 am EST

Text
• 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

Downloader and CreateFromXAML
• 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)

How does it all hang together?

High Level Architecture Landscape

Let’s get dirty
Code demo

Silverlight Architecture 1.0 and 1.1
Silverlight 1.0
.NET for Silverlight Server
Data WPF for
Silverlight 1.1
Silverlight
Extensible
LINQ LINQ-to-XML
Web Services ASP.NET
Controls
Legend
AJAX
REST POX
Dynamic Languages BCL Libs
<asp:xaml>
RSS
JSON <asp:media>
Ruby Python Generics Collections SOAP
Common Language Runtime
XAML
Control
UI Core Inputs Media DRM
s
Keyboar WMV / Layout Media
2D Vectors Images
Mouse WMA Editing
Animation Transforms d VC1
Ink MP3
Text
Presentation Core
Integrated
DOM JavaScript
Networking Installer
Integration Engine
Stack
Browser Host

Feature Plans: Controls
1.1 (alpha) 1.1 (planned) WPF
Button Sample Yes Yes
TextBox No Yes Yes
Scrollbar Sample Yes Yes
Slider Sample Yes Yes
ListBox Sample Yes Yes
CheckBox No Yes Yes
RadioButton No Yes Yes
ComboBox No Yes Yes
TreeView No No Yes
RichTextBox No No Yes
DataGrid No No 3rd party
UserControl Yes Yes Yes

Feature Plans: Layout
1.1 (alpha) 1.1 (planned) WPF
Canvas Yes Yes Yes
Grid No Yes Yes
StackPanel No Yes Yes
ViewBox No Yes Yes

Feature Plans: Other
1.1 (alpha) 1.1 (planned) WPF
Mouse events Partial Yes Yes
Keyboard events Partial Yes Yes
Resource
Partial Yes Yes
dictionary
Data binding No Yes Yes
Styling No Yes Yes
3D vector graphics No No Yes
GPU h/w accel. No No Yes
Out of browser No No Yes
Offline No No Yes
Cross-platform Yes Yes No

Dude, what about SharePoint?
• Render JavaScript as part of the webpart
• RenderWebPart
• textWriter.WriteLine
• Use SharePoint RSS feeds
• Walk the XML tree using Javascript
• Build a JSON layer
• ASP.NET page which renders JSON to the page

Dude, what about SharePoint? ctd
• Use ASP.NET AJAX
• Web service calls on the server
• Dynamic data access
• Template/Master Page
• Straight HTML/Javascript
• On-the-fly XAML!
• Build XAML UI in ASP.NET and Sharepoint API
Silverlight.createObjectEx({
source: “http://serveruri/page.xaml\",
},
events: {}
});

Dude, what about SharePoint? ctd
• Check out PhotoViewer Webpart
• http://www.codeplex.com/bjsspv
• Uses Render JavaScript method
• Shared source sample

To Recap – Silverlight ROCKS!
• Today, Silverlight is at its best when you’re leveraging WMV
content
• Tomorrow (v1.1), Silverlight will give you kick-butt:
• Data access – LINQ, SOAP, REST etc
• Layout – controls etc
• DRM
• It’s as easy as HTML, JavaScript and XAML – shallow
learning curve
• Blend = your friend
• SharePoint Integration
• There are a number of options (AJAX, RSS, JSON,
ASP.NET, XAML, Web Parts)
• These increase (and may change architecturally) in v1.1

Demo Links
• Silverlight 1.0 v 1.1 Chess
• SearchTIP
• Silverlight Airlines
• Tafiti
• Page Turner (with inking)
• Heaps and heaps more demos and production
implementations over at silverlight.net

Resources
• Community Site: http://silverlight.net
• Main Product Site: http://www.microsoft.com/silverlight
• MSDN Center: http://msdn.microsoft.com/silverlight
• Online Forums: http://silverlight.net/forums
• Online SDK: http://msdn2.microsoft.com/bb188266.aspx
Top Silverlight Blogs
• Tim Sneath: http://blogs.msdn.com/tims
• Mike Harsh: http://blogs.msdn.com/mharsh
• Joe Stegman: http://blogs.msdn.com/jstegman
• Laurence Moroney: http://blogs.msdn.com/webnext
• Ernie Booth: http://blogs.msdn.com/ebooth
Me - Michael Kordahi
• delicategeniusblog.com
• michael.kordahi@microsoft.com

© 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.