Post tageado como air
Aprendendo Flex
Postado por Weverton Naves em Air, Flex. 7/Janeiro/2009.
Falae galera.
Precisei aplicar o API Flash/Flex do Google Maps em uma página para um job que estava desenvolvendo.
Pesquisando na página do API vi que existe uma aplicação em Flash, que utiliza a tecnologia Flex para implementação.
Curioso e tals, decidi estudar um pouco de Flex (já havia lido bastante sobre, mas nunca coloquei a mão de verdade).
Em vez de postar aqui um tutorial de Flex, indico para vocês um ótimo tutorial completo para quem está inciando nesta tecnologia.
Baixe o tutorial aqui.
Saiba um pouco mais sobre Flex:
O que é Flex?
Flex é um produto da Adobe que possui a finalidade de desenvolver aplicativos RIA – Rich Internet Applications.
O Flex somente serve para a camada de apresentação de uma aplicação, isto é somente para o tratamento visual.
Como o Flex funciona?
O Flex tem como base a linguagem Action Script 3.0, junto com uma outra linguagem de desenvolvimento chamada MXML.
O que é Flex SDK?
Flex SDK é parte do Software Development Kit que a Adobe distribui como parte de sua estratégia de adoção do Flex no mercado.
Quais os arquivos contidos no Flex SDK?
Flex Debugger (um debugger por linha de comando)
Flex Compiler (compilador de MXMLC.exe por linha de comando onde você gera seu SWF final da aplicação)
Flex Compiler Component (Compilador compc.exe onde você pode escrever apenas Actionscript e ele compila o seu .as)
Flash Player Install (Contém versões do Flash Player 9 para instalação)
Lib/ (diretório onde contém bibliotecas usadas pelos compiladores para interpretar seus códigos em MXML e Actionscript 3)
Framework/ (Diretório onde contém o código fonte de todos os componentes usados em sua aplicação)
Qual a diferença entre o Flex Builder e o Flex SDK?
Ambos são parte integrantes da família Adobe Flex, porém Flex Builder é uma ferramenta de desenvolvimento conhecida por IDE, para criação com melhor visual de suas aplicações, é uma ferramenta integral como o Microsoft Visual Studio, traz uma forma nova e fácil de se usar com recursos visuais igual ao Eclipse WTD para criar layouts de forma fácil. O Flex Builder usa o Flex SDK que é gratuito, como parte de sua IDE, facilitando a vida do desenvolvedor, com isso o Flex Builder é pago.
O Flex SDK é realmente gratúito?
Sim, o Flex SDK é totalmente gratúito e pode ser usado para fins comerciais as aplicações feitas com ele, e não o SDK em sí. No próprio diretório onde você descompactou o Flex SDK, tem um arquivo chamado License.htm onde você pode ler detalhadamente o termo de licença de software do Flex SDK.
Fonte: FAQ do Imasters
Paracomeçar, basta baixar o Flex Builder Trial ou o Flex SDK:
Baixar o Flex Builder 3.0.1 ou o plug-in do Flex Builder para Eclipse
Baixar apenas o Flex SDK 3.1
Utilizando a extensão para Dreamweaver CS3 do Adobe Air
Postado por Weverton Naves em Air, Flex. 8/Março/2008.
Vamos fazer hoje um “Hello World” com Adobe Air, seguindo a documentação que pode ser baixada no site da Adobe.
Para isto, você precisará da extensão para Dreamweaver CS3 do Adobe Air e o plugin Adobe Air, baixe aqui, e instale através do Extension Manager.
Confira alguns links sobre o Adobe Air:
http://actionman.wevertonnaves.com.br/blog/2008/03/02/novidades-estudando-adobe-air/
## CRIANDO O HTML
1º - Inicie o Dreamweaver CS3.
2º - Crie um arquivo html comum. Digite Hello World. Este exemplo é bem simples, somente para aprender como aplicar a função do Adobe Air
3º - Salve o seu arquivo com hello_world.html.
## CRIANDO A APLICAÇÃO
1º - Certifique-se se o arquivo .html que acabou de criar está aberto.
2º - Vá até o menu Site > Air Application Settings. Irá abrir a janela abaixo:
Quanto às opções mostradas, segue descrição:
File Name: Nome do arquivo .air
Name: Nome do projeto.
ID: Id do projeto.
Version: Versão do projeto.
Initial Content: Você deve selecionar aqui o arquivo hello_world.html, será a página inicial.
Description: Descrição do contéudo que acabou de criar.
Copyright: Mensagem de direitos autorais.
Window Style: Estilo da janela que irá se abrir na aplicação.
Window Size: Tamanho da janela
Icons: Selecione aqui os ícones do arquivo da aplicação nos tamanhos 128×128, 48×48, 32×32, 16×16.
Associated File Types: Tipos de arquivo associados.
Included files: Para selecionar todos os arquivos que farão parte do projeto.
Digital Assignature: Para você criar a aplicação, deve criar uma assinatura digital no formato .pfx (vide figura abaixo), caso ainda não tenha um, clique em Create e preencha as informações solicitadas e salve seu certificado. Clique na imagem abaixo:
Destination: Onde o instalador do seu aplicativo será criado.
Após preencher as opções, clique em Preview e veja seu projeto em ação. No caso, como é só um teste, podemos clicar em Create Air File. Pronto, sua aplicação está feita. Agora é só distribuir. Para instalá-la, o usuário tem que ter o plugin do Adobe Air instalado.
Para quem quiser baixar o instalador do aplicativo que descrevi acima para ver o resultado final, pegue o arquivo aqui (certifique-se que tem o plugin do Adobe Air instalado).
Eu fiz um teste aqui com um site que havia feito com arquivos flash, e o principal estava em html e deu tudo certo.
Até a próxima.
Novidades.. estudando Adobe Air
Postado por Weverton Naves em Air, Flex. 2/Março/2008.
Pessoal.
A Adobe lançou oficialmente uma versão “final” do Adobe Air. Agora não é mais beta.
Baixei lá em casa, junto com o SDK, e já estou estudando alguns códigos. Consegui fazer minha primeira aplicação.
Portanto, se você também está super interessado nesta nova tecnologia, assine o RSS do meu blog (
), para aprendermos todos juntos a lidar c0m este incrivel potencial!
Alguns links interessantes:
Adobe Air Plugin
Adobe Air SDK (Kit de desenvolvimento):
Update do Flash CS3 para Integração com Air
Aplicações em Adobe Air
Extensão para Dreamweaver
Até.
Google Gears + Adobe Air. Pra mim, a futura Web 3.0.
Postado por Weverton Naves em Air, Flex. 11/Fevereiro/2008.
Há uns dias estive-me perguntando: “Como será a Web 3.0. Se é assim que devemos chamá-la, afinal, a web não é um programa, que é dividido em versões, e sim, em tendências que vão mudando tão sutilmente, que é difícil se definir períodos de 1.0, 1.5, 2.0… 3.0.
E hoje decidi me aprofundar na pesquisa de uma coisa que estava me chamando muita atenção ultimamente: o Adobe Air.
-
Publicidade
Compartilhe
Creative Commons
