Abrir janela do browser direto Flex/Air!

Posted by Rafael Franco on 20/09/2010 in Desenvolvimento, Tecnologia | 0 comments

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

Posted by Rafael Franco on 13/05/2010 in Desenvolvimento, Tecnologia | 0 comments

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.

Posted by Rafael Franco on 6/11/2009 in Desenvolvimento, Tecnologia | 0 comments

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

Posted by Rafael Franco on 6/10/2009 in Tecnologia | 1 comment

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

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 | 1 comment

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!

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!

Adobe lança Creative Suite 4

Posted by Rafael Franco on 23/09/2008 in Tecnologia | 4 comments

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

Aprenda Flex Rápido!

Posted by Rafael Franco on 22/09/2008 in Tecnologia | 3 comments

Bom, quem acompanha o blog percebeu que eu fiquei um tempinho sem publicar nada por aqui, coisa que não costumo fazer, mas o motivo foi nobre, fiz uma imersão nas tecnologias Flex/Air e me comprometi a entregar um projeto em um prazo… digamos curto… após isso tirei 5 dias de mini-férias, por que não sou de ferro né.

Bom mas vamos ao motivo do post, o Flex é baseado nas linguagens MXML e Action Script 3, a primeira é muito similar ao xml e marca os ítens de layout do projeto. Já o AS3 é responsável pela lógica do projeto, sendo uma linguagem fortemente tipada e totalmente orientada a objetos.

Nessa minha empreitada, encontrei alguns links que me ajudaram muito a resolver o pepipo, abaixo listo os principais:

http://www.adobe.com/devnet/flex/videotraining/

Lições da Adobe desde o beaba do Flex até implementações mais avançadas.

http://examples.adobe.com/flex3/componentexplorer/explorer.html

Todos os componentes do flex em exemplos práticos de uso

http://www.vedovelli.com.br/?s=Screencast

Screencasts muito bons com muitas dicas sobre o flex.

Bom esses são alguns dos caminhos que me ajudaram neste projeto, futuramente pretendo postar algumas dicas aqui também sobre o flex. 

O resultado deste trabalho você pode conferir a no gestor financeiro da Investnews que esta no link: http://www.br.inter.net/investnews

Comente abaixo o que você achou do resultado! um abraço a todos!