Introduction:

The MeeGo Application Design Guidelines provides a set of rules that should be followed in order to comply with the look and feel of the MeeGo OS and applications. The MeeGo UX Components supplements the design guidelines and provides a set of GUI features and APIs that developers can use to bring out the similarities of UI in their applications.
This article shows the steps that you will need to follow in order to install the MeeGo UX starter template from within the Qt development environment and a basic application that integrates with the UX components. This article shows the steps for a Windows host system while the steps remain consistent with a Linux based development environment also.

Prerequisites:

Windows XP/7 Operating System
MeeGo SDK 1.2 for Windows

The process:

1: Install Git:
Download the msysGit package from the website http://git-scm.com/download and install the package. Note down the path where Git is installed on your system.

2: Add the Git install path in the Windows “Path” environment variable:
Go to Start-> Right click on “Computer”. Select Properties -> Advanced system settings -> Click on “Environment variables”. Now select “Path” and click on Edit. Now append the “Path” variable with the Git install path. Ensure that the previous entry in the Path variable is separated from the Git install path through a “;” delimiter.

3: Select the meegoux-starter-template from within Qt Creator IDE:
Open the Qt Creator IDE (Start-> MeeGo SDK 1.2 -> QtCreator).Select the “New File or Project” from the File Menu. In the “Choose a template” section, select “Project from Version Control”. Then select “Gitorious repository clone”.

Click on the “Choose” button. This will take you to a screen where all Git projects are displayed. It takes a few minutes to populate all the projects available through the Git repository. Click on “Next”. Search for “meegoux-starter-template”. Now the meegoux-starter-template project is displayed.

Select this project from the repository and select the path where you wish to download the clone for the starter template. In the below example, the selected path is c:\MeeGoSDK_1.2\QtCreator\bin\meegoux-starter-template.

Click “Next”. The meegoux-starter-template is cloned into the specified path and if the action was successful, you will see the screen below:

Click “Finish”. The meegoux-starter-template will now be displayed as a project in the Qt Creator IDE project workspace.
Set the target device to the MeeGo Emulator or the MeeGo remote device. Detailed instructions for setting up the target are available here: http://appdeveloper.intel.com/en-us/article/installing-meego-sdk-windows

Build the application. This is a sample application that has minimal UX features integrated in it. If the build environment is configured to deploy the application to the remote device, the application window will be shown on the device:

Congratulations! You are now all set to create great apps that have the same look and feel as the cool MeeGo operating system UI.