No seu aplicativo você tem um DTO cujo os dados são renderizados por diferentes Views (telas). Então, toda hora que o seu DTO muda, você percebe sua aplicação travada por uns segundos. Depois de um tempo você percebe que o problema é que mesmo as telas que estão invisíveis estão executando código de apresentação de dados com base no novo DTO. Bem, este é um problema comum quando trabalhamos com DTOs complexos e abusamos do Data Binding.

A notícia ruim é que se você não teve este problema ainda, um dia você terá. A notícia boa é que uma das maneiras de evitar este problema é utilizar o DTOViewHelper, componente disponibilizado neste screencast.

Alguns Frameworks atuais do Flex oferecem maneiras de resolver este problema, mas o DTOViewHelper é independente do Framework que você usa. Além disso, como pode ser visto no Screencast, você pode definir métodos auxiliares dentro do DTOViewHelper com o objetivo compartilhar lógica de apresentação de dados de DTOs entre diferentes Views (veja o exemplo da Data que mostra a string “Hoje” no Screencast).

Clique aqui para fazer o download do código fonte do exemplo “errado” (I could be WRONG).

Clique aqui para fazer o download do código fonte do exemplo “certo” (I could be RIGHT).

Resolvi repetir a dose. E aqui estou eu novamente para mais um Terça Insana Megapost.

Componente ValidatorGroup: Use apenas um validador para mais de um controle de interface.

HTMLTextItemRenderer: Use um ItemRenderer super leve para formatação “avançada” de uma célula no DataGrid

Screencast 2 em 1: Entenda os dois componentes em apenas 5 minutos.

Podcast: Podcast baseado numa “reunião/apresentação” sobre componentetização e vários assuntos “avançados” de Flex na DClick. Neste Podcast a Parte I da reunião com foco em componentização e performance no front-end


