An Introduction to Microsoft SilverlightGlen GordonDeveloper Evangelist – Microsoft Corporationhttp://www.glengordon.nameglen.gordon@microsoft.comhttp://twitter.com/glengordon
AgendaA brief history of time (I mean the Web)What is this Silverlight thing?Who’s using it?How do you code it?Designer/Developer interactionSummaryPresentation Title |  PP |   DD Month YYYY
History of UX on the WebEarly 90’s – Blue & purple Links on a gray background
History of UX on the WebMid 90’s – DHTML introduced - <blink> tags and other annoying JavaScript tricks
History of UX on the WebLate 90’s/Early 00’s – Dynamic Server Driven Web Apps
History of UX on the Web2002 – Mozilla implements XmlHttpRequest (5 years AFTER Microsoft did in IE 5. )2005 – AJAX is the new ‘Hotness’!Note:Ajax = DHTML revisited, just done cooler!
JavaScript?  Really?!Which version?
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! }  }
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) {//#$^&%^*&*$%%&*!!!!! }
Introducing Silverlight Cross-Platform, Cross Browser RIAMac, Windows, Linux*Firefox, IE, Safari, ChromeCode + MarkupXAML + (CLR | DLR)Managed Silverlight: .NETCross-platform Version of .NET FrameworkNo external dependenciesFully Supports VB and C# in the Browser
Rich Media ExperiencesQualityStreaming video quality up to HD (1080p)DVD-like interactivity and overlaysMarkers and EventsIIS 7 Smooth StreamingFlexible DevelopmentIntegrate existing AJAX frameworksSMPTE standard VC-1, WMV and MP3H.264, AACDeliveryLive Streaming or On-Demand
TimelineSilverlight 1Beta December 2006RTM September 5, 2007Silverlight 2Beta March 2008RTM October 14th 2008Silverlight 3 Beta March 2009RTM – July 12th, 2009Silverlight 4Beta November 2009RTM - ???
Silverlight and the Web
Silverlight Market Penetrationhttp://riastats.com/
demosMicrosoft Silverlight
Silverlight "Transparency"No black box here!XAML is text-based & SEO friendlyXAP is a ZIP – Open up and “view source” if you wishXAML DOM and HTML DOM are first class citizensHTML Bridge lets C# code manipulate DOMJavaScript code can manipulate XAMLPresentation Title |  PP |   DD Month YYYY
DevelopersDesignersCreateImplementArtisticFunctionalJPGTIFFPSDGIFHTMLASPXASCXASMXC#VB.NETXAMLTraditional Web DevelopmentSilverlight Development
Introducing XAMLDefines the User InterfaceCommunication Between Designers and DevelopersNo Translation RequiredToolable, ReadableRepresents CodeeXtensible Application Markup LanguageShared with WPF, WFRepresents .NET ObjectsBased on XMLTrue Separation of UI and Logic
What was Silverlight 2?CapableMedia, Animation, Graphics, TextHTML controls for data captureCross-Platform .NET 3.5 CLRWindows, Mac, Linux Trimmed for size, but very capableApproximately 4.5mb downloadControlsReal Networking StackSockets, SOAP, REST, moreBinding, Templates, UserControlsLINQDynamic Languages (DLR)and more…
What's New in Silverlight 3Navigation Application TemplateThemesRicher DatabindingPerspective Transforms & EffectsBehaviorsOut-of-BrowserNetwork APISmooth StreamingSketchFlow
Building your Silverlight UIControlsEventsData BindingCustom Control ModelAnimationsStoryboards, not tweeningStylingOut of BrowserToolkit & Community
ToolsPresentation Title |  PP |   DD Month YYYY
Silverlight Developer's Toolkit
Silverlight Developer's Toolkit
Expression Blend - SketchFlowMock up your siteEstablish navigation and general layout“Wiggly” styles help clients understand sketch natureRealistic looking sample dataReal eventsConvert sketch app to real app with ease
Silverlight Developer's Toolkit
11/19/2006http://www.eclipse4sl.org/
Silverlight Integration with other Web Application Platforms
PHP
JSP/Servlets
Groovy

Introduction to Microsoft Silverlight

  • 1.
    An Introduction toMicrosoft SilverlightGlen GordonDeveloper Evangelist – Microsoft Corporationhttp://www.glengordon.nameglen.gordon@microsoft.comhttp://twitter.com/glengordon
  • 2.
    AgendaA brief historyof time (I mean the Web)What is this Silverlight thing?Who’s using it?How do you code it?Designer/Developer interactionSummaryPresentation Title | PP | DD Month YYYY
  • 3.
    History of UXon the WebEarly 90’s – Blue & purple Links on a gray background
  • 4.
    History of UXon the WebMid 90’s – DHTML introduced - <blink> tags and other annoying JavaScript tricks
  • 6.
    History of UXon the WebLate 90’s/Early 00’s – Dynamic Server Driven Web Apps
  • 7.
    History of UXon the Web2002 – 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.
  • 9.
    Have you programmedin 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 programmedin 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 RIAMac, Windows, Linux*Firefox, IE, Safari, ChromeCode + MarkupXAML + (CLR | DLR)Managed Silverlight: .NETCross-platform Version of .NET FrameworkNo external dependenciesFully Supports VB and C# in the Browser
  • 12.
    Rich Media ExperiencesQualityStreamingvideo quality up to HD (1080p)DVD-like interactivity and overlaysMarkers and EventsIIS 7 Smooth StreamingFlexible DevelopmentIntegrate existing AJAX frameworksSMPTE standard VC-1, WMV and MP3H.264, AACDeliveryLive Streaming or On-Demand
  • 13.
    TimelineSilverlight 1Beta December2006RTM September 5, 2007Silverlight 2Beta March 2008RTM October 14th 2008Silverlight 3 Beta March 2009RTM – July 12th, 2009Silverlight 4Beta November 2009RTM - ???
  • 14.
  • 15.
  • 16.
  • 17.
    Silverlight "Transparency"No blackbox here!XAML is text-based & SEO friendlyXAP is a ZIP – Open up and “view source” if you wishXAML DOM and HTML DOM are first class citizensHTML Bridge lets C# code manipulate DOMJavaScript code can manipulate XAMLPresentation Title | PP | DD Month YYYY
  • 18.
  • 19.
    Introducing XAMLDefines theUser InterfaceCommunication Between Designers and DevelopersNo Translation RequiredToolable, ReadableRepresents CodeeXtensible Application Markup LanguageShared with WPF, WFRepresents .NET ObjectsBased on XMLTrue Separation of UI and Logic
  • 20.
    What was Silverlight2?CapableMedia, Animation, Graphics, TextHTML controls for data captureCross-Platform .NET 3.5 CLRWindows, Mac, Linux Trimmed for size, but very capableApproximately 4.5mb downloadControlsReal Networking StackSockets, SOAP, REST, moreBinding, Templates, UserControlsLINQDynamic Languages (DLR)and more…
  • 21.
    What's New inSilverlight 3Navigation Application TemplateThemesRicher DatabindingPerspective Transforms & EffectsBehaviorsOut-of-BrowserNetwork APISmooth StreamingSketchFlow
  • 22.
    Building your SilverlightUIControlsEventsData BindingCustom Control ModelAnimationsStoryboards, not tweeningStylingOut of BrowserToolkit & Community
  • 23.
    ToolsPresentation Title | PP | DD Month YYYY
  • 24.
  • 25.
  • 27.
    Expression Blend -SketchFlowMock up your siteEstablish navigation and general layout“Wiggly” styles help clients understand sketch natureRealistic looking sample dataReal eventsConvert sketch app to real app with ease
  • 28.
  • 29.
  • 30.
    Silverlight Integration withother Web Application Platforms
  • 31.
  • 32.
  • 33.