Generating Android project using Cordova

This is my slide presentation for Android app development  hybrid approach for beginners -
Installation, Settings & Deployment in Windows 8 (Hybrid approach using HTML5, jQuery, Apache Cordova and Android SDK)
http://blog.kerul.net

Among the contents in the slides are;
Hybrid Approach – consists of
- HTML + jQuery (JavaScript, CSS)
- Apache Cordova (HTML to Android Project)
- Android Studio– to generate APK

What are tools needed to develop Android App Hybrid?
- HTML knowledge
- jQuery (JavaScript + CSS framework)
- PHP&MySQL (Online DB)
- NodeJS
- Apache Ant
- Apache Cordova
- Latest JDK
- Android Studio
- Android SDK

This is among my earlier attempt to generate signed APK from Android project by Cordova Platform.

image

Android Studio has been the official IDE for Android apps development. So now is compulsory to migrate to Android Studio should you were obsessed with Eclipse ADT previously.

Bookmark this post to comeback later. To be continued. This post is developing, thanks for your patient…

Mobile Apps using HTML interface with jQueryMobile

Another simple tutorial on how to develop a HTML mobile web interface using jQueryMobile.

jQueryMobile is a JavaScript + CSS framework born from jQuery. The best place to learn jQueryMobile is by accessing the official website at http://demos.jquerymobile.com/

image

As the name framework, there suppose to have library of codes ready to use. In the jQueryMobile case, you need to download both the jQuery framework, and the jQueryMobile framework in order for this tutorial to proceed as we intent.

image

 

STEP 1: Preparing the project folder with the jquery & jquerymobile library.

We’d like to recommend the following folder and sub-folders for your HTML app project. Prepare them first.

image

Open the jquerymobile zip files you just downloaded previously. Copy all the Cascading Style Sheet (*.css)files and the images to the css folder you created. You can do this by selecting the images folder and the css, clicking and dragging them to your css folder. *The images folder in the jquerymobile zip file contains the icons for your css interface.

image

imageThe css files copied to your css folder.

Publishing apps to Google Play

Register for a developer ID which only cost USD25 for life. Another consideration: you need to pay through Google Wallet, using a credit card.

https://play.google.com/apps/publish/

image

This tutorial assumes you already have a signed APK. Should you have not, you could follow the tutorial to developed an APK and sign it. Example is here http://blog.kerul.net/2015/03/buildphonegapcom-to-generate-signed-apk.html

Upload your signed-APK as below. Locate the APK

image

image

image

Though you have uploaded the signed APK, yet you still could not publish you app, why? These are the requirements you need to set;

  1. You need to add a high-res icon. (size 512px x 512px)
  2. You need to add a feature graphic. (size 1024px x 500px)
  3. You need to add at least 2 non-Android TV screenshots. (2 screenshot images. Min length for any side: 320px)
  4. You need to select a category.
  5. You need to select a content rating.
  6. You need to add a short description.
  7. You need to add a full description.
  8. You need to acknowledge that this application meets the Content Guidelines.
  9. You need to acknowledge that this application complies with US export laws.
  10. You need to target at least one country.
  11. You need to enter a privacy policy URL.
  12. You need to make your application free or set a price for it.

build.phonegap.com to generate signed APK

One of the development approach to create Android apps is using HTML5. By using this approach, the mobile app interface is designed using the HTML interface with the help of CSS and Javascript Framework called jqueryMobile. However, generating the APK file for this HTML web-based app is quite a hassle. Or should I say it’s difficult for novice apps developer. As the system’s environment variable need to be tweeked manually in order for the nodejs, npm client, JDK, Android SDK and several other tools to integrate to each other.

Thanks to build.phonegap.com , those tedious processes are no more.

STEP 1: Register for an ADOBE ID, at build.phonegap.com.

image

Choose the FREE plan this time. You could have one app to manage this time. As you have more projects, you may sign up for U$D9.99/month subscription fee. Or if you or your company already have Adobe Creative Cloud Membership, just use them.

image

Create an ADOBE ID if you don’t have one.

image

There you have your account and ready to upload a HTML project.

image

Click here to read the next four steps.

Our Popular Posts

WorldConferences.net