DClick

Metadatas Personalizadas (Flex 3 e Flex 4)

Categorias relacionadas: ActionScript, Flex, Tutorial

Metadatas são declarações usadas em suas classes ActionScript/MXML que podem definir atributos de seus componentes, propriedades "bindable", eventos, etc. Quem programa em flex já deve conhecer algumas das mais comuns como [Bindable] e [Event], e para quem tem um conhecimento em Java, pode comparar metadatas com annotations.

As tags de metadata são associadas a declarações de classe, um único campo de data ou um método. Para associar uma metadata basta você escrevê-la em uma linha antes de sua propriedade ou método, como por exemplo:

ACTIONSCRIPT:
  1. [Bindable]
  2. public var nome:String;

Porém, isso não passa de uma implementação básica. Até o momento só utilizamos metadatas pré-definidas na sdk do Flex, e o que gostariamos mesmo seria criar nossas próprias metadatas, e saber como interpretá-las.

Vamos por passos. O exemplo a seguir mostra a implementação de uma metadata personalizada para atributos de uma classe.

Leia o artigo completo »

Por bruno.sales em 11/June/2009
1 Comentário »


No Translations

Behaviors no Silverlight 3 e Expression Blend 3 - Pt 1

Categorias relacionadas: Silverlight

O Problema

A criação de rich internet applications geralmente é um processo manual e que consome muito tempo, com pouca oportunidade de simplificar as tarefas entre o time ( Designer / Desenvolvedor / Arquiteto da Informação ). Para que a aplicação fique com a aparência imaginada pelo Designer ele precisa conhecer um pouco a linguagem de programação, e terá muito trabalho até que fique igual ao Mockup feito no Photoshop ou em qualquer outra ferramenta. Normalmente este trabalho é feito pelo desenvolvedor, e o resultado em geral não é como esperado. Este problema existe também para as idéias do Arquiteto da Informação e a UX da aplicação.

O Expression Blend 3 trouxe novidades para solucionar este problema, permitindo que o especialista em UX consiga aplicar todo o modelo de interações da aplicação de um jeito fácil e simples - sem a necessidade de saber linguagem de programação.

Uma destas novidades são os Behaviors.

O que são Behaviors?

Um Behavior é um comportamento de interatividade reutilizável que pode ser aplicado em diversos elementos da interface da aplicação no Expression Blend. Um Behavior não representa o comportamento de "um" controle, mais sim de quantos você quiser. Uma biblioteca de Behaviors pode ser criada para ser utilizada em diversos projetos.

Um Behavior pode ser simples, como iniciar e parar uma animação, ou complexo, como adicionar efeito gravitacional a um componente, porem o jeito que o Behavior é criado e aplicado continua o mesmo.

Por que utilizar Behaviors?

Behaviors permite que interatividade seja adicionada diretamente pelo Blend sem a necessidade de escrever nenhum código adicional. Isso permite uma separação lógica dentro do time que esta participando do projeto. Por exemplo, o designer e o desenvolvedor podem definir juntos quais o tipo de interações eles precisam para a animação. O desenvolvedor então irá colocar suas idéias encapsuladas dentro de um Behavior para que o designer possa aplicar aos objetos dentro da surface do Expression Blend de maneira simples e fácil via drag'n drop. O designer então pode então configurar e testar as interações que foram feitas pelo desenvolvedor mais idealizadas junto.

O mesmo Behavior pode ser utilizado em outras partes da aplicação, o que permite rapidamente incluir interatividade ao projeto.

Leia o artigo completo »

Por Thiago Felix em 5/June/2009
Nenhum Comentário »


No Translations

Treinamentos Flex: DClick e Caelum juntas

Categorias relacionadas: (Sem Categoria), Treinamento

No último Falando em Java, DClick e Caelum anunciaram parceria para ministrar treinamentos de Adobe Flex.

Nós da DClick temos a certeza que essa é uma grande parceria que irá fortalecer ainda mais o uso e disseminação do Flex no Brasil.

O primeiro treinamento ainda não tem data prevista para iniciar, mas o conteúdo já está disponível aqui.

Parabéns a todos que tornaram esta iniciativa possível.

Por Rafael Martinelli em 2/June/2009
2 Comentários »


No Translations

Top 10 sites para aprender Silverlight

Categorias relacionadas: Silverlight

Olá pessoal, vou deixar aqui o que eu considero ser as melhores fontes de informação para quem acompanha ou esta estudando Silverlight.

Jesse Liberty Blog - Autor da maior parte dos videos "How To" no site oficial do Silverlight. Otimo blog, com muitos tutoriais, exemplos e novidades.

Tim Heuer Blog - Responsável pela sessão "The Application Corner" no site oficial do Silverlight. Material sobre Silverlight 2 e Silverlight 3, otimo exemplos, muitas novidades. Site obrigatório.

