Get To Know Silverlight

103
GET TO KNOW SILVERLIG HT Marco Silva – [email protected] José António Silva – [email protected]

description

Workshop given at FEUP as an Introduction to Silverlight. The Slides are in Portuguese given that the target audience was all from Portugal.

Transcript of Get To Know Silverlight

Page 1: Get To Know Silverlight

GET TO KNOW SILVERLIGHT Marco Silva – [email protected]

José António Silva – [email protected]

Page 2: Get To Know Silverlight

Resumo

•Ecossistema•Arquitectura•Features•Demos

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

Hands-On (90 mins)

Page 3: Get To Know Silverlight
Page 4: Get To Know Silverlight
Page 5: Get To Know Silverlight
Page 6: Get To Know Silverlight
Page 7: Get To Know Silverlight
Page 8: Get To Know Silverlight
Page 9: Get To Know Silverlight
Page 10: Get To Know Silverlight
Page 11: Get To Know Silverlight
Page 12: Get To Know Silverlight
Page 13: Get To Know Silverlight

Texto

Page 14: Get To Know Silverlight

TextoImagens

Page 15: Get To Know Silverlight

TextoImagens

Estilos

Page 16: Get To Know Silverlight

TextoImagens

EstilosConteúdos Dinâmicos

Page 17: Get To Know Silverlight

TextoImagens

EstilosConteúdos Dinâmicos

Som

Page 18: Get To Know Silverlight

TextoImagens

EstilosConteúdos Dinâmicos

SomVídeo

Page 19: Get To Know Silverlight

TextoImagens

EstilosConteúdos Dinâmicos

SomVídeo

Interactividade

Page 20: Get To Know Silverlight

Interactividade

Page 21: Get To Know Silverlight

O que é Interactividade?

Page 22: Get To Know Silverlight

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

Page 23: Get To Know Silverlight

Essencialmente significa

“Dois Sentidos”

Page 24: Get To Know Silverlight
Page 25: Get To Know Silverlight

Rich Internet ApplicationsRIA

Page 26: Get To Know Silverlight
Page 27: Get To Know Silverlight

O que é isso do

Silverlight?

Page 28: Get To Know Silverlight

Como funciona?

Page 29: Get To Know Silverlight

O que posso fazer com isso?

Page 30: Get To Know Silverlight

Porque é que EU o vou querer usar?

Page 31: Get To Know Silverlight

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

Page 32: Get To Know Silverlight

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

Page 33: Get To Know Silverlight

XAP

Page 34: Get To Know Silverlight

Tudo com um Objectivo

Page 35: Get To Know Silverlight

Designers & Developers: Speak the same language

Design Business Logic

Designers & Developers: Speak different languages

Page 36: Get To Know Silverlight

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

Page 37: Get To Know Silverlight

Vamos ver…

Page 38: Get To Know Silverlight

Os componentes do Silverlight

Page 39: Get To Know Silverlight

O que EU posso usar para Construir as minhas

Aplicações

Page 40: Get To Know Silverlight

Um conjunto de…

Page 41: Get To Know Silverlight

Primitivas

Page 42: Get To Know Silverlight

Controlos

Page 43: Get To Know Silverlight

Containers

Page 44: Get To Know Silverlight

Page 45: Get To Know Silverlight

O que VOCÊS quiserem

Page 46: Get To Know Silverlight

UserControls

Page 47: Get To Know Silverlight

Quero ver isso…

Page 48: Get To Know Silverlight

Primitivas

Page 49: Get To Know Silverlight

Primitivas•Line

Page 50: Get To Know Silverlight

Primitivas•Line•Rectangle

Page 51: Get To Know Silverlight

Primitivas•Line•Rectangle•Ellipse

Page 52: Get To Know Silverlight

Primitivas•Line•Rectangle•Ellipse•Path•…

Page 53: Get To Know Silverlight

Containers

Page 54: Get To Know Silverlight

Containers•Stack Panel

Page 55: Get To Know Silverlight

Containers•Stack Panel•Canvas

Page 56: Get To Know Silverlight

Containers•Stack Panel•Canvas•Grid•…

Page 57: Get To Know Silverlight

Controls

Page 58: Get To Know Silverlight

Controls•Button

Page 59: Get To Know Silverlight

Controls•Button•CheckBox

Page 60: Get To Know Silverlight

Controls•Button•CheckBox•RadioButton

Page 61: Get To Know Silverlight

Controls•Button•CheckBox•RadioButton•TextBlock

Page 62: Get To Know Silverlight

Controls•Button•CheckBox•RadioButton•TextBlock•TextBox

Page 63: Get To Know Silverlight

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

Page 64: Get To Know Silverlight

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}"/>

Page 65: Get To Know Silverlight

<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

Page 66: Get To Know Silverlight

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

UserControls•Style•Templates•Resources

Page 67: Get To Know Silverlight

UserControls•Style•Templates•Resources•Importar•Reutilizar

Page 68: Get To Know Silverlight

E as Ferramentas?

Page 69: Get To Know Silverlight
Page 70: Get To Know Silverlight
Page 71: Get To Know Silverlight
Page 72: Get To Know Silverlight
Page 73: Get To Know Silverlight
Page 78: Get To Know Silverlight
Page 79: Get To Know Silverlight
Page 80: Get To Know Silverlight

Por onde Começar?

Page 81: Get To Know Silverlight

Setup

Page 82: Get To Know Silverlight

•Visual Studio 2008 SP1

Page 83: Get To Know Silverlight

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1

Page 84: Get To Know Silverlight

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

Page 85: Get To Know Silverlight

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Expression Blend SP1

Page 86: Get To Know Silverlight

•Visual Studio 2008 SP1• Visual Web Developer

Express SP1•Silverlight Tools for VS

•Expression Blend SP1•DeepZoom Composer

Page 87: Get To Know Silverlight

•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

Page 88: Get To Know Silverlight

Onde Aprender?

Page 89: Get To Know Silverlight

http://live.visitmix.com/

Page 90: Get To Know Silverlight

http://silverlight.net/Learn/

Page 91: Get To Know Silverlight

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

Page 92: Get To Know Silverlight

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

Page 93: Get To Know Silverlight

http://xamlpt.com/

Page 94: Get To Know Silverlight

Em Resumo

Page 95: Get To Know Silverlight
Page 96: Get To Know Silverlight
Page 97: Get To Know Silverlight

Not Anymore!

Page 98: Get To Know Silverlight
Page 99: Get To Know Silverlight
Page 100: Get To Know Silverlight
Page 101: Get To Know Silverlight
Page 102: Get To Know Silverlight

?

Page 103: Get To Know Silverlight

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

www.devscope.net

[email protected]

Para informação adicional:

Marco [email protected]://marconsilva.wordpress.com

José António [email protected]://canoas.com