Introdução ao Flex

Neste Post estarei colocando uma introdução Básica ao Flex

O que é Flex?

Segundo o Wikipédia Flex é o nome de um conjunto de tecnologias que suportam o desenvolvimento de aplicações ricas para a Internet “RIAs” baseadas na plataforma do Macromedia Flash. Portanto precisamos ter instalado o Flash Player.

É possível verificar que as aplicações feitas em Flash oferecem ao usuário uma experiência muito mais robusta, na qual a produtividade é envolvida pela facilidade de uso e interatividade em tempo real, impossível conseguir no HTML. Desenvolver aplicações ricas com o Flash para programadores torna-se de início estranho, pois o Flash trabalha com uma linha do tempo (timeline) que facilita o trabalho dos designers, mas pode confundir programadores iniciantes nesta ferramenta. O Flex remove esta barreira, fornecendo aos programadores um novo caminho de desenvolvimento de RIAs. O Flex surgiu através da empresa Adobe Systems.

Em que consiste o aplicativo Flex Framework?

1) XML - Linguagem declarada sendo a nativa para programação do framework para o Flex, code nome MXML.

2) Actionscript - Integração total para a criação de robustos e interativos aplicativos voltados para web.

3) Biblioteca de classes - Consiste em uma coleção de comandos, atributos e componentes que podem ser atribuídos ao seu aplicativo Flex de forma rápida, com um conjunto completo podendo ser usado em run-time para a criação, sem a necessidade de criar desde o início o projeto.

4) IDE de desenvolvimento - Não tem um melhor que o Flex Builder 3, mas também podemos utilizar o Bloco de Notas ou qualquer outro editor de textos.

Linguagem MXML

Os arquivos desenvolvidos em Flex possuem a extensão MXML, a qual é uma linguagem de marcação. O MXML que é baseada no XML, para definir a interface da aplicação e o ActionScript para a parte lógica. As aplicações Flex levam a extensão .mxml e podem ser criadas em qualquer editor de texto comum, como o Bloco de Notas ou no Flex Builder 3, para acelerar consideravelmente o desenvolvimento.

MXML significa Macromedia Extentible Mark-up Language. Ela é muito parecida com o HTML, mas com a sintaxe do XML. Com um rico controle de informações e possibilidade de criação em tempo rápido, podendo criar uma loja em poucos minutos.

Como o Flex funciona?

O Flex tem como base a linguagem Action Script 3.0, junto com uma outra linguagem de desenvolvimento chamada MXML. Com estas duas linguagens, basta compilar para se obter o resultado desejado. Este resultado é um arquivo com a extensão SWF, nativa do Flash Player. Assim, com o SWF, podemos apresentar nosso sistema no Browser do cliente. Veja:

Quando criamos um aplicativo no Flex, o SWF é gerado e então você pode publicá-lo na web. O processo é muito semelhante ao Flash mesmo. O que precisamos ter em mente é que, quando uma pessoa acessa o nosso sistema em Flex, o arquivo SWF é baixado para o computador da pessoa (Cache do Browser). Como o SWF está no cliente, não existe uma forma de conectar no banco de dados e realizar outras operações, que são exclusivas de um servidor.

A saída é utilizar uma linguagem que roda no servidor, tal como PHP, ASP, Java, etc. Com esta outra linguagem de script, rodando no lado do servidor, temos um grande ganho de interatividade com o usuário.

Como fazer para desenvolver em Flex?

O SDK (software development kit) do Flex é gratuito e pode ser baixado no site da Adobe. Ele lhe permite escrever o código de sua aplicação (MXML e Actionscript3) em qualquer editor de texto e, utilizando a janela do DOS, invocar o compilador presente no SDK para compilar sua aplicação e gerar o SWF que será publicado. Essa não é a forma mais utilizada, pois exige do desenvolvedor grande conhecimento de Flex. Como se trata de uma tecnologia dentro do conceito RAD (Rapid Application Development) não faz sentido desenvolver sem uma IDE (Integrated Development Environment). Para isso, a Adobe criou o Flex Builder, ambiente de desenvolvimento baseado no Eclipse e que facilita enormemente o desenvolvimento de aplicações Flex. Ao instalar o Flex Builder, o SDK será também instalado.

Diretório do compilador:

C:\Arquivos de programas\Adobe\Flex Builder 3\sdks\3.0.0\bin\

Em breve mais artigos sobre Flex e sobre as suas linguagens ..."Action Script e MXML"