Usar o AIR Extension para Dreamweaver

O Adobe® AIR® Extension for Dreamweaver® permite transformar um aplicativo baseado na Web em um aplicativo desktop. Os usuários podem, assim, executar o aplicativo em seus desktops e, em alguns casos, sem uma conexão com a Internet.

Você pode usar a extensão com o Dreamweaver CS3 e posterior. Não é compatível com o Dreamweaver 8.

Observação:

o Adobe AIR não fornece suporte para o Adobe InContext Editing. Se você usar o AIR Extension para Dreamweaver para exportar um aplicativo que contém regiões do InContext Editing, os recursos do InContext Editing não funcionarão.

Instale o AIR Extension para Dreamweaver

O AIR Extension para Dreamweaver o ajuda a criar aplicativos ricos da Internet para o desktop. Por exemplo, você pode ter um conjunto de páginas da Web que interagem uma com a outra para exibir dados XML. Você pode usar o Adobe AIR Extension para Dreamweaver para compactar esse conjunto de páginas em um pequeno aplicativo que pode ser instalado no computador de um usuário. Quando o usuário executar o aplicativo a partir do desktop, o aplicativo será carregado e exibirá o protótipo na sua própria janela, independentemente de um navegador. O usuário pode então procurar o site localmente no seu computador, sem uma conexão com a Internet.

Páginas dinâmicas, como páginas do Adobe® ColdFusion® e páginas PHP não são executadas em Adobe AIR. O tempo de execução funciona apenas com HTML e JavaScript. No entanto, você pode usar JavaScript em suas páginas para chamar qualquer serviço da Web exposto na Internet, incluindo os serviços ColdFusion ou gerados por PHP, com métodos Ajax, como XMLHTTPRequest ou APIs específicas do Adobe AIR.

Requisitos do sistema

Para usar o Adobe AIR Extension para Dreamweaver, o software a seguir deverá ser instalado e adequadamente configurado:

  • Dreamweaver CS3 ou posterior

  • Adobe® Extension Manager CS3 ou posterior

  • Java JRE 1.4 ou posterior (necessário para criação do arquivo Adobe AIR). O Java JRE está disponível em http://java.sun.com/.

    Os requisitos precedentes existem apenas para criação e visualização de aplicativos Adobe AIR no Dreamweaver. Para instalar e executar um aplicativo Adobe AIR no desktop, é necessário também instalar o Adobe AIR no computador. Para baixar o tempo de execução, consulte www.adobe.com/go/air_br.

Instale o Adobe AIR Extension para Dreamweaver

  1. Baixe o Adobe AIR Extension para Dreamweaver aqui: http://www.adobe.com/br/products/air/tools/ajax/.

  2. Clique duas vezes no arquivo de extensão .mxp no Windows Explorer (Windows) ou no Finder (Macintosh).

  3. Siga as instruções na tela para instalar a extensão.

  4. Depois de ter concluído, reinicie o Dreamweaver.

    Para obter informações sobre como usar o Adobe AIR Extension para Dreamweaver, consulte Como usar o AIR Extension para Dreamweaver.

Criar um aplicativo AIR no Dreamweaver

