silverlight momentum and introducing silverlight 3

Christophe Lauer – http://twitter.com/CLaueR Business Development Manager w/ Web Agencies

Microsoft France

Silverlight 3 Briefing

http://twitter.com/CLaueR

DesignDevelo

p

Consistent Tools & Application Model

Deploy

Browser

ClientUser Experience Continuum

Microsoft .NET Application PlatformDeliver applications across the UX Continuum

Microsoft Silverlight is a free, cross-browser, cross-platform plug-in that enables rich internet applications and rich media experiences on the

Web and Desktop.

What is Silverlight?

Silverlight enables the rapid delivery of a new class of high-quality, safer and more scalable experiences, developed and designed using

familiar tools.

What does Silverlight do?

Silverlight MomentumBy the Numbers

22 months since launch



400m+downloads

1 in 3 Computers

already have

Silverlight!



400m+downloads

400,000+

Developers & Designers

Source: Microsoft Developer Tracker 2008 Report



400m+downloads

400,000+


200+ partners in

30 countries



400m+downloads

400,000+


200+ partners in

30 countries

350+Microsoft

Products & Websites



400m+downloads

400,000+


200+ partners in

30 countries

350+Microsoft

Products & Websites

Thousands of Apps across the

world

www.silverlight.net/showcase

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

Silverlight Customer Stories

Continental AirlinesCall Center Application

• 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

http://www.continental.com/web/en-US/Default.aspx

Screen shot here

“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


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

http://www.careerbuilder.com/

http://www.mgm.com/

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


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


Screen shot here

“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


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


http://www.ebay.com/

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


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

http://memorabilia.hardrock.com/

http://memorabilia.hardrock.com/

http://www.hardrock.com/corporate/logos/HardRockPrint.asp?Type=Brand&Image=HR_thumb.gif

Screen shot here

“"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.


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

http://www.france2.fr/

http://www.france3.fr/

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


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


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


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

" 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


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

“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


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




http://www.kbb.com/kbb/PerfectCarFinder/PhotoEdition.aspx

http://www.microsoft.com/casestudies/casestudy.aspx?casestudyid=4000003602

Screen shot here

“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


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



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


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

“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


K2 blackpointwww.k2.com

• RIA tooling• Creates process-driven Applications without

code• Visually build Sharepoint workflow

applications• Silverlight based tooling


http://www.k2.com/en/index.aspx

Announcing : Silverlight 3

Support for HigherQuality Video & Audio

Out of BrowserCapabilities

Design Tooling

Silverlight 3 Themes

EmpoweringRich Experiences

Improving RIA Productivity

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Silverlight 3 New Capabilities : Media

Media

Support for Higher Quality Video and Audio

Smooth Streaming More Format Choices

Full Screen HD Playback Extensible Media Formats

Industry LeadingContent Protection

IIS7 Smooth StreamingLive & On-Demand True HD

720p+


IIS Media Services (formerly IIS Media Pack) is an integrated HTTP media delivery platform, which features Smooth Streaming which dynamically detects and seamlessly switches, in real time, the video quality of a media file delivered to Silverlight based clients depending on local bandwidth and CPU conditions.

Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia


Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia

More Format Choices


In addition to native support for VC-1/WMA, Silverlight 3 now offers native support for H.264 and AAC, giving content distributors a choice of widely supported industry formats


Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia

True HD Playbackin Full Screen


Silverlight 3 leverages graphics processor unit (GPU) hardware acceleration to deliver true full-screen 720p+ HD video playback


Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia

Extensible MediaFormat Support


With the new Raw AV pipeline, Silverlight can support a wide variety of third-party codecs. Audio and video can be decoded outside the runtime and passed to Silverlight for rendering, extending format support beyond the native codecs.


Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia

Industry LeadingContent Protection



Silverlight DRM, Powered by PlayReady Content Protection enables protected in-browser experiences using AES encryption or Windows Media DRM.

Design Tooling

Out of Browser

RIA Productivity

Graphics

MediaMedia

Demos



http://www.smoothhd.com/

Silverlight 3 New Capabilities : Graphics

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Graphics

Empowering Rich Experiences

Perspective 3D Graphics Bitmap Caching

New Bitmap API Themed App Support

Enhanced Control Skinning

Improved Text Rendering

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Perspective 3D Graphics& Animation Effects

Silverlight 3 supports Perspective 3d Effects, so users can rotate or scale live content in space without writing any additional code, and Animation Effects such as spring and bounce, to make more natural movement. Graphics



Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Bitmap Caching

Silverlight 3 dramatically improves the rendering performance of applications by allowing users to cache vector content, text, and controls into bitmaps.

Graphics



Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

New Bitmap API &Pixel Shader Effects

Read and write pixel values directly to a bitmap with the new Bitmap API, and use the new Pixel Shader Effects such as blur and drop shadow or create your own unique effects that can be applied to any control or object in the application.

Graphics



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

Themed ApplicationSupport

Developers can now theme applications by applying styles to their controls and changing them at runtime. Additionally, styles can be cascaded by basing them on each other.Graphics



Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

EnhancedControl Skinning

Silverlight 3 provides easier skinning capabilities by keeping a common set of controls external from an application. This allows the sharing of styles and control skins between different applications.Graphics



Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Improved Text Rendering& Font Support

Silverlight 3 provides greatly more efficient rendering and rapid animation of text, and applications can load faster by enabling the use of local fonts.

Graphics



Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Demos

Graphics



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

Silverlight 3 New Capabilities : RIA Productivity

RIA Productivity


Controls SEO and Deep Linking

Enhanced Data Support Improved Performance

Advanced Accessibility


Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

60+ Controls

