Welcome to besug the belgian silverlight user group
Download
1 / 37

Welcome to BESUG The Belgian Silverlight User Group - PowerPoint PPT Presentation


  • 76 Views
  • Uploaded on

Welcome to BESUG The Belgian Silverlight User Group. Gill Cleeren Microsoft Regional Director Benelux MVP ASP.NET Software architect Ordina Blog: www.snowball.be Mail: [email protected] Welcome to BESUG!. Silverlight… What is it? XAML With a Visual Studio/Blend demo

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Welcome to BESUG The Belgian Silverlight User Group' - freya


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Welcome to besug the belgian silverlight user group

Welcome to BESUGThe Belgian Silverlight User Group

Gill CleerenMicrosoft Regional Director BeneluxMVP ASP.NETSoftware architect Ordina

Blog: www.snowball.be

Mail: [email protected]


Welcome to besug
Welcome to BESUG!

  • Silverlight… What is it?

  • XAML

    • With a Visual Studio/Blend demo

  • Silverlight 2 features

    • Controls demo

  • Showcasing

  • Q&A


Silverlight what is it
Silverlight… What is it?


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.


3 ps of silverlight
3 implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.Ps of Silverlight

Productivity

Performance

Portability


Silverlight gives you productivty
Silverlight implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.givesyouproductivty


Silverlight gives you performance
Silverlight implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.givesyou performance


Silverlight gives you portability
Silverlight implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.givesyouportability


Why can t we be friends
Why implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.can’t we befriends?

Designer

Developer


Again why can t we be friends
Again implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.… Whycan’t we befriends?

Request

Designer

Developer

Logic

User interface

Data sources

User interface

Logic

Response


Let s be friends
Let’s implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.befriends…

XAML

XAML

Designer

Developer


A word on the developer experience
A word implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.on the developerexperience

  • Full CLR

  • Trimmed-downversion of .NET classlibrary

  • Full support from Visual Studio 2008 usingtemplates


A word on the designer experience
A word implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.on the designer experience

  • ExpressionBlend is the tool for designers (sometimesdevelopers as well!)

  • Gradients, blurs, animations… all the stuff designers like!

  • Automaticallycreates XAML

  • Project schema is samefrom Visual Studio


Some other important talking points
Some implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.other important talkingpoints

  • Remember: it’s a client-sidetechnology

    • Requires plug-in to beinstalled (Lessthan 5MB)

  • Buildfor web and desktop (WPF)

  • Richcontrol set, best forLOBs

    • Seefurther

  • Supports HD playback


Silverlight roadmap
Silverlight Roadmap implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • Silverlight V1 Shipped Q307

  • Silverlight V2 Shipped a few weeks back

  • Silverlight control toolkit shipped last week

    • More being added constantly

    • Goal is at least 50 controls

  • Silverlight for mobile is coming

    • Same code running on mobile devices


XAML implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • XAML = eXtensible Application Markup Language, pronounced as “Zammel”


Fastest ever xaml course
Fastest-ever implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web. XAML course

<Grid>

<TextBlockFontSize="32" Text="Hello world" />

</Grid>

  • =

TextBlock t = new TextBlock();

t.FontSize = 32;

t.Text = "Hello world";


Fastest ever xaml course1
Fastest-ever implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web. XAML course

<Rectangle Canvas.Top=”25” Canvas.Left=”25” Width=”200” Height=”150”>

<Rectangle.Fill>

<SolidColorBrush Color=”Black” />

</Rectangle.Fill>

</Rectangle>

<Rectangle Width=”200” Height=”150” >

<Rectangle.Fill>

<LinearGradientBrush StartPoint=”0,0” EndPoint=”1,1”> <LinearGradientBrush.GradientStops>

<GradientStop Color=”Red” Offset=”0” />

<GradientStop Color=”Black” Offset=”1” /> </LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>


Attached property syntax
Attached Property Syntax implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

<Canvas>

<RectangleCanvas.Top="25"/>

