Microsoft SilverlightDavid Choudavid.chou@microsoft.comblogs.msdn.com/dachou

…a powerful development platform for

creating engaging, interactive user experiences for

Web, desktop, and mobile applications

when online or offline

What is Silverlight?… a free plug-in

powered by the .NET framework that is compatible across multiple browsers,

devices and operating systems to bring a new

level of interactivity wherever the Web

works.

Silverlight helps create visually rich experiences with backend support for rapid development through the Microsoft Web Platform, Visual Studio and Expression

Studio

Next-Generation Application Platform

Cross-PlatformWindows PC (XP, Vista, 7), Windows Phone 7 Series, Apple OS/X, Linux, Nokia S40/S60; Internet Explorer, Firefox, Safari, Opera, Chrome

.NETC#, VB, Ruby, Python, JavaScript/AJAX; WPF UI, LINQ, integrated data binding, WCF (WS-*/SOAP, REST/JSON/POX, RSS/ATOM), base class library (generics, collections, cryptography, threading, etc.), sockets, cross-domain access, etc.; managed extensibility framework (MEF), media framework, analytics framework, install framework, WCF RIA Services

Rich Interactive ApplicationsOut-of-browser, desktop integration, elevated trust (local file system access, toast notifications, native interop, etc.) printing, HTML hosting, SEO discoverability, enhanced graphics (GPU acceleration, bitmap API, improved text rendering, etc.)

Rich Media Experiences1080p HD WMV/VC-1 & MP4/F4V H.264, native multicast, local recording, digital rights management, output protection, IIS Smooth Streaming, IIS Media Services

Advanced ContentDeepZoom, Photosynth, perspective and 3D, anaglyph & anachrome image rendering, augmented reality, etc.

Rich Media Delivery

Highest Quality MediaUp to 1080p, 60fps true HD-quality and DRM-protected video using H.264 MP4/F4V or WMV/VC-1

Smooth StreamingExtend engagement times using HTTP adaptive streaming for live or on-demand video. Silverlight adjusts quality in real-time based upon changing bandwidth and CPU conditions

Proven Scalability and ReliabilitySuccessful track record for massive audiences – NBC Olympics (2008 Beijing and 2010 Vancouver), Netflix, BlockBuster, CBS Sports, Wimbledon, NFL Sunday Night Football, etc.

Sophisticated Viewing Experience1080p HD, multiple simultaneous video views, DVR, slow-motion, timeline markers, fast start-up & seek times, etc.

Content Access and ProtectionPlayReady DRM, on/off-line support, persistent (multi-use based on time) and non-persistent (single-use) licenses, domain support, chained licenses

Lower Delivery CostsLeverage existing HTTP infrastructure and improve delivery over proprietary streaming servers

Multiple Playback DevicesWindows Phone, desktop, and Xbox 360 leveraging IIS Smooth Streaming and IIS Media Services (frag. mp4/H.264)

NBC 2008 Beijing Olympics50M unique visitors3.5PB, 70M videos delivered600M minutes content delivered130K peak streams1.3B page views27 minutes viewing / session

CBS NCAA 2010 Tournament March Madness

2009 tournament program stats:5.6M unique visitors in 1st 4 days6.5M hours of video delivered$30M in advertising revenue1-3M video streams / game

MSN Videos+45M monthly unique visitors+5B streams delivered / year39 markets, 35 countries, 19 lang.300+ partners100+ advertisers

Netflix

France 24

Obama Inaug.

Rai.tv

QQ Live

Nos.nl

Engaging Consumer Experiences

Deep ZoomAllows users to pan around and zoom in a large, high resolution image or a large collection of images. Reduces the time required for initial load by downloading only the region being viewed and/or only at the resolution it is displayed at. Subsequent regions are downloaded as the user pans to them

PhotosynthAnalyzes digital photographs and generates a three-dimensional model of the photos and a point cloud of a photographed object. Pattern recognition components compare portions of images to create points, which are then compared to convert the image into the 3D model

