Silverlight for Developers

Presented by Lynn LangitMSDN Developer Evangelist

http://blogs.msdn.com/SoCalDevGal

What is Silverlight?

cross-browsercross-platform

implementation of .NET

for building and delivering the next generation of

media experiences&

rich interactive applications

for the Web

Experiences - Demo

Silverlight Client Installation Experience

Who uses Silverlight?

Content ProvidersEngage 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 UsersSites “light up” equally on Windows and Mac, with a one-time, fast install (~2MB)

Early Industry Support

Why Silverlight?

Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences

Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools

Low Cost, High Quality MediaLow Cost, High Quality Media

Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services

Low Cost, High Quality MediaLow Cost, High Quality Media

Silverlight Media Experiences

• Quality and Variety• Stunning video quality up to HD (720p)• Video: SMPTE-standard VC-1, WMV v7, v8, v9 / Audio: WMA and

MP3• Vector-based graphics and overlays

Delivery

On-Demand or Live Streaming

Performance, scale and cost advantages

Silverlight.Live.com: 4GB free!

How Silverlight?

Create Distribute Experience

Expression Media Encoder for publishing

with Silverlight

Expression Blend for creating media

experiences

+ Existing ecosystem of WMV technology partners / solution

providers

Up to 2x streaming scalability over

Windows Server 2003

New Secure content delivery over SSL and Cache/Proxy support

New IIS7 Media Pack with bit-rate throttling

for lower cost for downloaded media

Interactivity, video, and animation in

browser and/or full screen

Seamless, Fast Installation for End

Users

Consistent experience on Mac and Windows

The professional

Webdesign tool

The professional Interactive design tool

The professional

Graphicdesign tool

The professionalAsset

Managementtool

Silverlight Streaming by Windows LiveProvides developers a free, scalability-on-demand solution for Silverlight

• Free, 4GB hosting and streaming• You build the application, we deliver the scale• High quality, differentiated, controllable user

experience• Complete API Programmability

Creation ExperienceSilverlight Streaming

Windows Live Platform

http://silverlight.live.com

Why Silverlight?

Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences

Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools

Low Cost, High Quality MediaLow Cost, High Quality Media

Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services

Rich Internet Applications

WebWeb desktopdesktop

Easy to develop and deploy, but limited features and end user experience

Rich user experience, often connected, but costly to develop and difficult to deploy

media & RIAmedia & RIA

WebWeb desktopdesktop

Why Silverlight?

Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences

Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools

Low Cost, High Quality MediaLow Cost, High Quality Media

Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services

DesktopDesktopWebWeb

XHTML / ASP.NET

JavaScript / AJAX

CSS

.NET Languages

XAML / WPF

Windows Media

Flexibletools / programming /

media

CompellingUX on all app categories

Connectedto data, servers, services

Easily reuse skills

Media & RIAMedia & RIA

Why Silverlight?

Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences

Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools

Low Cost, High Quality MediaLow Cost, High Quality Media

Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services

Silverlight Developer Considerations

XAML authoring – build or buy controlsXAML authoring – build or buy controls

Rich media preparation – capture and Rich media preparation – capture and processingprocessing

Silverlight 1.0 or 2.0? Silverlight 1.0 or 2.0?

Rich media hosting – streaming locationRich media hosting – streaming location

Getting Ready for Development

• Silverlight v1.0 SDK• Silverlight v2.0 Alpha SDK• Visual Studio 2008• Silverlight Tools Alpha for Visual Studio 2008• Expression Blend 2 September Preview• ASP.NET AJAX Futures – includes XAML (Silverlight)

controls

The Silverlight 1.0 Platform

XAML

Networking

JSON

POX

Inputs

Keyboard Mouse Ink

Media

VC1 WMA MP3

Browser Host

MS AJAX Library

DOM Integration

UI Core

Images

Vector Text

Animation

Deploy

Friction-Free Installer

Auto-Updater

ApplicationServices

Silverlight 1.0Rich Media • Consider media capture• Consider media preparation• Consider media hosting• Can use default players or customize

