Hoje faremos o exemplo mais utilizado no inicio do estudo de uma linguagem de programação, o “Hello World”, em poucos minutos. Utilizaremos apenas HTML e Javascript por enquanto, mas se você quiser, pode utilizar outros recursos, como CSS para fazer um aplicativo mais elaborado.
Antes de desenvolver um aplicativo devemos ter instalado o Adobe Air SDK, que é o pacote para desenvolvimento.
Você pode fazer o download neste link.
Após o download descompacte o arquivo baixado e coloque em C:\adobeairsdk
Abra as configurações das variáveis de ambiente, vá em Iniciar e abra o Painel de Controle, vá em Sistema, na aba Avançado e clique no botão Variáveis de Ambiente, coloque no path o caminho para o diretório C:\adobeairsdk\bin, isso serve para não termos que digitar o caminho completo para o diretório do sdk toda vez que formos testar nossos aplicativos.
Veja como fiz:
Agora crie uma pasta em “Meus Documentos” com o nome TutorialAdobeAir e dentro dela cria uma pasta HelloWorld, ficando Meus Documentos/TutorialAdobeAir/HelloWorld
Todos os arquivos que criarmos ficarão neste diretório.
Existem dois arquivos básicos em um aplicativo Air, application.xml e index.html. Para edição do código fonte você pode utilizar qualquer editor de texto, eu prefiro o Notepad++
application.xml
Contém todas as informações básicas do aplicativo, como: nome, id, versão, ícones, etc. O XML que usaremos possui apenas as informações básicas.
Salve este arquivo em Meus Documentos/TutorialAdobeAir/HelloWorld com o nome de application.xml
<application xmlns="http://ns.adobe.com/air/application/1.5">
<id>com.txgruppi.tutorial.HelloWorld</id>
<version>1.0</version>
<filename>HelloWorldTutorial</filename>
<initialWindow>
<content>index.html</content>
<visible>true</visible>
<width>600</width>
<height>600</height>
</initialWindow>
</application>
<application> Todas as informações do aplicativo estarão dentro desta tag.
<id> Essa tag serve para identificar seu aplicativo, é importante colocá-la como reverse-DNS-style, em miúdos, é uma url de traz para frente com o nome do aplicativo no final
<version> Possui a versão do aplicativo, muito útil na instalação quando já existe o aplicativo instalado
<filename> Tem várias utilidades: É o nome do executável, o nome do diretório de instalação, e outras refências para o aplicativo no sistema operacional
<inicialWindow> Esta tag contém todas as informações sobre a janela principal
<content> Aqui informamos qual será o arquivo usado como interface principal do aplicativo
<visible> Serve para informar ao Air que a janela será visível no carregamento
<width> Essa será a largura inicial da aplicação
<height> E essa a altura inicial
index.html
Como o nome já explica, é o arquivo principal do aplicativo, a tela inicial.
Salve este arquivo em Meus Documentos/TutorialAdobeAir/HelloWorld com o nome de index.xml
<html>
<head>
<title>Adobe Air Hello World</title>
<script>
function helloWorldAlert() {
alert("Hello World");
}
</script>
</head>
<body>
<h1>Hello World</h1>
<input type="button" onclick="helloWorldAlert();" value="Clique aqui!"/>
</body>
</html>
<title> O título da janela no SO é determinado por esta tag.
Rodando o aplicativo
Para executar o aplicativo abra o console de comando (Iniciar > Executar > cmd), vá até o diretório onde está o aplicativo, no meu caso é
C:\Documents and Settings\Tarcísio\Meus Documentos\AdobeAirTutorial\HelloWorld
e digite
adl application.xml
O Air Debug Lancher (adl) é usado para testar um aplicativo. Para distrubuirmo ela devemos montar um pacote de instalação, irei explicar isso no próximo tutorial.
Você deve ver algo semelhante a esta tela:
Você pode mover, maximizar, minimizar, redimensionar, fazer qualquer operação comum de um aplicativo no SO.
Não deixe de testar alterações no código, que tal melhorar a aparência com uma folha de estilo? Talvez alterar o conteúdo com o JavaScript. Use sua imaginação.
Com o Adobe Air um programador web pode desenvolver aplicativos desktop sem a necessidade de aprender outras linguagens, como foi visto neste tutorial.
No próximo tutorial faremos um aplicativo com mais funções do que um simples Hello World.
Abraços.
Valew Tarcísio..
Consegui rodar o meu primeiro Air teste com ajuda deste seu tutorial…
mto bom…
WiH LhRnT…
_________________________________
http://producaozero.blogspot.com/
Olá, Tarcizio. Muito bem este tutorial. Aprendi a fazer meu Hello World
Agora estou pesquisando em como fazer um Inser/Update/Delete/Select em um Banco de Dados na Web. Sei que consigo o List por XML, você tem mais informações?
Abs
Parabéns pelo 5ºlugar nas buscas do google. Realmente é um texto muito bem escrito e exemplificado, espero que ajude a muitos e que isso sirva de inspiração para suas próximas atualizações de posts.
TUDO DE BOM parceiro.
Olá, Tarcisio,
Só queria agradecer pelo tutorial introdutório. Com certeza foi um excelente pontapé inicial pra eu começar a brincar com uma ideia que estava na gaveta!
Abraços