Beyond the BrowserBuild immersive experiences, local file access, friction-free deployment (silent install & zero-footprint run mode), on/off-line modes, 25MB isolated store, HTML hosting, chrome customization, toast notifications, offline DRM, native interop, trusted applications, XAP digital signing, Web cam & microphone & devices integration, etc.

Enhanced PerformanceGPU acceleration, cached native code generation, compiled managed code

Multiple ScreensBrowser plug-in, Windows Phone 7 Series, Xbox 360

Nike JumpMan Mosaic 23/25www.jumpman23mosaic.com 5 gigapixel mosaic created from user-submitted photos Deep Zoom and multi-touch experience with rich search and navigation features

MGM Stargate Universe Photosynthstargate.mgm.com/photosynth100’s of hi-res photos, “synthed” to create a 3-D panoramic view of the starship DestinyEnables fans to experience what it’s like to be on the set

Photobucket Visual Searchphotobucket.com/visualsearch30M+ searches / day 27M+ visitors/month US46M+ visitors/month worldwide 7B+ images uploaded

Line Rider

Rockband

NewEgg

Kelley Blue Book

McDonalds

WW Telescope

Sophisticated Business Applications

WCF RIA ServicesIntroduces enterprise-class networking and data access for building n-tier applications, including transactions, paging of data, WCF and HTTP enhancements

Forms ControlsA complete set of forms controls with over 60 customizable and styleable components. New controls include: Rich Textbox with hyperlinks, images and editing, Masked textbox for complex field validation. Enhanced controls include: Data grid with sortable/resizeable columns and copy/paste rows

Enhanced Data BindingImprovements increase flexibility and productivity through data grouping/editing and string formatting

InternationalizationSupport for bi-directional text, complex scripts such as Arabic, Hebrew and Thai, and 31 new languages (41 total)

User InteractionDrag & drop, Web cam & microphone integration, printing, clipboard, COM/native code integration, out-of-browser & desktop integration

Managed Extensibility FrameworkEnables dynamic and incremental loading of application components via multiple XAP files

Personalized and Contextualized Mobility

Silverlight 3+Input – touch & hardware buttonsMedia – digital media capture & playback; media library accessData – isolated storage, LINQ (obj/xml)WCF – SOAP/RESTDevice – integrated access to phone UI, sensors; picker for contacts & photos

Application Hosting and RuntimeApplications as Silverilght XAP packagesSystem provides host processSandbox based on declared capabilities and into separate security accountsPhone only runs apps with valid marketplace licensesIsolated, least-privilege host processAll code is CLS-verifiableFrameworks support for interaction with app model, UI model, & device HW

UI ModelApplication – provides UI represented as XAML pages connected into cross-app flows by URI’sShell frame – requests pages, renders UI, and handles navigation across appsSessions and history – groups together sequences of pages corresponding to a user’s activity across pages

Application FrameworksCloud services integrationLocation service (GPS, AGPS, Wi-Fi)Push notification serviceGamer Services APIs for Xbox Live

Software Architecture Application Framework

Silverlight 4

MVVM

Trusted ApplicationsDrag/Drop

StringFormat

UDP, WMS Multicast

WCF RIA Services Viewbox

Extended Languages

Printing

INotifyDataErrorInfo

CommandingIndic

Languages

BiDi & RTL

MEF

RichTextBox

Right Click

Mouse Wheel

IDataErrorInfo

Datagrid Enhancements

GPU Acceleration

MP4 DRM

Microphone

WebcamClipboard Access

Toast Notifications

HTML

Private Mode Browsing

Google Chrome

COM Automation

Local File System

Composite Transform

Offline DRM

Protected Path Output

XAP Signing

Silent Install

Cross-Domain Networking

Custom Window Chrome

Sockets Security

Full Keyboard Full Screen

XPath for XML

Fluid UIText Trimming

Full PNG Support

Windowing controls

Window Close Event

Networking

Silverlight 4 BetaOut of Browser Applications

Elevated Privileges Support (including Automation)HTML Hosting SupportNotifications

MediaWMS Multicast SupportMP4 Playback Protected by PlayReady DRMOffline DRMOutput ProtectionWebCam/Mic Support (raw stream only)

PrintingPrinting Support

