An overview of Microsoft Silverlight and related technologies.

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

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

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

30. Silverlight Integration with other Web Application Platforms

31. PHP

32. JSP/Servlets

33. Groovy

34. Spring MVC

35. JSF

36. Struts

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