Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor

by Rodrigo Kono on Aug 31, 2009

1,375 views

Esta palestra não foca somente na visão geral do Expression Blend e do Expression Web no ponto de vista do desenvolvedor, como também mostra uma série de dicas para o desenvolvimento de aplicações. Conheça como você pode usar o Expression Blend para criar interfaces de usuário avançadas, seja ela uma aplicação de negócio, multi-media ou qualquer outra. Confira, também, como usar ferramentas para criar efeitos gráficos e elementos visuais que podem ser utilizadas por qualquer pessoa independente do talento artístico. Aprenda também como utilizar o Expression Web para desenvolver sólidas aplicações na web e obter ótimos resultados em diversos browsers e plataformas. Nessa palestra além de conhecer as boas funcionalidades do Expression Web para turbinar seu desenvolvimento de interfaces web, você também conhecerá as dicas e truques para as aplicações ASP.NET baseadas em padrões, SEO, usabilidade, mobilidade, etc. Depois de assistir essa sessão, você irá melhorar a compreensão do Expression Blend para as aplicações Silverlight/WPF e do Expression Web para as aplicações Web (ASP.NET/Web Standards), assim como do Visual Studio para o trabalho em conjunto com essas ferramentas.

Less

1 Embed 9

http://www.slideshare.net

Statistics

Favorites: 0
Downloads: 0
Comments: 0
Embed Views: 9
Views on SlideShare: 1,366
Total Views: 1,375

Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor — Presentation Transcript

Microsoft Expression Blend e WEB sob o ponto de vista de um desenvolvedor Rodrigo Kono MVP – ASP.NET DevGoiás .NET | Pensou .NET [email_address] twitter: @rodrigokono DEV201

Agenda

Expression Blend

Ambientação do Expression Blend

Novas funcionalidades

Expression Blend e Visual Studio

Silverlight x Windows Presentation Foundation

Criar interatividades

Expression Web

Novas Funcionalidades

Criar aplicações baseadas nos padrões web

O que é o Expression Blend

Poderosa ferramenta para desenvolver UI

WPF e Silverlight

Foco em interfaces e UX

Designer mais próximo da aplicação

Expression não é apenas o Blend

O principal foco tem sido os designers

Isto mudou

Developer ligado à resposta da aplicação

Expression Blend versões e história

Expression Blend 1

Ferramenta de design WPF

Expression Blend 2

WPF e Silverlight 2.0 (início)

Expression Blend 3 (preview)

WPF e Silverlight 3.0 (beta)

Expression Blend 3 + SketchFlow

Recomendações: Use e abuse do Expression Blend 3 sempre que puder!

Similaridades entre Expression Blend e o Visual Studio

Suporte a WPF e Silverlight UIs

Baseada em Visual Studio Solutions

Compilação em qualquer ambiente

Suporte a controle de versão com TFS

Design e Editor

Edição de manage code e xaml

intelliSense

Toolbox

Propriedades e eventos

Conhecendo o Expression Blend 3 Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Diferenças entre Expression Blend e o Visual Studio

Blend possui um rico editor de interfaces

Storyboards e Timelines

Animações e interatividade

Trigger

Controladas diretamente da interface do Blend

Suporte a Visual State

Melhorias para Silverlight

Resources (XAML)

Data Sources

Expression Blend 3: Novas funcionalidades Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Expression Blend e o Visual Studio trabalhando em conjunto

Blend 2.0:

Design no Blend, código no Visual Studio

Controle do código gerenciado através do Visual Studio

Blend 3.0:

Suporte à edição do código gerenciado

Ligação direta com o TFS

Para debug e aplicações mais pesadas o Visual Studio é a melhor escolha

Expression Blend 3 & Visual Studio Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Dicas do mundo real

Crie projetos no Visual Studio

Visual Studio gerencia e possui outros recursos

Templates não são identicos

Teste e rode sua aplicação no Visual Studio

Não há suporte para debug no Blend

Melhor informação do erro no Visual Studio

Cuidado de ter aberto o mesmo arquivo duas ou mais vezes.

Salvar alterações antes de mudar para a outra ferramenta, para evitar a edição simultânea e acidental

Diferenças entre WPF e Silverlight

As diferenças entre as duas tecnologias muda a experiência no Blend

Exemplo: Triggers vs. Visual States

Styles, ControlTemplates, ou DataTemplates

Exemplo: Resource Dictionaries vs. Inline Resources

Dicionários mesclados (MergedDictionaries)

Recursos dinâmicos

As duas tecnologias caminham juntas

Visual States está disponível no wpf (e apoiado pelo Blend) como um add-on

Silverlight 3.0 suporta Resource Dictionaries

Interatividade

Problema

Difícil: vários projetos/programadores/designers

Código personalizado

Solução

Mais flexível

Ligação direta com elementos da superfície

Comportamento é construído em torno de três importantes :

Triggers, Ações (Actions) e Comportamentos (Behaviors).

Triggers, Actions e Behaviors

Behaviors:

Flexibilidade para adicionar interatividade nas aplicações

Interatividade da aplicação com os elementos de design sem escrever linha de código

Triggers

Objetos que possuem ações

Actions

Invocada através de uma Trigger

Resposta de estímulo da App

Trabalhando com Triggers, Actions e Behaviors Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Expression Web 3: Novidades

Ferramentas para gerenciamento do website

Novo FTP Client

Diagnóstico Visual: SuperPreview

Site rico com vídeo, áudio ou animação

Silverlight, Flash, DeepZoom ou Windows Media

Controle do Código – Integração com TFS

Importação de arquivo do Photoshop

DWT - Dynamic Web Templates

Task Panes auto hide

Novas funcionalidades do Expression Web 3 Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Padrões web com Expression Web 3

Suporte aos modernos padrões web

Otimimização, melhoria para acessibilidade e compatibilidade entre browsers

Facilidade de manipular posicionamento, dimensionamento, margens e padding.

Suporta PHP, HTML / XHTML, XML / XSLT, CSS, Javascript, ASP.NET ou ASP.NET AJAX,

Codificação e inserção de vídeos de alta qualidade (WMV, VC-1 e H.264)

Desenvolvendo nos padrões web com ajuda do Expression Web Rodrigo Kono MVP [ASP.NET] DevGoiás .NET | Pensou .NET

Recursos

www.microsoft.com/teched

Tech·Talks Tech·Ed Bloggers

Live Simulcasts Virtual Labs

http://www.technetbrasil.com.br

Avaliação de produtos finais e betas, conteúdo técnico em português e MUITO MAIS!

http://www.msdnbrasil.com.br

Developer’s Kit, conteúdo técnico em português, e MUITO MAIS!

Sessões Relacionadas

DEV202 - Dicas praticas de WPF para Desenvolvedores de Windows Forms

DEV306 - Melhores praticas no desenvolvimento WPF e novidades do WPF 4.0

WEB306 - Contruindo uma aplicação com Silverlight 3

WEB305 - Novidades do Microsoft Silverlight 3

Outros Recursos Relacionados

Download das ferramentas

www.microsoft.com/expression

Comunidade Expression

http://expression.microsoft.com

Coleção de comportamentos e efeitos

http://expressionblend.codeplex.com

Blog Rodrigo Kono http://kono.spaces.live.com

Por favor preencha a avaliação

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor

by Rodrigo Kono on Aug 31, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 9

Statistics

Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor — Presentation Transcript