Presentation Overview <ul><li>What is Silverlight? </li></ul><ul><li>How does it relate to other client-side technologies?...
What is Silverlight? <ul><li>One word definition:  Flash </li></ul><ul><ul><li>Browser plug-in: cross-browser, cross-platf...
This is a big deal <ul><li>Once-every-20-years event </li></ul><ul><li>Existing client-side web technology has reached the...
Comparing client platforms HTML / CSS / JavaScript / AJAX Desktop: Win16 Win32 WinForms WPF Silverlight Flash / Flex Web:
Competing technologies <ul><li>Desktop based “smart clients” </li></ul><ul><ul><li>WPF on high end </li></ul></ul><ul><ul>...
Demo – Yahoo Finance Charts
Demo – Picnik.com Photo Editor
Feature Details
WPF / Silverlight – Positives: <ul><li>Vector based vs. pixel based </li></ul><ul><ul><li>Scalable – Looks good at multipl...
WPF - Negatives <ul><li>Windows only </li></ul><ul><li>Requires 50 / 200 MB .NET 3.x runtime </li></ul><ul><li>Steep learn...
Versions of Silverlight <ul><li>1.0 </li></ul><ul><ul><li>RTM in Sept. 2007 </li></ul></ul><ul><ul><li>Code behind – JavaS...
Silverlight - Positives <ul><li>Lightweight at 4-6 MB, quick download </li></ul><ul><li>.NET based </li></ul><ul><ul><li>W...
Demo:  Silverlight Airlines
Demo:  MS Download Center
Demo:  3 rd  Party Control Vendor
Silverlight 2.0 Features <ul><li>2D, Graphics  </li></ul><ul><li>Audio, Video </li></ul><ul><li>Animations </li></ul><ul><...
Silverlight Development Walk-through
Silverlight Tools <ul><li>Expression  Blend : </li></ul><ul><ul><li>GUI builder </li></ul></ul><ul><ul><li>Graphic designe...
Making silverlight small application <ul><li>Open visual studio 2008. </li></ul><ul><li>File + new + project  </li></ul>
New project
Silverlight application
Silverlight application <ul><li>Add a new web to the solution for hosting the control. </li></ul><ul><li>options:- </li></...
Making silverlight application
Set as start page
Simple silverlight code
Event handling
Event handling code
Event handling
Output of the silverlight application
<ul><li>Thank you. </li></ul>
Upcoming SlideShare
Loading in...5
×

Microsoft Silverlight

