Creating Android Apps with HTML, CSS and Javascript

titanium_mobEarlier I was reading an interesting article on androidandme.com written by Jeremiah Cohick who also runs digitaldandelion.com about developing Android apps written in standard web programming language that are then wrapped in a web to device wrapper and used to build Android apps quickly.  His article used a combination of PhoneGap, the standard Android SDK and an IDE.  PhoneGap is the go between of standard web scripts and the application itself.  Imagine you write a website interface using html, css and javascript (including all those great javascript toolkits) then you import a base PhoneGap project into an Eclipse project for Android, make a few minor changes, add your web content and build.  I make it sound easy, and it is meant to be. 

Basically, PhoneGap provides an empty wrapper with all the necessary go between for your web script to become a full fledged Application as well as interact with function of the phone.  This method of building applications is not unique to Android as it’s available in many flavors.  Below is a list of supported phone features for various devices:

phonegap_supported_features

PhoneGap Supported Features

PhoneGap is not the only application that does this sort of thing.  I have personally tested Titanium Developer as well, and it works in almost the exact same way.

With Titanium, you get native access to device features like geo-location, local file system / database, photos, and touch / accelerometer controls. Your apps look great because they use native UI elements, styling, transitions, and they run great because we compile Titanium to native code for peak performance.

They have very similar styles.  It makes building somewhat simple applications very easy without having to learn a new language, however, it could mean you end up with a larger application with more memory usage than necessary as well as an application which may not run as fast as it would if it were scripted in the devices native SDK language.  Basically, instead of working directly with the phone, it must go through an interpreter.

titanium_wrapper

Titanium Developer Code Wrapper

But, if you don’t have a memory intensive application or you aren’t too concerned with speed to begin with, such as something like a basic feed reader or the like, then this may be a great method to use if you don’t want to learn a whole new language for a simple application. Also, you can write the application once and support multiple devices.

PhoneGap Base Application

PhoneGap Base Application

There are a number of apps built with PhoneGap on their website. Try and few and see what they are like.
PhoneGap
Titanium Developer
androidandme

, , , ,

  • http://amoxilonlinepaypal.groupsite.com/main/summary inetryconydot

    Some may feel squeamish about eating it, but rabbit has a fan base that grows as cooks discover how easy they are to raise — and how good the meat tastes.

  • http://amoxilonlinepaypal.groupsite.com/main/summary inetryconydot

    Some may feel squeamish about eating it, but rabbit has a fan base that grows as cooks discover how easy they are to raise — and how good the meat tastes.

  • http://www.lowest-rate-loans.com Rosemarie26Callahan

    Every one understands that modern life seems to be expensive, however people require cash for different things and not every one gets big sums cash. Therefore to get some loans and just financial loan should be a correct way out.

  • http://www.lowest-rate-loans.com Rosemarie26Callahan

    Every one understands that modern life seems to be expensive, however people require cash for different things and not every one gets big sums cash. Therefore to get some loans and just financial loan should be a correct way out.

  • sankar

    Hi,

    which html versions will support android level 1

  • sankar

    Hi,

    which html versions will support android level 1

  • http://pulse.yahoo.com/_LREDE6GR7UNR7CUYWNSFJJXSJA Christoph Hellmann

    That really works – awesome!
    But for me as a newbie it’s not THAT easy as it seems to be…

    There’s some more useful information going on an application-developer page about cr8tingapps;
    check it out: http://creatingapps.telekomaustria.com/index.php (maybe you like it)

  • Christen

    Can someone code Govisiochat video chat software (http://www.rcpsecure.com/govisiochat/) for mobile phones?.  
    What’s your price please?.  I urgently need this.
    Thanks, Ronnie.

  • Christen

    Can someone code http://www.rcpsecure.com/govisiochat  for android please??.
    What’s your price, you can reach me on christ.ronnieayman  at oracledeveloper.com
    Please let me know as soon as possible as we need it urgently.

    Regards,
    Ronnie.

  • Christen

    Can someone code http://www.rcpsecure.com/govisiochat  for android please??.
    What’s your price, you can reach me on christ.ronnieayman  at oracledeveloper.com
    Please let me know as soon as possible as we need it urgently.

    Regards,
    Ronnie.