Click here to load reader
Upload
siddharth-goyal
View
261
Download
2
Embed Size (px)
Citation preview
How to Develop an Android App
Using HTML 5
How to Develop an Android App
Using HTML 5
How to Develop an Android App
Using HTML 5
So now that you have created your first HTML 5 to-do app, it is time to create an Android App for thesame. Here are the steps for the same:
1. Download Java JDK and install java in your computer. You must download the correct versionotherwise there will be problems.
1. Go to your C:\ drive. If you see, 2 Program Files folders, then you have a 64 bit computerand you can download this
2. If you see 1 "Program Files" folder, then you have a 32 bit system and you can downloadthis
2. Download Android ADT Bundle. Once again, depending on your system whether it is 32 bit or 64bit, download the right folder fromhere: http://developer.android.com/sdk/index.html#download
3. Now open adtBundle\eclipse\ folder and start eclipse.exe .4. Close the Welcome window.
So now that you have created your first HTML 5 to-do app, it is time to create an Android App for thesame. Here are the steps for the same:
1. Download Java JDK and install java in your computer. You must download the correct versionotherwise there will be problems.
1. Go to your C:\ drive. If you see, 2 Program Files folders, then you have a 64 bit computerand you can download this
2. If you see 1 "Program Files" folder, then you have a 32 bit system and you can downloadthis
2. Download Android ADT Bundle. Once again, depending on your system whether it is 32 bit or 64bit, download the right folder fromhere: http://developer.android.com/sdk/index.html#download
3. Now open adtBundle\eclipse\ folder and start eclipse.exe .4. Close the Welcome window.
So now that you have created your first HTML 5 to-do app, it is time to create an Android App for thesame. Here are the steps for the same:
1. Download Java JDK and install java in your computer. You must download the correct versionotherwise there will be problems.
1. Go to your C:\ drive. If you see, 2 Program Files folders, then you have a 64 bit computerand you can download this
2. If you see 1 "Program Files" folder, then you have a 32 bit system and you can downloadthis
2. Download Android ADT Bundle. Once again, depending on your system whether it is 32 bit or 64bit, download the right folder fromhere: http://developer.android.com/sdk/index.html#download
3. Now open adtBundle\eclipse\ folder and start eclipse.exe .4. Close the Welcome window.
5. Now right click on the panel on the left which says "Navigator". Click "import".
6. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.
5. Now right click on the panel on the left which says "Navigator". Click "import".
6. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.
5. Now right click on the panel on the left which says "Navigator". Click "import".
6. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.
7. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.7. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.7. Choose the phonegapapp folder (phonegapapp). CLick Ok and then finish.
8. Connect your Android phone with your computer. Put it in debug mode. Now click the greenbutton. If everything goes well, your app should now install in your phone.
8. Connect your Android phone with your computer. Put it in debug mode. Now click the greenbutton. If everything goes well, your app should now install in your phone.
8. Connect your Android phone with your computer. Put it in debug mode. Now click the greenbutton. If everything goes well, your app should now install in your phone.
9. If you don't have an Android phone, you can run the app using an Android virtual machine. Youwill need to create one using the AVM manager.
9. If you don't have an Android phone, you can run the app using an Android virtual machine. Youwill need to create one using the AVM manager.
9. If you don't have an Android phone, you can run the app using an Android virtual machine. Youwill need to create one using the AVM manager.
10. Click on the new button on the next screen. Give it a name (without spaces) and choose yourvirtual machine. Click ok.
11. Now go ahead and run your app on the AVM. Congratulations! Your HTML 5 Based Android Appis now complete!
10. Click on the new button on the next screen. Give it a name (without spaces) and choose yourvirtual machine. Click ok.
11. Now go ahead and run your app on the AVM. Congratulations! Your HTML 5 Based Android Appis now complete!
10. Click on the new button on the next screen. Give it a name (without spaces) and choose yourvirtual machine. Click ok.
11. Now go ahead and run your app on the AVM. Congratulations! Your HTML 5 Based Android Appis now complete!