SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Criando interatividade com oExpression Blend 3.0 Rodrigo Kono MVP  Microsoftkono@devgoias.net twitter -> @rodrigokono                                                        blog -> kono.spaces.live.com
Exigência de melhoria da UX nasaplicações Design de Interação O design visual define comonósiremos responder para a aplicação; O design de interação define como a aplicaçãorespondeparanós Alguns benefícios: adequar respostas do sistema às entradas do usuário balancear interação e funcionalidade previnir erros do usuário
Ok! Vamosaotrabalho. Problema Construir e controlarinteratividadesemprojetos, com desenvolvedorese designers é difícil Exigeesforço e experiência dos profissionais Criarinteratividadesamarrandoobjetosaoselementos de interface não é o melhorcaminho. Códigogenérico e nãoreutilizável
Solução Expression Blend 3 possui nova visãopara o problema Behaviors:  Flexibilidadeparaadicionarinteratividadenasaplicações Interatividade da aplicação com oselementos de design semescreverlinha de código Divisãológica dos trabalhos Developer: desenvolvimento do códigorobusto Designer: aprimora e refina o visual
DEMOs
Considerações(1) O mecanismo em Comportamentos Blend 3 é construído em torno de três importantes conceitos relacionados com a construção interatividade:  Triggers, Ações (Actions) e Comportamentos (Behaviors). Triggers & Actions 	Quando eu pressionar o botão, a porta se abre. Ação: abertura da porta Trigger: pressionando o botão
Considerações (2) O Expression Blend 3 instala um conjunto inicial de comportamentos(capacidade de controlar o story board, mudança visual entre estados e outras ações de execução de interfaces); Blend SDK  é instalado com o Expression Blend 3 fornece todas as informações que vc e sua equipe precisa para desenvolver os comportamentos.
Links úteis Expression Blend 3 + Sketch Flow RChttp://www.microsoft.com/Expression/products/Blend_Overview.aspx Site da comunidade de Expressionhttp://expression.microsoft.com  Gallery: Prateleira de Recursoshttp://gallery.expression.microsoft.com Blog do Christian Schormann (Time de Expression)http://electricbeach.org Blog do time de Silverlighthttp://team.silverlight.net Coleção de comportamentos e efeitoshttp://expressionblend.codeplex.com Maiscomportamentos:Farseer Physics: http://www.codeplex.com/FarseerPhysicsPhysics Helpe:http://www.codeplex.com/PhysicsHelper
Obrigado! Rodrigo Kono kono@devgoias.net  http://kono.spaces.live.com Twitter:  @rodrigokono

Weitere ähnliche Inhalte

Andere mochten auch

Manifesta patologias-revestimentos-fachadas
Manifesta patologias-revestimentos-fachadasManifesta patologias-revestimentos-fachadas
Manifesta patologias-revestimentos-fachadas
reisferreira
 
203629 apostila desenho arquitetônico 01
203629 apostila desenho arquitetônico 01203629 apostila desenho arquitetônico 01
203629 apostila desenho arquitetônico 01
Poly Martins de Sousa
 
28 planta baixa e corte- passo a passo
28 planta baixa e corte- passo a passo28 planta baixa e corte- passo a passo
28 planta baixa e corte- passo a passo
Família Schmidt
 
32 unternehmenswert teil 2
32 unternehmenswert teil 232 unternehmenswert teil 2
32 unternehmenswert teil 2
ICV_eV
 
21 ak nord i
21 ak nord i21 ak nord i
21 ak nord i
ICV_eV
 
Corporate Governance & Controlling.
Corporate Governance & Controlling.Corporate Governance & Controlling.
Corporate Governance & Controlling.
Michael Waltinger
 
De olho na_metas_2010___sumario___versao_para_divulgacao
De olho na_metas_2010___sumario___versao_para_divulgacaoDe olho na_metas_2010___sumario___versao_para_divulgacao
De olho na_metas_2010___sumario___versao_para_divulgacao
Luis Nassif
 
