Bem, depois de algum tempo a explorar as novas ferramentas da adobe, decidi começar por falar do Flash Catalyst.
Antes de mais devo confessar que apesar de ter o vicio do desenvolvimento em AS3 / Flex também tenho um grande gosto a nivel visual e gráfico, sendo que parece que o flash catalyst foi feito para mim.

A nivel visual o Flash Catalyst está muito bem conseguido, com uma ambiente simples, distribui muito bem todas as grandes “ares” de trabalho, dando enfase ao que realmente interessa. Estas areas principais são 4 + 1, falo assim porque existem 4 areas bem definidas e um quinto painel que curiosamente não têm nome, o qual apelidei carinhosamente de painel mágico. Mais à frente explico porque.

A primeira area é destinada aos “States“, sim, se não gostam muito de states (como eu) vão ter que se habituar (também como eu). Nesta area encontramos inicialmente apenas um state, ou seja, o stage principal. Aqui poderemos adicionar mais estados à nossa aplicação, criando um cópia do primeiro ou então criando um state novo. Imagine, teriamos por exemplo no primeiro state um login, no segundo a parte de visualização, no terceiro a parte de modificação.. enfim, tratam-se como se fossem “paginas”, tal como no flex builder já era possivel fazer.

A segunda area é o nosso palco principal (Stage), onde podemos adicionar alguns elementos/componentes ou importar graficos do photoshop ou ilustrador. Aqui pouco há a explicar, trata-se de uma parte ambiente tal como o Flash CS4.

A terceira parte é talvez uma das que mais complicações pode trazer, mas na realidade é muito facil de usar. Trata-se de uma Timeline, onde ao contrario do flash não está dividida em frames, mas sim (e desta feita, faz juz ao nome) dividida em espaços de tempo, o que nos indica com exactidão o tempo. Se colocarem 2 states no vosso projecto, esta será a area onde se podem animar as transições de um state para o outro e vice versa. Aqui podemos também definir transições individuais de determinados componentes de ambos os States, por exemplo animar unicamente uma datalist de um state para o outro.

Podemos aqui adicionar alguns efeitos basicos, como fade, resize, um novo efeito (do engine 3d do flash), o Rotate 3D. Apenas são permitidos muito poucos efeitos, afinal… serve apenas para indicar ao programador +- o que há a fazer.
Uma das grande caracteristicas deste painel é a possibilidade de ver estes efeitos em tempo real sem ter que abandonar o FC ou abrir um browser. Isto sim é uma grande novidade.

Na lateral direita do Flash Catalyst (por defeito) podem encontrar a quarta area, onde estão visiveis os paineis de elementos, de entre eles:

O painel Tools, onde podem encontrar elementos graficos simples, como shapes ou texto prontos a serem usado no nosso layout.
O painel Layers, onde (no caso de importarem um layout do photoshop ou do Illustrador) podem encontrar a a mesma função de layers presente no Ilustrador ou Photoshop.
O painel Componentes, onde encontram alguns componentes nativos do flex, e que podem ser usado no FC. Ao lado encontram um segundo painel onde podem encontrar todos os componentes que estão em uso no noso layout. Se não tivermos ainda inserido ou transformando qualquer componente no nosso layout este painel estará vazio. No caso de possuirem alguma datalist (aka datagrid) no layout com algum repeater (row/linhas), também poderão encontrar aqui um “gerador” de dados de exemplo, para poderem ver em tempo real os dados na dataList.
O painel Propriedades (Properties), onde ao clicarem em algum componente encontrarão as propriedades do mesmo, sendo que apenas funciona para elementos nativos ou transformados do flex, como buttons, datalist, textinput…

Por final, o painel magico… sim, aquele que permite dar vida ao nosso layout! Aquele painel em preto!

