Choose Project

Before you test an app using the EMULATE tab, you need to choose an existing project or create a new project.

Use the PROJECTS tab to select the active project to be used by other tabs. Selecting the project will also select the index.html file within the chosen project for the Device Emulator. This tab also lets you remove the selected project from the project list.

In this tutorial, we will show how to create a project for the Basic Hybrid App sample included with the Intel XDK and use it in the EMULATE tab.

View Available Demo Samples in the PROJECTS Tab

Open the Intel XDK.
Click the PROJECTS tab.
Click the Start a New Project button near the bottom.
Click Work with a Demo. Several available demos are displayed.
To view the brief summary of any demo app, click its title. To view demo apps in a specific category, click the drop-down list to the right of Filter by keyword.
Continue with the steps below.

For this Tutorial: Create a New Project and Open It

To select the Basic Hybrid App demo app for this tutorial and create its project, continue from the previous section.

Complete the steps above under View Available Demo Samples in the PROJECTS tab.
Click the title Basic Hybrid App. Once selected, the icon will turn blue.
Click the NEXT button.
Type a name for your project, such as: BasicHybrid_demo
Click the BROWSE button and select a directory under which you will create a new directory. The directory name will be based on the Project name, BasicHybrid_demo.
Click the CREATE button. The PROJECTS tab appears.
If needed, in the left margin click the name of your new project BasicHybrid_demo.
Click the DEVELOP tab. If needed, click the CODE button on the left.
Below the project name, view the source files for this app:
Click the file index.html to display its code.
Please notice that app_framework, images, js and sounds are directories. Click the triangle button to show or hide their files: