construindo aplicações ricas com silverlight

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

Upload: felipe-pocchini

Post on 28-May-2015

2.773 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Construindo aplicações ricas com Silverlight

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

Page 2: Construindo aplicações ricas com Silverlight

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).

Page 3: Construindo aplicações ricas com Silverlight

Um pouco de história

• Rich Internet Applications (RIAs)

Page 4: Construindo aplicações ricas com Silverlight

Um pouco de história

• Rich Internet Applications (RIAs)

Page 5: Construindo aplicações ricas com Silverlight

Origem

• Windows Presentation Foundation (WPF)

Page 6: Construindo aplicações ricas com Silverlight

Introdução

• Silverlight (WPF Everywhere)

Page 7: Construindo aplicações ricas com Silverlight

Evolução do Silverlight

Page 8: Construindo aplicações ricas com 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...

Page 9: Construindo aplicações ricas com Silverlight

Cross-platform

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

Page 10: Construindo aplicações ricas com Silverlight

Cross-browser

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

Page 11: Construindo aplicações ricas com Silverlight

Plugin

Page 12: Construindo aplicações ricas com Silverlight

Plugin

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

6,11 MB 3,80 MB

Page 13: Construindo aplicações ricas com Silverlight

Showcase

Page 14: Construindo aplicações ricas com Silverlight

Um cenário comum

• Designer

Page 15: Construindo aplicações ricas com Silverlight

Um cenário comum

• O cara do HTML

Page 16: Construindo aplicações ricas com Silverlight

Um cenário comum

• Programador

Page 17: Construindo aplicações ricas com Silverlight

O que é XAML ("zammel") ?

• eXtensible Application Markup Language

Page 18: Construindo aplicações ricas com Silverlight

Code-behind

Page 19: Construindo aplicações ricas com Silverlight

HandsOn • Criando nossa primeira aplicação.

Page 20: Construindo aplicações ricas com Silverlight

Out of browser

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

Page 21: Construindo aplicações ricas com Silverlight

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

desktop.

Page 22: Construindo aplicações ricas com Silverlight

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.

Page 23: Construindo aplicações ricas com Silverlight

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

Page 24: Construindo aplicações ricas com Silverlight

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.

Page 25: Construindo aplicações ricas com Silverlight

Demo • Deep Zoom

http://www.seadragon.com/snapdragon

Page 26: Construindo aplicações ricas com Silverlight

HandsOn • Criando uma galeria de fotos com Deep Zoom

Composer.

Page 27: Construindo aplicações ricas com Silverlight

Ferramentas de Desenvolvimento

Microsoft Visual Studio 2010 Microsoft Expression Blend 4

Page 28: Construindo aplicações ricas com Silverlight

As três telas da Microsoft

Page 29: Construindo aplicações ricas com Silverlight

Windows Phone 7 Series

Page 30: Construindo aplicações ricas com Silverlight

Smart Design

• Interface METRO

Page 31: Construindo aplicações ricas com Silverlight

Smart Design

• Interface METRO

Page 32: Construindo aplicações ricas com Silverlight

Experiências integradas (Hub)

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

Page 33: Construindo aplicações ricas com Silverlight

Windows Phone Hardware

Windows Phone Hardware

Elementos comuns

De Hardware

Plataforma Consistente

Foco na Qualidade

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

Page 35: Construindo aplicações ricas com Silverlight

Elementos da plataforma de aplicativos

Page 36: Construindo aplicações ricas com Silverlight

Processo de implantação

Page 37: Construindo aplicações ricas com Silverlight

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!!!

Page 38: Construindo aplicações ricas com Silverlight

HandsOn • Olá Windows Phone =D

Page 39: Construindo aplicações ricas com Silverlight

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

Page 40: Construindo aplicações ricas com Silverlight

Contato

• Twitter: @felipepocchini

• E-mail: [email protected]

• Blog: www.felipepocchini.net