Construindo aplicações ricas com Silverlight

Fazer uma aplicação com interface gráfica bonita e poderosa pode ser simples!

Felipe Pocchini

• Bacharel em Ciência da Computação (Unifenas).

• Moderador das comunidades Desenvolvendo para Web e WCF Brasil.

• Desenvolvedor .NET há 2 anos, atualmente faço parte do time da Astéria Internet Solutions.

• Desenvolvedor Silverlight há 6 meses. • Fascinado por novas tecnologias (#GEEK).

Um pouco de história

• Rich Internet Applications (RIAs)

Um pouco de história

• Rich Internet Applications (RIAs)

Origem

• Windows Presentation Foundation (WPF)

Introdução

• Silverlight (WPF Everywhere)

Evolução do Silverlight

Características

• Oferece uma experiência ampla na incorporação de vídeos, animações e interfaces interativas.

• Pode criar e trabalhar com gráficos vetorizados, textos,

animações e sobreposições que interagem com gráficos e efeitos de alta qualidade.

• Suporte a multi-linguagens: VB, C#, JavaScript, Python, Ruby...

Cross-platform

• Foi projetado para trabalhar em diversas arquiteturas e sistemas operacionais.

Cross-browser

• Compatível com Safari, Firefox, Internet Explorer e Chrome.

Plugin

Plugin

• É pequeno e de fácil instalação.

6,11 MB 3,80 MB

Showcase

Um cenário comum

• Designer

Um cenário comum

• O cara do HTML

Um cenário comum

• Programador

O que é XAML ("zammel") ?

• eXtensible Application Markup Language

Code-behind

HandsOn • Criando nossa primeira aplicação.

Out of browser

• Torna aplicações Web em aplicações Desktop com o mínimo de esforço.

HandsOn • Transformando nossa aplicação web em aplicação

desktop.

Acesso a dados

• WCF RIA Services • Fornece um padrão que integra a camada de serviços com a

apresentação.

• Web Services • São componentes que permitem às aplicações enviar e receber dados

em formato XML.

HandsOn • Conectando nossa aplicação a um serviço de dados.

Deep Zoom

• Possibilita adicionar efeitos de zoom às imagens, permitindo a visualização de altos níveis de detalhes, tudo de forma rápida e extremamente leve.

Demo • Deep Zoom

http://www.seadragon.com/snapdragon

HandsOn • Criando uma galeria de fotos com Deep Zoom

Composer.

Ferramentas de Desenvolvimento

Microsoft Visual Studio 2010 Microsoft Expression Blend 4

As três telas da Microsoft

Windows Phone 7 Series

Smart Design

• Interface METRO

Smart Design

• Interface METRO

Experiências integradas (Hub)

• People • Office • Picture • Music + Video • MarketPlace • Games

Windows Phone Hardware

Windows Phone Hardware

Elementos comuns

De Hardware

Plataforma Consistente

Foco na Qualidade

• Conjunto consistente de capacidades de hardware, definido pela Microsoft.

Hardware Foundation

Elementos da plataforma de aplicativos

Processo de implantação

Ferramentas de desenvolvimento

• Visual Studio 2010 Express for Windows Phone • Expression Blend 4 Express for Windows Phone

• XNA Game Studio

• Developers Tools

É grátis pra sempre!!!

HandsOn • Olá Windows Phone =D

Por onde começar?

MSDN http://www.msdnbrasil.com.br Windows Phone 7 Series http://developer.windowsphone.com Microsoft Express http://www.microsoft.com/express/Downloads/ Comunidade Silverlight Brasil www.portalsilverlight.com.br Comunidade Desenvolvendo para web www.desenvolvendoparaweb.net Download do Plugin http://www.microsoft.com/getsilverlight/Get-Started/Install/Default.aspx

Contato

• Twitter: @felipepocchini

• E-mail: [email protected]

• Blog: www.felipepocchini.net