Gabriela Trindade Perry: HCI, Design Cognition, Flex

Normalmente, trabalhar com coleções nativas do Flex do Flex não responde às minhas necessidades… Eu costumo extender estas coleções para ter certeza que estou trabalhando com o tipo correto (meus VOs). E eu sempre preciso saber qual o “estado” da coleççao, ou seja, ter um cursor. Eu faço isso usando um Iterator.

Esta app tem uitas classes e interfaces, por isso não fica prático mostrar o código aqui, por isso dê uma olha a no código, ok?

Se você tiver sugestões (não dúvidas), comente.

View source here.

O debate pegou fogo mais uma vez na FB… Foi só falar em “Flex para  website” que estamos indo para os 50 replies. O caso é que a argumentação mais eloquente foi do Beck Novaes, que, apesar de não ter participado do debate, parece ter (finalmente) colocado um ponto final nesta (aborrecida) questão.

Aqui você vai para o post original da DClick.

Super simples. Tão simples que eu nem precisava escrever este post, de tantos exemplos que tem an web.

Mas eu estão tããããão entediada hoje, que resolvi me dar uma folga. Então aí está. Aproveite :0)

No zip você vai encontar os fontes do Flex e o fla com os dois MC, como mostra na imagem abaixo.

As imagens mostram a biblioteca do fla

E este é o script do frame 1 da timeline do fla. Não tem documetn class, mas poderia ter…

O código no Flex também é super simples…

Baixe os fontes aqui

PS. Esta solução não usa o método addFrameScript. Se você quer tentar usá-lo, veja http://blog.tygate.com/?p=194

This post is only in English, but, come on, you can understand it… And if you can´t,  the text is short.

Read the rest of this entry »

Frame by frame animations… I did those for free, can you believe it?

Well, earning money was never my strong point :0P

Read the rest of this entry »

These are some util functions I use to order my components on screen. They’re so simple and straightforward that maybe someone else could have written it allready. If that’s the case, please warn me: I’ll post the link here. Read the rest of this entry »

This is the second part of a three part series of MVC posts I intend to write.

This version is more complicated than the previous, which is pretty good in my opinion. The good about it is that it implements the Observer pattern and some interfaces that tie more elegantly the triad.

This is an AS3 version of Moock’s MVC Clock.

See the app here (view source enabled).

The flash app is coming soon (I mean, two or three days).

/***********************************************/

Essa é a segunda parte de uma série de três posts que eu pretendo escrever.

Esta versão é um pouco mais complicada que a primeira, que é bem boa, na minha opinião. O bom desta é que ela implementa Observer e algums interfaces, de forma que a tríade fica mais elegantemente composta.

Esta é uma versão AS3 do MVCClock do Moock.

Veja o app aqui (view source habilitado).

O app em flash já vai ficar pronto (dois ou três dias).

Okay, this is part one of an (intended) 3 part posting. This first example shows a very simple vision of an MVC implementation with Actionscript, with flash and flex 3. The only pattern implemented here is Singleton, used to dispatch events. I was inspired on Eric Feminella’s example, which you can check out here: http://www.ericfeminella.com/blog/2006/10/08/as3-model-view-controller-implementation/
The 2nd part will have also an Observer, just as the super elegant implementation we saw on Moock’s ES2 (best AS book ever, in my modest opinion).

The 3rd part will have Commands also.

Veja o arquivo do flash

Download the flash files here.

See the flex app here (view source enabled).

/******************************************/

Certo, essa é a primeira parte de um post que deve 3 três partes. O primeiro exemplo mostra uma visào muito simples de uma implementação MVC, com falsh e flex. O único padrão implementado é Singleton, usado para disparar eventos. Eu me inspirei no exemplo do Eric Feminella, que pode ser visto aqui: http://www.ericfeminella.com/blog/2006/10/08/as3-model-view-controller-implementation/ 

A segunda parte também vai ter um Observer, como a implementação super elegante do livro ES2 do Moock (o melhor livro de AS de todos os tempos, na minha modesta opinião).

A terceira parte também vai ter um Command

Veja o arquivo do flash

Baixe os arquivos do flash aqui.

Veja o app em flex aqui (view source habilitado).

Pra quem não entendeu, “não é bolinho” significa “não é fácil”. Este desabafo tem a ver com um fato que acabou de acontecer comigo (numa manhã de terça feira chuvosa em Porto Alegre) .

Estava eu trabalhando no Flex, construindo uma interface super bacana para um programa que estou fazendo. A idéia é ótima, olha só:

Daí? Bala, né?

Pois então, imagina que esse mapa aí atrás tem um navegador, zoom e pan,  e que os balõezinhos acompanham o mapa à medida que tu interage com ele – cara! – e não aumentam de tamanho! Pois eu espremi o meu cérebro do tamanho de uma cereja e me saí com um super-método de transformação de coordenadas que não é uma gambiarra! Eu tava aqui me sentindo o máximo – tô aqui cheia de Matrix e Points e etc…

Bem, depois que eu finalmente consegui colocar essa coisa toda pra funcionar (tava pensando: acho que vou no cinema hoje de tarde), coloquei mais uns personagens no meu XML e…

Cinema?

Moral da história para programadores: UML? Não! Desenhe cada tela antes de começar. Faça cenários. Desenhe os cenários. Depois, só depois, UML. Esse erro vai me custar horas de planejamento do sistema. Só que eu não tenho tempo pra isso.

Moral dois (ainda para programadores): Quando vocês tiverem uma idéia bala e diferente para interfaces, mesmo que achem que saibam como implementar, dupliquem o prazo do projeto.

Moral três (é, ainda): Provavelmente os padrões vão salvar o meu dia (e com esperança o meu cinema, que talvez role um pouco mais tarde).
Moral da história para designers: não odeiem os programadores. Eles (a gente?) não consegue prever tudo.

What if we wanted to have all of our images preloaded at the same time? And what if we wanted to display information while the loading progresses?

I can’t figure out a good way of doing it on a timeline base.

So Im writting this short tute: it is an excellent example of the power of object orientation.

Read the rest of this entry »