Building a desktop application with Ext, AIR, Aptana and Red Bull
June 29, 2007 by Jack Slocum
Ext JS is an excellent framework for building web applications that have desktop like functionality in a web browser. But what if you could take your JavaScript powered application and run on the desktop like any other native application?
The launch of Adobe AIR (formerly Apollo) has made this not only a reality, but extremely easy. Armed with early access Ext 2.0, Aptana IDE and a 4 pack of Red Bull I set out to build my first AIR application.
Get Aptana
With the new Aptana AIR plugin creating an AIR app was easy, even for a newbie like me. First go to the Aptana site and get Aptana.
1. Go to Window->Preferences and check this setting and do an update to get the latest Ext support.
2. Follow the steps in the “Start Page” to get the AIR environment set up.
3. Click on File->New->Project, select AIR Project and follow the simple directions.
Coding the application
Coding the UI of the AIR application was indentical to coding any other Ext application. Within a short amount of time, I had my user interface set up and started abstracting pieces out to make them reusable. Here are some of the most noteworthy pieces that others building an AIR application with Ext may wish to take a look at.
Ext.air.MainWindow
AIR allows the application developer to remove the system window chrome and use their own. With the help of Kevin Hoyt of Adobe, we were able to replace the standard window chrome with Ext.Window. While some may not like it’s non-native look, I think the result looks great! I took this code and abstracted it out into a reusable class, CSS and images appropriately named Ext.air.MainWindow. The class can be used on any AIR native window, similar to how you would use an Ext.Viewport.
Ext.data.SqlDB and Google Gears support
The other challenge faced was when I wanted to run the same application in a browser. The most logical choice was to use Google Gears for the SQL DB. However, the APIs for AIR and Google Gears are nothing alike. In fact, AIR’s SQLite database API is 100% asynchronous via events while Gears API is all synchronous with results coming immediately on execution. So Ext.data.SqlDB was created to abstract both of these APIs into a single API to access both.
The other part of this database code that is worth talking about is Ext.data.SqlDB.Proxy. The Proxy class is a standard Ext data proxy, which makes using SQLite with Ext data stores painless. You can use them like you would use a store working over Ajax. They work “out of the box” with Grids, ComboBoxes and other components without worrying about whats going on in the background. The proxy also handles persisting any changes to the database automatically. So when you add, edit or remove a task in the task store, it handles data translations, events and callbacks to make sure the changes get persisted into the SQLite database.
Building the application
Can Aptana make this any easier?
Simple Tasks
I started out with low expectations - just making a simple application in AIR using Ext. But in less than a day of actual development time I was able to create a cool personal task list application that I will actually use (good bye 50 open Notepad windows!). Here’s a rundown of some of the things that it does:
- Task sorting and grouping - this was easy using the new Ext 2.0 GridView.
- Runs on the desktop with AIR or online with Google Gears with the only change being swapping out the database adapter JS file.
- Inline editing, adding and deleting of tasks with *automatic* persistence to local storage.
- Basic keyboard support.
- Intuitive and responsive interface.
The AIR application can be downloaded here. The online version which uses Google Gears can be viewed here.
While Adobe Air is still being refined, I have the feeling that this is the start of something great.
More Information
An AIR application is itself just a zip file. If you unpack that zip file, the full source code is available in the file.
Ext 2.0
The sample application referenced in this post uses an early version of Ext 2.0. Ext 2.0 is available to early access subscribers in the Ext SVN under branches/ext2.0 now! Grab your copy on our Download page.
Adobe AIR
The AIR runtime can be downloaded from http://labs.adobe.com/downloads/air.html. The AIR SDK can be downloaded from http://labs.adobe.com/downloads/airsdk.html.
Kevin Hoyt is a platform evangelist with Adobe. His blog is at http://blog.kevinhoyt.org/. He has a podcast interview from a training session in Vegas with Ext JS which you can listen to at http://blog.kevinhoyt.org/interviews/.
Aptana IDE
Aptana IDE is a free, open-source, cross-platform, JavaScript-focused development environment for building Ajax applications. They have great support for building AIR applications and their overall Ext development support is getting better with every release. More information about Aptana can be found on their website, http://aptana.com.
Red Bull
Red Bull is a must for any software development project. Red bull gives you wings to fly in AIR. 
Bill…
You weave a web of lies! Lies I say….
March 22nd, 2008
3:32 pm
Hi Jack, I have read this entry with interest, a very good entry indeed, opens new possibilities for me, I have been using Ext JS for a while now, just long enough to be comfortable with it. there is just one thing I just cat seem to get right, I want to use the Ext.air.MainWindow class in Air. could you please post a tutorial on how to do that
March 25th, 2008
1:12 am
Eric…
I think God approves of you….
March 30th, 2008
12:00 pm
Cracks House…
I can not agree with you in 100% regarding some thoughts, but you got good point of view…
April 1st, 2008
5:43 am
Make Your Own Web Site » Make Your Own Web Site…
If you do any kind of Internet search (using any search engine) and search for the phrase ” make money online “, you’ll pull up a huge list of blogs, advertising agencies and other kinds of websites. What most of them have in common is that they par…
April 4th, 2008
5:30 am
[…] home Friday from a Tulsa bus depot.http://www.joplinglobe.com/local/local_story_096002351.htmlBuild A Desktop Application With Ext, AIR, Aptana & Red BullExt JS is an excellent framework for building web applications that have desktop like functionality […]
April 5th, 2008
7:10 am
Dear Jack,
I know you are an expert. Dear i need only one example of binding data to extjs from C# asp.net framework and performing validation and then resaving data to database.
i am new to Extjs but i know i will handle that if you help me.
Thanks in advance
April 18th, 2008
12:59 am
16 a fastsizeextender…
Infos about the FastSize Extender…
April 21st, 2008
3:13 pm
cash advance…
Cash advance easy way to get payday loan
Uk mortgages
Uk mortgage
Uk home mortgages
Small business loan
Secured credit cards
Second mortgage
Reverse mortgage
Refinance
Quickest cash advance
Personal loan
Payday loans
Payday loan
Payday loa…
April 23rd, 2008
7:07 am
[…] […]
April 29th, 2008
7:21 am
[…] take your JavaScript powered application and run on the desktop like any other native application?http://jackslocum.com/blog/2007/06/29/ext-air-and-red-bull/Running of the Bulls - Wikipedia, the free encyclopediaThe running of the bulls in Basque, entzierro […]
April 30th, 2008
12:30 pm
My Trusted Cracks…
I can not agree with you in 100% regarding some thoughts, but you got good point of view…
May 1st, 2008
3:46 am
Some interesting and unusual comments on this thread, if not at all relevant.
I take my hat off to you for giving this a go…and only 4 cans of RedBull
May 13th, 2008
5:08 pm
Resell Rights…
In closing, I’ m about to delete a couple comments from my blog, something I never thought I’ d have to do. To avoid a repeat performance (and repeat deletes), I’ m going to make an effort not to talk about my opinion on the Jooma Extension licen…
May 14th, 2008
7:03 pm
Hey Jack
Just wanted to point out that there is a major bug in Simple Tasks application. When you double click on a task you have Air pop up another window. If you do this a couple times, you will see the memory climb 6-10MB. I have noticed that the memory is not released back to the OS. This is not directly your fault. Its Airs fault, but should not be over looked. I suggest that maybe a popup window in the same Air window using EXT JS windows. I have looked in to Ext, phenomenal work, I’m still trying to get my head wrapped around it for one of my projects.
Keep up the good work!
June 1st, 2008
4:02 pm
[…] take your javascript powered application and run on the desktop like any other native application?http://jackslocum.com/blog/2007/06/29/ext-air-and-red-bull/Wingo Bay - Web Application Programmer - DHTML, AJAX, JavaScript …Web site design and remodeling, […]
June 4th, 2008
10:22 pm
[…] เขาก็ได้เขียนบอกเล่า วิธีการสร้างแอพริเคชัน โดยใช้ Ext JS, Adobe … มาแล้ว […]
June 12th, 2008
8:28 am
payday loan fast no fax…
Good post. I am looking into these issues on my blog….
October 11th, 2008
3:13 pm
motorcycle head injury…
I never thought I will agree with this opinion, but you know… I agree partially now…
October 19th, 2008
9:29 pm
fax free payday loans with no credit check…
One notable blogging tool that does not support trackback yet is Blogger. This is similar to comment spam but avoids some of the safeguards…
October 22nd, 2008
8:44 am
Bad Credit Loans Auto Loans Mortgage Refinance…
I didn’t agree with you first, but last paragraph makes sense for me…
November 2nd, 2008
12:46 pm
No Fax Payday Advance…
I was browsing on the Internet searching for %KEYWORD% and your blog showed up. Your post %TITLE% is very interesting. Im going to bookmark you and come back in a few days to see any additional comments for this post and any of your new posti…
November 3rd, 2008
7:16 am
Boats Fishing Boats Boat Seats…
I didn’t agree with you first, but last paragraph makes sense for me…
November 3rd, 2008
8:53 pm
2nd bad credit mortgage refinance…
I can’t believe that I missed your point, I will have to do some research on this….
November 13th, 2008
2:53 am
Fast Loan Personal Secured…
A Trackback is one of three types of Linkbacks, methods for Web authors to request notification when somebody links to one of their documents.)…
November 24th, 2008
1:49 pm
payday loans no fax…
Do you learn this stuff in some sort of fancy school or something?…
December 12th, 2008
5:14 pm
no fax payday loans…
Thanks for the content. I will surely share your blog with my readers….
December 28th, 2008
8:13 pm
payday loans debt consolidation…
This is an informative post. I will surely pop over again….
January 5th, 2009
2:01 pm
bill consolidation with no credit check…
I have the same opinion as yours on this. What you said is true….
January 8th, 2009
4:01 am
bad credit bill consolidation loan…
I am able to find some helpful information here to prepare some nice and quality content. Any idea where can I find similar posts?…
January 9th, 2009
7:00 am
bill consolidation loans bad credit…
I have been searching for this information and finally found it. Thanks!…
January 23rd, 2009
3:00 pm
gemini tattoos…
what kind of template did you use for your site…
February 1st, 2009
9:44 am
mobile phone games download…
In other NASA news, ANITA is still up there. ANITA is an enormous superpressure balloon. The acronym stands for ANtarctic Impulsive Transient Antenna. Built of high strength poly, it is an eliptica shape (ie a pumpkin) that keeps constant volume regard…
February 1st, 2009
10:11 am
i need a debt consolidation loan fast…
Thanks for sharing this information. I will share about Guest post: Have the “Money Talk” Before Marriage | Sense to Save with my readers….
February 13th, 2009
4:01 pm
non secured personal debt consolidation loans…
Great job with the info. How did you find it? Please let me know….
February 14th, 2009
8:01 am
bill consolidation loans…
Can point me to other similar posts on bill consolidation loans? Really appreciate it. Thanks….
February 14th, 2009
5:01 pm
fast bad credit loans for debt consolidation…
I looked through your previous posts on Irvine Housing Blog - Irvine Real Estate - Skinner. Nice work there….
February 17th, 2009
10:07 am
personal loan for bill consolidation…
I enjoy reading your blog on Baby-Benz Technical Forum Blogs. I will surely pop by again….
February 19th, 2009
10:00 am
debt and bill consolidation…
Even the gurus will agree with what is being said here. I am glad I found it….
February 20th, 2009
4:00 pm
bill consolidation…
I have been looking for a long time and found this post. Thanks a lot….
February 25th, 2009
10:03 am
Shag Hairstyles and Haircuts…
shag hairstyle basically gotits name from the word “shaggy” since …once the hair is cutand layered it gives off a shaggy look. The shag hairstyle has always been apopular hairstyle, and there are plenty ofshag hairstyles to choose from…
February 27th, 2009
10:40 am
bill consolidation with no credit check…
Awesome information you have here. Thanks for sharing….
February 28th, 2009
6:00 am
uk secured debt consolidation loan…
Great information. I will surely drop by vapartisans.org/wp-<b>trackback</b>.php?p=113 again soon….
March 1st, 2009
6:02 pm
non secured personal debt consolidation loans…
This post enabled me to come out which fresh content on non secured personal debt consolidation loans. Any similar posts like this?…
March 2nd, 2009
1:02 am
debt consolidation secured loan uk…
I agree with what you wrote here at Bloggeron - A Simple Explantion on Debt Consolidation. Good points there….
March 11th, 2009
5:00 pm
bad credit mortgages uk…
I’ve been digging around for blogs on bad credit mortgages uk so i’m thrilled i came across yours. The Debt Elimination, Free Debt Eliminator from Debt Eliminator 101 ” Blog … post on Monday is some good feedback….
March 23rd, 2009
12:25 am
commercial loans…
Mortgage lending has become a thriving business with more and more mortgage borrowers relying on mortgage lending institutions to get loans. The Internet has made comparing and studying different lending institutions easier for the mortgage seekers. Mo…
March 23rd, 2009
7:05 am
Arbonne skin care products overview…
Arbonne International is one of the best companies in the world when it comes to skin care. Its skin care line is one of the best in the world that many women. The products of Arbonne skin care products are manufactured in Switzerland….
March 26th, 2009
5:55 am
Custom hrt…
Cuteloblog
Cutepdf
Cutler-hammer
Cutless
Cutting cocaine with procaine
Cuttlebug
Cuyahoga community college
Cuyahoga county auditor
Cuyahoga county library
Cwna certification
Cwna training
Cwshredder
Cwsp certificati…
March 28th, 2009
5:12 pm
Stars Shag Haircut and Styles…
Stylists of the above celebrities are magicians, capturing each of their personalities and presenting them in sophisticated fun loving shag styles. Hopefully we’ll see more and more celebrities take our breath away with their gorgeous shags….
March 29th, 2009
12:56 am
Daliah lavi…
Dal tile
Dale earnhart jr
Dalene kurtis
Dali lama
Daliah lavi
Dallas airline
Dallas backpage
Dallas bail bonds bail
Current weather in tooele ut
Curse gaming com http
Curse gaming http
Cursers
Cursor mania
Curvage…
March 29th, 2009
6:08 am
Dal tile…
Dailybasis
Dailydiapers
Dailymature
…
March 29th, 2009
8:41 am
Dailyniner…
Dad fucks daughter
Daddies and sons gay
Daddyhunt
…
March 29th, 2009
11:11 am
credit repair report…
Wow - Did you see that Transunion went live with FICO 08 in February! Equifax is rolling it out this fall but Experian won\’t say when or even if they are releasing FICO 08….
March 30th, 2009
2:02 pm
Business Credit Report…
The bank fraud charges related to a scheme that cost Bank of America, Wells Fargo Bank and other major banks millions of dollars. Yi and Amorello manipulated business and home equity lines of credit extended by the banks. Yi and Amorello accessed the l…
March 31st, 2009
5:13 am
A. HALIM…
After reading several articles about debt bill consolidation your article provided me with the right thoughts i was searching for….
April 2nd, 2009
3:20 pm
payday loan store…
Things just get better all the time, many thanks….
April 14th, 2009
2:26 am
the credit man…
The initial step you need to take to fix your credit report is to request a copy of your credit report from each of the major credit reporting agencies….
April 14th, 2009
9:04 am
interest rates…
If you are thinking over a mortgage refinance, you should pay attention a lot of mortgage refinance types of program. For example, you may look into a 15-year fixed rate mortgage refinance program. In this plan your mortgage payments are a bit higher t…
April 16th, 2009
5:42 am
Anita’s Paper Dolls…
Fashion printable paper dolls - are printable paper dolls designed to reflect fashion trends or just fantasy play. The dolls are made of vinyl, and are manufactured both as toys and as collectibles. They are loved by many people around the world. The f…
April 19th, 2009
12:11 am
Bail Bonds Make Money…
Your topic Muni Money vs. (NZD, NZ$ or Kiwi) | Tick Talk was interesting when I found it on Tuesday searching for Bail Bonds Make Money…
April 21st, 2009
12:40 am
Branded tobacco packs trick consumers…
All kind of tobacco is harmful, no matter how it is manufactured, said researchers. For example they found that smoking tobacco described as ‘light’ and ‘mild’ is not better than regular cigarettes. Researchers reported that the tobacco companies h…
April 21st, 2009
5:39 pm
[…] wait…Rating: 0.0/5 (0 votes cast) This article was found on Jack Slocum’s Blog. Click here to visit the full article on the original website.Ext JS is an excellent framework for building web applications that have desktop like functionality […]
April 23rd, 2009
10:41 am
Which is more detrimental Smoking or Obesity?…
Researchers reported in a study that heart attacks are hitting the overweight people more often than a decade sooner than “normal” weight people….
April 26th, 2009
3:58 pm
Swine flue was detected by Mexican laboratories in March 18…
Advices to prevent spread of the virus among people include using standard infection control against flu. This includes frequent washing of hands with water and soap or with alcohol-based hand sanitizers, especially after being out in public….
May 1st, 2009
3:57 am
curse gaming…
Anyone remember when finding quality info about curse gaming was easy? thank goodness for unfettered skree ” Blog Archive ” Counting Cards, it made my Saturday…
May 2nd, 2009
6:50 am
The hottest short hairstyles…
Kylie Bax has a very cool new short hairstyle with lots of layers that is very short at the back….
May 5th, 2009
7:13 pm
Mobile Home Remodeling…
Nice Post….
May 11th, 2009
2:44 pm
short haircuts…
A short hairstyle might reveal some facts about your face that you are not quite like. That’s why, this is something to be aware of for those who might be more introverted about some of our facial features. It is also said that it may take time to get…
May 14th, 2009
4:42 am
Change Me…
Your topic Afternoon Open Thread - Jack & Jill Politics was interesting when I found it on Monday searching for dallas bad credit small business loans…
May 18th, 2009
6:25 pm
HALIM…
…
May 21st, 2009
4:15 pm
Sara - Tribal tattoo designs…
…finding tribal tattoo designs for guys and girls can be somewhat of a difficult task……
May 22nd, 2009
12:15 am
free porn sites…
porn pictures. free porn site. ebony porn. paris hilton porn. …
May 27th, 2009
1:12 pm
fix bad credit…
When your credit score drops to the point wherein you cannot borrow money anymore, there are still ways of recovering from this. One is letting it recover naturally. Negative records can stay on your credit report for up to a maximum of 10 years only. …
June 5th, 2009
6:19 am
fix bad credit…
Did you know that if you buy a house between Jan1 2009 and Nov 30th 2009 the government will give you up to $8,000 or 10% of the purchase price – whichever is less. The best thing is you don’t have to wait to get your money. Once you buy the hous…
June 5th, 2009
9:30 am
fix bad credit…
Beware Tip# 1: When people have faced credit challenges in the past collection accounts are normally on their credit report. When looking to obtain a mortgage, collection accounts will normally need to be paid off (although there are exceptions to this…
June 5th, 2009
2:15 pm
credit repair…
You need to fix your credit report if you are among the thousands of consumers turned down each year for credit cards, mortgages, student loans, other important loans and employment and housing opportunities, due to inaccurate information in their cred…
June 5th, 2009
7:30 pm
philadelphia ephedra attorneys…
ephedra pills. stackers with ephedra. ephedra attorneys southern california. diet pills with ephedra. pure ephedra. ephedra attorneys southern california. …
June 14th, 2009
10:59 am
When To Refinance…
Follow us on Archives Select Month June 2009 (14) May 2009 (34) April 2009 (53) March 2009 (92) February 2009 (95) January 2009 (77) December 2008 (64) Recently Dugg by Little Alex Mel Frykberg: Netanyahu Offer a ‘Big Zero’ 16 June 2009 6dbl5321 Jimm…
June 25th, 2009
12:40 am
tamiflu dosage…
tamiflu 75. tamiflu cystic fibrosis. tamiflu and dizziness. tamiflu 75. info on tamiflu. tamiflu experience. …
June 29th, 2009
2:16 am