introdução ao 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

3.0

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 2010Microsoft 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 PhoneHardware

Elementos comuns

De Hardware

PlataformaConsistente

Foco naQualidade++=

• 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?

MSDNhttp://www.msdnbrasil.com.br

Windows Phone 7 Serieshttp://developer.windowsphone.com

Microsoft Expresshttp://www.microsoft.com/express/Downloads/

Comunidade Silverlight Brasilwww.portalsilverlight.com.br

Comunidade Desenvolvendo para webwww.desenvolvendoparaweb.net

Download do Pluginhttp://www.microsoft.com/getsilverlight/Get-Started/Install/Default.aspx

Contato

• Twitter: @felipepocchini

• E-mail: felipe.pocchini@gmail.com

• Blog: www.felipepocchini.net