60+ high-quality, fully skinnable and customizable controls avilable such as charting and media, new layout containers such as dock and viewbox, and controls such as autocomplete, treeview and datagrid. Controls come with nine professional designed themes and the source code can be modified/recompiled or utilized as-is.



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

SEO and Deep Linking

Solve the SEO-related challenges posed by RIAs by utilizing business objects on the server, together with ASP.NET controls and site maps, and automatically mirror database-driven RIA content into HTML that is easily indexed by the leading search engines. Deep linking now allows bookmarking within a RIA.



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

Enhanced Data Support

.NET RIA services and a new set of data controls for Silverlight 3 provide a range of new capabilities which make it easier than ever before to build out a complex, data driven user interface. New features include Element to Element Binding, Data Form controls, data validation capabilities, and support for business objects on both the client and server



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

Improved PerformanceImprovements include Application Library Caching to reduce application size, Enhanced DeepZoom for more fluid navigation with larger DeepZoom collections, Binary XML for compressed and thus speedier communication with the server, and Local Connection which allows communication between two Silverlight applications on the client without server roundtrip



Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

Enhanced Accessibility Support

Silverlight 3 is the first browser plug-in to provide access to all system colors, allowing partially-sighted people to make changes such as high contrast color schemes for ease of readability by using familiar operating system controls.


Silverlight 3 New Capabilities : Dev Productivity

Design Tooling

Out of Browser

Dev Productivity

Graphics

Media

RIA Productivity

Demos


Silverlight 3 New Capabilities : Out of Browser

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Out of Browser

Out of Browser

Run Apps Out of Browser Desktop & Start Menu

Safer & More Secure Smooth Installation& Auto Update

Windows Integration Connectivity Detection


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Run Applications Outsideof the Web Browser

Applications can now be installed and run from the desktop as lightweight web companions, allowing users to take their favorite Web applications with them, regardless of whether they are connected to the Internet or not.

Out of Browser

Out of Browser


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Desktop Shortcuts &Start Menu Support

Applications can be stored on the desktop on both Windows and Mac OS, and accessed with one-click from the Start Menu or Applications Folder

Out of Browser

Out of Browser


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Safer & More SecureSilverlight leverages the security features of the .NET Framework, and runs inside a secure sandbox with persistent isolated storage. As they share most of the security restrictions of traditional web apps, Silverlight apps can be trusted without security warnings or prompts, minimizing user interruptions.

Out of Browser

Out of Browser

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Smooth Installation& Auto-Update

Silverlight applications are stored in a local cache and do not require extra privileges to run, so the installation process is quick and efficient as well as consumer friendly, with support for non-administrator install . Upon launch applications can check for new versions and automatically update themselves.

Out of Browser

Out of Browser


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Windows Support

Take advantage of new Windows 7 capabilities with support for Superbar integration, multitouch user input, and location aware services such as GPS support.

Out of Browser

Out of Browser


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Connectivity DetectionIn Browser / Out of Browser

Silverlight applications can now detect whether they have Internet connectivity and can react intelligently including caching a users’ data until their connection is restored.

Out of Browser

Out of Browser


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Demos

Out of Browser

Out of Browser


Designed for Silverlight 3

Silverlight 3 New Capabilities : Design Tooling

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Design Tooling

Expression Blend 3 enables developers and designers to take full advantage of the underlying power of the delivery platform. 3D transformations in Silverlight, visual effects such as blur and glow, hardware acceleration, and the Visual State Manager allow the exploration of new design concepts


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Breakthrough Design with Expression Blend 3

Design Tooling

Prototyping in SketchFlow

Visual Design Workflow

Accessible Interactivity Design w/ Data

VSTF Integration Design Surface Extensibility

Breakthrough Design Prototyping


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

SketchFlow introduces a new set of innovative features for the rapid prototyping of user experiences. SketchFlow helps designers rapidly explore the navigation and composition of an application using visual tools without the need for coding, to communicate ideas to other stakeholders, and to collect in-context annotated feedback.


Design Tooling

Start

Main Menu Data Entry

Navigation

Visual Design Workflow

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Adobe Photoshop and Illustrator import enables integration with existing workflows, with full support for individual layers which retain their original layer effects, layout, editable text, and vector content.


Design Tooling


Accessible Interactivity


Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Add interactivity to applications without having to write code using Behaviors, which encapsulate complex design interactions into reusable components which can be directly applied to a user interface element in the application.


Design Tooling Behave

Design with Data

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Design time Sample Data makes it easy to design data-connected applications without access to live data, and with fast and easy generation of “dummy” placeholder data.


Design Tooling


John Doe

Name

www.yes.com 555-1234

URL Phone

Sue Smith www.no.com 555-5678

Li Wei www.hm.com 313-1234

Source Control Integrationw/ VS Team Foundation

Server

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media Teams can access Team Foundation Server directly from Expression Blend ensuring they can collaborate effectively with the rest of the team; work is versioned, tracked, backed-up and above all safe.


Design Tooling


Design Surface Extensibility

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media

Custom project and item templates, custom context menu items, custom adorners on the design surface when a designer selects a custom component, and enhanced support for VS2010 extensibility APIs all help provide a fluid design and development environment


Design Tooling


Demos

Design Tooling

Out of Browser

RIA Productivity

Graphics

Media


Design Tooling


Summary

Support for HigherQuality Video & Audio

EmpoweringRich Experiences


Out of BrowserCapabilities

Expression Blend 3Preview

Silverlight 3 Themes

Available Mix 2009March 17

Available Now

Silverlight Version 3www.microsoft.com/

silverlight

Expression Studio 3www.microsoft.com/

expression

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

silverlight momentum and introducing silverlight 3

Technology

microsoft silverlight

silverlight momentum

web experience

showroom experience

sort of experience

reallife experience

stronger user experience

costs crossplatform