It's Time for Silverlight @iRajLal
-
Upload
raj-lal -
Category
Technology
-
view
19.438 -
download
1
Transcript of It's Time for Silverlight @iRajLal
![Page 2: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/2.jpg)
What is Silverlight?
Technology Overview
Architecture Silverlight & Flash
Silverlight Media Business Model
Creating a Silverlight application
![Page 3: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/3.jpg)
Definition
Why it’s time for Silverlight
Silverlight Background
Difference between 1.0 and 1.1
What is Silverlight?
![Page 4: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/4.jpg)
Silverlight is a cross-browser, cross-platform plug-in for delivering the next generation of media experiences and rich interactive applications(RIA) for the Web
Definition
![Page 5: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/5.jpg)
Silverlight is a cross-browser, cross-platform plug-in** An auxiliary program that works with a software package to enhance its capability. For example, plug-ins used in Photoshop to add a filter for some special effect. Other examples of Plug-ins are Macromedia Flash, Digital Video Express(Divx) Player plug-in, Windows Media Player etc.
![Page 6: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/6.jpg)
Why it’s time for SilverlightRun on all popular browsers and OS
Consistent experience irrespective of platform
Supports AJAX methodology for rich Internet
applications
Includes compelling graphics, 2D vector &
animation
Streams video/audio and scales video quality from
mobile device to 720 HDTV video modes
Small download 4 MB
![Page 7: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/7.jpg)
Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named "WPF/Everywhere" (WPF/E).
SilverLight background
![Page 8: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/8.jpg)
SilverLight background Silverlight, is a subset of Windows Presentation Foundation(WPF) which is a part of .NET 3.0 in Windows VistaWindows Presentation Foundation is the user interface subsystem in Windows Vista code name ‘Avalon’. It’s a part of the .NET Framework 3.0 programming interface (API).
Windows Presentation Foundation (WPF) takes advantage of advanced 3D graphics (not in Silverlight) capabilities in modern machines. The "Aero" interface provides transparent, glass-like window borders.
![Page 9: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/9.jpg)
Rich versus Reach
![Page 10: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/10.jpg)
Silverlight 1.0XAML + JavaScript
Silverlight 1.1Includes an implementation of the CLR, so any .NET language can be used to write code
ReleasedMicrosoft Silverlight 1.0 Release To Web (RTW) for Mac & Windows September 2007
Microsoft Silverlight 1.1 Alpha – September 2007
Microsoft Silverlight 1.1 Beta – Q3 2007
Microsoft Silverlight 1.1 RTW – TBD
SilverLight 1.0, 1.1 & road ahead
Silverlight 1.1 is the REAL DEAL
![Page 11: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/11.jpg)
Silverlight technologies
Programming language XAML, C# or JavaScript
Tools of Development
XAML Tools
Technology Overview
![Page 12: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/12.jpg)
Technology Cloud
![Page 13: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/13.jpg)
Programming Language
XAML- core of Silverlight for Rich User interface All other - for programming logic
![Page 14: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/14.jpg)
XAML?XAML- eXtensible Application Markup LanguageAn XML-based set of tags used to describe objects and events when programming applications
<Canvasxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"Width="640" Height="480“ Background=“Aliceblue“ > <TextBlock Text="Hello World"/></Canvas>
Hello World XAML !
![Page 15: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/15.jpg)
Button b1 = new Button();b1.Content = "OK";b1.Background = new SolidColorBrush(Colors.LightBlue);b1.Width = 100;
<Button Width="100"> OK <Button.Background> LightBlue </Button.Background></Button>
Load, Parse, Display
XAML / C #/ JavaScript Compile and Run
![Page 16: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/16.jpg)
Tools of Development Microsoft Expression Studio is a suite of design and media applications from Microsoft aimed at developers and designers.
Microsoft Expression Web - WYSIWYG website designer and HTML editor. ( Microsoft FrontPage )
Microsoft Expression Blend - Visual user interface builder for Windows Presentation Foundation applications. (For SilverLight)
Microsoft Expression Design - Raster and vector graphics editor.
Microsoft Expression Media - Digital asset and media manager.
Microsoft Expression Encoder - VC-1 content professional encoder.
XAMLPadXAML editor/ViewerPart of Windows SDK
![Page 17: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/17.jpg)
XAMLXAMLJavaScripJavaScrip
tt.NET.NET
Tools for Developer and Designer
DesignerDeveloper
![Page 18: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/18.jpg)
Visual Studio 2008
![Page 19: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/19.jpg)
Microsoft Expression Blend
![Page 20: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/20.jpg)
• XAMLPad• Aurora XAML Editor (Mobiform)• MyXaml• Expression Tools• Micrsoft Visual Studio
XAML Tools
![Page 21: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/21.jpg)
Silverlight Architecture
Comparison Flash & Silverlight
Silverlight 1.0 and 1.1
.NET Framework 2.0 / 3.0
Architecture Silverlight & Flash
![Page 22: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/22.jpg)
![Page 23: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/23.jpg)
Comparison with Flash
![Page 24: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/24.jpg)
.NET 2.0 or 3.0
.NET Framework 2.0 – VS 2005 – Windows XP
.NET Framework 3.0 – Windows Vista (WPF)
.NET Framework 3.5 ?Language Integrated Query (LINQ) and data awareness.
ASP.NET AJAX
New Web protocol support for AJAX, JSON, REST, POX, RSS, ATOM.
![Page 25: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/25.jpg)
.NET Framework.NET Framework
Windows Vista 、 Windows XP 、 Windows Server 2003
Common Language Runtime (CLR)
ADO.NET
ASP.NET WindowsForms
WindowsPresentationFoundation
(WPF)
WindowsCommunication
Foundation(WCF)
WindowsWorkflow
Foundation(WF)
WindowsCardSpace
(WCS)
CLS / CTS
VB C# J# ・・・
2.0
3.0
.NET Framework 2.0
.NET .NET Framework 3.0 3.0
![Page 26: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/26.jpg)
![Page 27: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/27.jpg)
SilverLight 1.0 &1.1
![Page 28: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/28.jpg)
Silverlight Business Model
![Page 29: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/29.jpg)
Silverlight MediaSilverlight MEDIA FeatureSilverlight MEDIA Feature
Self-contained media playbackCustomizable transport controlsNon-rectangular, semi-transparent video with overlays Windows Media Services support Live and on demand streamingMedia markers / script commands ASX Playlist support Closed captioning support with Expression Media Encoder Bandwidth throttling with IIS 7.0 Content protection (DRM Silverlight 1.1) Alpha video (Silverlight 1.1)
![Page 30: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/30.jpg)
Silverlight MediaThe following file formats are accepted by the mediaElement
(regardless of the file extension):Video: WMV v7, v8, v9, VC-1Audio: WMA v7, v8, v9 (standard), MP3
![Page 31: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/31.jpg)
Opportunities with Video on the web
Compelling Web User Experience
Delivering media without going broke
Monetization with Ads
User generated content
![Page 32: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/32.jpg)
Silverlight Business Model Compelling Web User Experience
Vector GraphicsAnimationASP.AJAX
![Page 33: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/33.jpg)
Silverlight Business Model Delivering media without going broke
Video delivery trend
![Page 34: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/34.jpg)
Silverlight Business Model
Why stream?Why stream?Live StreamingLive StreamingFast StreamingFast StreamingLoggingLoggingCaching and Caching and ProxyingProxying
Windows Media Services
![Page 35: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/35.jpg)
Silverlight Business Model
Silverlight Support
- Rich media based server application - Save status of media playback - Searchable - text based (XAML)
User generated contentMonetization with Ads
![Page 36: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/36.jpg)
Silverlight Business Model
Silverlight Streaming by Windows LiveSilverlight Streaming by Windows Live
http://silverlight.live.com/ http://www.microsoft.com/silverlight/streaming.aspxNo server maintenanceNo server maintenanceCached in edge servers worldwideCached in edge servers worldwide4 GB storage4 GB storageFree!Free!
![Page 37: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/37.jpg)
Low Cost, High Quality Output
RECAPHosted Streaming Media
4 GB of free hosting and streamingGlobal scaleUp to High Definition Output
Media Server SupportYou can self-host your streaming servicesVery competitive pricing
Customized skinning of your Silverlight Media controlBranding, customized looks and feels and non-traditional shapes are all possible
![Page 38: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/38.jpg)
Creating a Silverlight application
![Page 39: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/39.jpg)
Silverlight 1.0 – XAML + JavaScript Silverlight 1.1 – XAML + C#
Creating a Silverlight application
![Page 40: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/40.jpg)
Silverlight 1.0 – XAML + JavaScript COMPLETE DOM LEVEL 1 integration
Creating a Silverlight application
![Page 41: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/41.jpg)
Index.htm<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Hello World</title>
<script type="text/javascript" src="Silverlight.js"></script><script type="text/javascript"
src="CreateSilverlight.js"></script><script type="text/javascript" src="code.js"></script><style type="text/css">
.silverlightHost {height: 480px;width: 640px;
}</style>
</head>
<body><div id="SilverlightControlHost" class="silverlightHost">
<script type="text/javascript">createSilverlight();
</script></div>
</body></html>
Silverlight 1.0 – XAML + JavaScript
![Page 42: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/42.jpg)
function createSilverlight(){ Silverlight.createObjectEx({ source: "HelloWorld.xaml", parentElement: document.getElementById("SilverlightControlHost"), id: "SilverlightControl", properties: {
width: "100%",height: "100%",version: "1.0“
}, events: { onLoad: handleLoad }
});}
CreateSilverlight.js
CreateSilverlight– Script file with logic to instantiate Silverlight control
![Page 43: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/43.jpg)
var SilverlightControl; var theTextBlock; function handleLoad(control, userContext, rootElement) { SilverlightControl = control; theTextBlock = SilverlightControl.content.findName("txt"); theTextBlock.addEventListener("MouseLeftButtonDown", "txtLClicked"); }
function txtLClicked(sender, args) { theTextBlock.Text = "Silverlight Rocks!"; }
Code.js
Code.js – Script file containing program logic
![Page 44: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/44.jpg)
<Canvasxmlns="http://schemas.microsoft.com/client/2007"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Width="640" Height="480"Background="White"x:Name="Page"><TextBlock Width="195" Height="42" Canvas.Left="28"
Canvas.Top="35" Text="Hello World!" TextWrapping="Wrap" x:Name="txt"/></Canvas>
HelloWorld.XAML
XAML File –Canvas for Control
![Page 45: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/45.jpg)
Start Building• Steps• Download Visual Studio 2008 Beta 2• Install the Silverlight SDK 1.0 /1.1 alpha• Download the Trial version of Expression Studio
• Tutorials• http://designwithsilverlight.com/• Silverlight: Laurence Moroney's Blog• http://www.nibblestutorials.net/• http://blogs.msdn.com/canux/archive/2007/08/01/silverlight-resources.aspx • http://www.ddjsilverlight.com/resources/• http://blogs.msdn.com/gavingear/archive/2007/06/07/how-to-create-an-ink-
enabled-sidebar-gadget-using-silverlight.aspx
• http://silverlight.net/quickstarts• http://www.microsoft.com/silverlight/
![Page 46: It's Time for Silverlight @iRajLal](https://reader035.fdocuments.in/reader035/viewer/2022081514/541ec9ed7bef0a5b188b6428/html5/thumbnails/46.jpg)