GET TO KNOW SILVERLIGHT Marco Silva – marco.silva@devscope.net

José António Silva – joseantonio.silva@devscope.net

Resumo

•Ecossistema•Arquitectura•Features•Demos

Teórica (45mins) •Ferramentas•Aplicações•Contextos•1º Contacto

Hands-On (90 mins)

Texto

TextoImagens

TextoImagens

Estilos

TextoImagens

EstilosConteúdos Dinâmicos

TextoImagens

EstilosConteúdos Dinâmicos

Som

TextoImagens

EstilosConteúdos Dinâmicos

SomVídeo

TextoImagens

EstilosConteúdos Dinâmicos

SomVídeo

Interactividade

Interactividade

O que é Interactividade?

interactividade s. f.:

1 Infor -“uma medida do potencial da habilidade de um média permitir que o utilizador exerça influência sobre o seu conteúdo ou a forma da comunicação utilizada.”

2 Social – “a relação entre duas ou mais pessoas que, em determinada situação, adaptam os seus comportamentos e acções uns aos outros”

Fonte: Wikipedia

Essencialmente significa

“Dois Sentidos”

Rich Internet ApplicationsRIA

O que é isso do

Silverlight?

Como funciona?

O que posso fazer com isso?

Porque é que EU o vou querer usar?

UX Richness (Features) >

Pla

tform

Reach

>

ASP.NET 2.0(HTML)

ASP.NETAJAX

(DHTML)

Console;-)

SL 3.0

SL 2.0SL 1.0

Win32

Direct 3D v9

WPF

Direct 3Dv10

CLR Execution Engine

.NET f

or

Silv

erl

ight

Framework

HTML DOMIntegration

XAML

Pre

senta

tion C

ore

Networking

JSON

REST POX

RSS

Data

LINQ XLINQ

DLR

Ruby Python

UI Framework

Extensible Controls

BCL

GenericsCollections

Inputs

Keyboard Mouse Ink

Media

VC1 WMA MP3

Browser Host

IntegratedNetworking

Stack

Installer

ApplicationServices

MS AJAXLibrary

UI Core

Images

Vector Text

Animation

DRM

Media

Controls

Layout Editing

XAP

Tudo com um Objectivo

Designers & Developers: Speak the same language

Design Business Logic

Designers & Developers: Speak different languages

Na Prática o que é que isto tudo significa?

Vamos ver…

Os componentes do Silverlight

O que EU posso usar para Construir as minhas

Aplicações

Um conjunto de…

Primitivas

Controlos

Containers

…

O que VOCÊS quiserem

UserControls

Quero ver isso…

Primitivas

Primitivas•Line

Primitivas•Line•Rectangle

Primitivas•Line•Rectangle•Ellipse

Primitivas•Line•Rectangle•Ellipse•Path•…

Containers

Containers•Stack Panel

Containers•Stack Panel•Canvas

Containers•Stack Panel•Canvas•Grid•…

Controls

Controls•Button

Controls•Button•CheckBox

Controls•Button•CheckBox•RadioButton

Controls•Button•CheckBox•RadioButton•TextBlock

Controls•Button•CheckBox•RadioButton•TextBlock•TextBox

Controls•Button•CheckBox•RadioButton•TextBlock•TextBox•Slider•…

UserControls•Style <Style x:Key="customButton" TargetType="Button">

<Setter Property="Foreground" Value="Blue"/> <Setter Property="Background" Value="Red" /> <Setter Property="FontSize" Value="16"/></Style>

<Button Content=“Click me!" Style="{StaticResource customButton}"/>

<ControlTemplate x:Key="customButtonTemplate"> <Grid> <Ellipse Fill="Gray"/> <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/> </Grid></ControlTemplate>

<Button Content=“Click me!" Template="{StaticResource customButtonTemplate}"/>

UserControls•Style•Templates

<ControlTemplate x:Key="customButtonTemplate"> <Grid> <Ellipse Fill="Gray"/> <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/> </Grid></ControlTemplate>

UserControls•Style•Templates•Resources

UserControls•Style•Templates•Resources•Importar•Reutilizar

E as Ferramentas?

http://memorabilia.hardrock.com/

http://silverlight.net/fox/

http://www.microsoft.com/silverlight/resources/streaming.aspx

http://www.popfly.com/

Por onde Começar?

Setup

•Visual Studio 2008 SP1

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Expression Blend SP1

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Expression Blend SP1•DeepZoom Composer

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Expression Blend SP1•DeepZoom Composer•Silverlight Toolkit

http://www.codeplex.com/Silverlight

Onde Aprender?

http://live.visitmix.com/

http://silverlight.net/Learn/

http://weblogs.asp.net/scottgu/

http://silverlight.net/blogs/jesseliberty/

http://xamlpt.com/

Em Resumo

Not Anymore!

?

TEL / PHONE + 351 22 375 13 50 | FAX +351 22 375 13 52

www.devscope.net

info@devscope.net

Para informação adicional:

Marco Silvamarco.silva@devscope.nethttp://marconsilva.wordpress.com

José António Silvacanoas@devscope.nethttp://canoas.com