I spent a some time this weekend preparing for the Adobe AIR & Flex 3 Launch Event at my ColdFusion user group. One thing I wanted to show people was how to build a simple Adobe AIR Desktop Application using HTML & JavaScript.
I found the AIR Platform to be both powerful, and very easy to develop with. You really just have to spend a few minutes to see how easy it is!
I mean no disrespect to Flash, and Flex but the single most appealing capability of Adobe AIR is that you can build desktop applications in JavaScript and HTML. Two languages that nearly everyone reading this blog has undoubtedly used, and is probably quite good at already.
Adobe AIR also has an embedded database SQLite, which is an SQL92 & ACID compliant database engine with support for storing databases of up to 1TB. You can use this embedded database in your AIR Apps, and send SQL queries to it using JavaScript!
The learning curve for building an Air Application if you already know JavaScript and HTML is quite small. Run through this quick tutorial and you will be unstoppable!
Step 1 - Install Adobe AIR & the Adobe AIR SDK
If you haven done so already, head over to Adobe to download and install the Adobe AIR Runtime, and the Adobe AIR SDK.
When you install the Adobe AIR SDK, you will want to add it is bin/ directory to your environment path.
Step 2 - Create Some Directories
Next we need to create some directories for our code, create the following directories:
/appname/
/appname/source/
/appname/source/icons/
/appname/build/
Step 3 - Create an Application Descriptor
Your application descriptor is an XML file that sets some properties for your application.
Let is call this file application.xml and place it in /appname/source/
<application xmlns="http://ns.adobe.com/air/application/1.0">
<id>com.example.appname </id>
<version>1.0 </version>
<filename>AppName </filename>
<initialWindow>
<content>index.html </content>
<visible>true </visible>
<width>600</width>
<height>600</height>
</initialWindow>
<icon>
<image16x16>icons/appname-16.png</image16x16>
<image32x32>icons/appname-32.png</image32x32>
<image48x48>icons/appname-48.png</image48x48>
<image128x128>icons/appname-128.png</image128x128>
</icon>
</application>
It should be pretty obvious what to put for all the values, the icon values will be used as your application icon, you can omit these if you don really want to create the PNG is, but it is kind of cool to see your own icons.
There are a lot more optional tags you can add, check out the templates/descriptor-template.xml file in the Air SDK.
Step 4 - Create your Application
The next step can be as detailed as you like, but really all you need to do is create an index.html file.
<html>
<head>
<title>My Window Title</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
If you want to add CSS, JavaScript, or images, you can create subfolders in your /appname/source/ folder for those assets, and use them just like you would in a normal web application.
Step 5 - Test your Application
You are probably getting pretty anxious to test your new Adobe AIR application, to do that it is pretty simple.
Open up a command prompt, or shell and navigate to /appname/source/ then run the following command:
adl application.xml
If all goes well your application should launch. There is a good chance however that you ignored my suggestion to add the airsdk/bin directory to your system environment path, in which case you got something like adl not found. If that is the case then simply append the full path to your SDK bin to the command, for example:
c:airinadl application.xml
Step 6 - Package Your Application
Once you have tested your application, or are ready to show your friends, or just want see how your icon looks in the Dock you are ready to packing your Air Application.
This step will be a bit cumbersome the first time because all Adobe Air application code must be digitally signed. Code signing, is a bit like using SSL, you get a certificate from a trusted source, and then people will know who wrote the application. This is important because the Adobe AIR platform allows you to access local files, and do all sorts of things that could really screw things up.
Chances are you really just want to show your new application to a few people, and not the entire world. If that is the case then you can easily create a self signed certificate. It is important that the Certificate is not placed in your source directory, so let is place it in the root of our application: /appname/
adt -certificate -cn SelfSign -ou Dev -o "Example" -c US 2048-RSA cert.pfx password
Now once we have a code signing certificate we can create an Air application Package. Change directories back into source and run:
adt -package -storetype pkcs12 -keystore ../cert.pfx ../build/AirTest.air application.xml .
You should now have an AppName.air file that you can send to your friends, or simply run it on your own computer.
source: petefreitag
Related Stuff
-
MooV: Using cutting edge Video phones and Software Video Phones - coupling all that with VoIP and empowering the disabled.
-
Moo Telecom: VoIP communications made easy - Ring anyway with the fun and ease of using a normal phone
-
TagR:Mobile Social Network with Real Time Locations Based services, and Ambience Intelligence, VoiP, IM, Skype, Googletalk, Mapping, Flickr, Events, Calendaring, Scheduling, SecondLife Support
-
ClearSMS : ClearSMS is a Web-based application that lets you send bulk SMS messages to your customers, contacts, or just about anyone.
-
Jajah:jah is a VoIP (Voice over IP) provider, founded by Austrians Roman Scharf and Daniel Mattes in 2005[1]. The Jajah headquarters are located in Mountain View, CA, USA, and Luxembourg. Jajah maintains a development centre in Israel.
-
Skype: It’s free to download and free to call other people on Skype. Skype the number one voice over ip software
- PrivatePhone: a free local phone number with voicemail and messages you can check online or from any phone.
Be the first ... |Add your comment.
Your Comment ...
Name (required)
Email (required, hidden)
Website