Iniciando com Adobe AIR

13 Replies


O Adobe AIR(Adobe Integrated Runtime) é um framework de desenvolvimendo para criação de aplicativos desktop, um nivel acima em relação as Rich Internet Application(RIA) já existentes. Podendo-se criar uma interatividade nunca antes vista em relação a aplicativos desktop e web.
Grandes empresas já o utilizam a todo vapor desde quando ainda estava em versão beta como exemplo:

Quem pode desenvolver em Adobe AIR?
A logo do Adobe AIR é uma amostra disso, seu desenho basea-se em um bumerangue, cada ponta significando que o desenvolvedor tem a opção de programar com Adobe Flash, Adobe Flex e html/ajax:

Alguns recursos disponivéis com Adobe AIR:

  • Toda a API do Flash Player e uma API exclusiva para javascript;
  • API de atualização automatica;
  • API de instalação automatica;
  • suporte a sistema de arquivos;
  • uma aplicação que rodar tanto windows, mac ou linux;
  • Uso de certificado digital;
  • suporte a multidiomas(a partir da versão 1.1);
  • Engine HTML baseada no webkit(a mesma usada no safari, celulares nokia, google chrome etc);

Alguns recursos não disponiveis:

  • Execução de programas externos;

Um primeiro exemplo
Mostrarei um exemplo que o Ben Forta sempre gosta de demostrar em suas palestras =)
Mas antes, vamos conhecer como é a estrutura de uma aplicação feita em Adobe AIR:
Nesse exemplo utilizarei o Adobe Flex Buider 3
Vá no menu “File->New->Flex Project” para criar um novo projeto.
Na janela seguinte é onde determinamos se o projeto será para web(com Flex) ou desktop(com Adobe AIR), selecione a opção do Adobe AIR.Nas outras telas, basta clicar em next e finish. Será criado uma estrutura de diretorio como na imagem abaixo:
Note que alem do arquivo .mxml criado por padrão, também foi criado um arquivo -app.xml, e no mxml
uma nova tag, a WindowedApplication.
No arquivo -app.xml costam as configurações gerais da sua aplicação como por exemplo: nome, versão,descrição, diretorio onde sera instalado, janela transparente,icones etc.
segue o codigo fonte completo do mybrowser-app.xml
[xml]
< ?xml version="1.0" encoding="UTF-8"?>


mybrowser


mybrowser


mybrowser


v1







[This value will be overwritten by Flex Builder in the output

app.xml]



none


true


























[/xml]

agora o codigo em mxml da aplicação:

[MXML]
< ? xml version="1.0" encoding="utf-8"? >
< mx : WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" >
< mx : HBox width="100%" >
< mx : Label text="ENDEREÇO:" / >
< mx : TextInput width="100%" id="link_txt" text="http://" / >
< mx : Button label="GO" click="h.location=link_txt.text" / >
< / mx : HBox>
< mx : HTML width="100%" height="100%" id="h" / >
< / mx : WindowedApplication >
[/MXML]

Executando deveremos ter o seguinte resultado, um browser feito em Adobe AIR.

Seguindo, devemos agora gerar o executavel dessa aplicação para que possa ser instalado no pc, lembrando que somente será instalando se o Adobe AIR já estiver instalado no computador.
Para gerar o executavel, faça o seguinte: “File->Export->Release Build”.
Na primeira tela, não precisa mudar nada, na tela seguinte temos que configurar a assinatura digital.

Se vc não tem algum certificado para usar, podemos criar um para testes, clique em “create” e aparecerá a seguinte tela:

Preencha de acordo com seu gosto, será criado um arquivo com a extensâo .p12 que será imbutida na
sua aplicação e sera lida quando o Adobe AIR for executar a instalação da aplicação no computador. Clique em “Next”.
Nesta tela sera mostrado os arquivos que você deseja que seja incluidos na aplicação final, como padrão são selecionado os arquivos .swf e -app.xml.

