Your SlideShare is downloading. ×
0
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
It's Time for Silverlight @iRajLal
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

It's Time for Silverlight @iRajLal

17,640

Published on

An introduction to Silverlight with comparision to Flash. …

An introduction to Silverlight with comparision to Flash.
(Some information has been taken from msdn website and other microsoft's resources) - Rajesh Lal

Published in: Technology
13 Comments
22 Likes
Statistics
Notes
  • Get my NEW book on User Interface design guidelines and best practices here http://www.designuserinterface.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • get My Book on Silverlight 4

    http://www.amazon.com/Fun-Silverlight-Illustrated-Creating-Applications/dp/1463506023/

    moer information at http://silverlightfun.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is really nice presentations..........
    Thanks for helping me..............
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Amazing presentation, very clear and especific. Thank you very much for sharing it.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Awesome presentation, thank you for your efforts!
    http://www.furniture101.net/
    http://www.furniture101.net/category/modern-furniture/
    http://www.furniture101.net/category/office-furniture/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
17,640
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
1,157
Comments
13
Likes
22
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Rajesh Lal ( [email_address] ) Microsoft Silverlight An Introduction
  • 2. <ul><li>What is Silverlight? </li></ul><ul><li>Technology Overview </li></ul><ul><li>Architecture Silverlight & Flash </li></ul><ul><li>Silverlight Media Business Model </li></ul><ul><li>Creating a Silverlight application </li></ul>
  • 3. <ul><li>Definition </li></ul><ul><li>Why it’s time for Silverlight </li></ul><ul><li>Silverlight Background </li></ul><ul><li>Difference between 1.0 and 1.1 </li></ul>What is Silverlight?
  • 4. 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
  • 5. 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.
  • 6. Why it’s time for Silverlight <ul><li>Run on all popular browsers and OS </li></ul><ul><li>Consistent experience irrespective of platform </li></ul><ul><li>Supports AJAX methodology for rich Internet applications </li></ul><ul><li>Includes compelling graphics, 2D vector & animation </li></ul><ul><li>Streams video/audio and scales video quality from mobile device to 720 HDTV video modes </li></ul><ul><li>Small download 4 MB </li></ul>
  • 7. Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named &quot;WPF/Everywhere&quot; (WPF/E). SilverLight background
  • 8. SilverLight background Silverlight, is a subset of Windows Presentation Foundation(WPF) which is a part of .NET 3.0 in Windows Vista Windows 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 &quot;Aero&quot; interface provides transparent, glass-like window borders.
  • 9. Rich versus Reach
  • 10. <ul><li>Silverlight 1.0 </li></ul><ul><ul><li>XAML + JavaScript </li></ul></ul><ul><li>Silverlight 1.1 </li></ul><ul><ul><li>Includes an implementation of the CLR, so any .NET language can be used to write code </li></ul></ul><ul><li>Released </li></ul><ul><ul><li>Microsoft Silverlight 1.0 Release To Web (RTW) for Mac & Windows September 2007 </li></ul></ul><ul><ul><li>Microsoft Silverlight 1.1 Alpha – September 2007 </li></ul></ul><ul><ul><li>Microsoft Silverlight 1.1 Beta – Q3 2007 </li></ul></ul><ul><ul><li>Microsoft Silverlight 1.1 RTW – TBD </li></ul></ul>SilverLight 1.0, 1.1 & road ahead Silverlight 1.1 is the REAL DEAL
  • 11. Technology Overview <ul><li>Silverlight technologies </li></ul><ul><li>Programming language XAML, C# or JavaScript </li></ul><ul><li>Tools of Development </li></ul><ul><li>XAML Tools </li></ul>
  • 12. Technology Cloud
  • 13. Programming Language XAML- core of Silverlight for Rich User interface All other - for programming logic
  • 14. XAML? XAML- e X tensible A pplication M arkup L anguage An XML-based set of tags used to describe objects and events when programming applications <Canvas xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot; Width=&quot;640&quot; Height=&quot;480“ Background=“Aliceblue“ > <TextBlock Text=&quot;Hello World&quot;/> </Canvas> Hello World XAML !
  • 15. Load, Parse, Display XAML / C #/ JavaScript Compile and Run Button b1 = new Button(); b1.Content = &quot;OK&quot;; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; <Button Width=&quot;100&quot;> OK <Button.Background> LightBlue </Button.Background> </Button>
  • 16. Tools of Development <ul><li>Microsoft Expression Studio is a suite of design and media applications from Microsoft aimed at developers and designers. </li></ul><ul><ul><li>Microsoft Expression Web - WYSIWYG website designer and HTML editor. ( Microsoft FrontPage ) </li></ul></ul><ul><ul><li>Microsoft Expression Blend - Visual user interface builder for Windows Presentation Foundation applications. </li></ul></ul><ul><ul><li>(For SilverLight ) </li></ul></ul><ul><ul><li>Microsoft Expression Design - Raster and vector graphics editor. </li></ul></ul><ul><ul><li>Microsoft Expression Media - Digital asset and media manager. </li></ul></ul><ul><ul><li>Microsoft Expression Encoder - VC-1 content professional encoder. </li></ul></ul>XAMLPad XAML editor/Viewer Part of Windows SDK
  • 17. Tools for Developer and Designer Designer Developer XAML JavaScript .NET
  • 18. Visual Studio 2008
  • 19. Microsoft Expression Blend
  • 20. <ul><li>XAMLPad </li></ul><ul><li>Aurora XAML Editor (Mobiform) </li></ul><ul><li>MyXaml </li></ul><ul><li>Expression Tools </li></ul><ul><li>Micrsoft Visual Studio </li></ul>XAML Tools
  • 21. Architecture Silverlight & Flash <ul><li>Silverlight Architecture </li></ul><ul><li>Comparison Flash & Silverlight </li></ul><ul><li>Silverlight 1.0 and 1.1 </li></ul><ul><li>.NET Framework 2.0 / 3.0 </li></ul>
  • 22.  
  • 23. Comparison with Flash
  • 24. .NET 2.0 or 3.0 <ul><li>.NET Framework 2.0 – VS 2005 – Windows XP </li></ul><ul><li>.NET Framework 3.0 – Windows Vista (WPF) </li></ul><ul><li>.NET Framework 3.5 ? </li></ul><ul><li>Language Integrated Query (LINQ) and data awareness. </li></ul><ul><li>ASP.NET AJAX </li></ul><ul><li>New Web protocol support for AJAX, JSON, REST, POX, RSS, ATOM. </li></ul>
  • 25. .NET Framework Windows Vista 、 Windows XP 、 Windows Server 2003 Common Language Runtime (CLR) ADO.NET ASP.NET Windows Forms Windows Presentation Foundation (WPF) Windows Communication Foundation (WCF) Windows Workflow Foundation (WF) Windows CardSpace (WCS) CLS / CTS VB C# J# ・・・ 2.0 3.0 .NET Framework 2.0 .NET Framework 3.0
  • 26.  
  • 27. SilverLight 1.0 &1.1
  • 28. Silverlight Business Model
  • 29. Silverlight Media <ul><li>Silverlight MEDIA Feature </li></ul><ul><li>Self-contained media playback </li></ul><ul><li>Customizable transport controls </li></ul><ul><li>Non-rectangular, semi-transparent video with overlays </li></ul><ul><li>Windows Media Services support Live and on demand streaming </li></ul><ul><li>Media markers / script commands </li></ul><ul><li>ASX Playlist support </li></ul><ul><li>Closed captioning support with Expression Media Encoder </li></ul><ul><li>Bandwidth throttling with IIS 7.0 </li></ul><ul><li>Content protection (DRM Silverlight 1.1) </li></ul><ul><li>Alpha video (Silverlight 1.1) </li></ul>
  • 30. Silverlight Media <ul><li>The following file formats are accepted by the mediaElement (regardless of the file extension): </li></ul><ul><ul><li>Video: WMV v7, v8, v9, VC-1 </li></ul></ul><ul><ul><li>Audio: WMA v7, v8, v9 (standard), MP3 </li></ul></ul>
  • 31. Opportunities with Video on the web Compelling Web User Experience Delivering media without going broke Monetization with Ads User generated content
  • 32. Silverlight Business Model Compelling Web User Experience Vector Graphics Animation ASP.AJAX
  • 33. Silverlight Business Model Delivering media without going broke Video delivery trend
  • 34. Silverlight Business Model <ul><li>Why stream? </li></ul><ul><li>Live Streaming </li></ul><ul><li>Fast Streaming </li></ul><ul><li>Logging </li></ul><ul><li>Caching and Proxying </li></ul>Windows Media Services
  • 35. Silverlight Business Model Silverlight Support - Rich media based server application - Save status of media playback - Searchable - text based (XAML) User generated content Monetization with Ads
  • 36. Silverlight Business Model <ul><li>Silverlight Streaming by Windows Live </li></ul><ul><li>http://silverlight.live.com/ </li></ul><ul><li>http://www.microsoft.com/silverlight/streaming.aspx </li></ul><ul><li>No server maintenance </li></ul><ul><li>Cached in edge servers worldwide </li></ul><ul><li>4 GB storage </li></ul><ul><li>Free! </li></ul>
  • 37. Low Cost, High Quality Output <ul><li>RECAP </li></ul><ul><li>Hosted Streaming Media </li></ul><ul><ul><li>4 GB of free hosting and streaming </li></ul></ul><ul><ul><li>Global scale </li></ul></ul><ul><ul><li>Up to High Definition Output </li></ul></ul><ul><li>Media Server Support </li></ul><ul><ul><li>You can self-host your streaming services </li></ul></ul><ul><ul><li>Very competitive pricing </li></ul></ul><ul><li>Customized skinning of your Silverlight Media control </li></ul><ul><ul><li>Branding, customized looks and feels and non-traditional shapes are all possible </li></ul></ul>
  • 38. Creating a Silverlight application
  • 39. Silverlight 1.0 – XAML + JavaScript Silverlight 1.1 – XAML + C# Creating a Silverlight application
  • 40. Silverlight 1.0 – XAML + JavaScript COMPLETE DOM LEVEL 1 integration Creating a Silverlight application
  • 41. Index.htm <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title>Hello World</title> <script type=&quot;text/javascript&quot; src=&quot;Silverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;CreateSilverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;code.js&quot;></script> <style type=&quot;text/css&quot;> . silverlightHost { height: 480px; width: 640px; } </style> </head> <body> <div id=&quot;SilverlightControlHost&quot; class=&quot; silverlightHost &quot;> <script type=&quot;text/javascript&quot;> createSilverlight (); </script> </div> </body> </html> Silverlight 1.0 – XAML + JavaScript
  • 42. function createSilverlight() { Silverlight.createObjectEx({ source: &quot; HelloWorld.xaml &quot;, parentElement: document.getElementById (&quot;SilverlightControlHost&quot;) , id: &quot;SilverlightControl&quot;, properties: { width: &quot;100%&quot;, height: &quot;100%&quot;, version: &quot;1.0“ }, events: { onLoad: handleLoad } }); } CreateSilverlight.js CreateSilverlight– Script file with logic to instantiate Silverlight control
  • 43. var SilverlightControl; var theTextBlock; function handleLoad(control, userContext, rootElement) { SilverlightControl = control; theTextBlock = SilverlightControl.content.findName(&quot;txt&quot;); theTextBlock.addEventListener(&quot;MouseLeftButtonDown&quot;, &quot;txtLClicked&quot;); } function txtLClicked(sender, args) { theTextBlock.Text = &quot; Silverlight Rocks !&quot;; } Code.js Code.js – Script file containing program logic
  • 44. <Canvas xmlns=&quot;http://schemas.microsoft.com/client/2007&quot; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot; Width=&quot;640&quot; Height=&quot;480&quot; Background=&quot;White&quot; x:Name=&quot;Page&quot; > <TextBlock Width=&quot;195&quot; Height=&quot;42&quot; Canvas.Left=&quot;28&quot; Canvas.Top=&quot;35&quot; Text=&quot; Hello World !&quot; TextWrapping=&quot;Wrap&quot; x:Name=&quot;txt&quot;/> </Canvas> HelloWorld.XAML XAML File –Canvas for Control
  • 45. Start Building <ul><li>Steps </li></ul><ul><ul><li>Download Visual Studio 2008 Beta 2 </li></ul></ul><ul><ul><li>Install the Silverlight SDK 1.0 /1.1 alpha </li></ul></ul><ul><ul><li>Download the Trial version of Expression Studio </li></ul></ul><ul><ul><li>Tutorials </li></ul></ul><ul><ul><li>http://designwithsilverlight.com/ </li></ul></ul><ul><ul><li>Silverlight: Laurence Moroney's Blog </li></ul></ul><ul><ul><li>http://www.nibblestutorials.net/ </li></ul></ul><ul><ul><li>http://blogs.msdn.com/canux/archive/2007/08/01/silverlight-resources.aspx </li></ul></ul><ul><ul><li>http://www.ddjsilverlight.com/resources/ </li></ul></ul><ul><ul><li>http://blogs.msdn.com/gavingear/archive/2007/06/07/how-to-create-an-ink-enabled-sidebar-gadget-using-silverlight.aspx </li></ul></ul><ul><ul><li>http://silverlight.net/quickstarts </li></ul></ul><ul><ul><li>http://www.microsoft.com/silverlight/ </li></ul></ul>
  • 46.  

×