Beta Public

AIR Além de seu navegador V 0.2

Adobe® Integrated Runtime

Passo a passo

Por Carlos Eduardo

Community Expert
e-Genial Soluções Inteligentes
Índice

O que é AIR além de seu navegador?..................................................................................3

Para quem é este e-Book?.....................................................................................................3

Agradecimentos.....................................................................................................................3

Introdução..............................................................................................................................4

O que é o AIR?.......................................................................................................................5
Um breve overview.............................................................................................................6
O que o AIR tem que a baiana não tem?.............................................................................7
Como que crio mesmo aplicações AIR?.............................................................................8
O que é Flex? .....................................................................................................................8
Adobe® Flex™ Builder™..................................................................................................9
Praticando e entendendo.....................................................................................................9
O que é AIR além de seu navegador?

Este pequeno e-Book é um projeto pessoal que tem por objetivo criar
uma documentação baseada no conceito step-by-step sobre o
desenvolvimento de aplicações ricas com AIR.

A idéia básica é manter sempre este material atualizado com o máximo

de informações, sempre que sair uma nova versão publica do AIR no
labs da Adobe este material poderá sofrer alterações.

Todos os códigos fontes das aplicações criadas e suas atualizações bem

como comentários sobre o conteúdo apresentado aqui podem ser feitas
pelo blog http://www.blog.egenial.com.br.

Caso tenha alguma dica para a melhoria deste material basta enviar um
email para carloseduardo@egenial.com.br com o título “Melhorias: AIR
Além de Seu Navegador”.

Para quem é este e-Book?

Antes de iniciar gostaria de dizer que este material vai ser sempre do
tipo passo a passo, pois o foco aqui é ajudar as pessoas que estão
entrando no mercado de desenvolvimento de aplicações ricas com Flex e
indo um pouco além usando AIR.

O Conteúdo mostrado aqui não ensina ninguém a programar e nem as

melhores práticas que tanto falam pelos blogs da vida, e sim uma
introdução ao AIR passando por exemplos reais de desenvolvimento do
dia a dia.

Agradecimentos

Gostaria de agradecer minha esposa Erenice que esta sempre ao meu

lado com sua infinita paciência e a todos que direta e indiretamente
apóiam minhas idéias malucas do dia a dia.

Não posso deixar de lembrar do meu amigo João Fernandes de Portugal

que sempre me ajuda nos momentos em que cola as placas do cérebro
e a coisa não anda.
Introdução

Há alguns anos atrás com o surgimento da internet e conseqüentemente

com o aumento de banda os termos como Application Service Provider
(ASP) e Software as a Service (SaaS) se tornaram realidade para
muitas empresas e usuários de serviços on-line. Muitas empresas
começaram a investir neste segmento tecnológico e continuam
investindo pesadamente, a idéia básica destes dois termos é vender o
uso do sistema, ou seja, software on-demand onde o modelo de negocio
favorece o cliente fazendo com que o mesmo não pague por licenças e
sim pelo seu uso.

Ambas as modalidades se enquadram perfeitamente em soluções web,

em aplicações onde os clientes podem estar em qualquer lugar a
qualquer hora sem precisar instalar nada, basta ter uma internet e um
browser. Geralmente estas empresas fornecem suporte por 24 x 7 e
uma gama segurança física, onde os dados estão sempre em condições
de High Availability (HA), garantido assim a alta disponibilidade do
serviço e diminuindo o Single Point Of Failure (SPOF).

Ok, isso é uma realidade palpável já no mercado do mundo inteiro,

agora imagine pelo lado do cliente, a empresa x fornece um sistema
power ranger e um serviço completo com suporte e estrutura física
integrada, mas o cliente da empresa “Quero vender para o mundo” tem
várias filiais espalhadas pelo mundo há fora onde hora pode ter internet,
hora não pode ter internet.

Isso também é real correto? Existem muitas soluções hoje no mercado

que implementam estes recursos para dispositiveis móveis e desktop.
Mas são poucos os serviços sobre demanda que implementam isso,
simplesmente porque se trata de outras tecnologias, e o investimento
para se trabalhar com mais de uma tecnologia em uma empresa de
desenvolvimento é realmente alto.

E se pudéssemos usar uma tecnologia que realmente atende-se esta

situação? Nesta palestra você conhecerá mais uma aposta da Adobe®
para o mercado de aplicações desktop. Aplicações estas também
baseadas no desenvolvimento de Rich Internet Application (RIA), ou que
já podemos chamar de Rich Desktop Application( RDP).

