silverlight briefing deck
Post on 18-Oct-2014
4.254 views
DESCRIPTION
Talk given to Riverside UG in Dec 2007TRANSCRIPT
Silverlight for Developers
Presented by Lynn LangitMSDN Developer Evangelist
http://blogs.msdn.com/SoCalDevGal
What is Silverlight?
cross-browsercross-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 ProvidersEngage 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 UsersSites “light up” equally on Windows and Mac, with a one-time, fast install (~2MB)
Early Industry Support
Why Silverlight?
Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences
Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools
Low Cost, High Quality MediaLow Cost, High Quality Media
Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services
Low Cost, High Quality MediaLow 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
Webdesign tool
The professional Interactive design tool
The professional
Graphicdesign tool
The professionalAsset
Managementtool
Silverlight Streaming by Windows LiveProvides developers a free, scalability-on-demand solution for Silverlight
• Free, 4GB hosting and streaming• You build the application, we deliver the scale• High quality, differentiated, controllable user
experience• Complete API Programmability
Creation ExperienceSilverlight Streaming
Windows Live Platform
http://silverlight.live.com
Why Silverlight?
Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences
Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools
Low Cost, High Quality MediaLow Cost, High Quality Media
Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services
Rich Internet Applications
WebWeb desktopdesktop
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
media & RIAmedia & RIA
WebWeb desktopdesktop
Why Silverlight?
Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences
Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools
Low Cost, High Quality MediaLow Cost, High Quality Media
Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services
DesktopDesktopWebWeb
XHTML / ASP.NET
JavaScript / AJAX
CSS
.NET Languages
XAML / WPF
Windows Media
Flexibletools / programming /
media
CompellingUX on all app categories
Connectedto data, servers, services
Easily reuse skills
Media & RIAMedia & RIA
Why Silverlight?
Compelling, Cross-Platform User ExperiencesCompelling, Cross-Platform User Experiences
Flexible Programming Model with Collaboration Flexible Programming Model with Collaboration ToolsTools
Low Cost, High Quality MediaLow Cost, High Quality Media
Connected to Data, Servers, and ServicesConnected to Data, Servers, and Services
Silverlight Developer Considerations
XAML authoring – build or buy controlsXAML authoring – build or buy controls
Rich media preparation – capture and Rich media preparation – capture and processingprocessing
Silverlight 1.0 or 2.0? Silverlight 1.0 or 2.0?
Rich media hosting – streaming locationRich 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
XAML
Networking
JSON
POX
Inputs
Keyboard Mouse Ink
Media
VC1 WMA MP3
Browser Host
MS AJAX Library
DOM Integration
UI Core
Images
Vector Text
Animation
Deploy
Friction-Free Installer
Auto-Updater
ApplicationServices
Silverlight 1.0Rich 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 3rd parties• Watch www.CodePlex.com for controls – AJAX Toolkit• 3rd 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
Legend
V2.0
Legend
V1.0Inputs
KeyboardMouse Ink
Media
VC1 WMA MP3
Browser Host
MS AJAX Library
DOM Integration
UI Core
Images
Vector Text
Animation
DRM
Media
Controls
Layout Editing
Deploy
Friction-Free Installer
Auto-Updater
ApplicationServices
JSON
POX
NetworkingData
LINQ XLINQ
WPF
Extensible Controls
XAML
DLR
Ruby Python
BCL
Generics Collections
CLR Execution Engine
SOAP
RSS
REST
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 JavaScriptPossible (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 librariesManaged 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.0Rich 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 3rd parties• Watch www.CodePlex.com for controls – AJAX Toolkit• 3rd 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 RecapCompelling 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