Alem de muitas coisas permite converter qualquer elemento visual em botão, datalist, scrollbar, textinput, e além disso, ao clickar em cima de um elemento transformado podemos ainda ter acesso às “parts” do mesmo, sendo possivel editar os “states” da mesma, como o caso de um botão: Over, Out, Down, Disabled ou no caso de um textInput: Enabled, Disabled. Além do mais permite associar acções a estes elementos, como tal permite que um botão possa imediatamente efectuar a transição feita por nós no painel “Timeline”. Pemite também a associação de acções a eventos como MouseOver, mouseOut, Focus…

Finalmente, tudo que o nós fazemos no stage, desde a hora de importação de um layout até à transformação de texto em componente é criado a nivel visual, mas o seu código MXML é gerado automaticamente, sendo que se clicarem no combobox que encontram na lateral direita no too, podem ver o proprio projecto pronto-a-usar no flash builder, bem como todos os componentes, assets, etc’s…

De notar que o código pode parecer muito estranho aos olhos de um utilizador do Flex Builder, e é para ser assim mesmo… na maior parte dos casos o código usado é pretencente ao FLEX 4 e podemos encontrar aqui dezenas de novidades, principalmente ligadas ao padrão gráfico FXG e novos namespaces introduzidos no Flex 4.

E bom, está dado por terminado a primeira introdução ao Flash Catalyst, que apesar de ser um aplicativo completamente novo e que veio para ficar, devo dizer que deixou um pouco a desejar, principalmente em alguns aspectos;
Não possui todos os elementos gráficos do Flash Builder, nem é possivel transformar elementos tão simples como um checkbox, ou combobox. Existem muito poucos efeitos nativos aplicáveis às transições, a nivel de componentes também não estão disponiveis todos do Flash Builder e por final, o painel propriedades não apresenta assim tantas propriedades dos componentes como o proprio nome diz… de resto, o código… o código gerado pode-se tornar um grande dor de cabeça para quem não conhece o flex 4 ou está habituado a organização diferente… mas com o habito vai lá!

Enfim, como nota final, não nos podemos esquecer que é apenas uma versão beta e vamos esperar que a versão final venha bem mais completa. Mas mesmo assim já posso afirmar que é uma poderosa aplicação, e nos primeiros ensaios posso dizer que já satisfaz bem muitas das necessidades visuais que eram dificilmente implantadas no Flex Builder.

Vem com certeza revolucionar o mercado das Rias, aproximar os designers dos developers, mas também vai fazer com que apareçam aplicações francamente “mal programadas” mas também visualmente arrebatadoras! Vamos esperar para ver!

E vocês, que pensam vocês?

Vejamos…

Flex, é o nome em si de uma nova tecnologia baseada no flash. O flex não passa de uma framework para a plataforma flash, que implementa o flash com um aspecto visual muito mais elaborado transformando-o com um conteudo rico (RIA – Rich Internet Aplication) muito por causa da sua capacidade de inter-agir com enumeras linguagens de programação como php, asp, .net ou java e com as mais completas bases de dados e API’s. Ou seja, quase tudo o que é feito em flex é possivel de fazer no flash, tendo como grande diferença no flash teriamos que criar todos os passos, e no flex, como é uma framework já possiu muitos componentes prontos a usar. Iniciado pela Macromedia em 2004 não tendo sido muito popular entre desenvolvedores, Mais tarde comprado pela Adobe (um dos primeiros softwares que a adobe comprou à macromedia, primeiro de todos) e lançado no mercado com o nome Adobe Flex, nome que toda a gente conhece.

Air, (Adobe Integrated Runtime) uma aplicação  que permite conteudo flash / aplicações desenvolvido em Flex serem executadas no Desktop / Ambiente de trabalho sem necessidade de instalações elaboradas. Aumenta a possibilidade de extender o flash ao desktop permitindo ao flex ser considerado na hora de desenvolver uma aplicação para desktop que tenha grande necessidade de suporte online, com uma facilidade e capacidades extremas pode mesmo ser usado “apenas” para uma simples aplicação como um leitor de video ou editor de texto.

