nov 2008 - mic em sala de aula - silverlight 2
DESCRIPTION
Apresentação de Silverlight 2 ministrada à turma de Multimidia da FAESA pelo projeto MIC em Sala de AulaTRANSCRIPT
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!
