Microsoft Silverlight
Presented By
Vishak P B
Roll no:59
Agenda
 What is Silverlight?
 Why Silverlight ?
 Xaml
 Why Xaml?
 Features
 Releases
 Designer/Developer Tooling
 Silverlight in Mobile
 Silverlight Vs Flash
 Conclusion
 References
What is Silverlight ?
 Web application framework
 Browser plug-in
 Cross-browser, Cross-platform technology
 Subset of WPF
 Silverlight code runs in a sandbox
Contd..
 User interfaces are declared in XAML and the programming
logic can be written in any .NET language, IronRuby
and IronPython
 Deliver media experiences and rich interactive applications for
the Web that incorporate video, animation, interactivity, and
stunning user interfaces
 It reads data and updates the display, but it doesn't interrupt
the user by refreshing the whole page.
Why Silverlight ?
 Run on all popular Browsers and OS
 Consistent experience irrespective of platform
 Supports AJAX methodology for rich Internet applications
 Streams video/audio and scales video quality from mobile
device to 720 HDTV video modes
Contd..
 Small download 4 MB
 HTML + CSS + JavaScript is too limiting
 End user expectations are changing. They want richness and
interactivity
XAML - X Application Markup Language
 XAML is at the core of Silverlight application.
 XML-based language by Microsoft
 No replacement for C# , Vb etc.
 Create and initialise trees of .NET objects
 XAML objects fire events
C#
XAML
Why XAML?
 Separate Presentation and Logic
 Grouping and Positioning
 Objects belong to parent objects.
 Some attributes are referenced in relation to the
parent.
 Can create complex Animations in XAML
Contd..
 Code-Behind File
 Adds functionality, including event handling
 Supported languages:
 C#
 VB.NET
 IronRuby
 IronPython
 Other .NET languages
Contd..
 60+ built-in controls
– Canvas, StackPanel , Grid, and GridSplitter
– Button, CheckBox , HyperlinkButton,
RepeatButton , RadioButton , and ToggleButton
– TextBox , ListBox , and DataGrid
– TabControl , Slider, and MultiScaleImage
– Border , Calendar , DatePicker , and more!
 Support styles, templates and data binding
Basic XAML Syntax
<TextBlock>XAML Rhymes with Camel</TextBlock>
<TextBlock Text="XAML Rhymes with Camel" />
 Simple object
 Object with properties
Vector Shapes
 <Rectangle />
 <Ellipse />
 <Line />
 <Polygon />
 <Path />
Features
 WPF and XAML
 Extensions to JavaScript
 Cross-browser, cross-platform support..
 Integration with existing applications
 Access to the .NET Framework programming model and
to associated tools.
 Networking support, support for HTTP over TCP
 LINQ.
Releases
 Silverlight 1.0
 Shipped September 2007
 XAML + JavaScript
 Silverlight 2
 Shipped October 2008
 Includes an implementation of the CLR, so any .NET
language can be used to write code.
 Silverlight 3
 Shipped July 9th 2009
Silverlight 1.0
 Consists of the Core Presentation Framework
 Which is responsible for UI, interactivity and user input, basic UI
controls, graphics and animation, media playback, DRM support, and
DOM integration.
 It is made up of the following components:
 Input – handling input from devices like keyboard, mouse, etc.
 UI core – managing rendering of bitmap images (including
compressed raster images like JPEG), vector graphics, text and
animations.
 Media – playback of MP3, WMA Standard, WMV7,WMV8 and
WMV9/VC-1 streams.
 XAML – to allow the UI layout to be created using XAML markup
language.
Silverlight 1.0 Architecture
Silverlight 2
 Includes a version of the .NET Framework.
 Implementing the same full CLR version as .NET
Framework 3.0. - ("CoreCLR")
 Execute any .NET language including C# and
VB.NET code.
Contd..
 XAML layout markup file (.xaml file) can be augmented
by code-behind code, written in any .NET language, which
contains the programming logic.
 Includes Deep Zoom technology
 Dynamic Language Runtime (DLR) added
