NerdyHearn
Home

IPhone SMS To Gmail

Consulting

Blog
Software
Projects
Links
About
Contact

Blog
Facebook
Twitter
LinkedIn

NerdyHearn - Blog


<< Back To All Blogs

Hello World in Adobe AIR

Thursday, January 29th, 2009

I started playing with Adobe AIR tonight, with the intention of familiarizing myself with another technology as I have seen it becoming more and more popular. I must say that I am very impressed with the ability to "bring the web to the desktop" using simple HTML and Javascript. I figured I would run through my simple Hello World application that I wrote in AIR, and walk through running your first application.

To run through this quick tutorial, you will need the following installed:
Adobe AIR Runtime
Adobe AIR SDK properly setup in your Environment settings Path (for Windows)
A notepad application to edit the files

The Adobe AIR Runtime and SDK can be downloaded from Adobe's website. For further information on their installation and configuration please refer to their documentation as it is documented very well.

The Adobe AIR program structure has a very simple layout:

An XML file for your application configuration (for you Java gurus think of this as your Manifest). My very basic file for this, which is pretty self-explanatory was as follows:

<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
<id>com.nerdyhearn.helloworld</id>
<filename>HelloWorld</filename>
<name>HelloWorld</name>
<description>My description here</description>
<version>1.0</version>

<initialWindow>
<content>index.html</content>
<title>Whats up world?</title>
<systemChrome>standard</systemChrome>
<transparent>false</transparent>
<visible>true</visible>
<minimizable>true</minimizable>
<maximizable>true</maximizable>
<resizable>true</resizable>
</initialWindow>
</application>

The only real important aspect of this file is that the initialWindow element actually refers to an html file that you must have provided with the application.

Then in your HTML file, just simply code in HTML (VALID! HTML) as you normally would for a standard web page with CSS, Javascript, and XHTML.

My example page (which I saved as index.html) was as follows:
<html>
<head>
<title>Yo whats up</title>
</head>
<body>
I got here!
</body>
</html>

When you have these two files set and ready to roll, simple go to your command line, and run the following command:

adl com.nerdyhearn.helloworld.xml

You should then see your application!

I haven't made it any further then that yet, but once I get into some more in-depth topics I'll keep ya'll updated!

AIRin' Tom Out.

Tags

Adobe_Air

Related Blogs

Comments

Currently no comments.

Add A Comment

Name:


URL:


Email Address: (not public, used to send notifications on further comments)


Comments:


Please enter the text from the image:



NerdyHearn - Latest tech news relating to C#, SharePoint, PHP, general development, and more. LiveNation Feed - Feeds of all your local artists, concerts, and events through your favorite RSS reader SaveMySerials - Protect yourself from theft, fire, natural disasters and more by recording your serial numbers Tweets2Mail - Backup and search your twitter stream from Gmail TimeSinceI - Track how long you have quit smoking, how long you have been married, or how long you have done anything.