sábado, 31 de janeiro de 2009

Preparando o ambiente

O Flex Builder é uma ferramenta da Adobe para desenvolvimento Flex/AIR. Ele é construído sobre o Eclipse, uma IDE de código aberto que já é utilizada amplamente - principalmente pela comunidade de desenvolvedores Java. O FlexBuilder inclui editores para ActionScript, MXML e CSS, além de ferramentas para debug e um editor "WYSIWYG" (what you see is what you get), em que basta arrastar e soltar os componentes na tela, para depois definir apenas as suas características e comportamentos.

O Flex Builder pode ser encontrado em duas versões "Standard" e "Professional". Na versão professional, estão presentes também os componentes da biblioteca "data visualization" - que inclui o componente "Charting" (para geração de gráficos), o "AdvancedDataGrid", o "OLAPDataGrid" e componentes para automação de testes. Outro diferencial da versão profissional são as ferramentas do "Flex Profiling" - utilizadas para monitoramento de consumo de memória e uso de ciclos da CPU.

Além disso, o Flex Builder está disponível em duas distribuições: "Flex Builder 3" e "Flex Builder 3 Eclipse Plug-in" - enquanto que a primeira é um ambiente de desenvolvimento completo, a segunda depende da existência de uma versão do Eclipse na máquina. Como desenvolvedor Java/Flex, particularmente eu prefiro a opção do plug-in, pois posso também criar projetos java dentro do mesmo Eclipse (mas nada impede de se trabalhar com dois Eclipse abertos, embora hajam algumas desvantagens).

Apesar do SDK do Flex ser gratuito, e ter-se a opção de escrever o código em qualquer editor de texto e compilá-lo via linha de comando, o Flex Builder é pago. De qualquer forma, pode-se baixar aqui um trial da versão Professional nas duas distribuições. A versão trial, válida por 60 dias, tem todas as ferramentas e funcionalidades da versão ativada; a única diferença é que na versão para avaliação, os componentes do "data visualization", como os gráficos, serão compilados com uma marca d'água no fundo, informando se tratar de uma versão trial.

Existem também algumas alternativas gratuitas, como o FlashDevelop e o Amethyst, mas elas não ofereçem todos os benefícios encontrados no Flex Builder (falerei sobre elas em um post futuro).

Dica: A Adobe oferece uma licença educacional para estudantes, professores ou instituições de ensino. Acesse este site, e, aceitando os termos e condições, preencha o formulário com seus dados pessoais e faça o upload de um comprovante estudantil ou de trabalho em uma instituição de ensino (PDF ou imagem escaneada no formato GIF). Após alguns dias, será enviado por e-mail um número serial para ativação do Flex Builder Professional (incluindo a utilização do data visualization).

Os requisitos para utilização do Flex Builder podem ser encontrados aqui. Como o Flex Builder é um pouco pesado, se o computador tem bastante memória RAM, sempre é bom aumentar um pouco a memória disponibilizada para uso da IDE - para isso, basta editar o arquivo "FlexBuilder.ini" (presente no diretório de instalação do Flex Bulder) ou, para o caso da utilização do plug-in, o arquivo "eclipse.ini" (disponível no diretório do eclipse).


Instalando o Flex Builder e o Flex Builder Eclipse Plug-in

Vou mostrar agora como instalar as versões do "Flex Builder Professional 3" e "Flex Builder Professional 3 Eclipse Plug-in" (versões trial, que estão disponíveis para download no site da Adobe e que podem ser ativadas através de um número serial, como informado anteriormente).

Dica: Caso você opte pela versão plug-in e não tenha o Eclipse na máquina, ou sua versão seja inferior a 3.3, poderá baixá-lo aqui. Escolha a distribuição desejada e, no lado direito da tela, escolha o sistema operacional (atualmente só estão disponíveis plugins do Flex Builder para Windows e Mac) - costumo utilizar a distribuição "for Java Developers" para Windows 32bits. Escolha então um mirror e realize o download. Após seu término, descompacte o arquivo zip no local desejado (não é necessária uma instalação).

