Wednesday, August 20, 2014

Creating Projects with Intel XDK - Part 2

In a previous post the Intel XDK was described with some details in the context of developing cross-platform apps for smartphones and tablets. The installation of Intel XDK was also described.

Herein the details of type of projects that you can create are described.

There are several options available for creating projects with Intel XDK.
Double click the icon or click the XDK icon on the taskbar to open the Welcome to
the Intel XDK Pane as shown.



Click on the Visit the Intel XDK Introduction and the Intel XDK Documentation gets
 displayed. This is quite a comprehensive documentation that discusses all
aspects of Intel XDK including developing cross-platform HTML5 based apps for
smart phones and tablets; deploying to devices; monetization etc.

In the left hand side there are different ways to work with projects. You could
create a blank project but then you do not get many of the design editors you
find in others such as Start with App Designer etc. If you already have created a
project you could open it. You could also import an existing app into the IDE. In
order to test drive you could also use the option, 'Work with a Demo'.

Starting with a blank project:

You can use a starter HTML file and JavaScript library for device API. It assumes that you have working knowledge of HTML5 and JavaScript.  You can also choose where you want to save your files.


Work with a Demo:

Provides you with a number of demos that you can open and take a look. This image
shows two demos (scroll up and down for more) from the list, PhoneGap Audio and
Buttons. You can filter this list using the drop-down handle for the filter.



Start with a Template:

You can choose your interface model for the template. All templates are based on
App Framework Model and supported by the App Designer. There are some 6 to 7
templates presently. Scroll down and choose you template.


When you click on a particular template in the above image, you get more
information as to how you can go about it as shown for the FlipView App template.


Import an Existing APP:

If you have created an HTML5 application you could import it into the IDE as shown in the next image. You need to browse and search in your folders


Use App Starter:

This is good project type if you are new to HTML5. You can quickly create a
proto-type an HTML5 using the App Frame work mobile library.


Start with App Designer:

You can use any of the UI Frameworks such as jqueryMobile, Bootstrap using the
drag-and drop tool that supports responsive design layout. Additionally you can
also use the built-in editor as well. It is assumed you know HTML5 and media
queries.

In the next post let us take a look at creating a project from scratch using one of the above options.

Build Web Apps with Intel XDK.

For other templates go here.
Post a Comment