TextRichTextBoxArabic and Hebrew Text SupportIME Improvements for TextBoxUIElement.TextInput event

Controls, Control Model, LayoutTheming via Implicit StylesViewBoxRTL Layout DataGrid * Column SupportItemsControl support for Blend Fluid LayoutMouseWheel Support on ScrollViewer, TextBox, ComboBox, Calendar, DatePickerVisualStateGroup.CurrentStateGroup propertyCommand Property on ButtonBase & HyperlinkSelectedValue and SelectedValuePath Properties on Selector

NavigationNavigation Loader Extensibility (Hook Frame Navigates)

Databinding ImprovementsDataBinding Support for DependencyObjectsStringFormat, TargetNullValue & FallBackValue Properties on BindingBinding to String IndexersIDataErrorInfo SupportAsynchronous Data Validation (INotifyDataErrorInfo)ObservableCollection<T> IList/IEnumerable cstrs

Graphics/ImagingSupport for more PNG FormatsUnseal PathCompositeTransform

NetworkingUDP ListenerAutomatically Adding Referer HeaderAuthentication Support on ClientHttpWebRequestMemory Usage Fix During Progressive Downloads

Tools SupportDispatcher Support on the Tools Design Surface

SDKADO.NET Data Services 2.0 SupportManaged Extensibility Framework (MEF)Better Transport for WCF (Socket Support)

OtherSupport for C# & VB.NET 4.0 FeaturesExpose Runtime Version to 3rd Party DLLs NGEN Support for Core Runtime BinariesGroup Policy Hooks to Disable WebCam & Elevated Apps

Silverlight 4 RCParser

New architecture enables future innovationPerformance and stability improvementsXmlnsPrefix & XmlnsDefinition attributesSupport setting order-dependent properties

InputPinned full-screen mode on secondary displayHTML hosting accessibilityArabic, Hebrew and Thai input on Mac

Rich TextText position and selection APIsRichTextBox.Xaml property for serializing text contentXAML clipboard formatFlowDirection support on Runs“Format then type” supportThai & Vietnamese input supportUI Automation Text pattern

NetworkingUploadProgress support (client stack)Caching support (client stack)Sockets policy file retrieval via HTTPAccept-Language header

Out of Browser / Elevated TrustXAP signingSilent install and emulation modeCustom window chromeBetter support for AutomationCancelable shutdown eventUpdated security dialogsSockets security restrictions removal

MediaWebcam/Mic configuration previewMore descriptive MediaSourceStream errorsUpdates to H.264 content protection (ClearNAL)Digital Constraint TokenCGMS-AGraphics card driver validation & revocation

Graphics/ImagingHardware-accelerated Perspective TransformsAbility to query page size and printable areaMemory usage and perf improvements

DataEntity-level validation support of INotifyDataErrorInfo for DataGridXPath support for XML

SDKSystem.Numerics.dllSystem.Xml.XPath.dllDynamic XAP support (MEF)Frame/Navigation refresh support

OtherSupport for 32 new languages (41 total)Update to Deep Zoom code base with HW accelerationSupport for Private mode browsingGoogle Chrome support (Windows)FrameworkElement.Unloaded eventIsoStore perf improvements

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

Thank youdavid.chou@microsoft.comblogs.msdn.com/dachou

Silverlight MomentumBy the Numbers

26 months since launch

Silverlight first shipped in 2007…

Silverlight MomentumBy the Numbers

26 months since launch

500m+downloads

500m+

Silverlight MomentumBy the Numbers

26 months since launch

500m+downloads

500,000+

Developers & Designers

Source: Microsoft Developer Tracker 2008 Report

500,000+

Silverlight MomentumBy the Numbers

26 months since launch

500m+downloads

500,000+

Developers & Designers

350+ partners in

30 countries

Silverlight MomentumBy the Numbers

26 months since launch

500m+downloads

500,000+

Developers & Designers

350+ partners in

30 countries

350+Microsoft

Products & Websites

Silverlight MomentumBy the Numbers

26 months since launch

500m+downloads

500,000+

Developers & Designers

350+ partners in

30 countries

350+Microsoft

Products & Websites

Thousands of Apps across the

world

