Silverlight

Introduction Demo

Sample ProjectsInstallation

AGENDA

Silverlightis a

cross-browser,cross-platformCross Device plug-in

for delivering the next generation of

.NET-based

media experiences&

rich interactive applications (RIAs)

for the Web

Silverlight Overview

Compelling Cross-Platform User Experiences• Immersive media experiences & RIA• Seamless, fast installation for end users• Consistent experiences on Mac / Windows

Flexible programming model with collaborative tools• Integration with Web technologies• Based on the .NET Framework• Role specific tools for designers / developers

Efficient, lower cost delivery, and more capable media• HD to Mobile w/ SMPTE VC-1• Broad media ecosystem• Tools for live and on-demand publishing

Silverlight Audiences

Content ProvidersEngage visitors with highest quality interactive web sites, video and game experiences with lower costs

Designers / Developers Consistent 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 install (~2MB)

Silverlight Controls

• Rich Set of Controls.• Allows Styling and Templating.• DataBinding through XAML and Code.• Additional Controls in Silverlight Toolkit.

Developer & Designer Workflow• XAML: Declarative UI Programming• Right Tools for the Right Role

Developer Designer

XAML and Silverlight<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" MouseEnter="OnMouseEnter"> <TextBlock Canvas.Top="30" Foreground="#FFFF3333"> This is some text </TextBlock></Canvas>

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" MouseEnter="OnMouseEnter"> <TextBlock Canvas.Top="30" Foreground="#FFFF3333"> This is some text </TextBlock></Canvas>

Canvas canvas = new Canvas();canvas.MouseEnter += new MouseEventHandler(OnMouseEnter);

TextBlock t = new TextBlock();t.SetValue(Canvas.TopProperty, 30);t.Text = "This is some text";Color ratherRed = Color.FromArgb(0xFF, 0xFF, 0x33, 0x33);t.Foreground = new SolidColorBrush(ratherRed);canvas.Children.Add(t);

Canvas canvas = new Canvas();canvas.MouseEnter += new MouseEventHandler(OnMouseEnter);

TextBlock t = new TextBlock();t.SetValue(Canvas.TopProperty, 30);t.Text = "This is some text";Color ratherRed = Color.FromArgb(0xFF, 0xFF, 0x33, 0x33);t.Foreground = new SolidColorBrush(ratherRed);canvas.Children.Add(t);

Silverlight and the Web

HTML / JavaScript

HTML / .NET

XAML / JavaScript

XAML / .NET

Microsoft Silverlight is a browser plug-in and is sort of similar to Adobe’s Flash Player and Flex Framework taken together.

Adobe AIR is cross platform desktop runtime that allows developers to build desktop applications using web technologies, it has no real equivalent in the Microsoft world.

Silverlight Installation Experience

Microsoft Confidential, DO NOT disclose until April 30th, 2007, 12:01 am EST

http://silverlight.net/GetStarted/

Silverlight Tools for Visual Studio 2008 SP1(Visual Studio 2008 SP1 or Visual Web Developer Express with SP1)

Install Microsoft Expression Blend 2Install Microsoft Expression Blend 2 Service Pack 1

Download Silverlight Toolkit

Install Deep Zoom Composer

Demos & Sample Projects

Silverlight - Summary

What is Silverlight

• Platform for RIA• Rich Media Applications• Deep Zooming Picture Images

Features • WPF-based UI framework • Rich Controls• Rich Networking Support• Rich Base Class Library

Development Platform

• Expression Studio• Visual Studio

Questions ?

"Moonlight brings the benefits of Silverlight's popular multimedia content to Linux viewers," said Miguel de Icaza, Mono project founder and Developer Platform vice president at Novell.