Flex SDK, este é dos termos mais falados e não é nada mais que o “core”/coração do flex, são as tais funções da framework prontas a usar. Chamado de Kit de desenvolvimento de software (Software Development Kit) permite que posssamos usar todas as funções / elementos do flex nas nossas necessidades. (O SDK é gratuito e possui um compilador para compilar o nosso codigo e transforma-lo num .swf)

Flex Builder. Aqui podem existir muitas confusões… para desenvolver Flex não precisa do Flex Builder. Pode até usar o notepad, passo a explicar. O Flex Builder é um aplicativo que apresenta uma estrutura gráfica de apoio para o desenvolvimento de aplicações baseadas no nosso SDK (Chamadad de IDE – Integrated Development Environment), ou seja, é uma interface para o nosso SDK. O flex builder (software / ide ) foi baseado no Eclipse, um popular programa para programação das mais diversas linguagens. Como este é eclipse é versavel ao ponto de ser polivalente na interpretação de varias linguagens, a adobe decide basear o seu Flex Builder neste mesmo software. O Flex Builder é Pago (excepto instituições de ensino e estudantes).

Eclipse. O programa que falei em cima, como disse é polivalente ao ponto de interpretar muitas das linguagens comuns com recurso a algumas plugins, inclusive existe uma plugin “flex builder” para o eclipse, que o transforma num autentico Flex Builder, mas esta extensão é paga. O eclipse (gratuito) é muito popular entre empresas / desenvolvedores / programadores por ter um grande suporte, ser muito completo e por suportar enumeras linguagens de programação. É mesmo usado por grandes empresas e grandes projectos como o Zend Studio, Aptana, Borland ou até IBM (principal “investidora” do projecto).

Action Script é a base de tudo o que estamos a falar em cima, ou seja, apesar de o Flex usar uma variação do xml (MXML) para definir mais rapidamente alguns componentes da aplicação, na hora de compilar tudo vira Action Script 3. Esta linguagem é apontada como infinitamente extensivel o que nos permite conseguir fazer quase tudo com ela e principalmente obter uma grande variedade de componetes / extensões já feitas na comunidade e o mais interessante é que sendo uma linguagem orientada a objecto é de rápido desenvolvimento e para quem já trabalhou com o AS3 no flash é praticamente a mesma coisa. A grande dificuldade pode ser a passagem do AS2 para o AS3, mas posso indicar, não é assim tão dificil como parece e com pouco tempo vão passar a esquecer o AS2.

Assim que começei a desenvolver em AS3, esqueci completamente o AS2, mesmo no flash 8 onde ainda desenvolvia alguns sites em AS2 e que agora passei a fazer com o AS3. Muito mais rápido, pratico e eficaz.

Bem, para iniciantes em flex (e que não conheçam o Eclipse) o flex builder ainda é sem duvida a rampa de lançamento para iniciantes, pelo simples motivo de ter uma interface apenas orientada para o Flex e Air e ser de facil interpretação. O suporte do flex é enorme e têm por detrás a gigante adobe, pelo que podem contar com a muito boa qualidade de tutoriais e artigos (inglês) e como a comunidade de utilizadores / desenvolvedores está cada vez mais a aumentar, já se pode encontrar muito boa informação em Potuguês, incluido aqui no blog como o “Adobe Flex a partir do Zero” disponivel para download aqui e a introdução ao action script 3 “trace (‘Action Script 3′)” disponivel para download aqui. Se percorrerem este blog encontrarão com certeza muita informação, bem como links para mais alguns blogs com muito boa informação e tutoriais.

Mais informações:

Ria – Rich Internet Aplications na wikipedia – Veja

Adobe Flex – Site oficial – Veja

Adobe Open Source – Flex SDK – Veja

Adobe Air – Veja

Eclipse – Site Oficial – Veja

Flex.org – Site de suporte e showcase – Veja

Bom, espero que tenham ficado esclarecidos e agora saibam por onde começar..

Abraço.