Christophe Lauer – http://twitter.com/CLaueR Business Development Manager w/ Web Agencies
Microsoft France
Silverlight 3 Briefing
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
Silverlight MomentumBy the Numbers
22 months since launch
400m+downloads
1 in 3 Computers
already have
Silverlight!
Silverlight MomentumBy the Numbers
22 months since launch
400m+downloads
400,000+
Developers & Designers
Source: Microsoft Developer Tracker 2008 Report
Silverlight MomentumBy the Numbers
22 months since launch
400m+downloads
400,000+
Developers & Designers
200+ partners in
30 countries
Silverlight MomentumBy the Numbers
22 months since launch
400m+downloads
400,000+
Developers & Designers
200+ partners in
30 countries
350+Microsoft
Products & Websites
Silverlight MomentumBy the Numbers
22 months since launch
400m+downloads
400,000+
Developers & Designers
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
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
Silverlight Customer Stories
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
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
Silverlight Customer Stories
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
Silverlight Customer Stories
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
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
Silverlight Customer Stories
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
“"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.
Silverlight Customer Stories
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
“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
Silverlight Customer Stories
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
Silverlight Customer Stories
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
Silverlight Customer Stories
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
Silverlight Customer Stories
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
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
Silverlight Customer Stories
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
Silverlight Customer Stories
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
Silverlight Customer Stories
K2 blackpointwww.k2.com
• RIA tooling• Creates process-driven Applications without
code• Visually build Sharepoint workflow
applications• Silverlight based tooling
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+
Silverlight 3 New Capabilities : Media
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
Support for Higher Quality Video and Audio
Design Tooling
Out of Browser
RIA Productivity
Graphics
MediaMedia
More Format Choices
Silverlight 3 New Capabilities : Media
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
Support for Higher Quality Video and Audio
Design Tooling
Out of Browser
RIA Productivity
Graphics
MediaMedia
True HD Playbackin Full Screen
Silverlight 3 New Capabilities : Media
Silverlight 3 leverages graphics processor unit (GPU) hardware acceleration to deliver true full-screen 720p+ HD video playback
Support for Higher Quality Video and Audio
Design Tooling
Out of Browser
RIA Productivity
Graphics
MediaMedia
Extensible MediaFormat Support
Silverlight 3 New Capabilities : Media
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.
Support for Higher Quality Video and Audio
Design Tooling
Out of Browser
RIA Productivity
Graphics
MediaMedia
Industry LeadingContent Protection
Silverlight 3 New Capabilities : Media
Support for Higher Quality Video and Audio
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
Silverlight 3 New Capabilities : Media
Support for Higher Quality Video and Audio
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
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
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
Design Tooling
Out of Browser
RIA Productivity
Graphics
Media
Demos
Graphics
Silverlight 3 New Capabilities : Graphics
Empowering Rich Experiences
Design Tooling
Out of Browser
Dev Productivity
Graphics
Media
Silverlight 3 New Capabilities : RIA Productivity
RIA Productivity
Improving RIA Productivity
Controls SEO and Deep Linking
Enhanced Data Support Improved Performance
Advanced Accessibility
Silverlight 3 New Capabilities : RIA Productivity
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.
Improving RIA Productivity
Silverlight 3 New Capabilities : RIA Productivity
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.
Improving RIA Productivity
Silverlight 3 New Capabilities : RIA Productivity
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
Improving RIA Productivity
Silverlight 3 New Capabilities : RIA Productivity
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
Improving RIA Productivity
Silverlight 3 New Capabilities : RIA Productivity
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.
Improving RIA Productivity
Silverlight 3 New Capabilities : Dev Productivity
Design Tooling
Out of Browser
Dev Productivity
Graphics
Media
RIA Productivity
Demos
Improving RIA Productivity
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
Silverlight 3 New Capabilities : Out of Browser
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
Silverlight 3 New Capabilities : 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
Silverlight 3 New Capabilities : 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
Silverlight 3 New Capabilities : 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
Silverlight 3 New Capabilities : 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
Silverlight 3 New Capabilities : Out of Browser
Design Tooling
Out of Browser
RIA Productivity
Graphics
Media
Demos
Out of Browser
Out of Browser
Silverlight 3 New Capabilities : 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
Silverlight 3 New Capabilities : Design Tooling
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
Silverlight 3 New Capabilities : Design Tooling
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.
Breakthrough Design with Expression Blend 3
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.
Breakthrough Design with Expression Blend 3
Design Tooling
Silverlight 3 New Capabilities : Design Tooling
Accessible Interactivity
Silverlight 3 New Capabilities : Design Tooling
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.
Breakthrough Design with Expression Blend 3
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.
Breakthrough Design with Expression Blend 3
Design Tooling
Silverlight 3 New Capabilities : 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.
Breakthrough Design with Expression Blend 3
Design Tooling
Silverlight 3 New Capabilities : 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
Breakthrough Design with Expression Blend 3
Design Tooling
Silverlight 3 New Capabilities : Design Tooling
Demos
Design Tooling
Out of Browser
RIA Productivity
Graphics
Media
Breakthrough Design with Expression Blend 3
Design Tooling
Silverlight 3 New Capabilities : Design Tooling
Summary
Support for HigherQuality Video & Audio
EmpoweringRich Experiences
Improving RIA Productivity
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.