TXGruppi.com » Adobe Air http://blog.txgruppi.com Só mais um garoto de programa Tue, 06 Jul 2010 16:50:39 +0000 en hourly 1 http://wordpress.org/?v=3.0 Cada um com seu cinema Desktop http://blog.txgruppi.com/adobe-air/cada-um-com-seu-cinema-desktop http://blog.txgruppi.com/adobe-air/cada-um-com-seu-cinema-desktop#comments Wed, 24 Jun 2009 17:05:59 +0000 Tarcísio http://blog.txgruppi.com/?p=115 Foi oficialmente lançada a primeira versão do Cada um com seu cinema Desktop, desenvolvido com Adobe AIR e jQuery.

O aplicativo possui uma interface personalizada, trayicon com função de ocultar e exibir a janela principal e um menu ao clique direito do mouse, janelas de notificação que aparecem próximas ao relógio sempre que uma nova notícia é lançada no site e os plugins para jquery: template, tabs e ajaxmanager.

Gostei muito do resultado, o aplicativo ainda vai receber atualizações, uma delas será o suporte ao ApplicationUpdater.

Você pode fazer o download no portal:
http://www.cadaumcomseucinema.com.br/pagina/cada-um-com-seu-cinema-desktop

cadaumdesk
]]> http://blog.txgruppi.com/adobe-air/cada-um-com-seu-cinema-desktop/feed 2 “Hello World” com Adobe Air e JavaScript http://blog.txgruppi.com/adobe-air/hello-world-com-adobe-air-e-javascript http://blog.txgruppi.com/adobe-air/hello-world-com-adobe-air-e-javascript#comments Sun, 05 Apr 2009 04:29:33 +0000 Tarcísio http://blog.txgruppi.com/?p=12 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:
Tutorial Adobe Air - Variáveis de Ambiente

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:
Tutorial Adobe Air - Hello World

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.

]]> http://blog.txgruppi.com/adobe-air/hello-world-com-adobe-air-e-javascript/feed 4 Adobe Air: Programação desktop pra quem é web http://blog.txgruppi.com/adobe-air/adobe-air-programacao-desktop-pra-quem-e-web http://blog.txgruppi.com/adobe-air/adobe-air-programacao-desktop-pra-quem-e-web#comments Thu, 02 Apr 2009 18:58:59 +0000 Tarcísio http://blog.txgruppi.com/?p=7 Estava procurando por novas ferramentas para estudar e encontrei uma que vale o aprendizado. A Adobe lançou no inicio de de 2008 a primeira versão do AIR, uma ferramenta para desenvolvimento de aplicações desktop utilizando Flex, Flash, HTML e JavaScript.

Uma aplicação AIR é uma aplicação web, executada sobre o WebKit, que para ser distribuída deve ser ‘empacotada’ e assinada digitalmente. Por ser uma aplicação web que fica instalada na máquina, a barreira de acesso ao sistema de arquivos é vencida.

As aplicações podem ser ferramentas de escritório, ou uma interface para um serviço web utilizando Ajax.

Como faço para utilizar o Adobe AIR?
Se você pretende apenas utilizar as aplicações basta fazer o download do Adobe AIR, mas se deseja também desenvolver suas aplicações faça o download do Adobe AIR SDK.

No próximo post sobre AIR vamos começar o desenvolvimento de um aplicativo.

Um abraço.

]]> http://blog.txgruppi.com/adobe-air/adobe-air-programacao-desktop-pra-quem-e-web/feed 0