www.silverlight.net/showcase

"NBC Sports is committed to bringing our viewers premier sporting events such as the Association of Volleyball Professionals (AVP) events, the Wimbledon Championships and the Olympic Games. NBC Sports has evaluated many different technologies for delivering high-quality experiences online, and none have delivered the video quality, scalability and business value that Microsoft Silverlight has consistently brought. As we look forward to the 2010 Olympic Winter Games in Vancouver as well as other major championships in 2010, we will be using Silverlight as the preferred technology to deliver the best in next-generation online high-definition video experiences.”

Perkins Miller, SVP Digital Media, NBC Sports

Case Study – Media

NFL Sunday Night Football nbcsports.msnbc.com

• 3.5Mbps 720p Live smooth streaming with full DVR support

• 5 simultaneous camera views• Instant Replay and Slow-Motion • Live Chat and Real-time Statistics

“"The HD broadcast of Roland Garros shown on our websites (www.france2.fr and www.france3.fr) was successful, For two weeks, nearly 140 000 users have watched this HD broadcast with an amazing record time of 64 minutes on average viewing per user and per day for a total of 290 000 hours available in HD."

Laurent Souloumiac, CEO of France Télévisions Interactive.

Case Study – Media

Roland Garros 2009Tennis Tournament

• IIS Smooth Streaming of Tournament• First live test of Smooth Streaming using Beta

code• 139,710 unique users• 290k hours of video delivered• Average daily visit 64 minutes• 80% of streams > 1Mpbs• 50% of streams @ 3Mbps

Screen shot here

“The Olympics are a massive project, an event with 34 sports, 304 medal events, and 10,000 athletes, all of which happens in just 17 days. So how do you take 2,000 hours of live video and 3,500 hours of on-demand video and put it on a digital platform? How do you deliver this content to the online audience, an audience that is becoming more and more important to us, in a way that will engage and entertain them? How do you manage all that while upholding obligations to exclusive advertisers on the Web, who have come to expect very high levels of production value? We looked around the spectrum of companies, all over the world, and there was really only one we felt could do this, and that was Microsoft.”

Perkins Miller, SVP Digital Media, NBCSports

Case Study – Media

NBCOlympics.comwww.nbcolympics.com

• Exclusive US online coverage of the 2008 Olympics

• Live and on-demand video, multiple video streams

• Rich Interactive Player• Average 27 Minutes spent on site (compare

with 3 minutes average for other, non-Silverlight sites)

• 1.3 Billion page views• 70 Million video streams• 600 Million minutes of video content

Screen shot here

“Netflix chose Silverlight because it makes a faster and more agile development environment possible, allowing Netflix to quickly deliver a superior instant watching experience to our subscribers. When Netflix deployed Silverlight last fall, Netflix members realized a richer experience of access and quality to instantly watch movies and TV episodes from Netflix on their PCs and, for the first time, were able to instantly watch the same content on their Intel-based MacIntosh computers.” 

Steve Swasey, Netflix VP of Corporate Communications

Case Study – Media

Instant Streamingwww.netflix.com

• World’s largest online movie rental service• 10 Million Subscribers (Feb 2009)• 12,000 Movies and TV episodes• Instantly stream movies to PC and Mac• PlayReady DRM for content protection• Timeline navigation; rewind, fast-forward• Faster, more robust connection

Screen shot here

“We researched a lot of different technologies for this project and we ultimately selected Silverlight over other technologies such as Adobe Flash and Ajax. We want to deliver an application that combines our domain expertise and uses the best of currently available technologies to deliver an outstanding solution to our customers. With Silverlight, our developers can use familiar tools, libraries and programming concepts to provide the means for scientists and engineers to create rich Web-based and desktop applications”

Kamran Shah, Senior Group Manager, National Instruments

Case Study – Business App

LabView – WebVirtual Instrumentation

• Rich Internet Application for Scientists and Engineers

• Web-based line of business applications• User base includes Windows, Macintosh and Linux• Streamlined development and accelerated time to

market• Enabled company to capitalize on market

opportunity

