Type CRUD-MobileFirst or your own project name in name textbox. Click Next.

new MobileFirst project

Step 4

Type CRUDMobileFirst or your own for application name. Click Finish. A popup will show up. Tick Remember my decision and click Yes.

open associated perspective

Step 5

Open application-descriptor.xml.

application descriptor

Step 7

Change author details. (optional).

application descriptor

Step 8

Right click MobileFirst project , go to New > MobileFirst Environment. This part is when we want to add platform into our MobileFirst project such as iOS, android and windows mobile.

MobileFirst environment

Step 9

Select your project and application/component. For this tutorial I will cover only for iOS and android. For windows mobile you need a windows machine to run the project using Visual Studio Express in Windows 10 operating system. Tick iphone and android phones and tablets. Click Finish.

MobileFirst environment

Step 10

Your project directory will be like this.

MobileFirst directory

Preview your app (android)

Step 11

import android project

Step 12

Select Existing Android Code Into Workspace. Click Next.

import android project

Step 13

Click Browse to select android project and click Finish.

import android project

Step 16

Run android app in android simulator.

Preview your app (iOS)

Step 17

Right click on iphone folder and go to Run As > Xcode Project.

Run As Xcode Project

Step 18

Click Play on top left side to preview the app on your iphone.

Xcode 7

Learning MobileFirst client side API and Building a multi page application

Step 19

Right click js folder inside common folder in your MobileFirst project. Go to New > Other.

Javascript File

Step 20

Create 3 javascript files.

AddPage.js – to add user details.

ListPage.js – to retrieve user list.

DetailPage.js – to retrieve user details.

Click Finish.

JavaScript Source File

new javascript file

Step 21

You latest project directory will be like this.

Project Directory

Step 22

Right click common folder and go to New > Folder to create a new folder.

add folder

Step 23

Then create a few of html pages inside page folder that we already created just now. Right click pages folder and go to New > Other.

Before you start this setup, you must have eclipse Juno SR2, Luna or Mars. Eclipse Keplar not compatible with MobileFirst. Eclipse Helios is only for PHP development, not suitable for MobileFirst. Same go to ADT bundle tool (Android Development Tool). Open your eclipse (for this tutorial we will using Mars).