Make android app with HTML and CSS!

Are you a web designer or you can HTML, CSS, and JavaScript? If your answer is Yes, You can make an android app with HTML, CSS and Java scripts knowledge! In this post, I’ll show you how can you make an Android app with Just HTML CSS with phone gap.

What you have to need

  1. ADT-bundle ( 32-bit windows version download) You can download for your OS platform here
  2. PhoneGap ( Download )
  3. An Android phone.

Procedure:

  • Open adt-bundle folder and open eclipse
  • Create an android project by eclipse
  • Extract PhoneGap and copy the cordova-2.9.0.js file.
  • In left side click on Package Explorer and paste the cordova-2.9.0.js file in assets>www folder
  • Copy Cordova-2.9.0.jar file and paste it in Libs folder like as image below

 

  • Now open the MainActivity.java file from src folder. In this file replace the public class MainActivity extends Activity line with public class MainActivity extends DroidGap
  • write super.loadUrl(Config.getStartUrl()); in the place of setContentView()

 

  • Now add this code in AndroidMainfest.xml file at <uses-sdk…/> and <application…/> tags
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />x
refresh the project. Now create an index.html file in assets>www folder. The app will show you whatever you write in index.html  file. You can add more HTML file link with the index.html file like as a website.

Tags : , , , , , , , , , , , , ,

Share on :

3 Responses to “Make android app with HTML and CSS!”

  1. Ava says:

    Great tutorial about make android apps.

  2. Arjun says:

    Works like magic.
    Thanks a lot bro.

    It worked for me.

  3. Ahmedfahad says:

    Nice Work . But Html and Css ar Jono Akti Video Tutorial Dele Valo Hoto .

Leave a Reply


4 × nine =