“We realized that we could do things with the technology that we couldn’t with any other interactive Web technology. It exactly fit our goal of creating uniquely rich and responsive Web interfaces. It has all the advantages of a desktop application without the complexity of deploying client software. Silverlight puts us two generations ahead of generic financial sites in terms of user experience.”

Pat Brazel, CEO, Digital Minds Ltd

Case Study – Business App

Investor Portal and toolswww.zignals.com

• Interactive investor portal• Powerful decision support tools• Novel collaborative features• Modular application based on Silverlight

and .NET• Secure internal web services through

Windows Communication Foundation.

“The combination of powerful client software—in this case, Silverlight—and a Web-based service provides a powerful new software development and distribution model. We can develop capabilities without concern for the back-end infrastructure required to run it because there is infinite processing power in the ‘cloud.’ But having powerful, locally installed software makes the user experience even better. We are now free to create solutions that take advantage of rich desktop software.”

Samad Wahedi, CEO, Snapflow

Case Study – Business App

Workflow Designerwww.snapflow.com

• Software + Services solution• Originally selected Flash but switched

to Silverlight after slow progress prototyping

• Expression Blend• Windows Workflow Foundation

and .NET

Screen shot here

Screen shot here

“One of the things I truly enjoyed about working with Silverlight was being able to decouple the business logic from the user interface. We didn’t have to wait for the design to be done, and Infusion (the design agency) didn’t have to wait for us to be done.”  “Because Silverlight supports multiple languages, including C#, we could take advantage of our existing Microsoft investment and experience and easily extend it out to the Web. We can also give our application a richer feel and a stronger user experience.”

Jeff Matthew, Senior Manager in Technology, Continental Airlines

Case Study – Business App

Call Center ApplicationReservation System

• Customers were able to get better results using the Web than call center agents inhouse

• Reservation System was rewritten as a RIA• Call Center Agents can now provide better

service• Browser based application reduced costs• Cross-platform, cross-browser capabillity

reduces development, configuration and deployment costs

Screen shot here

“Our investments in Silverlight allows us to go beyond anything we have managed to do before in a timeframe that continues to keep us in the leadership position for building workflow based applications on Microsoft’s platform. We plan to continue to invest in Silverlight moving forward and are really excited about the new features in Silverlight 3, particularly the new offline and out of browser capabilities"

Adriaan van Wyk, CEO of K2

Case Study – Business App

K2 Blackpointwww.k2.com

• RIA tooling• Creates process-driven Applications without

code• Visually build Sharepoint workflow

applications• Silverlight based tooling

“Simply put, this application could not have been implemented using conventional web technologies. The flexibility of the user interface, the quality of the video, the excellent tool suite (Expression Blend in particular), and the integration with Visual Studio makes Silverlight a truly revolutionary web technology. From a medical perspective, syngo Dynamics Portal is providing access to medical images throughout major hospital systems in a fashion never seen before. One of our early customer installs described the Portal as “transformative.” Silver-light was the key to making this happen”

Siemens whitepaper

Case Study – Business App

Syngo Dynamicswww.siemens.com

• Clinical Multi-Frame Imaging• Simple Web Access to imaging and completed

reports allows remote diagnosis• Silverlight overcame bandwidth issues while

delivering superior image quality with a low deployment footprint

• Offering is now a full product release, in use by customers

“We knew the content had to be visually compelling, but we also wanted people to interact with and explore every detail of the images in front of them.”

“This experience is going to offer Stargate fans just what they want to see in just the kind of detail that they like. It’s a unique opportunity for people to walk around the ship, virtually, on their computer. It’s phenomenal.”

Thomas Hughes, VP of Digital Marketing, MGM Studios

Case Study – RIA

MGM – Stargate SG1stargate.mgm.com

• Immersive fan site for latest season of cult TV show

• Photosynth and Deep Zoom enable • Interstitial advertising opportunity generates

revenue• Potential opportunities for richer experiences

using Silverlight on other MGM franchises

“Because of its highly dynamic nature, we figured that Silverlight could help us make transitions easily, present highly contextual information without having to worry about AJAX workarounds, and pack a lot of information into a very small space. We also figured that with Silverlight, if we could imagine it, we could do it, without the technical limitations of working in HTML.”

