Started with Adobe AIR


Adobe AIR (Adobe Integrated Runtime) is a framework for creating Development desktop applications, one level above in relation to the Rich Internet Application (RIA) that already exist. Being able to create an interactivity never before seen in relation to desktop applications and web.
Large companies already use it in full swing since he was still in beta as an example:

Who can develop on Adobe AIR?
The Adobe AIR logo is a sample of this, basing his design on a boomerang, each tip meaning that the developer has the option of programming with Adobe Flash, Adobe Flex and html/ajax:

Alguns recursos disponivéis com Adobe AIR:

  • Any Flash Player API and a exclusive API for javascript;
  • API update automatically;
  • Automatic installation API;
  • support the file system;
  • an application that run on both Windows, Mac or Linux;
  • Use of digital certificate;
  • multidiomas support (from version 1.1);
  • HTML engine based on webkit (the same used in Safari, nokia, google chrome, etc.);

Some features are not available:

  • Execution of external programs;

A first example
Show an example that Ben Forta always likes to demonstrate in his lectures 🙂
But before, we know about the structure of an application made in Adobe AIR:
In this example I will use the Adobe Flex Buider 3
In the menu “File-> New-> Flex Project” to create a new project.
In the next window is where we determine whether the project will be for the web (with Flex) or desktop (Adobe AIR), select the Adobe AIR.Nas other screens, just click next and finish. Will be created a directory structure like the image below:
Note that besides the file. Mxml created by default, was also created a file-app.xml, and in mxml a new tag, a WindowedApplication.
In the file-app.xml costam general settings of your application such as: name, version, description, directory where it will be installed, transparent window, icons etc.
follows the complete source code 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]

Now the code in the mxml application:

[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]

Running we have the following result, a browser made in Adobe AIR.

Following, we now generate the executable for this application that can be installed on the pc, noting that only will be installing the Adobe AIR is already installed on your computer.
To generate the executable, do the following: “File->Export->Release Build”.
In the first screen, no need to change anything in the next screen we have to configure the digital signature.

If you do not have any license to use, we can create one for testing, click “create” and the following screen appears:

Fill according to your taste, you create a file with the extension. Imbutida p12 to be in application and will be read when you run Adobe AIR application installation on your computer. Click in”Next”.
This screen will show the files that you wish to be included in the final application, by default the files are selected .swf and -app.xml.

Just click “Finish” and will create a file with the extension. Air and you have created your first application on Adobe AIR, if you already have Adobe AIR installed on your machine, just go to the directory where the executable was generated and give two clicks.

Enjoy yourself and test the application:
mybrowser

Some references:
DEVNET
Livedocs Flex 3
Adobe AIR resources
AIR for everyone
Business benefits
Browser vs. desktop
Download AIR applications

Recommended Books:


Translations:
Português do Brasil

Was this article helpful? feel free to make a donation and help keep the blog in the air
Adobe AIR

1 comment


  1. Pingback: Leonardo França » Creating custom windows with Adobe AIR

Leave a Reply