Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

CONSULTING

PRODUCTS

BLOG

CONTACT ME

Building iPhone Android Apps with jQuery Mobile and PhoneGap Slides
JANUARY 12, 2011

I gave a presentation to my local ColdFusion users group in December on Building Mobile Apps for iOS (iPhone, iPod, iPad) and Android devices using jQuery Mobile, and PhoneGap. The presentation focused more on jQueryMobile than PhoneGap, since phonegap is pretty straight forward once you have setup an example project. You can find the jQueryMobile PhoneGap Slides here and the code samples. jQuery Mobile I've been working with jQuery Mobile fairly regularly since the day Alpha 1 came out a few months ago. It's a very easy to get started with jQuery Mobile, if you know HTML (or HTML5) your halfway there. That' right even though much of jQueryMobile is written in javascript, you don't actually need to know any jQuery or even JavaScript to do some basic things with it. But if you do know javascript and you do know jQuery you will love it even more. I'm often keeping tabs on the jquery mobile git repository, I'm hopeful that another release will be out soon, they had stated that the 1.0 release will be out in January, but I am doubtful of that since it is still in Alpha, and we haven't seen a

Archive s: 2011 2010 2009 2008 2007 2006 2005 2004 2003 2002

1 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

beta. Some of the promised features such as datepicker aren't really there yet (though there is some work being done in the latest from git). PhoneGap I've been working with PhoneGap even longer that I have with jQuery Mobile. If your not familiar with PhoneGap, it provides a set of project templates and a common javascript API for building native mobile applications. It supports iOS, Android, Blackberry, Symbian, and Palm. The JavaScript API allows you to interact with the native API's for things such as contact management, camera, GPS, accelerometer, etc. Overall PhoneGap and jQuery Mobile make a great combo for any web developer looking to get into mobile application development. Here's an iPhone App I built for one of my clients using PhoneGap and jQuery Mobile to allow members of their site Golf Score Keeper to track their golf scores and stats on their Phone. Android version will be coming soon. I'm also using jQuery Mobile with PhoneGap to build a mileage tracking & reimbursement app.

Tweet
Permalink | Add Comment | add to del.icio.us | Tags: iphone, ios, jquery, jquerymobile, android, phonegap, mobile

Related Entries
Getting Started with jQuery Mobile October 29, 2010 Blackberry WebWorks AJAX Problems - May 9, 2011 Howto Distribute an iPhone App for Testing - January 27, 2011 HTML5 Input Type Keyboards on iPhone & Android Devices -

2 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

November 15, 2010 Howto Install and Run the Android Emulator - August 20, 2010
This entry was:

Server not found

Firefox can't find the server at googleads.g.doubleclick.net.

Trackbacks
Trackback Address: http://www.petefreitag.com/tb/776 /FA08E8B1FEFDA5D4B080054574C12890

Comments
On 01/12/2011 at 7:58:50 PM EST Phil wrote:

I cannot get Phonegap to work for Android. The Javascript doesn't seem to work because when I clicked on "Beep" in the Phonegap example, it crashed. Have you tried it for Android?

On 01/25/2011 at 2:21:42 PM EST pady wrote:

I cannot get phonegap/jquery mobile to work as well with android emulator. I used your sample htmls, the page loads for a sec or so, and it disappears back to the apps listing. Any ideas ? Using Android 2.3, jquery 1.4.4, phonegap 0.9.3, jquerymobile 1.0-a2. Thanks

On 01/25/2011 at 2:51:03 PM EST Pe te Fre itag wrote:

3 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

@Pady @Phil - Try running the Android 2.2 simulator and see if that fixes the problem. I'll have to look into this some more.

On 01/25/2011 at 5:31:42 PM EST Pe te Fre itag wrote:

If you are having issues running PhoneGap on Android 2.3 (Gingerbread) simulator, it is apparently a bug that exists only in the simulator (phonegap apps are working fine on actual 2.3 devices so far) See this link for more info: http://phonegap.lighthouseapp.com /projects/20118/tickets /61-sample-app-doesnot-run-on-23

On 01/25/2011 at 7:21:47 PM EST Paul wrote:

@Pete Great slide set! See http://wiki.phonegap.com /w/page/34483744 /PhoneGap-Eclipse-PlugInfor-Android for a simpler Phonegap Android Eclipse experience. It also includes templates for jQuery Mobile and Sencha Touch projects.

On 01/25/2011 at 7:26:08 PM EST Paul wrote:

The Android 2.3 emulator bug is described at http://code.google.com /p/android/issues /detail?id=12987. The WebView JavaScript to Java bridge is broken which implies that no PhoneGap apps can work. Star it to encourage the Android team to fix quicker.

On 01/25/2011 at 11:15:01 PM EST Pe te Freitag wrote:

4 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

@Paul - That Eclipse plugin looks great, I'll certainly check it out! And thanks for the link to the bug, voted.

On 02/20/2011 at 8:54:25 AM EST Me hmet Gonullu wrote:

I tried using Jquery Mobile for an application targeting Android and I faced many performance issues, anyone faced the same?

On 05/10/2011 at 6:21:42 PM EDT Pre et wrote:

Is there any way to display 2 splash screens by giving time duration while loading iPhone app. Because my app is quite heavy and takes 12-15 secs to load. Could you please give some code sample. Thanks.

On 05/26/2011 at 12:52:56 PM EDT Pete r(the gpstracke r) wrote:

For Blackberry, i have a good app to tracking people by gps software.I am a fan. Do you recommend anyone for android?

10

Peter blog:www.thegpstrackingblog.com

On 08/26/2011 at 2:49:58 PM EDT Matt wrote:

Hi, Are you willing to explain in detail how you login to the remote website and store the coookie so you only have to check the cookie @ serverside ? I have a login but am not able to fix the cookie stuff so I can develop the rest because auth is OK. I hop you are willing to tell this as this question is asked

11

5 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

a lot and never answered anywhere :) Cheers, Matt

Server not found

Post a Comment
Name: Email: (optional, not displayed on site,
gravatar enabled)

Subscribe to this thread Comments: (html will be escaped)

Spell Checker by Foundeo

Recent Entries
HashDOS and ColdFusion HackMyCF Updated for APSB11-29 Security Hotfix Adobe eSeminar on FuseGuard Determining Which Cumulative Hotfixes are Installed on ColdFusion Adding Two Factor Authentication to ColdFusion Administrator ColdFusion Developer Week at Adobe.com Bug Loading Scripts for CFFileUpload and CFMediaPlayer Video: Installing FuseGuard

6 of 7

1/12/2012 4:46 PM

Building iPhone Android Apps with jQuery Mobile and PhoneGap ...

http://www.petefreitag.com/item/776.cfm

Pete Freitag
Pete is a husband and father located in scenic Central New York area. He owns a ColdFusion Consulting & Products company, Foundeo Inc. Pete is a frequent speaker at national conferences including Adobe MAX, CFUnited, and CFObjective. He holds a BS in Software Engineering from Clarkson University. Read more about pete here.
Hosted By:

7 of 7

1/12/2012 4:46 PM