Android application development using Intel XDK (free) IDE - Part III

Vuyiswamb
Posted by in Android category on for Beginner level | Points: 250 | Views : 16598 red flag
Rating: 5 out of 5  
 4 vote(s)

In this part of the article, I will explain and demonstrate to you on how to prepare your app for the market.

Introduction


This is a part III of the series and the second last part of the Series on Android development using the Intel XDK IDE. In this part of the article I will show you step by step on how to create an APK file (Installation file) for Android and prepare your apk for the market.


Objective


In this part of the article, I will explain and demonstrate to you on how to prepare your app for the market. In the previous article i demonstrated to you on how to emulate your app and make changes to suit your needs. If you reading this part of the article it means you are now ready to prepare your app for the market.

Start


XDK can help you to prepare your app for market, it will help you with image dimensions. In this article we are going to use the image Editor a lot to make sure we comply with the market.

Build XDK


Open XDK and select the “Build” Tab as depicted below in figure 1.1

Figure 1.1

Looking at figure 1.1 , there are varies option available, but for the  scope of this series we will not dissect them but we can hope for another article that will deal with them in detail as we are doing with the current android option. What we are looking for is Android as depicted in figure 1.1. If you are building the project for the first
time, the project will be uploaded to the server and you will come across the uploading bundles progress
status. A new chapter in our article now folds out .This screen below is what we are going to work on before we
publish our app.

Figure 1.2

Click on the “App Details” on the “Edit” button and the following screen will appear.

Figure 1.3

All the labels are self-explanatory and the next section is

Figure 1.4

In figure 1.4 I tried to elaborate each point, and in figure 1.5, you must always select “GOLD” option.

Figure 1.5

Click on “Go to next Step” button to move to the next button.

  Figure 1.6

Figure 1.6 requires that we must upload images of certain dimension. If you check the requirements you will notice we need to create a launch icon and two splash screens for different kinds of devices.

Generating an Icon for Launch

Now to generate an icon that is glossy and crispy you need not to have designer skills, there is an online icon generator that you can use from this website http://www.gieson.com/Library/projects/utilities/icon_slayer/#.UwoISfmSwb1 
 If you use this website to generate your icons, you just need to upload an image and it will generate mostly used dimensions as depicted below in figure 1.7

Figure 1.7

Preparing images for Upload


There is a small tool bar on the right hand side that can allow you to make your icon fit your needs. If you are happy with the look of the icon, click the “Export in cons” button it will give you an option to download this in an archive format.
  1. The first image that is required is the one that has 96 h X 96 w, in the exported folder of icons, there is a folder named “Sizes” in there will be an image named “icon-96.png”.
  2. Attach that image to the first image requirement.
  3. The second image that is required is “720w x 1280h”. The icon generator cannot generate this size, so what you need to do is to take the biggest icon and adjust it be this size and upload it. Please note that this is a Splash Screen and you can use any image.
  4. The next one is the Tablet Splash Screen image with dimension of “1600w x 2560h”. Do as you did previously by adjusting the image to fit the required size.
Figure 1.8 shows how will this step look when all have been uploaded.

Figure 1.8

PLUG-INS


Figure 1.9

This step is where you can tell XDK that you have PLUG-INS that you use in your app. You can choose to switch
it on, but for this exercise, keep it off and move to the next step. 

Facebook integration


Figure 1.10

A Facebook integration is possible using XDK, here you are provided with the application signature. But for this exercise let us ignore this section and click next.

PUSH CONFIGURATION


Figure 1.11

You are able to configure the push notification, but for this exercise we can just click next.

Build the Project 


Figure 1.12

1. This is the last part, this is the part where you create an apk file. Now click on the “Build App Now” button
and a progress bar stating it is building will appear. 2. When the build its completed, you will receive an email with the apk that you can download and upload to
the market .

Figure 1.13

If you look at the UI on XDK, it can also allow you to send the APK to other people via email within XDK or download it as depicted in figure 1.14.

      Figure 1.14


I can take this app and download it and send it to friends and I can also install it on my tablet or any android phone.

Conclusion


I wanted to end this series here, but i came to my senses regarding the Market issues that one might encounter while publishing. So I will keep that subject separate. The next and last part of the Android Development with XDK will focus solemnly on publishing the app to GooglePlay.

Thank you for visiting Dotnetfunda.

Vuyiswa Maseko.







Page copy protected against web site content infringement by Copyscape

About the Author

Vuyiswamb
Full Name: Vuyiswa Maseko
Member Level: NotApplicable
Member Status: Member,MVP,Administrator
Member Since: 7/6/2008 11:50:44 PM
Country: South Africa
Thank you for posting at Dotnetfunda [Administrator]
http://www.Dotnetfunda.com
Vuyiswa Junius Maseko is a Founder of Vimalsoft (Pty) Ltd (http://www.vimalsoft.com/) and a forum moderator at www.DotnetFunda. Vuyiswa has been developing for 16 years now. his major strength are C# 1.1,2.0,3.0,3.5,4.0,4.5 and vb.net and sql and his interest were in asp.net, c#, Silverlight,wpf,wcf, wwf and now his interests are in Kinect for Windows,Unity 3D. He has been using .net since the beta version of it. Vuyiswa believes that Kinect and Hololen is the next generation of computing.Thanks to people like Chris Maunder (codeproject), Colin Angus Mackay (codeproject), Dave Kreskowiak (Codeproject), Sheo Narayan (.Netfunda),Rajesh Kumar(Microsoft) They have made vuyiswa what he is today.

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)