Bom, as instalações tanto do Flex Builder como do Flex Builder Eclipse Plug-in são muito simples: basta executar os arquivos de instalação correspondentes (FB3_win.exe ou FB3_WWEJ_Plugin.exe) e seguir os passos do wizard.

O wizard para a versão plug-in vai ter uma pequena diferença: a tela observada abaixo, onde deverá ser selecionado o diretório onde foi colocado o Eclipse.

Uma outra tela que vai aparecer, para os dois tipos de instalação, é a que está abaixo. Desmarque as opções de instalação da versão debug do Flash Player 9 (depois iremos instalar a versão 10, que é a mais atual).

No mais, dê continuidade nas etapas do wizard, até acabar o processo de instalação.


Procedimentos pós-instalação do Flex Builder ou do Flex Builder Eclipse Plug-in

Após o fim da instalação, vamos instalar a versão para debug do Flash Player 10. O download pode ser feito aqui - escolha a versão compatível com seu sistema operacional e com seu navegador dentre as disponíveis na seção "Adobe Flash Player 10 - Debugger Versions" (para o Firefox, utilize a versão "for Netscape-compatible browsers"). Execute então o instalador (é necessário fechar o browser antes).

Obs.: Caso a versão de debug do Flash Player não esteja instalada, não será possível debugar a aplicação - irá aparecer um erro como "Flex Builder cannot locate the required debugger version of flash Player...".


O próximo passo é iniciar o Flex Builder ou o Eclipse (no caso da versão plug-in). Com o uso do Eclipse, pode ser solicitado que você escolha um local para armazenar seus projetos (workspace); para a versão Flex Builder, não será feito esse questionamento. De qualquer forma, pra ambos os casos, pode-se alterar posteriormente o diretório de trabalho através do menu "File", clicando em "Switch Workspace", em "Other" e escolhendo o diretório desejado.

Após abrir o Flex Builder, será solicitado o número de licença (com a opção de continuar a utilizar a versão como trial). Se estiver sendo utilizada a versão do Eclipse com o plug-in, será necessário ir no menu "Window", clicar em "Open Perspective" e em "Other", como pode ser observado na tela abaixo. Escolha então a opção "Flex Development" e clique em "OK".

Vai abrir então a mesma tela de ativação citada anteriormente. Se você já possui um número serial, cole-o no espaço determinado e clique em "OK"; caso contrário, escolha a opção pra continuar utilizando a versão trial.

Obs: Em qualquer momento, pode-se ativar o Flex Builder, informando o número serial através do menu "Help" e "Manage Flex Licenses".


Após fechar a tela de ativação do Flex Builder, se o Flash Player não estiver devidamente instalado, vai aparecer uma mensagem solicitando que isso seja feito.

Dica: O navegador padrão costuma ser o Internet Explorer. Se a versão instalada da versão debug do Flash Player 10 foi para outro navegador, pode aparecer essa mesma mensagem. Para trocar versão do navegador no Eclipse, clique no menu "Window", depois em "Preferences". Abra então a seção "General" e clique em "Web Browser". Clique em "Search" e selecione o diretório onde o navegador está instalado. Selecione o navegador recém adicionado e clique em "OK".


Bom, o ambiente para desenvolvimento Flex já está instalado e devidamente configurado. Nos próximos posts poderemos começar com a diversão... =)

2 comentários:

Oscar (oscartobio@gmail.com) disse...

Muito bom o blog, muito úteis tuas info sobre o FB. Vou ficar ligado nos posts. Pergunta: após obter o serial pra licença de estudante, de onde faz o download da versão professional ? Esta versão Pro/Student tambem poderá ser plugada no Eclipse ?

Fernando disse...

Valeu Oscar! O blog é um pouco novo, estou fazendo algumas experiências, e sempre é estimulante receber elogios.

Quanto ao Flex Builder, a licença de estudante dá direito de usar o profissional mesmo. Esse instalador que tu baixa (seja o plugin que será "plugado" no eclipse, ou o Flex Builder mesmo) é pra um trial de 60 dias da versão profissional (se não tiveres nenhuma licença). Podes então utilizar uma licença paga ou uma de estudante sobre ele, que vai ficar a mesma coisa.