1,725

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,725
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Flash: 8 million downloads per day (3 billion per year): Source: http://blogs.zdnet.com/Stewart/?p=691 YouTube and MSN Video (as of 2008-01) both use Flash video players and download the videos as *.FLV (Flash video) files.
  • Similarities to the transition from character-mode DOS to the original 16-bit Windows.
  • Yahoo Finance’s stock charting page has a beta version that uses Flash. Highly interactive. Nice animation. Pre-Flash version generates the charts on the server and downloads them as PNG files. Pre-Flash problems: Slow to update, wastes network bandwidth and server CPU cycles. http://finance.yahoo.com/charts/#chart1:symbol=adbe;range=my;compare=msft;indicator=split+dividend+volume;charttype=line;crosshair=on;logscale=off;source=undefined
  • Picnik.com is an online photo-editor application implemented in Flash. The main pages are entirely Flash, no HTML. See: http://www.picnik.com/app
  • Retained mode graphics system vs. WM_PAINT messages. Specify the shape of an object once and WPF/SL takes care of drawing it from then on. Move whole shape just by changing its origin coordinates. WPF gets hardware acceleration, SL does not. WPF and SL coordinates are floating point values not integers (Win32, WinForms, HTML): WPF coordinates are in double-precision floating point: http://msdn2.microsoft.com/en-us/library/ms742562.aspx SL coordinates are floating point like WPF, but in units of pixels not WPF’s DIPs: Nathan’s SL 1.0 book: p69.
  • Full released .NET 3.5 redistributable is about 200MB (I test downloaded 2008-01). http://www.microsoft.com/downloads/details.aspx?FamilyID=333325fd-ae52-4e35-b531-508d977d32a6&amp;displaylang=en Full released .NET 3.0 redistributable is about 50MB.
  • V1.0 is only about 1.5MB in size on Windows. V1.1 alpha is about 4.5MB in size on Windows.
  • Silverlight Airlines: v1.1 sample implemented with C# code-behind http://silverlight.net/samples/1.1/SilverlightAirlines/Run/default.html
  • Beta interface to MS Download Center is done with Silverlight 1.0: http://www.microsoft.com/beta/downloads/Default.aspx
  • Intersoft Solutions – Sirius control set for Silverlight http://sirius.intersoftpt.com/
  • Microsoft Silverlight

    1. 2. Presentation Overview <ul><li>What is Silverlight? </li></ul><ul><li>How does it relate to other client-side technologies? </li></ul><ul><li>How important is it? </li></ul><ul><li>Silverlight app development walk-through </li></ul>
    2. 3. What is Silverlight? <ul><li>One word definition: Flash </li></ul><ul><ul><li>Browser plug-in: cross-browser, cross-platform </li></ul></ul><ul><ul><li>Use case today: Animated ads, Video </li></ul></ul><ul><ul><li>Use case tomorrow: Applications (Flex) </li></ul></ul><ul><ul><li>Benefits: Adds functionality + write-once-run-everywhere </li></ul></ul><ul><li>Why Silverlight not Flash? </li></ul><ul><li>More words: Flash + .NET </li></ul><ul><li>More words: WPF-subset + .NET-subset </li></ul>
    3. 4. This is a big deal <ul><li>Once-every-20-years event </li></ul><ul><li>Existing client-side web technology has reached the peak of its life-cycle </li></ul><ul><li>Fresh start of a new client GUI technology </li></ul><ul><li>Web is where the action is </li></ul>
    4. 5. Comparing client platforms HTML / CSS / JavaScript / AJAX Desktop: Win16 Win32 WinForms WPF Silverlight Flash / Flex Web:
    5. 6. Competing technologies <ul><li>Desktop based “smart clients” </li></ul><ul><ul><li>WPF on high end </li></ul></ul><ul><ul><ul><li>3D, Hardware acceleration </li></ul></ul></ul><ul><ul><li>WinForms: (Mature, proven) </li></ul></ul><ul><li>Web-based: </li></ul><ul><ul><li>ASP.NET - HTML + CSS </li></ul></ul><ul><ul><li>ASP.NET - HTML + CSS + AJAX </li></ul></ul><ul><ul><li>Adobe Flash / Flex </li></ul></ul><ul><li>Desktop-web hybrid (?): </li></ul><ul><ul><li>Adobe AIR </li></ul></ul>
    6. 7. Demo – Yahoo Finance Charts
    7. 8. Demo – Picnik.com Photo Editor
    8. 9. Feature Details
    9. 10. WPF / Silverlight – Positives: <ul><li>Vector based vs. pixel based </li></ul><ul><ul><li>Scalable – Looks good at multiple resolutions </li></ul></ul><ul><li>XAML – Similar to HTML </li></ul><ul><ul><li>Declarative </li></ul></ul><ul><ul><li>Designers and programmers work in parallel </li></ul></ul><ul><li>Rich customization is possible in a well-designed way </li></ul>
    10. 11. WPF - Negatives <ul><li>Windows only </li></ul><ul><li>Requires 50 / 200 MB .NET 3.x runtime </li></ul><ul><li>Steep learning curve </li></ul>
    11. 12. Versions of Silverlight <ul><li>1.0 </li></ul><ul><ul><li>RTM in Sept. 2007 </li></ul></ul><ul><ul><li>Code behind – JavaScript only </li></ul></ul><ul><li>1.1 / 2.0 </li></ul><ul><ul><li>Alpha introduced in Spring 2007. </li></ul></ul><ul><ul><li>Beta at MIX08 in March 2008. </li></ul></ul><ul><ul><li>Code behind - .NET languages C#, etc. </li></ul></ul><ul><ul><li>Partial .NET class library </li></ul></ul>
    12. 13. Silverlight - Positives <ul><li>Lightweight at 4-6 MB, quick download </li></ul><ul><li>.NET based </li></ul><ul><ul><li>Write in C# or VB.NET </li></ul></ul><ul><ul><li>Use familiar class libraries </li></ul></ul><ul><li>Rich state-of-the-art GUI </li></ul><ul><ul><li>Vector based </li></ul></ul><ul><ul><li>All types of content handled uniformly </li></ul></ul><ul><li>Secure - sandboxed </li></ul>
    13. 14. Demo: Silverlight Airlines
    14. 15. Demo: MS Download Center
    15. 16. Demo: 3 rd Party Control Vendor
    16. 17. Silverlight 2.0 Features <ul><li>2D, Graphics </li></ul><ul><li>Audio, Video </li></ul><ul><li>Animations </li></ul><ul><li>Text, Text Input </li></ul><ul><li>Controls </li></ul><ul><li>Layout </li></ul><ul><li>Styles/Templates </li></ul><ul><li>Data Binding </li></ul><ul><li>Networking </li></ul><ul><ul><li>HTTP/S and Sockets </li></ul></ul><ul><li>.NET Support </li></ul><ul><ul><li>C# and VB.NET </li></ul></ul><ul><li>LINQ </li></ul><ul><li>XML APIs </li></ul><ul><li>Generics </li></ul><ul><li>HTML Integration </li></ul><ul><ul><li>JSON Serializer </li></ul></ul><ul><li>Local storage </li></ul><ul><li>Threading </li></ul>
    17. 18. Silverlight Development Walk-through
    18. 19. Silverlight Tools <ul><li>Expression Blend : </li></ul><ul><ul><li>GUI builder </li></ul></ul><ul><ul><li>Graphic designers </li></ul></ul><ul><li>Visual Studio 2008: </li></ul><ul><ul><li>Includes a more limited GUI builder </li></ul></ul><ul><ul><li>Programmers </li></ul></ul><ul><ul><li>Silverlight chainer </li></ul></ul>
    19. 20. Making silverlight small application <ul><li>Open visual studio 2008. </li></ul><ul><li>File + new + project </li></ul>
    20. 21. New project
    21. 22. Silverlight application
    22. 23. Silverlight application <ul><li>Add a new web to the solution for hosting the control. </li></ul><ul><li>options:- </li></ul><ul><li>Project type :- </li></ul><ul><ul><li>web site. </li></ul></ul><ul><ul><li>Web application project. </li></ul></ul><ul><li>Name:- </li></ul><ul><li>Dynamically generates an html test page to host silverlight with in this project. </li></ul>
    23. 24. Making silverlight application
    24. 25. Set as start page
    25. 26. Simple silverlight code
    26. 27. Event handling
    27. 28. Event handling code
    28. 29. Event handling
    29. 30. Output of the silverlight application
    30. 31. <ul><li>Thank you. </li></ul>

    ×