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…


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.

Como interromper uma requisição ao ZendAmf no Flex

img1asas

Hoje passei aqui para deixar uma dica bem rápida sobre Flex, mas que me salvou a semana.

Estou desenvolvendo um sistema de BI com a seguinte estrutura

Flex <-> ZendAmf <-> Sql Server

Porém a base de dados é gigante, e vez por outras as consultas levam mais de um minuto.

Até ai tudo bem pois o cliente entende que a demora é da base e não da APP, mas ele me questionou que caso uma consulta demore muito ele gostaria de cancelar, ai pintou a dúvida, como cancelar uma requisição que já foi enviada ao php?

E quem me passou a dica foi o Vilmar Spies na lista Flex Dev.

“se estiver utilizando RemoteObject
é só cancelar:
remoteobject.getOperation(“getList”).cancel();”

Troque o getList, pelo nome da função chamada e pronto, muito simples mas eu não havia encontrado.

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!

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 receber parâmetro via URL no Flex 3?

Picture 1

Ultimamente tenho desenvolvido quase 100% do meu tempo no flex, e uma das necessidades que surgiram durante o desenvolvimento foi a possibilidade de receber parâmetros via url dentro do Flex.

E a solução é simples como deveria ser. Basta importar os pacotes BrowserManager e IBrowserManager e receber os dados:

Confira o código:

<?xml version=”1.0″ encoding=”utf-8″?>

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” creationComplete=”init()”>

<mx:Script>

<![CDATA[

import mx.managers.IBrowserManager;

import mx.managers.BrowserManager;

import mx.controls.Alert;

public function init(){

var bm:IBrowserManager = BrowserManager.getInstance();

bm.init();

Alert.show(bm.url);

}

]]>

</mx:Script>

</mx:Application>

Simples e rápido! Tem dúvidas? Deixe seu comentário!

Pela lógica Massa não deve vencer o campeonato. {Rich Post}

Quero neste post estrear um novo tipo de posts, aqui no blog e talvez na internet, são os posts chamados “Rich Posts”, ou posts ricos, que consistem em posts que não se limitam apenas a texto e fotos, mas que utilizem gráficos, tabelas, ilustrações e aplicações criadas pelo próprio blogueiro para enriquecer o conteúdo.

Neste primeiro post quero mostrar a análise que fiz do mundial de pilotos da fórmula 1 que está chegando ao seu ponto decisivo para o título 2008, tendo a distância ficado em apenas 1 ponto entre Felipe Massa e Lewis Hamilton.

Como você pode acompanhar no gráfico abaixo analisando a evolução dos pilotos no ano, Massa ficou a frente do inglês em apenas um ponto do campeonato tendo Hamilton se mantido a frente no restante do das corridas, se mantiverem a média do campeonato a chance do piloto brasileiro ser campeão é menor.

Apesar disso, torço muito para que meu conterrâneo, (o Massa é de Botucatu), quebre essa sequência e vença o campeonato.

Se quiser copiar o gráfico fique a vontade

E você o que acha? Gostou do Rich Post? Comente!

Adobe lança Creative Suite 4

 

Como já era esperado foram lançadas hoje as novas versões dos softwares de produção da Adobe, estes que são os carros-chefe da produção web mundial.

Dentre os lançamentos está o novo Update do Photoshop que chega a versão CS4, com novas ferramentas efeitos e uma nova forma de processamento de imagens.

Também foram disponibilizadas as novas versões do Photoshop Extended, InDesign, Illustrator, Flash Professional, Dreamweaver, After Effects e o Premiere. 

Os preços como sempre são bem salgados e vão de US$999 a US$1.799 aqui você pode conferir a tabela completa, de quanto vai ter que gastar para conseguir o serial do Dreamweaver cs4.

O que mais me interressa pelo menos neste início é o Dreamweaver CS4, o qual vou testar e posto ainda esta semana meus comentários sobre ele.

Pra quem quiser Baixar o Dreamweaver CS4 ou baixar o Photoshop CS4 além de todos os softwares que a Adobe atualizou clique aqui!

E você testou? O que achou? 

Aqui abaixo você pode ver um vídeo com algumas das novas funcionalidades do Dreamweaver CS4