Web programmeringSilverlight NOEA / PQC 2007 Silverlight From: Gill Cleeren blog.n-technologies.be

2 Web programmingWeb parts NOEA / PQC 2007 Silverlight… What is it? XAML –With a Visual Studio/Blend demo Silverlight 2 features –Controls demo Showcasing Q&A

3 Web programmingWeb parts NOEA / PQC 2007 Microsoft Silverlight is a cross-browser, cross-platform implementation of.NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

4 Web programmingWeb parts NOEA / PQC Ps of Silverlight Productivity Performance Portability

5 Web programmingWeb parts NOEA / PQC 2007 Designer Developer Developer Designer Collaboration

6 Web programmingWeb parts NOEA / PQC 2007 A word on the developer experience Full CLR Trimmed-down version of.NET class library Full support from Visual Studio 2008 using templates

7 Web programmingWeb parts NOEA / PQC 2007 A word on the designer experience Expression Blend is the tool for designers (sometimes developers as well!) Gradients, blurs, animations… all the stuff designers like! Automatically creates XAML Project schema is same from Visual Studio

8 Web programmingWeb parts NOEA / PQC 2007 Remember: it’s a client-side technology Requires plug-in to be installed (Less than 5MB) Build for web and desktop (WPF) Rich control set Supports HD playback Some other important talking points

9 Web programmingWeb parts NOEA / PQC 2007 Silverlight Roadmap Silverlight V1 Shipped Q307 Silverlight V2 Shipped Q308 Silverlight control toolkit Q408 –More being added constantly –Goal is at least 50 controls Silverlight for mobile is coming –Same code running on mobile devices

10 Web programmingWeb parts NOEA / PQC 2007 Code-behind Name your controls so you can use it in code –Visual Studio automatically declares field for all x:name elements public void Page_Loaded(sender, MouseEventArgs e) { MyButton.Content = “Push Me!”; MyButton.Content = “Push Me!”;} public void Page_Loaded(sender, MouseEventArgs e) { MyButton.Content = “Push Me!”; MyButton.Content = “Push Me!”;}

11 Web programmingWeb parts NOEA / PQC 2007 More code-behind Event handlers can be wired up declaratively in XAML: Or explictly within the code-behind file –VB – using the "Handles" keyword –C# -- programmatically within the Page_Loaded event handler public void MyButton_Click(object sender, RoutedEventArgs e) { // todo: add code // todo: add code} public void MyButton_Click(object sender, RoutedEventArgs e) { // todo: add code // todo: add code}

12 Web programmingWeb parts NOEA / PQC 2007 A final note… Use XAML where possible! Otherwise, you’ll get a team of sad designers and developers…

13 Web programmingWeb parts NOEA / PQC 2007 Silverlight 2 Runtime Features 2D, Graphics Audio, Video Animations Text, Text Input Controls Layout Styles/Templates Data Binding Networking –HTTP/S and Sockets.NET Support –C# and VB.NET LINQ XML APIs Generics HTML Integration Local storage Crypto APIs (AES) Threading

14 Web programmingWeb parts NOEA / PQC 2007 A control: Re-usable UI elements that encapsulate UI and behavior and enable re-use and composition Vital for building business applications Not available in Silverlight 1.0! Controls toolkit: Out-of-band release (open- source) of extra controls via Controls and the controls toolkit

15 Web programmingWeb parts NOEA / PQC 2007 Some Built-in Controls in Silverlight 2 Form Controls: TextBox Button Toggle/Repeat Button CheckBox RadioButton ListBox Layout Controls: StackPanel Grid / GridSplitter Canvas Core Controls: Border Image MediaElement MultiScaleImage ToolTip ScrollViewer Dropdown list Navigation Controls: HyperlinkButton Popup Large Controls: Calendar DataGrid Slider DateTimePicker Shapes: Ellipse Rectangle Line TextBlock Path

16 Web programmingWeb parts NOEA / PQC 2007 Sample control usage Button b = new Button(); b.Width = 150; b.Height = 50; b.Content = “Push Me"; Button b = new Button(); b.Width = 150; b.Height = 50; b.Content = “Push Me";

17 Web programmingWeb parts NOEA / PQC 2007 Controls toolkit Collection of Silverlight controls, components and utilities made available outside the normal Silverlight release cycle Community driven: source is available, you can submit bugs and feature requests First release contains: –Source –Unit tests –Samples –Documentation –12 new controls for charting, styling… –Theming

18 Web programmingWeb parts NOEA / PQC 2007 Controls toolkit example AutoCompleteBox NumericUpDown Viewbox Expander ImplicitStyleManager Charting TreeView DockPanel WrapPanel Label HeaderedContentControl HeaderedItemsControl

19 Web programmingWeb parts NOEA / PQC 2007 Theming support Shiny Blue Rainier Purple Expression Light Shiny Red Rainier Orange Expression Dark

20 Web programmingWeb parts NOEA / PQC 2007 Silverlight is a platform for building Rich Interactive applications Strong tooling support, both for developers and designers with workflow between the 2 Extended control toolset that will keep on growing Summary

21 Web programmingWeb parts NOEA / PQC 2007 Showcases Video.Show: Hard Rock: Sitemap: Vertigo, general: Cloud: Inkubooks: Renault Laguna: Line Raider Game: Bird Hunt Game: Presentation Title | PP | DD Month YYYY

22 Web programmingWeb parts NOEA / PQC 2007 General weblogs.asp.net/scottgu blogs.msdn.com/tims silverlight.net/blogs/jesseliberty Resources