Bewerbungsunterlagen nachwuchspreis 12 cib
Bewerbungsunterlagen nachwuchspreis 12 cibBewerbungsunterlagen nachwuchspreis 12 cib
Bewerbungsunterlagen nachwuchspreis 12 cib
ICV_eV
 
Fumar en las psicosis afectivas
Fumar en las psicosis afectivasFumar en las psicosis afectivas
Fumar en las psicosis afectivas
vitriolum
 
R N173 Anexo D I O P E
R N173 Anexo D I O P ER N173 Anexo D I O P E
R N173 Anexo D I O P E
Luis Nassif
 
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. okInfluencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
vitriolum
 

Andere mochten auch (20)

Manifesta patologias-revestimentos-fachadas
Manifesta patologias-revestimentos-fachadasManifesta patologias-revestimentos-fachadas
Manifesta patologias-revestimentos-fachadas
 
Ambientes 3D
Ambientes 3DAmbientes 3D
Ambientes 3D
 
Desenho Técnico - Planta Baixa, Cortes, Fachada e Cobertura.
Desenho Técnico - Planta Baixa, Cortes, Fachada e Cobertura.Desenho Técnico - Planta Baixa, Cortes, Fachada e Cobertura.
Desenho Técnico - Planta Baixa, Cortes, Fachada e Cobertura.
 
203629 apostila desenho arquitetônico 01
203629 apostila desenho arquitetônico 01203629 apostila desenho arquitetônico 01
203629 apostila desenho arquitetônico 01
 
28 planta baixa e corte- passo a passo
28 planta baixa e corte- passo a passo28 planta baixa e corte- passo a passo
28 planta baixa e corte- passo a passo
 
32 unternehmenswert teil 2
32 unternehmenswert teil 232 unternehmenswert teil 2
32 unternehmenswert teil 2
 
21 ak nord i
21 ak nord i21 ak nord i
21 ak nord i
 
Broset 2
Broset 2Broset 2
Broset 2
 
Corporate Governance & Controlling.
Corporate Governance & Controlling.Corporate Governance & Controlling.
Corporate Governance & Controlling.
 
De olho na_metas_2010___sumario___versao_para_divulgacao
De olho na_metas_2010___sumario___versao_para_divulgacaoDe olho na_metas_2010___sumario___versao_para_divulgacao
De olho na_metas_2010___sumario___versao_para_divulgacao
 
Polígons
PolígonsPolígons
Polígons
 
Brasil e cambio
Brasil e cambioBrasil e cambio
Brasil e cambio
 
Erfolgreich bewerben: Erfolgreicher Lebenslauf
Erfolgreich bewerben: Erfolgreicher LebenslaufErfolgreich bewerben: Erfolgreicher Lebenslauf
Erfolgreich bewerben: Erfolgreicher Lebenslauf
 
Examen
ExamenExamen
Examen
 
Bewerbungsunterlagen nachwuchspreis 12 cib
Bewerbungsunterlagen nachwuchspreis 12 cibBewerbungsunterlagen nachwuchspreis 12 cib
Bewerbungsunterlagen nachwuchspreis 12 cib
 
Alltag
AlltagAlltag
Alltag
 
Fumar en las psicosis afectivas
Fumar en las psicosis afectivasFumar en las psicosis afectivas
Fumar en las psicosis afectivas
 
Richard
RichardRichard
Richard
 
R N173 Anexo D I O P E
R N173 Anexo D I O P ER N173 Anexo D I O P E
R N173 Anexo D I O P E
 
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. okInfluencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
Influencia de la menopausia en la evolución del trastorno bipolar 11 págs. ok
 

Ähnlich wie Criando Interatividade com o Expression Blend 3.0

Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
SENAC SC
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
DesignCarminatti
 
Appinventor 120429141244-phpapp02
Appinventor 120429141244-phpapp02Appinventor 120429141244-phpapp02
Appinventor 120429141244-phpapp02
Cesar Luis Teixeira
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
Tony Hara
 

Ähnlich wie Criando Interatividade com o Expression Blend 3.0 (20)

Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor
Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedorMicrosoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor
Microsoft Expression Blend e WEB: sob o ponto de vista de um desenvolvedor
 
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdfas-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
 
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
 
