Na semana passada tive a oportunidade de fazer um primeiro projetinho real no Flash Builder, a nova IDE de desenvolvimento do Flex que deve ser lançada junto com o Flex 4 no primeiro semestre de 2010.

Nesse teste uma aplicação simples porém integrada com a dupla PHP + Mysql pude perceber como a Adobe melhorou dois aspectos que na minha opinião não são muito legais no Flex 3.

Primeiro a integração com o Php que agora funciona no sistema ‘user friendly” chega de ficar redeclarando as classes do PHP novamente no flex, o Flash Builder faz tudo isso para você.

Segundo o Debug, que na minha opinião era sofrivel no Flex 3 agora existe a possibilidade de testar as chamadas ao PHP diretamente dentro da IDE sem necessidade compilar ou debugar o código, uma avanço tremendo.

Em resumo eu gostei muito e já estou pensando em adotar a IDE como padrão aqui no dia a dia, já o framework eu vou aguardar a versão final mesmo.

E você já testou ? Comente.

A Adobe liberou ontem uma nova versão do Adobe Flash Builder 4, para quem sabe este será o substituto do Flex Builder, líder no segmento de desenvolvimento de RIAs e tem lançamento previsto para o primeiro semestre de 2010.

As novidades do Beta podem ser conferidas em http://www.adobe.com/devnet/flex/articles/flashbuilder4_whatsnew.html e o download pode ser feito em http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashbuilder4 , eu já baixei o meu e começo a testar hoje mesmo, e você?

Até a próxima!

Foi anunciando ontem no Adobe Labs, site de novidades da Adobe, a chegada em breve do Flash CS5 com um recurso que promete sacudir o mercado de desenvolvimento para Iphone.

Trata-se da possibilidade de criar aplicações nativas, distribuídas via App Store, criadas através do Flash com a linguagem Action Script 3, e o melhor utilizando plataforma Windows ou Mac, com isso o que imagino é que o já vasto número de apps existentes se multiplicará rapidamente.

O problemas ficam por conta que diversas funcionalidades do aparelho ainda não estarão disponíveis para o pessoal do Flash nessa primeira versão que tem lançamento previsto ainda para 2010 de forma beta, então o que imagino é que pelo menos no início, as melhores aplicações ainda continuem sendo as criadas em Objective-C na SDK da Apple.

E você o que acha?

Confira o vídeo com a demonstração de algumas apps criadas em flash no link abaixo:

http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/#divider

Bom pessoal, dando continuidade a série de dicas que estou passando sobre o Flex aqui no blog hoje quero mostrar a vocês como é simples criar um gráfico de barras no Flex 3.

Para isso vou utilizar dois componentes, sendo eles um arrayCollection para o armazenamento dos dados e um BarChart que é o gráfico, ‘linkando’ assim os dados do array ao gráfico.

Confira o código abaixo:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”366″ height=”281″>
<mx:Script>
<![CDATA[
//Aqui começa o código action Script

//importando o componente arrayCollection
import mx.collections.ArrayCollection

//criando e populando o arrayCollection
public var dados:ArrayCollection = new ArrayCollection([
{time:'São Paulo', torcida: 25 },
{time:'Palmeiras', torcida: 15 },
{time:'Santos', torcida: 10 },
{time:'Corinthians', torcida: 50 }
]);
]]>
</mx:Script>

<!–Criando o gráfico, e setando o dataProvider–>
<mx:ColumnChart id=”grafico” showDataTips=”true” dataProvider=”{dados}” x=”93″ y=”5″ width=”268″ height=”267″>
<!–Definição de linhas e colunas atenção ao yField e ao xField –>
<mx:series>
<mx:ColumnSeries displayName=”Time (%)” yField=”torcida” xField=”time” />
</mx:series>
<mx:horizontalAxis>
<mx:CategoryAxis categoryField=”time”/>
</mx:horizontalAxis>
</mx:ColumnChart>
<!–Setando a legenda–>
<mx:Legend dataProvider=”{grafico}” y=”5″ x=”3″/>
</mx:Application>

E veja o exemplo em funcionamento!

Nos últimos tempos tenho trabalhado com o Flex praticamente em tempo integral e com isso tenho pesquisado bastante a tecnologia e ferramentas que possam me auxiliar a tornar desenvolvimento Flex mais rápido e prático, e desta forma descobri o Blueprint.

Para quem está iniciando em uma linguagem como o Flex que é relativamente nova, é muito comum gastar algum tempo “Googlando” atrás de soluções para tarefas do dia a dia, e é aí que entra o Blueprint.

O Blueprint é um plug-in para ser instalado ao Flex Builder (em breve Flash Builder), que trás para o desenvolvedor uma caixa de busca de exemplos de código dentro da IDE de desenvolvimento, ou seja você nem precisa ir ao browser e sair persquisando e filtrando os resultados, os exemplos de código aparecem alí mesmo na ide, genial.

Para baixar o plugin acesse http://labs.adobe.com/technologies/blueprint/ a instalação é simples mas você deve seguir o passo a passo que está aqui: http://labs.adobe.com/wiki/index.php/Blueprint:Installation_Instructions

É isso, até a próxima

Vamos ao primeiro exemplo:

Objetivo: Mover um objeto de uma lado ao outro da animação ao clicar no botão.

Como fazer: Para executar esta ação basta você criar um componente de animação no mxml e apontar o mesmo para o objeto que deseja animar, após isso configuramos a ação no ActionScript e pronto!

Confira o código comentado:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”385″ height=”228″>
<!– Criando os objetos utilizados na animação –>
<mx:Button x=”310″ y=”10″ label=”Mover” click=”animar()” />
<mx:Canvas id=”objetoAnimado” x=”10″ y=”159″ width=”66″ height=”59″ backgroundColor=”#FF0000″>
</mx:Canvas>

<!– criando o objeto de animação–>
<mx:Move id=”animacao” target=”{objetoAnimado}” />

<!–Iniciando o Action Script –>
<mx:Script>
<![CDATA[
//função que será chamado ao clicar no botão
public function animar() {
//definindo o ponto de origem
animacao.xFrom = 10;

//definindo o ponto de chegada
animacao.xTo = 310;

//definindo a duração da animação
animacao.duration = 500;

//rodando a animação
animacao.play();
}
]]>
</mx:Script>
</mx:Application>

E agora veja o exemplo em funcionamento:

É isso, simples assim, em breve novas dicas de Flex3 aqui!

Eu apanhei um pouquinho então quero repassar a dica, vamos a receita de bolo.

Baixe o pacote do plug-in no link http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash, salve em seu desktop e descompacte, existem dois arquivos:

flashplayer-installer
libflashplayer.so

Sendo que não adianta usar o instalar pois não funcionará.
Faça o seguinte:

Abra o terminal e logue como usuário root
sudo su

Depois copie o arquivo libflashplayer.so para a pasta /usr/lib/opera/plugins.
cp libflashplayer.so /usr/lib/opera/plugins/

Reinicie o Opera e sucesso!

Abraço a todos!

Não sabe como instalar o Opera no Ubuntu? Aprenda aqui!