Microsft Expression Community - Site que tem muita coisa para quem está aprendendo, coisas prontas para usar em seus projetos, forum de discussão, possui praticamente tudo sobre Silverlight ( De inspirações de Design até Bibliotecas de Behaviors para Silverlight 3). Recomendo para designers e para desenvolvedores também.

SilverZine - Este site é novo, porém tem ótimos exemplos e tutoriais de design utilizando Expression Blend.

Nikhil Kothari`s Weblog - Nikhil faz parte da equipe de desenvolvimento do Silverlight, ele é responsável pelo framework de efeitos Silverlight.FX. Posta grandes dicas de Silverlight, especialmente sobre Animação.

Silverlight Cream - Este site é uma espécie de um agregador de noticias sobre Silverlight, eles recebem diversos materiais, avaliam e postam um review sobre cada um. Tem muita coisa interessante também, vale a pena conferir.

Design with Silverlight - Mais um site que possui vários tutoriais, videos sobre Silverlight, atualizado constantemente.

Channel9 Silverlight - Conteúdo relacionado à Silverlight no Channel9. Otimos videos, recomendo a série de videos sobre o framework arquitetura para Silverlight Composite Application Guindance.

Uau nosso de cada dia - Site brasileiro, frequentemente atualizado com novidades, noticias e dicas para quem acompanha o Silverlight.

Estes são alguns dos sites que eu recomendo. Existem vários outros sites que poderiam ser citados, quem tiver algum interessante e quiser adicionar, sinta-se à vontade =).

Por Thiago Felix em 26/May/2009
5 Comentários »


No Translations

Dynamic Sounds no Flash Player 10 - Excelentes Exemplos

Categorias relacionadas: ActionScript, Flash Platform, Flash Player, RIA

Andre Michelle é um dos programadores por traz do Hobnox Audiotool, uma aplicação RIA utilizando de varias formas de mostragem e manipulação de som.

Ele criou esse exemplo da aplicação de um algoritmo que chama Karplus Strong. Este algoritimo serve para gerar sons com o mesmo timbre e aparência das cordas de um violão. É realmente legal ver esses exemplos performando a nova API de sons do Flash Player 10. No site, Andre Michelle precisou escrever que "não foi usado nenhum sample de som de violão neste exemplo. Tudo é gerado dinamicamente em AS3.", tamanha a semelhança a um violão real. Há outros exemplos bem interessantes também, veja abaixo.
http://lab.andre-michelle.com/karplus-strong-guitar

Por Marcos Arruda em 19/May/2009
1 Comentário »


No Translations

A morte do Adobe Feeds em Português

Categorias relacionadas: Adobe, RIA

Há alguns anos o Adobe Feeds (na época Macromedia News Agretator) era uma excelente fonte de referência para quem queria se manter atualizado sobre as tecnologias Adobe. Eu costumava acessar com freqüência os Feeds em Português para saber o que o pessoal daqui do Brasil e de lá de Portugal andava falando sobre Flex, Flash, RIA, etc.

Mas ultimamente, como disse aqui, aqui e aqui o Adobe Feeds em Português virou praticamente Feed de um tal de Profissionais de Web. Algumas coisas me deixam revoltado com isso. Primeiro, este site não fala apenas de tecnologias Adobe, o que teoricamente deveria ocorrer já que estamos falando de Adobe Feeds. Segundo, ao entrar no site (nem vou fazer links para eles) você vai ver o real objetivo deles com tanto banner e anúncios do Google. Terceiro, o site parece basicamente um replicador de notícias que os caras pegam na net. Sites assim estão cheios por aí e se eu quiser acompanhar algum deles eu assino o Feed, o problema é ser obrigado a acompanhar por através do Adobe Feeds.

Enfim, por causa deste tal de Profissionais de Web eu deixei de acompanhar o Adobe Feeds em Português. Ainda bem que iniciativas como a do Rede RIA podem ajudar a cobrir esta lacuna na comunidade. Tenho certeza que eles nunca vão adicionar um site como este tal de Profissionais de Web.

Por Beck Novaes em 19/May/2009
4 Comentários »


No Translations

ProgressBar parou de funcionar? Faltou coizinha…

Categorias relacionadas: Flex, Flex Components

Derrepente, progressBar que sempre funcionou parou de funcionar. Bem pra dar estresse quando prazo é bem curto.  Para passar direto de assunto... Acontece quando invez de player 9.x passou de usar 10.x.

Antigamente se você não colocou nada, ou colocou mode="manual" no progressBar, funcionou. Agora com player 10, tem que colocar mode="{ProgressBarMode.MANUAL}" se omite, barra nunca vai correr, se você tá setando pelo setProgress(loaded, total) de fora.

Por Emil Beli em 18/May/2009
4 Comentários »


No Translations