Abrir janela do browser direto Flex/Air!

Hoje estou finalizando um aplicativo desenvolvido em Flex e que será distribuído compilado dentro do formato Adobe Air e pintou a necessidade de abrir um link do aplicativo dentro de uma nova janela do browser padrão do sistema operacional.

A solução é simples mas pode ajudar alguém, então veja o código abaixo:

import flash.net.URLRequest;

import flash.net.navigateToURL;

//variavel com o link
var url:String = ‘http://seulink’;

// Objeto URLRequest.
var rURL:URLRequest = new URLRequest(url);

// Navega para a url do objeto URLRequest.
navigateToURL(rURL, ‘_blank’);

É isso, simples assim…


Adobe x Apple, mais um capítulo

Bom, pra quem acompanha o dia a dia de tecnologia a briga entre Adobe dona da tecnologia Flash e Apple dona dos gadgets mais vendidos da atualidade (Iphone, Ipad etc) já virou uma novela.

Depois do veto da Apple para a entrada do Flash player em seus gadgets, coisa que eu acredito que ocorre apenas por questões comerciais, uma vez que a Adobe tentou dar um “chapéu” na Apple ao adicionar a função de compilar para Iphone no Flash CS5, atitude que não foi bem vista em Cupertino, já tivemos cartas de um lado, posts inflamados do outro.

E hoje mais um capitulo da história acontece, ao acessar o site da Adobe pude perceber um mega banner linkado para uma página chamada “Freedom of choice” ou Liberdade de escolha, numa clara alusão a plataforma fechada da Apple.

Nesta página a Adobe promete que ama HTML5, que é legal etc etc etc… Só não explica por que uma suite de aplicativos sua custa mais de 3 mil dólares, custo maior que o do hardware.

Também nesta página esta o link “The truth about Flash” ou a verdade sobre o Flash, que eu chamaria de “A verdade da Adobe sobre o Flash” onde a empresa exalta as “maravilhas” do flash.

Bom eu gosto das duas empresas e acho que ambas tem erros e acertos e gostaria que seria boa para os usuários, que afinal é o que importa.

E você o que acha ?

Flash Builder, primeiras impressões.

flex

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.

Adobe libera beta 2 do Adobe Flash Builder 4

flash_builder_logo

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!

Adobe anuncia que o Flash vai chegar ao Iphone

appsfor_iphone_ph2_557x200

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

Como criar um gráfico no flex 3 – Parte 1 – ColumnChart

imgGrafico

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!

Blueprint uma mão na roda no desenvolvimento Flex.

flex

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

Como animar no Flex – Parte 1 – Move

A partir desta semana pretendo iniciar aqui no blog uma série de artigos explicando pequenas coisas que vocÊ pode fazer com o Flex.
Coisas simples como fazer uma animação, mas que podem ser algo complicado para quem está iniciando.
Como você já sabe, ou não, o Flex, diferentemente do Flash, não trabalha com a famosa timeline, ou linha do tempo.
Ou seja no flex a animação deve ser construída usando o Action Script e o MXML.

Vamos ao primeiro exemplo:

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

dica

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!

Como ativar flash no Opera em Ubuntu 7.10

Instalar o plug-in do flash em um browser normalmente é a coisa mais simples do mundo. Não quando o sistema é o Ubuntu 7.10 e o browser é o Opera 9.5b

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!