Silverlight for Developers Presented by Lynn Langit MSDN Developer Evangelist http://blogs.msdn.com/SoCalDevGal
What is Silverlight? cross-browser cross-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 Providers Engage 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 Users Sites “light up” equally on Windows and Mac, with a one-time, fast install (~2MB)
Early Industry Support
Why Silverlight? Compelling, Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services Low 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  Web design tool The professional  Interactive  design tool The professional  Graphic design tool The professional Asset Management tool
Silverlight Streaming by Windows Live Free, 4GB hosting and streaming You build the application, we deliver the scale High quality, differentiated, controllable user experience Complete API Programmability Windows Live Platform http://silverlight.live.com Provides developers a free, scalability-on-demand solution for Silverlight Creation  Experience Silverlight Streaming
Why Silverlight? Compelling, Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
Rich Internet Applications Web desktop 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 Web desktop media & RIA
Why Silverlight? Compelling, Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
Easily reuse skills Media & RIA Desktop Web XHTML / ASP.NET JavaScript / AJAX CSS .NET Languages XAML / WPF Windows Media Flexible tools / programming / media Compelling UX on all app categories Connected to data, servers, services
Why Silverlight? Compelling, Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
Silverlight Developer Considerations XAML authoring – build or buy controls Rich media preparation – capture and processing Silverlight 1.0 or 2.0?  Rich 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 Browser Host MS AJAX  Library DOM  Integration Deploy Friction-Free  Installer Auto- Updater Application Services XAML Networking JSON POX Inputs Keyboard Mouse Ink Media VC1 WMA MP3 UI   Core Images Vector Text Animation
Silverlight 1.0 Rich 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 3 rd  parties Watch  www.CodePlex.com  for controls – AJAX Toolkit 3 rd  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 Browser Host MS AJAX  Library DOM  Integration Deploy Friction-Free  Installer Auto- Updater Application Services CLR Execution Engine SOAP RSS REST Legend V2.0 Legend V1.0 Inputs Keyboard Mouse Ink Media VC1 WMA MP3 UI   Core Images Vector Text Animation DRM Media Controls Layout Editing JSON POX Networking Data LINQ XLINQ WPF Extensible Controls XAML DLR Ruby Python BCL Generics Collections
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 JavaScript Possible (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 libraries Managed 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.0 Rich 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 3 rd  parties Watch  www.CodePlex.com  for controls – AJAX Toolkit 3 rd  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 Recap Compelling 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

Silverlight Briefing Deck

  • 1.
    Silverlight for DevelopersPresented by Lynn Langit MSDN Developer Evangelist http://blogs.msdn.com/SoCalDevGal
  • 2.
    What is Silverlight?cross-browser cross-platform implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web
  • 3.
  • 4.
  • 5.
    Who uses Silverlight?Content Providers Engage 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 Users Sites “light up” equally on Windows and Mac, with a one-time, fast install (~2MB)
  • 6.
  • 7.
    Why Silverlight? Compelling,Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services Low Cost, High Quality Media
  • 8.
    Silverlight Media ExperiencesQuality 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!
  • 9.
    How Silverlight? CreateDistribute 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
  • 10.
    The professional Web design tool The professional Interactive design tool The professional Graphic design tool The professional Asset Management tool
  • 11.
    Silverlight Streaming byWindows Live Free, 4GB hosting and streaming You build the application, we deliver the scale High quality, differentiated, controllable user experience Complete API Programmability Windows Live Platform http://silverlight.live.com Provides developers a free, scalability-on-demand solution for Silverlight Creation Experience Silverlight Streaming
  • 12.
    Why Silverlight? Compelling,Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
  • 13.
    Rich Internet ApplicationsWeb desktop 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 Web desktop media & RIA
  • 14.
    Why Silverlight? Compelling,Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
  • 15.
    Easily reuse skillsMedia & RIA Desktop Web XHTML / ASP.NET JavaScript / AJAX CSS .NET Languages XAML / WPF Windows Media Flexible tools / programming / media Compelling UX on all app categories Connected to data, servers, services
  • 16.
    Why Silverlight? Compelling,Cross-Platform User Experiences Flexible Programming Model with Collaboration Tools Low Cost, High Quality Media Connected to Data, Servers, and Services
  • 17.
    Silverlight Developer ConsiderationsXAML authoring – build or buy controls Rich media preparation – capture and processing Silverlight 1.0 or 2.0? Rich media hosting – streaming location
  • 18.
    Getting Ready forDevelopment 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
  • 19.
    The Silverlight 1.0Platform Browser Host MS AJAX Library DOM Integration Deploy Friction-Free Installer Auto- Updater Application Services XAML Networking JSON POX Inputs Keyboard Mouse Ink Media VC1 WMA MP3 UI Core Images Vector Text Animation
  • 20.
    Silverlight 1.0 RichMedia 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 3 rd parties Watch www.CodePlex.com for controls – AJAX Toolkit 3 rd party vendors developing controls Expression Blend for visual XAML authoring
  • 21.
    Silverlight 1.0 implementation- PopFly www.popfly.com Built in Silverlight Developer tools for non-developers
  • 22.
    Silverlight 1.0 implementation- PopFly www.popfly.com Built in Silverlight Developer tools for non-developers
  • 23.
    The Silverlight 2.0Platform Browser Host MS AJAX Library DOM Integration Deploy Friction-Free Installer Auto- Updater Application Services CLR Execution Engine SOAP RSS REST Legend V2.0 Legend V1.0 Inputs Keyboard Mouse Ink Media VC1 WMA MP3 UI Core Images Vector Text Animation DRM Media Controls Layout Editing JSON POX Networking Data LINQ XLINQ WPF Extensible Controls XAML DLR Ruby Python BCL Generics Collections
  • 24.
    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 JavaScript Possible (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 libraries Managed 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
  • 25.
    Silverlight 2.0 RichMedia 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 3 rd parties Watch www.CodePlex.com for controls – AJAX Toolkit 3 rd party vendors developing controls Expression Blend for visual XAML authoring AJAX futures includes Silverlight controls (XAML and Media)
  • 26.
  • 27.
  • 28.
    Silverlight Recap CompellingCross-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