Silverlight 2 Architecture
Core Base Class Library
System.Windows
System.Windows.Controls
System.Windows.Input
System.Windows.Interop
System.Windows.Media
System.Windows.Shapes
System.Windows.Threading
System.Windows.Browser
System
System.Collections
System.Collections.Generic
System.Diagnostics
System.Globalization
System.IO
System.IO. IsolatedStorage
System.Reflection
System.Security
System.Security.Cryptography
System.Text
System.Threading
System
System.Collections.Generic
System.ComponentModel
System.Diagnostics
System.Text.RegularExpressions
System.Linq
System.Linq.Expressions
System.Runtime.CompilerServices
System.Security.Cryptography
System.Xml
System.XmlSchema
System.Xml.Serialization
Silverlight 3
 Support for High Quality Video & Audio
 Empowering Rich Experiences
 Improving RIA Productivity
 Out of Browser capabilities
 Supports H.264/AAC/MP4 formats
 Smooth Streaming
 Full Screen HD Playback
 Industry Leading Content Protection
Media
Graphics
 GPU Acceleration
 Perspective 3D
 Deep Zoom Improvements
 Themed App Support
Dev Productivity
 60+ Controls
 Search Discoverability
 Improved Performance
 .NET RIA Services Framework
Out of Browser
 Run Apps Out of Browser
 Smooth installation & auto update
 Safe & more secure
Designer/Developer Tooling
 Expression
 Design
 Blend 3
 Encoder
 Visual Studio
 Visual Studio 2008 SP1
 Silverlight 3 Tools for Visual Studio 2008
 Silverlight 3 SDK
 Deep Zoom Composer
XAML
Designer
Look, behavior, brand,
and emotional connection
Developer
Function, deployment, data,
security, operational integrity
VS Project Files
Deep Zoom Composer
 Mapping
 Photo galleries
 Online banner ads
 High-resolution photos
 Visual catalogs
 3D photography
Silverlight in Mobile
 Initial Mobile support for Windows Mobile 6 ,