Para criar um aplicativo AIR baseado em HTML no Dreamweaver, você seleciona um site existente para compactar como um aplicativo AIR.

  1. Certifique-se de que as páginas da Web que deseja compactar em um aplicativo estejam contidas em um site definido do Dreamweaver.

  2. No Dreamweaver, abra a página inicial do conjunto de páginas que deseja compactar.

  3. Selecione Site > Configurações do aplicativo AIR.

  4. Conclua a caixa de diálogo Configurações do aplicativo AIR e do instalador e clique em Criar arquivo AIR.

    Para obter mais informações, consulte as opções da caixa de diálogo listadas a seguir.

    Na primeira vez que você cria um arquivo Adobe AIR, o Dreamweaver cria um arquivo aplicativo.xml na pasta raiz do site. Esse arquivo serve como um manifesto, definindo várias propriedades do aplicativo.

    A seguir, há uma descrição das opções na caixa de diálogo Configurações do aplicativo AIR e do instalador:

    Nome do arquivo do aplicativo

    é o nome usado para o arquivo executável do aplicativo. Por padrão, a extensão usa o nome do site do Dreamweaver para nomear o arquivo. Você pode alterar o nome, se preferir. No entanto, no nome deve conter apenas caracteres válidos para nomes de arquivos ou de pastas. (Ou seja, pode conter apenas caracteres ASCII e não pode terminar com um ponto.) Essa configuração é obrigatória.

    Nome do aplicativo

    é o nome que é exibido nas telas de instalação quando os usuários instalam o aplicativo. Novamente, a extensão especifica o nome do site do Dreamweaver por padrão. Essa configuração não tem restrições de caractere e não é obrigatória.

    ID do aplicativo

    identifica o aplicativo com uma ID exclusiva. Você pode alterar a ID padrão se preferir. Não use espaços ou caracteres especiais no ID. Os únicos caracteres válidos são 0-9, a-z, A-Z, . (ponto) e - (traço). Essa configuração é obrigatória.

    Versão

    especifica o número da versão do aplicativo. Essa configuração é obrigatória.

    Conteúdo inicial

    especifica a página inicial do aplicativo. Clique no botão Navegar para navegar para a página inicial e selecioná-la. O arquivo escolhido deve residir dentro da pasta raiz do site. Essa configuração é obrigatória.

    Descrição

    permite especificar uma descrição do aplicativo a ser exibida quando o usuário instalar o aplicativo.

    Copyright

    permite especificar um copyright que é exibido nas informações em Sobre para aplicativos Adobe AIR instalados no Macintosh. Essas informações não são usadas para aplicativos instalados no Windows.

    Estilo da janela

    especifica o estilo da janela (ou cromo) que será utilizado na interface de usuário quando o usuário executar o aplicativo no computador. O Cromo do sistema rodeia o aplicativo com o controle de janelas padrão do sistema operacional. O Cromo personalizado (opaco) elimina o cromo padrão do sistema e permite criar um cromo do seu próprio aplicativo. (Você cria o cromo personalizado diretamente na página HTML compactada.) O cromo personalizado (transparente) é como o cromo personalizado (opaco), mas adiciona recursos transparentes às bordas da página, permitindo janelas de aplicativo não retangulares.

    Tamanho da janela

    especifica as dimensões da janela do aplicativo quando ela é aberta.

    Ícone

    permite selecionar imagens personalizadas para os ícones de aplicativos. (As imagens padrão são imagens Adobe AIR que vêm com a extensão.) Para usar imagens personalizadas, clique no botão Selecionar imagens de ícones. Na caixa de diálogo Imagens de ícones que é exibida, clique na pasta para cada tamanho de ícone e selecione o arquivo de imagem que utilizará. o AIR oferece suporte a arquivos PNG de imagens de ícones de aplicativos.

    Observação:

    As imagens personalizadas selecionadas devem residir no site do aplicativo e seus caminhos devem ser relativos à raiz do site.

    Tipos de arquivos associados

    permite associar tipos de arquivos ao seu aplicativo. Para obter mais informações, consulte a seção a seguir.

    Atualizações de aplicativos

    determina se o instalador de aplicativo do Adobe AIR ou o próprio aplicativo executa atualizações para novas versões dos aplicativos Adobe AIR. A caixa de seleção é marcada por padrão, o que faz com que o instalador de aplicativo do Adobe AIR execute atualizações. Se quiser que seu aplicativo execute suas próprias atualizações, desmarque a caixa de seleção. Tenha em mente que se desmarcar a caixa de seleção, você precisará escrever um aplicativo que execute atualizações.

    Arquivos incluídos

    especifica quais arquivos ou pastas serão incluídos no aplicativo. Você pode adicionar arquivos HTML e CSS, arquivos de imagem e arquivos de bibliotecas JavaScript. Clique no botão de adição (+) para adicionar arquivos e no ícone de pasta para adicionar pastas. Não inclua certos arquivos como as_mmServerScripts, _notes, e assim por diante. Para excluir um arquivo ou uma pasta da lista, selecione o arquivo ou a pasta e clique no botão de subtração (-).

    Assinatura digital

    Clique em Definir para assinar o aplicativo com uma assinatura digital. Essa configuração é obrigatória. Para obter mais informações, consulte a seção a seguir.

    Pasta de menu do programa

    especifica um subdiretório no menu Iniciar do Windows em que você deseja que o atalho do aplicativo seja criado. (Não aplicável no Macintosh.)

    Destino

    especifica onde salvar o novo instalador de aplicativos (arquivo .air). O local padrão é a raiz do site. Clique no botão Procurar para selecionar um local diferente. O nome de arquivo padrão se baseia no nome do site, com uma extensão .air adicionada. Essa configuração é obrigatória.

    A seguir há um exemplo da caixa de diálogo com algumas opções básicas definidas:

     

    Caixa de diálogo Configurações do aplicativo AIR e do instalador