Seja bem vindo ao um novo mundo, o mundo que leva novas

experiências para os usuários do desktop, e do desktop para a web.
O que é o AIR?

Adobe® AIR™ é o nome dado ao antigo codinome Apollo, é uma run-

time multi plataforma que permite os desenvolvedores levarem suas
habilidades no desenvolvimento de aplicações ricas da web para o
desktop.

A idéia básica desta run-time é que você continue desenvolvendo suas

aplicações web normalmente usando html, Flash, Flex e Ajax, porém
fazendo com que estas funcionem como uma aplicação desktop normal.

Como temos uma run-time semelhante ao Adobe Reader e o Flash

Player o AIR não roda no browser e sim nativamente em seu desktop,
onde uma vez instalada a run-time qualquer aplicação AIR poderá ser
instalada.

Mas pêra aí! A idéia não é colocar tudo na web para facilitar porque
voltar tudo para o desktop novamente?

Pois bem, com o AIR um novo mundo se abre para o mercado de

desenvolvedores e empresas que criam soluções baseadas em Rich
Internet Applicaton(RIA), você continua usando a mesma tecnologia
para desenvolver para web e com pequenas mudanças esta pode rodar
como um módulo ou uma aplicação desktop normal.

O AIR foi criado para suprir esta necessidade que até então não existia,
tecnologias diferentes que criavam situações iguais, ou seja, software
que se integram de uma maneira simples rápida e fácil, unindo o que é
da web com o desktop, e o que é do desktop com que é da web.

Você deve estar pensando, mas espera ai, eu posso somente colocar
minha aplicação ou tela feita em Ajax no AIR e ele vai rodar isso no
desktop, e é só?

Não, vamos agora fazer um overview completo dos recursos que hoje o
AIR já possuir em sua estrutura, saber também o que esta sendo
desenvolvido e já começar a dar os primeiros passos para se criar
aplicações palpáveis que se encaixa na situação citada a cima.
Um breve overview

Antes de entrar em detalhes, precisamos recordar que Flex, Ajax, Flash

e companhia funcionam como camada de visualização de sua aplicação,
ou seja, só a casca em que os usuários poderão realizar requisições e
estas por sua vez serão processadas do lado do servidor, Ok?
Entendido?

Então não importa o que esta por trás, pode ser qualquer linguagem
server-side, a forma de comunicação será o padrão usado entre a
aplicação no servidor e a camada de visualização. Então se temos uma
aplicação feita em Ajax às requisições serão por http, se for uma
aplicação feita em Flex ou Flash, ou seja, que usem tecnologias
baseadas no Flash Player, estas já serão baseadas em http, amf ou
qualquer outra forma de comunicação que o actionscript suporte.

Com AIR não é diferente, a forma que programamos para criar

aplicações com AIR é a mesma forma que desenvolvemos aplicações em
FLEX, temos acesso a todos os componentes visuais e não visuais
suportado pelo Flex. O que o AIR faz é adicionar novos componentes de
seu SDK dentro do Flex.

Hoje a plataforma de desenvolvimento AIR esta totalmente ligada ao

Flex. A primeira versão beta publica chamada ainda pelo seu codinome
APOLLO surgiu no labs da Adobe em 11 de junho de 2007, tanto o SDK
para desenvolvimento como a run-time para rodar as aplicações.

Este SDK já nos mostrava o que o AIR poderia ter acesso, e o que já
estava por vir. Com o SDK temos todo o pacote de componentes bem
como o compilador e o gerador de deploy de aplicações AIR (.air), só
que tudo por linha de comando, ou seja era preciso acessar o prompt
para compilar e gerar a aplicação.

Alguns meses depois a Adobe veio ao publico lançar a nova release, já

com seu nome oficial Adobe Integrated Runtime. AIR uma run-time de
integração Web X Desktop e Desktop X Web.

Aproveitando o BOOM a Adobe também realizou o lançamento do Flex 3

e o Flex Builder 3 já com suporte a AIR, chamado pelo codinome Moxie.

Hoje em um estagio ainda beta, porém funcional, já podemos criar

aplicações poderosas com o Flex Builder 3 e abusar dos recursos que o
AIR oferece em sua estrutura.
O que o AIR tem que a baiana não tem?

Título sugestivo não? Vamos conhecer os principais recursos que o AIR

beta public disponibiliza e que vai disponibilizar nas próximas releases.

Algumas das características inclusas são:

