Friday, September 05, 2014

Creating a ListView type of cross-platform app with Intel XDK is quick and easy

In I described some details of Intel XDK for cross-platform app development. In more ways than one this is really one of the easiest platforms to use. The developer support is really good with lots of samples, videos, etc.

I just used the template for starting the project and in no time at all the app was ready and was tested on the device. In this case the app was tested on a Nokia ICON and a iPad.

I am sure it will work on iPhone as well. Sure the app is pretty trivial but the point is made that a successful cross-platform could be created using this platform.

It is true that you may require a language other than HTML5/CSS/JavaScript to create more complex programs, but if your program is small and no so complicated and falls into a familiar type then this program works quite well.

In my previous post   I covered the various project options that you can choose for designing your apps that can be accessed by multiple devices, iPhones, Windows Phones, iPads etc.

In this post I describe the steps to create a ListView App with the Intel XDK using the published templates.

A list view consists of a list and when you click on one of the list items, you get a detailed page related to the item. This is a very common type of application.

Download the source code for the template from github here:

The following note is from the above site:
'App Designer Ready-This template can be used for simple list view application
that has a main view with scrollable list and detail view for each list item,
this template can be used for creating applications similar to Mail app, Messages
app or Twitter* app'

After downloading the code, extract to a folder (Herein MyListView)
Launch Intel XDK and choose Start with a template and browse to the extracted folder location.

The extracted folder is as shown:

In the Intel XDK after browsing to the folder location click Create.
It will take a few seconds and you get a 'Success' message.

Follow the step-by-step procedure to create the app here:

No comments: Protection Status