Your SlideShare is downloading. ×
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
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

Introduction to Microsoft Silverlight

1,896

Published on

An overview of Microsoft Silverlight and related technologies.

An overview of Microsoft Silverlight and related technologies.

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

  • Be the first to like this

No Downloads
Views
Total Views
1,896
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
103
Comments
0
Likes
0
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. An Introduction to Microsoft Silverlight
    Glen Gordon
    Developer Evangelist – Microsoft Corporation
    http://www.glengordon.name
    glen.gordon@microsoft.com
    http://twitter.com/glengordon
  • 2. Agenda
    A brief history of time (I mean the Web)
    What is this Silverlight thing?
    Who’s using it?
    How do you code it?
    Designer/Developer interaction
    Summary
    Presentation Title | PP | DD Month YYYY
  • 3. History of UX on the Web
    Early 90’s – Blue & purple Links on a gray background
  • 4. History of UX on the Web
    Mid 90’s – DHTML introduced - <blink> tags and other annoying JavaScript tricks
  • 5.
  • 6. History of UX on the Web
    Late 90’s/Early 00’s – Dynamic Server Driven Web Apps
  • 7. History of UX on the Web
    2002 – Mozilla implements XmlHttpRequest (5 years AFTER Microsoft did in IE 5. )
    2005 – AJAX is the new ‘Hotness’!
    Note:Ajax = DHTML revisited, just done cooler!
  • 8. JavaScript? Really?!
    Which version?
  • 9. Have you programmed in JavaScript lately?
    You might recognize this:
    if (Netscape) {//tell the user they’re a dinosaur! }
    else if (Firefox) {//do something interactive }
    else if (Safari) {//do something interactive slightly differently }
    else if (IE) {
    if (IE7) { //do it almost like FF }
    else if (IE6) { //do it in a crazy way you’ll spend all night on Google trying to figure out how to. }
    else if (IE5) { //just give up! } }
  • 10. Have you programmed in JavaScript lately?
    Wait… there’s more!
    else if (IE8) {//Decide to act like FF & Safari or IE7 }
    else if (Chrome) {//What?! Another browser to support! }
    else if (Mobile Device) {//#$^&%^*&*$%%&*!!!!! }
  • 11. Introducing Silverlight
    Cross-Platform, Cross Browser RIA
    Mac, Windows, Linux*
    Firefox, IE, Safari, Chrome
    Code + Markup
    XAML + (CLR | DLR)
    Managed Silverlight: .NET
    Cross-platform Version of .NET Framework
    No external dependencies
    Fully Supports VB and C# in the Browser
  • 12. Rich Media Experiences
    Quality
    Streaming video quality up to HD (1080p)
    DVD-like interactivity and overlays
    Markers and Events
    IIS 7 Smooth Streaming
    Flexible Development
    Integrate existing AJAX frameworks
    SMPTE standard VC-1, WMV and MP3
    H.264, AAC
    Delivery
    Live Streaming or On-Demand
  • 13. Timeline
    Silverlight 1
    Beta December 2006
    RTM September 5, 2007
    Silverlight 2
    Beta March 2008
    RTM October 14th 2008
    Silverlight 3
    Beta March 2009
    RTM – July 12th, 2009
    Silverlight 4
    Beta November 2009
    RTM - ???
  • 14. Silverlight and the Web
  • 15. Silverlight Market Penetration
    http://riastats.com/
  • 16. demos
    Microsoft Silverlight
  • 17. Silverlight "Transparency"No black box here!
    XAML is text-based & SEO friendly
    XAP is a ZIP – Open up and “view source” if you wish
    XAML DOM and HTML DOM are first class citizens
    HTML Bridge lets C# code manipulate DOM
    JavaScript code can manipulate XAML
    Presentation Title | PP | DD Month YYYY
  • 18. Developers
    Designers
    Create
    Implement
    Artistic
    Functional
    JPG
    TIFF
    PSD
    GIF
    HTML
    ASPX
    ASCX
    ASMX
    C#
    VB.NET
    XAML
    Traditional Web Development
    Silverlight Development
  • 19. Introducing XAML
    Defines the User Interface
    Communication Between Designers and Developers
    No Translation Required
    Toolable, Readable
    Represents Code
    eXtensible Application Markup Language
    Shared with WPF, WF
    Represents .NET Objects
    Based on XML
    True Separation of UI and Logic
  • 20. What was Silverlight 2?
    Capable
    Media, Animation, Graphics, Text
    HTML controls for data capture
    Cross-Platform .NET 3.5 CLR
    Windows, Mac, Linux
    Trimmed for size, but very capable
    Approximately 4.5mb download
    Controls
    Real Networking Stack
    Sockets, SOAP, REST, more
    Binding, Templates, UserControls
    LINQ
    Dynamic Languages (DLR)
    and more…
  • 21. What's New in Silverlight 3
    Navigation Application Template
    Themes
    Richer Databinding
    Perspective Transforms & Effects
    Behaviors
    Out-of-Browser
    Network API
    Smooth Streaming
    SketchFlow
  • 22. Building your Silverlight UI
    Controls
    Events
    Data Binding
    Custom Control Model
    Animations
    Storyboards, not tweening
    Styling
    Out of Browser
    Toolkit & Community
  • 23. Tools
    Presentation Title | PP | DD Month YYYY
  • 24. Silverlight Developer's Toolkit
  • 25. Silverlight Developer's Toolkit
  • 26.
  • 27. Expression Blend - SketchFlow
    Mock up your site
    Establish navigation and general layout
    “Wiggly” styles help clients understand sketch nature
    Realistic looking sample data
    Real events
    Convert sketch app to real app with ease
  • 28. Silverlight Developer's Toolkit
  • 29. 11/19/2006
  • Announced @ MIX 09
    Tech Preview of Mac Compatible Version
    http://www.eclipse4sl.org/update/mac
  • 38. demo
    Silverlight Tools
  • 39. Silverlight Chess in the Major Browsers
    Presentation Title | PP | DD Month YYYY
  • 40. Configuring Apache for Silverlight
    Need to add two MIME types for Silverlight content:
    .xaml – application/xaml+xml
    .xab – application/x-silverlight-app
    Failure to set MIME types will result in 404.3 errors and prompts to download the files in the browser
    Presentation Title | PP | DD Month YYYY
    Tim Sneath & Jorkeo have blog posts covering this. Links provided in the speaker notes.
  • 41. Configuring Apache for Silverlight
    Alternative HACK if these settings are not available in a shared hosting environment:
    A .XAP is a ZIP, right?
    Rename your .XAP files to .ZIP
    Deploy to the server
    Modify the source param of the <object> tag in the HTML file to reference the new .ZIP file name
    One catch: This won’t work if your app references .XAML files outside of the .XAP package!
    Presentation Title | PP | DD Month YYYY
  • 42. Getting Silverlight Connected
    Silverlight talks many formats
    SOAP services
    XML
    RSS
    AtomPub
    REST
    Sockets
    Built in networking stack
    Not subject to limitations of browser stack
    Full HTTP verb support
    Independent security model
    Full visibility of request/response headers, codes, etc
  • 43. Deep Zoom
    Implementation of the Seadragontechnology
    Allows users to pan around and zoom in a large, high resolution image or a large collection of images.
    Reduces the time required for initial load
    Downloads only the region being viewed and/or only at the resolution it is displayed at
    As user pans or zooms, subsequent regions are downloaded
    Animations hide any jerkiness in the transition
    Supported in iPhone as Seadragon Mobile
    Use Deep Zoom Composer to build and publish
  • 44. Smooth Streaming
    HTTP-based adaptive streaming
    Support in IIS 7 with Media Services extension
    Expression Encoder multi-stream generation
    Specs released under the Community Promise Initiative
    Support for iPhone
  • 45. Data Binding
    Data Binding
    One way – any CLR object w/ INotifyPropertyChanged
    Two way
    Value Converters for converting/formatting
    Core Validation Hooks
    Collection Binding
    A full & growing set of controls
    Data Template based customization
  • 46. Conclusion - Silverlight
    Great choice for RIA solutions
    Powerful media platform
    Comprehensive tooling
    Designer/developer collaboration
    Vibrant ecosystem
    Continually evolving
    Adoption is huge
  • 47. Resources
    MIX conference: http://live.visitmix.com
    Community Site: http://silverlight.net
    Main Product Site: http://www.microsoft.com/silverlight
    MSDN Center: http://msdn.microsoft.com/silverlight
    Smooth Streaming:
    Online SDK: http://msdn2.microsoft.com/bb188266.aspx
    Top Silverlight Blogs
    Shawn Wildermuth: http://wildermuth.com
    Tim Heuer: http://www.timheuer.com
    Tim Sneath: http://blogs.msdn.com/tims
    Mike Harsh: http://blogs.msdn.com/mharsh
    Joe Stegman: http://blogs.msdn.com/jstegman
    Laurence Moroney: http://blogs.msdn.com/webnext
    Ernie Booth: http://blogs.msdn.com/ebooth
  • 48. 41

×