Web Design e Front End - Definição e conceitos
Web Design e Front End - Definição e conceitosWeb Design e Front End - Definição e conceitos
Web Design e Front End - Definição e conceitos
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
Paradigmas da comunicação IHC
Paradigmas da comunicação IHCParadigmas da comunicação IHC
Paradigmas da comunicação IHC
 
Design de interface
Design de interfaceDesign de interface
Design de interface
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
Esboços na arquitetura de software
Esboços na arquitetura de softwareEsboços na arquitetura de software
Esboços na arquitetura de software
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 
Appinventor 120429141244-phpapp02
Appinventor 120429141244-phpapp02Appinventor 120429141244-phpapp02
Appinventor 120429141244-phpapp02
 
UX Design
UX DesignUX Design
UX Design
 
Atividade 10
Atividade 10Atividade 10
Atividade 10
 
Arquitetura de Software EXPLICADA
Arquitetura de Software EXPLICADAArquitetura de Software EXPLICADA
Arquitetura de Software EXPLICADA
 
Ap iii
Ap iiiAp iii
Ap iii
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1
 
Design System: Dominando o Design at Scale
Design System: Dominando o Design at ScaleDesign System: Dominando o Design at Scale
Design System: Dominando o Design at Scale
 
App Inventor
App InventorApp Inventor
App Inventor
 

Mehr von Rodrigo Kono

Mehr von Rodrigo Kono (20)

Dicas para migrar sua aplicação ASP.NET para ASP.NET Core 2.x
Dicas para migrar sua aplicação ASP.NET para ASP.NET Core 2.xDicas para migrar sua aplicação ASP.NET para ASP.NET Core 2.x
Dicas para migrar sua aplicação ASP.NET para ASP.NET Core 2.x
 
Develop using Office Graph API
Develop using Office Graph APIDevelop using Office Graph API
Develop using Office Graph API
 
.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!.NET no Browser - Webassembly com Blazor!
.NET no Browser - Webassembly com Blazor!
 
.NET para construir qualquer coisa! (Visão Geral) #dotnetconf
.NET para construir qualquer coisa! (Visão Geral) #dotnetconf.NET para construir qualquer coisa! (Visão Geral) #dotnetconf
.NET para construir qualquer coisa! (Visão Geral) #dotnetconf
 
ASP.NET Core 2.1 #dotnetconf
ASP.NET Core 2.1 #dotnetconfASP.NET Core 2.1 #dotnetconf
ASP.NET Core 2.1 #dotnetconf
 
Novidades do ASP.NET Core 2.1
Novidades do ASP.NET Core 2.1Novidades do ASP.NET Core 2.1
Novidades do ASP.NET Core 2.1
 
Controlando o Ciclo de Software e porque você deveria usar o VSTS
Controlando o Ciclo de Software e porque você deveria usar o VSTSControlando o Ciclo de Software e porque você deveria usar o VSTS
Controlando o Ciclo de Software e porque você deveria usar o VSTS
 
Ciclo de vida do desenvolvimento de software de ponta a ponta
Ciclo de vida do desenvolvimento de software de ponta a pontaCiclo de vida do desenvolvimento de software de ponta a ponta
Ciclo de vida do desenvolvimento de software de ponta a ponta
 
Conhecimentos para tomar atitude e migrar sua aplicação para asp.net core
Conhecimentos para tomar atitude e migrar sua aplicação para asp.net coreConhecimentos para tomar atitude e migrar sua aplicação para asp.net core
Conhecimentos para tomar atitude e migrar sua aplicação para asp.net core
 
Controle do ciclo de vida do desenvolvimento de software com tfs vsts
Controle do ciclo de vida do desenvolvimento de software com tfs  vstsControle do ciclo de vida do desenvolvimento de software com tfs  vsts
Controle do ciclo de vida do desenvolvimento de software com tfs vsts
 
Desenvolvimento add in Office 2016
Desenvolvimento add in Office 2016Desenvolvimento add in Office 2016
Desenvolvimento add in Office 2016
 
