DClick

Evitando problemas com Views e DTOs

Categorias relacionadas: Flex Components, Screencast
Twitter!

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

Por Beck Novaes em 4/March/2010
14 Comentários »


No Translations

Designer para Aplicações Hollywoodianas

Categorias relacionadas: Notícias, RIA
Twitter!

A DClick SP esta em busca um Designer para seus aplicativos RIA. Os interessados devem enviar um currículo para oportunidade@dclick.com.br.

Mas deixa eu falar uma coisa: como é difícil encontrar Desginers que desejem trabalhar com aplicativos, não é verdade?

Suponho que muitos Designers não querem trabalhar em empresas de TI por alguns motivos:

1. Os Designers acreditam que numa grande agência de publicidade eles terão mais reconhecimento (só não devem se esquecer que numa agência talvez ele seja só mais um)

2. Os Designers acreditam que numa grande agência eles terão oportunidade de concorrer a prêmios (tá bom, deve ser legal, mas isso não vai mudar o mundo)

3. Os Designers acreditam que fora de uma agência seu trabalho não será valorizado, mas sim ridicularizado como geralmente acontece em empresas de TI que vêem este trabalho como algo supérfluo – para não dizer “frescura” (termo terminantemente proibido na DClick para avaliar um Design!)

Pois bem, exposto o motivo a opinião pela qual muitos Designers preferem agencias, agora deixa eu falar porque aqui na DClick será diferente:

1. Aqui na DClick você terá reconhecimento pois você será o responsável por aplicativos como este e estes do teaser. Você também estará trabalhando na maior empresa de RIA do Brasil e prestando serviços para clientes como Petrobras, Odebrecht, COC e possivelmente clientes do exterior.

2. Mas tudo isso do item 1, apesar de ser verdade, soa muito corporativo e num blog como este ninguém agüenta este dialeto dos negócios. Pois bem, trocando em miúdos, o principal motivo para você trabalhar aqui é mudar a maneira como as empresas de TI enxergam o Design de Aplicativos construindo cases que vão deixar o mundo de boca aberta. Aqui nós queremos desenvolver aplicações Hollywoodianas no sentido de “criação de grandes experiências” graças ao perfeito equilíbrio entre as diferentes expertises: design gráfico, design de interação, programação e negócios. E nós acreditamos que isso pode mudar o mundo não apenas pelos aplicativos que acreditamos que somos capazes de desenvolver, mas também com as noções tais como a de que o Design é, como tudo, algo vivo no processo e não apenas o ato de colorir wireframes.

3. Você será peça fundamental na criação destas aplicações Hollywoodianas. Aqui a sua opinião será ouvida e ponderada. Não prevalecerá os paradigmas das empresas de TI que muitas vezes vetam uma boa idéia porque acham que vai ser difícil fazer. Temos técnicos altamente capacitados para tornar realidade o seu Design. O seu Design é um desafio para nós e não um problema irrelevante.

Pois bem, já vendi o peixe da empresa, agora cabe a você vender o seu. Ajuda muito se você se achar capaz de fazer Design como os dos screenshoots abaixo:

Demo

Demo

Por Beck Novaes em 1/March/2010
3 Comentários »


No Translations

Rotacionando Janelas no Flex: PodFlip Component

Categorias relacionadas: ActionScript, Flex Components
Twitter!

A ultima turma do Imersão Adobe Flex recebeu alguns “presentinhos”. Dentre eles o componente PodFlip, utilizado numa das aplicações que desenvolvemos aqui na DClick e que o pessoal já andou vendo por aí.

É verdade que o Flex 4 e com as novas capacidades 3D do Flash Player isso será bem mais fácil no futuro. Mas enquanto este dia não chega agora é a hora de compartilhar este componente com o restante de comunidade. Espero que seja util em algum projeto para vocês.

Clique aqui para fazer o download do código fonte deste screencast.

Por Beck Novaes em 22/February/2010
2 Comentários »


No Translations