Assinar um aplicativo com um certificado digital

Uma assinatura digital fornece a garantia de que o código de um aplicativo não foi alterado ou corrompido desde a sua criação pelo autor do software. Todos os aplicativos Adobe AIR exigem uma assinatura digital e não podem ser instalados sem ela. Você pode assinar o aplicativo com um certificado digital comprado, criar seu próprio certificado ou preparar um arquivo Adobe AIRI (um arquivo intermediário Adobe AIR) que você assinará posteriormente.

  1. Na caixa de diálogo Configurações do aplicativo e do instalador AIR, clique no botão Definir, ao lado da opção Assinatura digital.

  2. Na caixa de diálogo Assinatura digital, siga um destes procedimentos:

    • Para assinar um aplicativo com um certificado digital pré-adquirido, clique no botão Procurar, selecione o certificado, insira a senha correspondente e clique em OK.

    • Para criar o seu próprio certificado digital autoassinado, clique no botão Criar e preencha a caixa de diálogo. A opção de tipo de certificado refere-se ao nível de segurança: 1024-RSA usa uma chave de 1024 bits (menos segura) e 2048-RSA usa uma chave de 2048 bits (mais segura). Quando terminar, clique em OK. Em seguida, insira a senha correspondente na caixa de diálogo Assinatura digital e clique em OK.

    • Selecione Preparar um pacote AIRI que será assinado posteriormente e clique em OK. Essa opção permite criar um aplicativo AIR intermediário (AIRI) sem uma assinatura digital. Um usuário não consegue instalar o aplicativo, no entanto, até você adicionar uma assinatura digital.

Sobre o carimbo de data/hora

Quando você assina um aplicativo Adobe AIR com um certificado digital, a ferramenta de compactação pergunta ao servidor sobre uma autoridade de carimbo de data e hora para obter uma data e hora de assinatura verificável independentemente. O carimbo de data e hora obtido é incorporado no arquivo AIR. Desde que o certificado de assinatura seja válido no momento da assinatura, o arquivo AIR poderá ser instalado, mesmo depois que o certificado tiver expirado. Por outro lado, se nenhum carimbo de data e hora for obtido, o arquivo AIR não poderá mais ser instalado quando o certificado expirar ou for revogado.

Por padrão, o Adobe AIR Extension para Dreamweaver obtém um carimbo de data e hora ao criar um aplicativo Adobe AIR. Você pode, no entanto, desativar o carimbo de data e hora desfazendo a seleção da opção Carimbo de data e hora na caixa de diálogo Assinatura digital. (Recomendamos fazer isso, por exemplo, se um serviço de carimbo de data e hora não estiver disponível.) A Adobe recomenda que todos os arquivos AIR publicamente distribuídos incluam um carimbo de data e hora.

