Nov 2008 - MIC em Sala de Aula - Silverlight 2

VITÓRIA, 2008FABRICCIO C. BERNARDES

3

SUMÁRIO (1/2)

O que é Silverlight? Arquitetura do Silverlight Silverlight vs Flash Vantagens do Silverlight Quando devemos recomendá-lo Perfil de projeto ideal Pré-requisitos para utilizá-lo Exemplo

4

SUMÁRIO (2/2)

Introdução ao Expression Studio Profissionais foco Ferramentas:

Expression BlendExpression DesignExpression MediaExpression Web

Conclusão

5

O QUE É SILVERLIGHT?

A tecnologia Silverlight Objetivo Versão 1.0 vs 2.0 Ferramentas para criação

Expression StudioVisual Studio

Multi-browser / Multi-plataforma Moonlight

6

Arquitetura do Silverlight

XAMLXAMLXAMLXAML

Browser Host

Integrated Networking

Stack

DOM Integration

InstallerJavaScript

Engine

Presentation Core

.NET for Silverlight

Inputs

KeyboardMouse

Ink

Media

WMV / VC1WMAMP3

Controls

LayoutEditing

UI Core

2D VectorsAnimation

Text

ImagesTransform

s

DRM

Media

Dynamic Languages

Ruby Python

BCL

Generics

Collections

Web Services

RESTRSS

SOAP

POXJSON

Data

LINQ LINQ-to-XML

WPF for SilverlightExtensible Controls

Common Language Runtime

ASP.NET AJAX Libs

<asp:xaml><asp:media>

Server Silverlight 1

Silverlight 2

7

SILVERLIGHT VS FLASH

Performance Ferramentas de desenvolvimento

Debug! O grande “Trunfo” Adobe Flex

Objetivo Tecnologias Eclipse e “LAMP” “Silverlight vs Flash/Flex”

“Olimpíadas fazem Flash encolher” (PLANTÃO INFO - 08/2008)

8

VANTAGENS DO SILVERLIGHT(1/3) - Ferramentas integradas

10

VANTAGENS DO SILVERLIGHT(2/3) - XAML (eXtensible Application Markup Language)

(Primitivas gráficas, campos de formulário, elementos de layout inteligente, imagens, vetores, 3D, animações, áudio e vídeo)

Toolable Separação entre Lógica e Interface Tudo que se faz com XAML pode-se fazer com

código

<Button Height="48" Width="104" Content="Button"/>

=

Button b = new Button (); b.Height = 48 ; b.Width = 104; b.Content = “Button”

11

VANTAGENS DO SILVERLIGHT(3/3) - Consumo de dados

SharePoint SQL Server Dynamics CRM entre outros…

12

QUANDO DEVEMOS RECOMENDÁ-LO Alta interatividade e execução no browser Necessidade de fácil instalação do plug-in Aplicações inteligentes ou banners? Ambiente da empresa “dona” Aplicações desktop (WPF)

(Acesso a dispositivos e dados com direitos totais, mais classes e funcionalidades .NET, etc.)

13

PERFIL DE PROJETO IDEAL

Aplicações baseadas em banco de dados Flickr, Youtube (AJAX)

Internet Banking e e-Commerce Manipulação de listas, grids e dados gráficos

Sites de redes sociais e comunicação entre usuários Orkut, Facebook

Sites de rádios e TVs online Mídias poderosas

E-mail Facilidade de criação (Outlook)

14

PRÉ-REQUISITOS PARA UTILIZÁ-LO Perfis:

DesignerDesenvolvedor

Princípios do XAML*

15

EXEMPLO

17

INTRODUÇÃO AO EXPRESSION STUDIO O que é? Objetivo Ferramentas

Expression BlendExpression DesignExpression MediaExpression Web

18

PROFISSIONAIS FOCO

Designer GráficoExpression DesignExpression Media

Designer InterativoExpression BlendExpression Web

DesenvolvedorVisual Studio

19

EXPRESSION BLEND

Função Base WPF Liberte sua imaginação:

Desenhos vetoriaisBitmapsVídeosSonsTextoConteúdo 3DAnimações e etc.

XAML

20

EXPRESSION BLEND

21

EXPRESSION DESIGN

FunçãoDesignIlustração

Padrões de interface Voltado ao ambiente digital

22

EXPRESSION DESIGN

23

EXPRESSION MEDIA

FunçãoImportarOrganizarPesquisarAnotarReutilizarArquivar

Facilidades Indicação

24

EXPRESSION WEB

Função Baseado no W3C Padrões de interface

Padrões(XHTML, CSS, XML)

ASP.NETXAML

25

CONCLUSÃO

“A grande diferença não está no resultado final,mas no processo de criação da aplicação”

26

NOVIDADES!

27

NOVIDADES!

Ele chegou! Aguardem!

28

OBRIGADO!

Microsoft Inovation Center

Fabriccio Correia BernardesContato: fabricciocb@globo.com