Além do código dicas de evolução profissional
Além do código   dicas de evolução profissionalAlém do código   dicas de evolução profissional
Além do código dicas de evolução profissional
 
Aprenda a controlar sua aplicação ASP.NET Core com técnicas de DevOps e ALM
Aprenda a controlar sua aplicação ASP.NET Core com técnicas de DevOps e ALMAprenda a controlar sua aplicação ASP.NET Core com técnicas de DevOps e ALM
Aprenda a controlar sua aplicação ASP.NET Core com técnicas de DevOps e ALM
 
O que você precisa saber sobre ASP.NET CORE
O que você precisa saber sobre ASP.NET COREO que você precisa saber sobre ASP.NET CORE
O que você precisa saber sobre ASP.NET CORE
 
Deployment no Azure
Deployment no AzureDeployment no Azure
Deployment no Azure
 
Servidor de Build e Integração Contínua
Servidor de Build e Integração ContínuaServidor de Build e Integração Contínua
Servidor de Build e Integração Contínua
 
Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1
 
Abertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET CoreAbertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET Core
 
Desenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open Source
Desenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open SourceDesenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open Source
Desenvolvimento .NET no Linux. Veja porque a Microsoft ama Linux e Open Source
 
TypeScript: turbinando os poderes do desenvolvedor javascript
TypeScript: turbinando os poderes do desenvolvedor javascriptTypeScript: turbinando os poderes do desenvolvedor javascript
TypeScript: turbinando os poderes do desenvolvedor javascript
 

Criando Interatividade com o Expression Blend 3.0

  • 1. Criando interatividade com oExpression Blend 3.0 Rodrigo Kono MVP Microsoftkono@devgoias.net twitter -> @rodrigokono blog -> kono.spaces.live.com
  • 2. Exigência de melhoria da UX nasaplicações Design de Interação O design visual define comonósiremos responder para a aplicação; O design de interação define como a aplicaçãorespondeparanós Alguns benefícios: adequar respostas do sistema às entradas do usuário balancear interação e funcionalidade previnir erros do usuário
  • 3. Ok! Vamosaotrabalho. Problema Construir e controlarinteratividadesemprojetos, com desenvolvedorese designers é difícil Exigeesforço e experiência dos profissionais Criarinteratividadesamarrandoobjetosaoselementos de interface não é o melhorcaminho. Códigogenérico e nãoreutilizável
  • 4. Solução Expression Blend 3 possui nova visãopara o problema Behaviors: Flexibilidadeparaadicionarinteratividadenasaplicações Interatividade da aplicação com oselementos de design semescreverlinha de código Divisãológica dos trabalhos Developer: desenvolvimento do códigorobusto Designer: aprimora e refina o visual
  • 6. Considerações(1) O mecanismo em Comportamentos Blend 3 é construído em torno de três importantes conceitos relacionados com a construção interatividade: Triggers, Ações (Actions) e Comportamentos (Behaviors). Triggers & Actions Quando eu pressionar o botão, a porta se abre. Ação: abertura da porta Trigger: pressionando o botão
  • 7. Considerações (2) O Expression Blend 3 instala um conjunto inicial de comportamentos(capacidade de controlar o story board, mudança visual entre estados e outras ações de execução de interfaces); Blend SDK é instalado com o Expression Blend 3 fornece todas as informações que vc e sua equipe precisa para desenvolver os comportamentos.
  • 8. Links úteis Expression Blend 3 + Sketch Flow RChttp://www.microsoft.com/Expression/products/Blend_Overview.aspx Site da comunidade de Expressionhttp://expression.microsoft.com Gallery: Prateleira de Recursoshttp://gallery.expression.microsoft.com Blog do Christian Schormann (Time de Expression)http://electricbeach.org Blog do time de Silverlighthttp://team.silverlight.net Coleção de comportamentos e efeitoshttp://expressionblend.codeplex.com Maiscomportamentos:Farseer Physics: http://www.codeplex.com/FarseerPhysicsPhysics Helpe:http://www.codeplex.com/PhysicsHelper
  • 9. Obrigado! Rodrigo Kono kono@devgoias.net http://kono.spaces.live.com Twitter: @rodrigokono