Jonathan Gabbai, Global Innovations Manager, Internet Marketing for eBay

Case Study – RIA

eBay SidebarIe8.ebay.com/sidebar

• Internet Explorer 8 Sidebar in Silverlight• Displays eBay activity even when away from

eBay website• Prototyped by one engineer, half time for a

week• Rich interactive experience packs a lot of

content into a small space

Screen shot here

“Once we saw Deep Zoom in action, there was no longer a debate about which technology we would use. Deep Zoom doesn’t just approximate the real-life experience people have at Hard Rock, it goes even further so that fans can get closer and interact with pieces in ways they couldn’t in person.”

Michael Lemme, Creative Director at Duncan/Channon

Case Study – RIA

Hardrock Internationalhttp://memorabilia.hardrock.com

• Online access to the cream of 70,000 item rock memorabilia collection

• Silverlight Deep Zoom allows inspection of minute detail and intuitive navigation

• Metadata provides facts about the image being browsed

• Built in just 30 days

Screen shot here

“Silverlight gave us the tools we need to effectively monetize archival publishing content and deliver a compelling user experience”.

Marat Aktar, Co-founder, Bondi Digital Publishing

Case Study – RIA

Digital Archive Publishingwww.playboyarchive.com

• Playboy and Rolling Stone archives online• A new model for monetizing printed content

archives• Deep Zoom and text search featured• Rolling Stone Archive launches Summer 2009

“Although the customer experience delivered by our Silverlight client is entirely new, the technology we used to deliver that experience was already familiar… a C# developer who had never used Silverlight before was able to deliver a mockup in just two days without learning any new skills or tools and complete the project in less than two months. Some people believe that Silverlight is just the Microsoft version of Adobe Flash, but we could never have used Flash to deliver what we did in only eight weeks.“

Andy Lapin, Director or Architecture

Case Study – RIA

Perfect Car Finderwww.kbb.com/KBB/PerfectCarFinder/PhotoEdition.aspx

• Trusted resource for Auto industry pricing• 12 Million website visits per month• RIA enables customers to find perfect car• Rich Silverlight Controls• DeepZoom photo explorer• 2 months, 1 developer• ASP.NET Ajax, Visual Studio, 64-bit Windows

Server and IIS, SQL Server

" Applicant Explorer is designed to provide employers with a more complete picture of an applicant, pulling information from a variety of sources to highlights skills, experience and accomplishments . Working with Microsoft Silverlight gives us the ability to easily load, sort, filter and page data so recruiters can dynamically sift through large amounts of data quickly and easily. We expect the application will introduce a greater efficiency and depth of knowledge into the overall recruitment experience.”

Greg Brass, Director, Profile Search, Careerbuilder.com

Case Study – RIA

Applicant Explorerwww.careerbuilder.com

• 1.6 Million jobs posted• 23 Million Users/month• Rich Internet Application• Integrates Silverlight and Live Search• Searching 30 million resumes• Integration with Social Networking sites• Rapidly narrows candidate search• Dynamically sort by content type• Scheduled for release in 2009

Screen shot here

“Given the constraints we had, I think the product we delivered was phenomenal, Microsoft gave us the right technology at the right time and the right cost. We definitely want to use this sort of experience to help market our existing cars and the new cars we’ll roll out in the future. It’s a great way to give customers an understanding of our products.”

Nitin Seth, Head of Car Product Group (Passenger Car Business Unit), Tata Motors

Case Study – Digital Marketing

Tata Nanoexperience.tatanano.com

• New car online booking & in-showroom experience

• Demonstrated car to potential customers via the Web as no showroom models available

• Showroom and Web experience built in 15 days

• Distributed to 450 showrooms and millions of online visitors

“This joint project produced a richer, more engaging ad experience for viewers and proved a great example of how sites can monetize their video content and create new advertising space.”

Ricky McClellen, CIO of EyeWonder

Case Study – Digital Marketing

Where’s Rogan? Campaignnymag.com/rogan

• Interactive video series• New model for advertising/brand promo• Eyewonder in-stream ad platform• Akamai media player framework• Interaction rates 10% higher