Javascript programming model• ‘Code-behind’ is javascript• Visual Studio 2008 includes js intellisense and debugging• Samples on www.silverlight.net

You write controls or get from 3rd parties• Watch www.CodePlex.com for controls – AJAX Toolkit• 3rd party vendors developing controls• Expression Blend for visual XAML authoring

Silverlight 1.0 implementation - PopFly

• www.popfly.com• Built in Silverlight• Developer tools for non-developers

Silverlight 1.0 implementation - PopFly

• www.popfly.com• Built in Silverlight• Developer tools for non-developers

The Silverlight 2.0 Platform

Legend

V2.0

Legend

V1.0Inputs

KeyboardMouse Ink

Media

VC1 WMA MP3

Browser Host

MS AJAX Library

DOM Integration

UI Core

Images

Vector Text

Animation

DRM

Media

Controls

Layout Editing

Deploy

Friction-Free Installer

Auto-Updater

ApplicationServices

JSON

POX

NetworkingData

LINQ XLINQ

WPF

Extensible Controls

XAML

DLR

Ruby Python

BCL

Generics Collections

CLR Execution Engine

SOAP

RSS

REST

Key Feature Comparison: 1.0 vs. 2.0

Markup Language XAML XAML

Hosting/Container HTML Page HTML Page

Delivery Method Arbitrary Web server Arbitrary Web server

Silverlight 1.0 Silverlight 2.0 Alpha

Options for Development of Event Handlers and Application Logic

JavaScript JavaScript, Managed code languages (C#, VB.Net), Dynamic languages targetting managed code (IronPython, Managed Jscript)

Application/Interaction Logic Packaging

JavaScript Files/Embedded JavaScript

Managed Assemblies (DLL), JavaScript Files/Embedded JavaScriptPossible (not final)

Release Timeframe (Official Support)

Summer ´07 Spring ´08

Available Libraries/Library Support

No special Silverlight JavaScript Libraries available. Standard AJAX libraries can be used

.Net libraries for IO, Threading, Networking (incl. Web Services), Collections, Generics, LINQ are available and it supports the use of standard AJAX librariesManaged DOM API

(Access HTML Elements from managed Code)

N/A Yes

High-Level Controls No (Ajax Only) Sample Control Kit (Button, Listbox, etc.)

JavaScript/.NET Interaction

N/A Yes

Automatic Marshalling of .NET Types Into JSON

N/A Yes

Dynamic Language Support

No Yes (Python, Ruby, Managed JavaScript, Dynamic VB)Plug-In Size ~1,2 MB ~4,2 MB

Installation Time ~15 Seconds ~20 Seconds

Code Execution Pattern Interpreted (JavaScript) Native (JIT Compilation, Managed Code) Much faster

Silverlight 2.0Rich Media • Consider media capture• Consider media preparation• Consider media hosting• Can use default players or customize

.NET code-behind programming model• Get the Silverlight 1.1 SDK – includes templates for VS• ‘Code-behind’ in .NET languages (C#, VB.NET, etc…)• REQUIRES Visual Studio 2008

• includes js intellisense and debugging

You write controls or get from 3rd parties• Watch www.CodePlex.com for controls – AJAX Toolkit• 3rd party vendors developing controls• Expression Blend for visual XAML authoring• AJAX futures includes Silverlight controls (XAML and Media)

Silverlight 1.0 demo

Silverlight 2.0 demo

Silverlight RecapCompelling Cross-Platform User Experiences• Seamless, fast installation for end users• Consistent experiences on Mac / Windows • Stunning vector-based graphics, media, text, animation

and overlay• Dramatically improved performance for AJAX enabled Web

sites

Flexible programming model with collaboration tools• Based on the .NET Framework• Choice of development languages• Integration with existing Web technologies• Role specific tools for designers / developers

Low cost, high quality media• HD to Mobile w/ SMPTE VC-1• Broad media ecosystem• Tools for live and on-demand publishing

Connected to data, servers and services• Easily mash-up and incorporate services and data • Increase discoverability/searchability• Rapidly scale applications with Silverlight Streaming

service