Android Programming Tutorials

Android Development Tutorial #2 : How to Create Android App Using HTML, Css and Javascripts

Written by Jana Raj

Creating Android App is Not A Easy thing ,Check Out Our First Tutorial to Set Up ADT & Develop Hello World App , In This Android Development Tutorial #2 , We Will Learn How to Create Android App using HTML,Css and Javascripts . PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.Using PhoneGap,We Can able to create web aplications as a Complete Android Applications . 

What is Phonegap ?

PhoneGap is a mobile development framework produced by Nitobi, purchased by Adobe Systems. It enables software programmers to build applications for mobile devices using JavaScript, HTML5, and CSS3, instead of device-specific languages such as Objective-C, Java etc.The software underlying PhoneGap is Apache Cordova.

Requirements :

Project :

  • Create A New Phonegap Project in Eclipse

3.creating android app - phonegap

Now Copy the following files to their respective Folders ,If Any Folder not Available just Create One

  • phonegap-2.6.0\lib\android\cordova-2.6.0.jar  to project_folder\libs\cordova-2.6.0.jar
  • phonegap-2.6.0\lib\android\cordova-2.6.0.js to project_folder\assets\www\cordova-2.6.0.js
  • phonegap-2.6.0\lib\android\xml\config.xml to project_folder\res\xml\config.xml

File Tree Must Look Like this  :

filetree phonegap

 

  • Create a Index.html file in project_folder\assets\www\

 

Index.html

MainActivity.java

Add The Following Permission in AndroidManifest.xml
Download the Project By a Like /Tweet/+1
[sociallocker]Download Here[/sociallocker]

 

About the author

Jana Raj

Jana is the founder of Tech4bros. CS Engineer ,Part time Blogger and Web Developer, Crypto Trader and Investor.