A autoridade de carimbo de data e hora padrão usada pelas ferramentas de compactação do AIR é o Geotrust. Para obter mais informações sobre carimbo de data e hora e certificados digitais, consulte Assinatura digital de um arquivo AIR.

Editar tipos de arquivos AIR associados

Você pode associar diferentes tipos de arquivos com o aplicativo Adobe AIR. Por exemplo, se quiser tipos de arquivos com uma extensão .avf para abrir no Adobe AIR quando um usuário clicar duas vezes neles, você poderá adicionar a extensão .avf à lista de tipos de arquivos associados.

  1. Na caixa de diálogo Configurações do aplicativo e do instalador AIR, clique no botão Editar lista, ao lado da opção Tipos de arquivos associados.

  2. Na caixa de diálogo Tipos de arquivos associados, siga um destes procedimentos:

    • Selecione um tipo de arquivo e clique no botão menos (-) para excluir o tipo de arquivo.

    • Clique no botão mais (+) para adicionar um tipo de arquivo.

      Se clicar no botão mais para adicionar um tipo de arquivo, a caixa de diálogo Configurações de tipo de arquivo será exibida. Conclua a caixa de diálogo e clique em OK para fechá-la.

      A seguir está uma lista de opções:

      Nome

      especifica o nome do tipo de arquivo que aparece na lista Tipos de arquivos. Essa opção é obrigatório e pode incluir apenas caracteres ASCII alfanuméricos (a-z, A-Z, 0-9) e pontos (por exemplo, adobe.VideoFile). O nome deve ser iniciado com uma letra. O tamanho máximo é de 38 caracteres.

      Extensão

      especifica a extensão do tipo de arquivo. Não inclui um ponto antes da extensão. Essa opção é obrigatória e pode incluir apenas caracteres ASCII alfanuméricos (a-z, A-Z, 0-9). O tamanho máximo é de 38 caracteres.

      Descrição

      permite especificar uma descrição opcional para o tipo de arquivo.

      Tipo de conteúdo

      especifica o tipo MIME ou tipo de mídia para o arquivo (por exemplo texto/html, imagem/gif, e assim por diante).

      Locais de arquivos de ícones

      permite selecionar imagens personalizadas para os tipos de arquivos associados. (As imagens padrão são imagens Adobe AIR que vêm com a extensão).

Editar configurações do aplicativo AIR

Você pode editar as configurações do aplicativo Adobe AIR a qualquer momento.

  1. Selecione Site > Configurações do aplicativo AIR e faça as alterações.

Visualizar uma página da Web em um aplicativo AIR

Você pode visualizar uma página HTML no Dreamweaver da maneira que ela apareceria em um aplicativo Adobe AIR. A visualização é útil quando você quer ver como uma página da Web será no aplicativo sem ter que criar todo o aplicativo.

  1. Na barra de ferramentas do documento, clique no botão Visualizar/depurar no navegador e selecione Visualizar em AIR.

    Você também pode pressionar Ctrl+Shift+F12 (Windows) ou Cmd+Shift+F12 (Macintosh).

Usar dicas de código do AIR e da codificação por cores

O Adobe AIR Extension para Dreamweaver também adiciona dicas de código e a codificação por cores para os elementos de linguagem do Adobe AIR na Visualização de código no Dreamweaver.

  1. Abra um arquivo HTML ou JavaScript na Visualização de código e insira o código do Adobe AIR.

    Observação:

    O mecanismo de dicas de código funciona apenas entre tags <script> ou em arquivos .js.

    Para obter mais informações sobre os elementos de linguagem do Adobe AIR, consulte a documentação do desenvolvedor no resto deste guia.

Acessar a documentação do Adobe AIR

O Adobe AIR Extension adiciona um item ao menu de ajuda do Dreamweaver que permite acessar aplicativos AIR em desenvolvimento com HTML e Ajax.

  1. Selecione Ajuda > Ajuda do Adobe AIR.

Receba ajuda com mais rapidez e facilidade

Novo usuário?