Nokia S60 and S40 expected in 2010
Silverlight vs Flash
 Languages
 Flash –ActionScript
 Silverlight –Multiple (JavaScript, C#, VB, Python, Ruby etc.)
 Performance
 Flash –No Multithreading
 Silverlight –Full Multithreading based on .NET CLR
 Developer Productivity
 Flash –Limited
 Silverlight - Excellent (Expression <-> Visual Studio / Eclipse)
 Mobile
 Flash –Different, subset of Flash
 Silverlight –Same codebase as desktop
Moonlight
 Moonlight is an open source implementation
of Silverlight , primarily for Linux and other Unix/X11
based operating systems.
 Moonlight is being developed by the Mono Project.
 Moonlight 1.0 was released on January 20 2009.
OS/browser IE 6 SP1 IE 6 SV1 IE 7/IE 8 Firefox SeaMonkey Safari Opera
Google
Chrome
Windows
Vista/Windo
ws 7
N/A N/A 1.0, 2.0, 3.0 1.0, 2.0, 3.0 1.0, 2.0
1.0, 2.0;
via NPAPI
Unofficially 2.0, 3.0
Windows
XP/2003/Hom
e Server
N/A 1.0, 2.0, 3.0 1.0, 2.0, 3.0 1.0, 2.0, 3.0 N/A
1.0, 2.0;
via NPAPI
Unofficially 2.0, 3.0
Windows
2000
2.0 N/A N/A
2.0
Unofficially
N/A
2.0;
via NPAPI
Planned N/A
Windows
Mobile 6
2.0 N/A N/A N/A N/A N/A N/A N/A
Mac OS
10.4/10.5
PowerPC
N/A N/A N/A 1.0 N/A 1.0 Planned N/A
Mac OS
10.4/10.5 Intel
N/A N/A N/A 1.0, 2.0 N/A 1.0, 2.0 Planned N/A
Compatibility
Silverlight Momentum
By the Numbers
DEMO
INSTALLING SILVERLIGHT
DEMO
 Media Player demo
 Deep zoom demo
 Out of Browser
 Flash demo
Conclusion
 Microsoft Silverlight is a cross-browser, cross-platform
and cross-device plug-in for delivering the next generation
of media experiences and rich interactive applications for
the Web .
 By using Expression Studio and Visual Studio, designers
and developers can collaborate more effectively using the
skills they have today to light up the Web of tomorrow.
 Silverlight provides an alternative to Flash.
References
 www.silverlight.net
 www.wikipedia.org
 www.msdn.com
 www.msdev.com
 www.xaml.net
 www.free-ebooks-download.org
Questions ?
Thank You!

Silverlight

  • 1.
  • 2.
    Agenda  What isSilverlight?  Why Silverlight ?  Xaml  Why Xaml?  Features  Releases  Designer/Developer Tooling  Silverlight in Mobile  Silverlight Vs Flash  Conclusion  References
  • 3.
    What is Silverlight?  Web application framework  Browser plug-in  Cross-browser, Cross-platform technology  Subset of WPF  Silverlight code runs in a sandbox
  • 4.
    Contd..  User interfacesare declared in XAML and the programming logic can be written in any .NET language, IronRuby and IronPython  Deliver media experiences and rich interactive applications for the Web that incorporate video, animation, interactivity, and stunning user interfaces  It reads data and updates the display, but it doesn't interrupt the user by refreshing the whole page.
  • 6.
    Why Silverlight ? Run on all popular Browsers and OS  Consistent experience irrespective of platform  Supports AJAX methodology for rich Internet applications  Streams video/audio and scales video quality from mobile device to 720 HDTV video modes
  • 7.
    Contd..  Small download4 MB  HTML + CSS + JavaScript is too limiting  End user expectations are changing. They want richness and interactivity
  • 8.
    XAML - XApplication Markup Language  XAML is at the core of Silverlight application.  XML-based language by Microsoft  No replacement for C# , Vb etc.  Create and initialise trees of .NET objects  XAML objects fire events
  • 9.
  • 10.
    Why XAML?  SeparatePresentation and Logic  Grouping and Positioning  Objects belong to parent objects.  Some attributes are referenced in relation to the parent.  Can create complex Animations in XAML
  • 11.
    Contd..  Code-Behind File Adds functionality, including event handling  Supported languages:  C#  VB.NET  IronRuby  IronPython  Other .NET languages
  • 12.
    Contd..  60+ built-incontrols – Canvas, StackPanel , Grid, and GridSplitter – Button, CheckBox , HyperlinkButton, RepeatButton , RadioButton , and ToggleButton – TextBox , ListBox , and DataGrid – TabControl , Slider, and MultiScaleImage – Border , Calendar , DatePicker , and more!  Support styles, templates and data binding
  • 13.
    Basic XAML Syntax <TextBlock>XAMLRhymes with Camel</TextBlock> <TextBlock Text="XAML Rhymes with Camel" />  Simple object  Object with properties
  • 14.
    Vector Shapes  <Rectangle/>  <Ellipse />  <Line />  <Polygon />  <Path />
  • 15.
    Features  WPF andXAML  Extensions to JavaScript  Cross-browser, cross-platform support..  Integration with existing applications  Access to the .NET Framework programming model and to associated tools.  Networking support, support for HTTP over TCP  LINQ.
  • 16.
    Releases  Silverlight 1.0 Shipped September 2007  XAML + JavaScript  Silverlight 2  Shipped October 2008  Includes an implementation of the CLR, so any .NET language can be used to write code.  Silverlight 3  Shipped July 9th 2009
  • 17.
    Silverlight 1.0  Consistsof the Core Presentation Framework  Which is responsible for UI, interactivity and user input, basic UI controls, graphics and animation, media playback, DRM support, and DOM integration.  It is made up of the following components:  Input – handling input from devices like keyboard, mouse, etc.  UI core – managing rendering of bitmap images (including compressed raster images like JPEG), vector graphics, text and animations.  Media – playback of MP3, WMA Standard, WMV7,WMV8 and WMV9/VC-1 streams.  XAML – to allow the UI layout to be created using XAML markup language.
  • 18.
  • 19.
    Silverlight 2  Includesa version of the .NET Framework.  Implementing the same full CLR version as .NET Framework 3.0. - ("CoreCLR")  Execute any .NET language including C# and VB.NET code.
  • 20.
    Contd..  XAML layoutmarkup file (.xaml file) can be augmented by code-behind code, written in any .NET language, which contains the programming logic.  Includes Deep Zoom technology  Dynamic Language Runtime (DLR) added
  • 21.
  • 22.
    Core Base ClassLibrary System.Windows System.Windows.Controls System.Windows.Input System.Windows.Interop System.Windows.Media System.Windows.Shapes System.Windows.Threading System.Windows.Browser System System.Collections System.Collections.Generic System.Diagnostics System.Globalization System.IO System.IO. IsolatedStorage System.Reflection System.Security System.Security.Cryptography System.Text System.Threading System System.Collections.Generic System.ComponentModel System.Diagnostics System.Text.RegularExpressions System.Linq System.Linq.Expressions System.Runtime.CompilerServices System.Security.Cryptography System.Xml System.XmlSchema System.Xml.Serialization
  • 23.
    Silverlight 3  Supportfor High Quality Video & Audio  Empowering Rich Experiences  Improving RIA Productivity  Out of Browser capabilities
  • 24.
     Supports H.264/AAC/MP4formats  Smooth Streaming  Full Screen HD Playback  Industry Leading Content Protection Media
  • 25.
    Graphics  GPU Acceleration Perspective 3D  Deep Zoom Improvements  Themed App Support
  • 26.
    Dev Productivity  60+Controls  Search Discoverability  Improved Performance  .NET RIA Services Framework
  • 27.
    Out of Browser Run Apps Out of Browser  Smooth installation & auto update  Safe & more secure
  • 28.
  • 29.
     Expression  Design Blend 3  Encoder  Visual Studio  Visual Studio 2008 SP1  Silverlight 3 Tools for Visual Studio 2008  Silverlight 3 SDK  Deep Zoom Composer
  • 30.
    XAML Designer Look, behavior, brand, andemotional connection Developer Function, deployment, data, security, operational integrity VS Project Files
  • 31.
    Deep Zoom Composer Mapping  Photo galleries  Online banner ads  High-resolution photos  Visual catalogs  3D photography
  • 33.
    Silverlight in Mobile Initial Mobile support for Windows Mobile 6 , Nokia S60 and S40 expected in 2010
  • 34.
    Silverlight vs Flash Languages  Flash –ActionScript  Silverlight –Multiple (JavaScript, C#, VB, Python, Ruby etc.)  Performance  Flash –No Multithreading  Silverlight –Full Multithreading based on .NET CLR  Developer Productivity  Flash –Limited  Silverlight - Excellent (Expression <-> Visual Studio / Eclipse)  Mobile  Flash –Different, subset of Flash  Silverlight –Same codebase as desktop
  • 35.
    Moonlight  Moonlight isan open source implementation of Silverlight , primarily for Linux and other Unix/X11 based operating systems.  Moonlight is being developed by the Mono Project.  Moonlight 1.0 was released on January 20 2009.
  • 36.
    OS/browser IE 6SP1 IE 6 SV1 IE 7/IE 8 Firefox SeaMonkey Safari Opera Google Chrome Windows Vista/Windo ws 7 N/A N/A 1.0, 2.0, 3.0 1.0, 2.0, 3.0 1.0, 2.0 1.0, 2.0; via NPAPI Unofficially 2.0, 3.0 Windows XP/2003/Hom e Server N/A 1.0, 2.0, 3.0 1.0, 2.0, 3.0 1.0, 2.0, 3.0 N/A 1.0, 2.0; via NPAPI Unofficially 2.0, 3.0 Windows 2000 2.0 N/A N/A 2.0 Unofficially N/A 2.0; via NPAPI Planned N/A Windows Mobile 6 2.0 N/A N/A N/A N/A N/A N/A N/A Mac OS 10.4/10.5 PowerPC N/A N/A N/A 1.0 N/A 1.0 Planned N/A Mac OS 10.4/10.5 Intel N/A N/A N/A 1.0, 2.0 N/A 1.0, 2.0 Planned N/A Compatibility
  • 37.
  • 38.
  • 39.
    DEMO  Media Playerdemo  Deep zoom demo  Out of Browser  Flash demo
  • 40.
    Conclusion  Microsoft Silverlightis a cross-browser, cross-platform and cross-device plug-in for delivering the next generation of media experiences and rich interactive applications for the Web .  By using Expression Studio and Visual Studio, designers and developers can collaborate more effectively using the skills they have today to light up the Web of tomorrow.  Silverlight provides an alternative to Flash.
  • 41.
    References  www.silverlight.net  www.wikipedia.org www.msdn.com  www.msdev.com  www.xaml.net  www.free-ebooks-download.org
  • 42.
  • 43.