Typesafe Enum em Action Script 3

Categorias relacionadas: ActionScript, Flex, Programação
Twitter!

O screencast abaixo é bem simples, porém muito eficiente para proteger o seu código. É importante ressaltar que isso tudo é necessário, pois o Action Script 3 não possui construtor privado e muito menos a implementação nativa de Enum.

Por Rafael Martinelli em 18/February/2010
13 Comentários »


No Translations

Oportunidade para Trabalhar com RIA no RJ

Categorias relacionadas: Flex, Notícias
Twitter!

A DClick RJ está contratando programadores RIA para trabalhar no RJ.

Se você conhece bem Adobe Flex suas chances são grandes. Senão, veja se você encaixa na filosofia abaixo.

Nota: Os dois últimos projetos do vídeo foram desenvolvidos pela em parceria com a Roundarch dos EUA.

Os interessados devem enviar um email para: oportunidade@dclick.com.br. Quem sabe no próximo DClick Team Teaser o seu nome não faça parte da lista que aparece no final do clipe.

Por Beck Novaes em 12/February/2010
6 Comentários »


No Translations

Uma palestra por R$3,00 e um sorriso que não se paga

Categorias relacionadas: (Sem Categoria)
Twitter!

Uma palestra do Flex For Kids: R$ 3,00.
O evento Flex For Kids: R$ 30,00.
Ver o incrível vídeo do Flex For Kids. Apenas 3 minutos.
Ajudar uma criança a sorrir: Não tem preço.

Por Rubens Albuquerque em 1/February/2010
Nenhum Comentário »


No Translations

Como pegar o BitmapData e o ByteArray de um Embed no Flex?

Categorias relacionadas: Flex
Twitter!

Quando você quer manipular imagens e outros tipos de arquivos no Flex, geralmente você precisa do BitmapData ou o ByteArray desse arquivo. A maioria das pessoas já sabe como fazer isso usando o Loader, mas é um pouco mais difícil encontrar informações sobre como fazer isso com arquivos "Embedados". Por isso, vou mostrar aqui como fazer!

Se você quer embedar uma imagem (JPEG, GIF ou PNG) no Flex, você precisa embedar em uma variável do tipo Class. O que a maioria das pessoas não sabe é que o tipo dessa classe será BitmapAsset e que BitmapAsset é uma subclasse da classe Bitmap. Então, você pode fazer isso:

Actionscript:
  1. [Embed(source="image.png")]
  2. public var MyEmbed:Class;
  3.  
  4. private function getBitmapData():BitmapData
  5. {
  6.     var bitmapAsset:BitmapAsset = new MyEmbed();
  7.     return bitmapAsset.bitmapData;
  8. }


Agora, para pegar o ByteArray, você precisa de uma pequena alteração. Você deve adicionar o parâmetro mimeType="application/octet-stream" para a metadata Embed. Com esse parâmetro, a variável Class será do tipo ByteArrayAsset, que é uma subclasse do ByteArray. Então, você poderá fazer isso:

Actionscript:
  1. [Embed(source="image.png",mimeType="application/octet-stream")]
  2. public var MyEmbed:Class;
  3.  
  4. private function getByteArray():ByteArrayAsset
  5. {
  6.     var byteArrayAsset:ByteArrayAsset = new MyEmbed();
  7.     return byteArrayAsset;
  8. }


Dessa maneira, você pode até usar o Embed em algum arquivo TXT ou XML para sua aplicação e lê-lo facilmente! O ByteArray pode ser convertido para String dessa maneira:

Actionscript:
  1. [Embed(source="myTextFile.txt",mimeType="application/octet-stream")]
  2. public var MyEmbed:Class;
  3.  
  4. private function readEmbeddedTxt():String
  5. {
  6.     var byteArrayAsset:ByteArrayAsset = new MyEmbed();
  7.     return byteArrayAsset.toString();
  8. }


Fácil, hein?

Por André Gil em 28/January/2010
1 Comentário »


No Translations