</Canvas>

  • Top property only make sense inside a Canvas

  • When we add new container panels, do we have to add new properties to Rectangle?

  • Solution: Use attached properties to add flexible, container specific customization


Code behind
Code-behind implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • Name your controls so you can use it in code

    • Visual Studio automatically declares field for all x:name elements

<Button x:Name=“MyButton”/>

public void Page_Loaded(sender, MouseEventArgs e)

{

MyButton.Content = “Push Me!”;

}


More code behind
More code-behind implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • 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

<Button x:Name=“MyButton” Content=“Push Me” Click=“MyButton_Click“/>

public void MyButton_Click(object sender, RoutedEventArgs e) {

// todo: add code

}


A final note
A implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.finalnote…

UseXAML wherepossible!Otherwise, you’llget a team

of sad designers

and developers…


Blending it all together a demo

Blending it all together: A demo! implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

Using Visual Studio 2008 and Blend 2


Silverlight 2 runtime features
Silverlight 2 Runtime Features implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • 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


Controls and the controls toolkit
Controls and the implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.controls toolkit

  • A control: Re-usable UI elements that encapsulate UI and behavior and enable re-use and composition

    • Vitalfor building business applications

    • Notavailable in Silverlight 1.0!

  • Controls toolkit: Out-of-band release (open-source) of extra controls via www.codeplex.com/silverlight


Some built in controls in silverlight 2
Some Built-in Controls in Silverlight 2 implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • Core Controls:

    • Border

    • Image

    • MediaElement

    • MultiScaleImage

    • ToolTip

    • ScrollViewer

    • Dropdown list

  • Navigation Controls:

    • HyperlinkButton

    • Popup

  • Form Controls:

    • TextBox

    • Button

    • Toggle/Repeat Button

    • CheckBox

    • RadioButton

    • ListBox

  • Layout Controls:

    • StackPanel

    • Grid / GridSplitter

    • Canvas

  • Large Controls:

    • Calendar

    • DataGrid

    • Slider

    • DateTimePicker

  • Shapes:

    • Ellipse

    • Rectangle

    • Line

    • TextBlock

    • Path


Sample control usage
Sample control usage implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

<Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” />

Button b = new Button();

b.Width = 150;

b.Height = 50;

b.Content = “Push Me";


Controls toolkit
Controls toolkit implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • 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


Controls toolkit example
Controls toolkit implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.example

  • AutoCompleteBox

  • NumericUpDown

  • Viewbox

  • Expander

  • ImplicitStyleManager

  • Charting

  • TreeView

  • DockPanel

  • WrapPanel

  • Label

  • HeaderedContentControl

  • HeaderedItemsControl


Theming support
Theming implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web. support

Shiny Blue

Shiny Red

RainierPurple

Rainier Orange

ExpressionDark

ExpressionLight


Silverlight 2 controls

Silverlight 2 controls implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

Standard controls and the control toolkit


Silverlight in action

Silverlight In Action implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

Showcasing


Summary
Summary implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • Silverlight is a platform for building RichInteractiveapplications

  • Strong tooling support, bothfordevelopers and designers withworkflowbetween the 2

  • Extendedcontrol toolset thatwill keep ongrowing


Resources
Resources implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

  • General

    • www.silverlight.net

    • weblogs.asp.net/scottgu

    • blogs.msdn.com/tims

    • silverlight.net/blogs/jesseliberty

  • Personal


Q&A implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.

Gill CleerenMicrosoft Regional Director BeneluxMVP ASP.NETSoftware architect Ordina

www.snowball.be

[email protected]


Thank you the belgian silverlight user group

Thank you implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.The Belgian Silverlight User Group

Gill CleerenMicrosoft Regional Director BeneluxMVP ASP.NETSoftware architect Ordina

www.snowball.be

[email protected]


If you are interested
If implementation of .NET for building and delivering the next generation of media experiences & rich interactive applications for the Web.you are interested…


ad