Basta clicar em “Finish” e será criado um arquivo com a extensão .air e você terá criado sua primeira aplicação em Adobe AIR, se você ja tem o Adobe AIR instalado na sua máquina, basta ir ao diretorio onde foi gerado o executavel e dar dois cliques.

Aproveite e teste você mesmo a aplicação:
mybrowser

Algumas referências:
DEVNET
Livedocs Flex 3
Adobe AIR resources
AIR for everyone
Business benefits
Browser vs. desktop
Download AIR applications

Translations:
English Version

Leia também =D

13 thoughts on “Iniciando com Adobe AIR”

  1. vinicius

    Mais uma tecnologia para excluir socialmente e transformar em defasados os pequenos programadores e os usuários das periferias e do interior.
    A maior parte dessas tecnologias como visto no inicio da sua matéria são utilizadas corporativamente gerando conteúdo voltado para o consumo, raramente vê-se o uso e aplicação dessas em projetos sociais, ongs, etc, viabilizando economia no terceiro setor e no setor público.
    Se um desses desejar utilizar tal deve fazer elevados investimentos que culminam em ROI desprezível.
    Desconheço projetos nos ramos que citei que utilizem qualquer dessas revolucionárias tecnologias de interação na web obtendo deles resultados melhores que sem eles.
    Gostaria de ver um fórum de discussão um script de portal social ou um cms livre e gratuito com tal tecnologia e pronto para ser instalado, otimizado e distribuído.
    Gostaria que alguém me enviasse links mostrando que isso existe, me sentiria envergonhado com prazer e retiraria tudo o que disse.

  2. nereujr

    Vinicius,
    Não é um software feito por humanos que vai modificar a consciência humana…
    Entendi sua posicão e concordo com ela, porém acho que este debate nao é o objetivo do blog.

    abraço.

  3. Paula Fernanda

    Ow vinicius, vc ker dizer q só vale a pena desenvolver tecnologia livre! Me parece mais um dakeles milhares de linuxistas-socialistas revoltados pq o mundo se importa com dinheiro ¬¬ se não fosse o mercado e a busca por dinheiro vc nem mesmo poderia acessar a internet, que dirá postar “miolo-de-pote” em blogs por aí… ¬¬

  4. joel

    vinicius, tu perdeu uma oportunidade de ficar calado 😛

    sobre o adobe air, é otimo saber que as tecnicas que sempre usei pra fazer aplicacoes web agora tem seus poderes extendidos ao desktop.
    o leque de possibilidades se extende, e dai cabe a imaginacao dos devmans fazer o que der na telha!

    sou desenvolvedor, e estou entrando no mundo AIR agora … mas ja tenho objetivos e ja sei oq fazer com isso 😛
    leo, parabens pelo post!

  6. gesse goncalves

    Não concordo com a opiniao do vinicius , AIR e muito facil de trabalhar, funciona em linux, mac e windows, nao precisa de banco de dados externo,e rapido, bonito, etc , etc, se voce quer contruir uma pequena aplicacao desktope ele e uma otima opcao. esperincia propria , fiz um programa de video locadora nele, ee pelo nenos to fazendo

  7. rodrigo

    como faco pra clicar com o botao direito e poder abrir o link em uma nova janela ou mesmo aba?

  8. Rodrigo

    Léo, desde já muito obrigado. Não tenho um comentário é mais uma dúvida. Qual arquivo devo editar para passar as mensagens para português do instaldor? Através do -app.xml? encontrei alguma coisa como alterar versão, descrição mas nada referente ao idioma dos botôes e textos presentes no instalador. DEsde já, muito obrigado.

  9. Leonardo França Post author

    Nunca tentei alterar o idioma da tela de instalação, desde a versão 1.1, ele já pega o idioma nativo do sistema operacional, vou pesquisar isso pra vc 😉

  12. Jackson

    Leonardo, estou começando a trabalhar com AIR e gostaria de saber como crio um site html com a instalação do meu aplicativo e se necessario que instale antes o AIR, como no seu exemplo do minibrowser.

Leave a Reply