Creating MobileFirst projects with MobileFirst Studio

You can use MobileFirst Studio to create a project.

About this task

With MobileFirst Studio, you create a project as a place where you develop your apps.

Note: You can also use the IBM MobileFirst™ Platform Command Line Interface create command to create projects. For more information see create .
When you create a project, you create a first app in it. This first app can be of the following types:
  • Hybrid application: A hybrid application can target multiple environments. You can write it primarily in HTML5, CSS, and JavaScript. It can access device capabilities by using the MobileFirst JavaScript API. You can also extend it with native code.
  • Inner application: An Inner application contains the HTML, CSS, and JavaScript parts that run within a Shell component. Before you can deploy this application, you must package it within a shell component to create a full hybrid application.
  • Native application: A Native application targets a specific environment, and can use the MobileFirst API for integration, security, and application management.
  • Shared Templates: A project based on existing templates that were created for sharing and reuse. You select those templates from your download folder.
  • Shell component: A Shell component provides custom native capabilities and security features that an Inner application can use.

After you create a MobileFirst project, you can later add further apps to it.

Procedure

To create a project and a first app in it:

  1. In Eclipse Design perspective, click File > New > MobileFirst Project.
  2. In the Name field, enter a name for your new project.
  3. From the list of project templates, select the template that applies to the first application in your project:
    Table 1. List of project templates
    Application type Purpose
    Hybrid Application To create a project with an initial hybrid application
    Inner Application To create a project with an initial inner application and point to a built shell component
    Native Application To create a project with an initial native application
    Shared Templates To create a project that is based on an existing template. For more information, see Creating MobileFirst projects from MobileFirst project templates.
    Shell Component To create a project with an initial shell component application
  4. Click Next, and in the field Application name or Component name, set the name of your application or component.
  5. Set the properties of your application, as described in the following sections:
    • Hybrid application:
      1. Optional: To add JavaScript libraries to your application, click Configure JavaScript Libraries, and select the check boxes that correspond to the layers that you need:
        Table 2. JavaScript libraries
        Library Effect
        Add jQuery Mobile To add jQuery Mobile support to the application. You must identify the directory where the required files for jQuery Mobile are located.
        Add Dojo Toolkit To add the Dojo facet and Dojo support to the application. When you build a mobile web application, Dojo is included to create the native application, such as an iPhone or Android application.
        Add Sencha Touch (deprecated) To add Sencha Touch support to the application. You must identify the directory where the required files for Sencha Touch are located.
        Note: If you add jQuery Mobile to your application, and you use Windows Phone Silverlight 8, you must ensure that the following conditions are met:
        • The $.mobile.allowCrossDomainPages option is set to true (in jQuery Mobile).
        • An absolute URL is used for file, for example x-wmapp0:/www/default/app-pages/myPage.html.
      2. Optional: Click Environments in the left pane, and select the environments that you want to add to your new application.
        Note: You can also add new environments later by clicking File > New > MobileFirst Environment. For more information about how to add an environment to an existing app, see Setting up a new MobileFirst environment for your application.
    • Inner application:
      1. In the field Shell archive name, set the path of your Shell archive file. The path can be either absolute or relative, if a Shell archive exists within your project.
      2. Optional: To add JavaScript libraries to your application, click Configure JavaScript Libraries, and select the check boxes that correspond to the layers that you need: jQuery Mobile, Dojo Toolkit, Sencha Touch (see Table 2).
    • Native API:
      • In the field Environment, select the environment that you need: Android, iOS, Java ME, WindowsPhone8 - Silverlight, Windows8 - Universal, or WindowsPhone8 - Universal .
    • Shared Templates:
      • Select one of the templates available from the list.
    • Shell component:
      • Select the check boxes that correspond to the layers that you need: jQuery Mobile, Dojo Toolkit, Sencha Touch (see Table 2).
  6. Click Finish to close the wizard.
Parent topic: MobileFirst Studio overview