Utilizando a extensão para Dreamweaver CS3 do Adobe Air

Olá pessoal.

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://wevertonn.wordpress.com/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:

air_app_1.jpg

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:

air_app_2.jpg

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.

4 Respostas para “Utilizando a extensão para Dreamweaver CS3 do Adobe Air”


  1. 1 Kaka 9 Março , 2008 em 11:18 pm

    Queria ver um exemplo disso, tem por aí?

  2. 2 Weverton Naves 9 Março , 2008 em 11:45 pm

    Vou colocar o exemplo que fiz no aDrive para o pessoal baixar.

  3. 3 joao 29 Maio , 2008 em 7:58 am

    ola, gostaria de uma ajuda , estou tentando instalar mais quando clico para instar o AdobeAIRInstaller da um erro dessa imagem abaixo http://img364.imageshack.us/img364/3996/sdfti9.jpg vc saberia por e como resolver obrigaoo , pq para instalar a extesão no dreamweaver devo precisa desse Adobe air instalado

  4. 4 Weverton Naves 29 Maio , 2008 em 8:18 am

    Kaka
    Tem um exemplo aí no corpo do post.

    joao
    Isso aparenta ser erro de sistema. problema no ruindows.

Deixe um comentário




Weverton Naves

Weverton Naves tem 21 anos, é webdesigner auto-didata há 6 e trabalha atualmente com varejo online. Cursa artes visuais e domina linguagens como javascript, css, html, asp e xml, com especialidade em Actionscript avançado. Seja bem vindo.

Posts Por Data

Março 2008
D S T Q Q S S
« Fev   Abr »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Compartilhe

Add to netvibes

Add to My AOL

Subscribe in Bloglines

Me mande um email

Hey, Follow me!

Arquivo

Publicidade

Licença


Os código de autoria de
Weverton Naves estão sob
Licença Creative Commons.