[audio:http://www.becklog.org/wp-content/uploads/2009/reuniao-parte1.mp3]


Download do Podcast

Componente QuickView: Faça um Preview dos seus DTOs

Componente QuickSearch: Faça um QuickSearch como no MAC OS

Componente PodStack: Faça transições sem abrir mão do View Stack

Screencast 3 em 1: Entenda tudo isso em apenas 12 minutos. Nada de textos e posts longos complicados.

Desde que eu apresentei “O Segredo das RIAs de Sucesso” no Café com o Tom eu tive vontade de fazer uma versão mais “caprichada” e disponibilizar para a comunidade dado o Feedback positivo que a apresentação teve. Por isto, hoje estou disponibilizando “O Segredo das RIAs de Sucesso – Professional Edition”.

Caso tenha vontade, utilize as opções do player acima para embutir (embed) este vídeo na página que desejar. Se preferir, pode fazer o download do .MOV original clicando aqui

Além de usar e abusar das transições do Keynote (Powerpoint nunca mais!!!) o conteúdo da presentação também sofreu alterações. Eu removi alguns slides desnecessários, modifiquei completamente a primeira parte da apresentação e substituí­ algumas imagens por ví­deos exemplo para explicar melhor os conceitos (isto foi muito útil principalmente no capitulo que fala dos efeitos/transições).

Se você já conhece o Segredo poderá tirar proveito desta versão turbinada com excelente áudio, novos conceitos e exemplos mais ricos. E para quem ainda não conhece o segredo fica a pergunta: O que Mohamed Ali, Albert Einstein e Steve Jobs tem a nos ensinar sobre as RIAs de sucesso?

Clique aqui para ver outros vídeos da DClick TV.
Clique aqui para assinar o RSS da DClick TV.

Este screencast demonstra como utilizar o agente customizado AutoQuick para gravar e reproduzir iterações de um usuário em uma aplicação Flex.

O mais interessante deste agente é poder gravar um script e salva-lo para posteriormente ser utilizado em testes ou apresentações. Eu não entrei no detalhe para modificar o comportamento da biblioteca, com por exemplo, adicionar pausas ao script. Se alguém precisar de ajuda por favor deixe seu comentário.

Vocês vão precisar:
1. da aplicação FlickrDemo feita pelo Beck Novaes;
2. dos arquivos fonte do projeto AutoQuick

Vocês podem consultar a documentação sobre este projeto no live docs.

Veja o vídeo

Teste a aplicação FlickrDemo!

Clique aqui para fazer o download em alta resolução.

Quem vem acompanhando o blog da DClick nos últimos tempos deve ter notado o aumento no número de Screencasts que estamos fazendo. Isto faz parte de uma iniciativa que visa tornar este blog de RIA um blog mais Multimídia com vídeo (Screencasts), aúdio (Podcasts), demos (Aplicações RIA) e, obviamente, texto.

Mas disponibilizar conteúdo é apenas um lado da história. O outro diz respeito a mantê-lo organizado. Por este motivo estamos lançado hoje o DClick.tv, o canal de Vídeos da DClick na web.

Clicando aqui você acessa o DClick.tv. Clicando na barra lateral aqui no blog você acessa diretamente um dos nossos vídeos. E tem mais. Você pode assinar o RSS exclusivo da DClick TV. A vantagem? Além de ter um RSS apenas dos vídeos você poderá diretamente no seu leitor de RSS baixar os vídeos em alta resolução.

Esperamos que a comunidade de RIA goste.

Este é o segundo (clique aqui para ver o primeiro) de uma série de Screencasts para pessoas não tão experientes em Flex que eu estou fazendo. (Se você não aprender nada com esta série de Screencasts, pelo menos vai virar fã do The Killers)

Ao todo devem ser quatro Screencasts:

1. Construindo uma aplicação Flex Flickr em 10 minutos
2. Refatorando a Flex Flickr App
3. Aplicando um Framework na Flex Flickr App
4. Estilizando a Flex Flickr App

Confira a aplicação e faça download do código fonte

Digite, por exemplo, The Killers, clique em Search e depois selecione a “View 2″.

Clique Aqui para ver e fazer o download do código fonte.

Veja passo a passo como refatorar esta aplicação.

Clique aqui para fazer o download em alta resolução.

Olá pessoal.

Um bom tempo já se passou depois do ultimo screencast da nossa aplicação, gostaria de ter postado a continuação antes, mais é um pouco complicado conseguir tempo.

Neste screencast vamos poder ver de fato o silverlight em ação utilizando a ferramenta Microsoft Expression Blend, como integrar com código C# e algumas idéias de interface.
Espero que vocês gostem.

Download: Source (Temporariamente no rapidshare)

Duvidas, criticas e sugestões por favor me enviem.

Para realizar a terceira parte do desenvolvimento da nossa aplicação, resolvi dividi-lá, em dois videos (screen cast). O segundo pretendo postar em breve

K Desktop Enviroment, conhecido como KDE, decidiu re-escrever seu DE, porque KDE versão 3.5 creçeu até o ponto quando manutenção se tornou impossivel. Time se reuniu e decidiu partir para outro caminho, separando interface de dados e serviços, deletando o que eu digo “Begin até o End” e fazendo tudo de novo direitinho. Resultado foi o engine chamado “Plasma”, e está implementado no novo KDE 4 (4.2 RC1 neste momento). Eles conseguirum integrar seus widgets com widget de Mac OS X. Veja Screencast

Olá pessoal.

Continuando a nossa aplicação de consulta de produtos da amazon, segue o screencast da parte 2.

Até agora nós utilizamos somente o VisualStudio 2008 como ferramenta e programamos apenas em C#.NET, o que pode não ser novidade para alguns. Mas a partir do próximo screencast entramos em outra fase do desenvolvimento, vamos usar o Expression Blend da Microsoft para criar o Layout da aplicação e entender o código XAML.

Logo estarei disponibilizando os arquivos para download.

Olá pessoal.

Este é o primeiro Screencast sobre silverlight aqui no blog, vamos desenvolver uma aplicacao que consulta um webservice da amazon.

Para aqueles que estão anciosos para ver o Silverlight e suas IDE’s em ação, posso adiantar que nos dois primeiros screencasts montaremos o code-behind da nossa aplicacao e os tres screencasts seguintes serão voltados para construção do design da aplicação utilizando o Expression Blend.

Espero que voces gostem.

Download do codigo fonte.

Download do video(Botão direito/Salvar link) :High | Medium | Low

Este é o primeiro de uma série de Screencasts para pessoas não tão experientes em Flex que eu pretendo fazer. Ao todo devem ser quatro Screencasts:

1. Construindo uma aplicação Flex Flickr em 10 minutos
2. Refatorando a Flex Flickr App
3. Aplicando um Framework na Flex Flickr App
4. Estilizando a Flex Flickr App

Confira a aplicação e faça download do código fonte

Digite, por exemplo, The Killers, clique em Search e depois selecione a “View 2″.

Clique Aqui para ver e fazer o download do código fonte.

Construindo: Veja passo a passo como construir esta aplicação em 10 minutos

Faça o download do .mov em alta qualidade.

Saiba mais sobre a API do Flickr.

Veja também o segundo episódio.

Pessoal, segue o primeiro screencast disponibilizado pela DClick. Com certeza é o primeiro de muitos. Essa é uma demo bem simples do workflow entre Flash Catalyst e Flex 4.

A qualidade do vídeo no Vimeo não ficou muito boa. Sugiro que baixem os arquivos para ver. Iremos investigar o que ocorreu e no próximo vai estar bem melhor.