Como interromper uma requisição ao ZendAmf no Flex

Posted by Rafael Franco on 23/10/2009 in Desenvolvimento, Tecnologia | 0 comments

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.

Como utilizar/ativar o duplo-clique em um grid no Flex ?

Posted by Rafael Franco on 7/10/2009 in Desenvolvimento, Tecnologia | 1 comment

Bom pessoal faz um tempo que não passo dicas de flex por aqui, vou aproveitar para passar uma dica rapidinha, mas que pode livrar você de perder tempo.

Uma ação muito comum utilizada no desenvolvimento em flex é a utilização do dupli-clique para a chamada de um evento relativo a linha clicada, o processo para adiconar a função é simples basta colocar a chamada no evento doubleClick do datagrid, mas é aí que existe uma pegadinha.

Este evento não esta ativado nativamente neste componente e precisa ser ativado através do parâmetro doubleClickEnabled=”true”, simples assim!

Veja um exemplo do datagrid com o duplo-click abaixo:

Enfim desenvolvedor Iphone!

Posted by Rafael Franco on 5/10/2009 in Desenvolvimento | 5 comments

Depois de muito tempo, ta certo que em em algumas etapas por culpa minha, a Apple liberou meu cadastro para publicação de aplicações de Iphone na App Store.

Agora é finalizar alguns projetos que estão comigo nas próximas semanas e cair pra dentro da App Store, alguem tem uma boa idéia de App, ou esta precisando de uma app aí ?

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

Posted by Rafael Franco on 28/07/2009 in Desenvolvimento | 4 comments

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.

Posted by Rafael Franco on 23/07/2009 in Desenvolvimento | 0 comments

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

Posted by Rafael Franco on 14/07/2009 in Desenvolvimento | 0 comments

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.

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?

Posted by Rafael Franco on 27/06/2009 in Desenvolvimento | 4 comments

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!

O que é Adobe Air? E por quê utilizar?

Posted by Rafael Franco on 12/06/2009 in Desenvolvimento | 4 comments

O objetivo deste post é tentar explicar um pouco mais do que se trata a tecnologia Air da Adobe, e quais as oportunidades que ela traz as empresas e aos usuários.

O Air começou a ser desenvolvido em 2007, ainda sobre o codinome Apollo tendo seu lançamento oficial em fevereiro de 2008, ou seja, a pouco mais de um ano.

Basicamente o Air possibilita que aplicações nativamente desenvolvidas para a Web, possas ser portadas para o desktop, possibilitando uma gama maior de possibilidades sem as restrições do browser.

Dentre as vantagens da plataforma cito como mais importante:

É multi-plataforma, ou seja não importa se seu cliente usa Windows, Mac ou Linux, a aplicação vai funcionar.

Pode funcionar Off-line, e com isso você pode criar aplicações como um leitor de email que sincroniza quando se conecta a web

É integrado ao Dreamweaver ao Flash e ao Flex, ou seja com algumas poucas alterações, aquela aplicação web vira uma aplicação desktop.

Você não precisa se preocupar com a compatibilidade de browsers, liberando a criatividade dos designers para criação de interfaces geniais.

É atualizável, ou seja a cada nova versão de sua aplicação, os usuários serão avisados e podem atualizar a APP.

Estas, são algumas das vantagens, para desenvolvedores e clientes, algumas boas aplicações já foram feitas como:

Ebay Desktop

TwitterDeck

Aol Top 100

Você pode baixar boas apps no Adobe MarketPlace

Mas, no Brasil ainda estamos em um ritmo lendo para adoção da tecnologia, pretendo aqui no blog incentivar o uso da tecnologia divulgando links, apps e tutoriais!

Seja Air você também!

Precisa testar o IE no Mac? Alkaline pode ser a solução.

Posted by Rafael Franco on 11/05/2009 in Desenvolvimento | 0 comments

Há algum tempo venho utilizando o Mac O.S em meu dia-a-dia de trabalho, e como todo desenvolvedor web preciso constantemente testar meus projetos no internet explorer para Windows, existem diversar formas de fazer isso no Mac Os e é exatamente isso que o Alkaline promete.

A aplicação tira prints dos site desejado em diversos browsers e exibe para verificação, durante o desenvolvimento o processo não é dos mais rápidos, mas para uma pequena emergência pode ajudar.

Fica a dica.

Para conhecer o Alkaline clique aqui

Como ativar Multiviews na DreamHost ?

Posted by Rafael Franco on 6/05/2009 in Desenvolvimento | 0 comments

Pessoal, a muito tempo não faço posts muito técnicos por aqui, mas como também uso este blog como histórico de solução de alguns problemas hoje vou detalhar um e a sua solução.

Problema
Ativar o Multiviews no Apache da Dreamhost que é onde hospedo minhas aplicações.

Após um pouco de pesquisa encontrei a solução, vamos a ela.

No diretório do seu site crie um arquivo texto chamado: .htaccess com o conteúdo abaixo:

Options +MultiViews

Pronto, problema solucinado.

Simples assim.
–
Update:
Para saber porque eu preciso de Multiviews veja esse post:
A importância de urls relevantes