• Suporte ao Mac (OS X 10.3.8 sendo (Intel e PPC));

• Suporte ao Windows (XP, Vista Home, Premiun Editions);
• API I/O;
• SQLite embedded database(Próximas releases);
• Todas as funcionalidades do Flash Player 9;
• API para Janelas, nativas ou não;
• Ferramentas para linha de comandos (ADL e ADT);
• HTML sobre aplicações Flash;
• ActionScript e uma ponte para Javascript;
• Suporte a clicar, arrastar e soltar;
• Acesso rico ao clipboard;
• Menus nativos(Somente no Mac, em versão beta);
• API para serviço de conectividade;
• Associação a vários tipos de arquivos;
• Aplicações com ícones;
• Suporte a PDF.

Estes são os principais pontos que o SDK do AIR acrescenta na estrutura

do Flex e Flex Builder. Tendo como destaque os recursos de acesso
nativo ao sistema operacional como arquivos, clipboard e suporte para
trabalhar off-line com um banco de dados nativo em sua estrutura.

Alguns recursos que não são suportados hoje no AIR são:

• Menu no botão direito;

• Notificações do sistema
• Recursos de Flash dentro do HTML;
• Suporte para outras versões do Windows;
• Suporte para sabores de linux*.

Entre todos os recursos que não são suportados ainda pelo AIR, o
suporte para linux é o mais comentado, segundo a Adobe não devemos
ter um suporte para sabores de linux até a versão 1.0 prevista para
2008. Mas... Devemos ter algo para linux assim que todos os recursos
do Flash Player 9 esteja totalmente disponíveis para o Linux.
Mas pelo que venho acompanhando, a evolução do desenvolvimento do
Flash Player linux esta bem rápida.

Como que crio mesmo aplicações AIR?

Bom, já sabemos que a forma de desenvolver aplicações com AIR é

totalmente baseada na estrutura do Flex, onde eu posso usar os
recursos do SDK e gerar estas aplicações por linha de comando ou usar
o Flex Builder 3 beta que tem suporte nativo para criar e exportar
aplicações AIR.

Já que somos todos Brasileiros, gostamos de produtividade e pregamos

o desenvolvimento ágil e queremos ver nossos clientes satisfeitos
porque conseguimos cumprir prazos, a melhor opção então seria usar o
Flex Builder 3. Caso você não conheça o Flex ou o Flex Builder, vou fazer
um breve resumo.

O que é Flex?

Adobe® Flex™ é um framework cross-plataforma para desenvolvimento

de aplicações RIA, levando um modelo de programação padrão e
conhecido por profissionais e desenvolvedores.

O Flex possui funcionalidades para entrega eficiente de aplicações Ricas

e de alta performace. As aplicações baseadas em Flex rodam sobre o
Adobe® Flash® Player 9, permitindo que os desenvolvedores estendam
todas as suas funcionalidades, criando aplicações mais robustas e
integradas com arquiteturas Server-side.

No Flex usamos uma linguagem de marcação parecida com o XML

chamado de MXML. O MXML é usado para criar e definir a interface de
componentes da aplicação, funcionando também como um “atalho” para
o Action Script 3 que é a base de toda estrutura do Framework.

O Action Script é uma linguagem de programação baseada em

ECMAScript, assim como o Javascript. Totalmente orientada a objetos
podemos criar aplicações inteiras só programando em Action Script sem
nenhum MXML. Em aplicações desenvolvidas com Flex, usamos o Action
Script para definir a parte lógica da aplicação, mas já adianto que as
principais funcionalidades em um desenvolvimento já estão disponíveis
através do MXML.
O Flex é composto por uma linha de produtos que visam auxiliar e
atender a maioria das empresas e desenvolvedores, possuindo SDK´s,
charts e dataservices.

Adobe® Flex™ Builder™

Um verdadeiro ambiente de desenvolvimento integrado, baseado no

Eclipse IDE, possuindo recursos e acessos a todos os componentes do
Flex framework, porém de forma visual do tipo clica arrasta e solta.

O Flex Builder possui recursos de compilação de forma incremental com

um debug integrado, o que facilita no desenvolvimento do dia a dia.

Agora que você já sabe o que é Flex e Flex Builder te convido a realizar
o download do Flex Builder 3 beta disponibilizado no labs do adobe pelo
seguinte link:

http://labs.adobe.com/technologies/flex/

Vamos agora colocar a mão na massa e criar algumas pequenas

aplicações usando de algumas funcionalidades que o AIR possui.

Praticando e entendendo

....