Setting up your MobileFirst development environment
This tutorial covers the basics of the IBM MobileFirst development environment: supported Eclipse versions, installation of Eclipse and MobileFirst Studio as well as a tour of the Eclipse UI, and installation of the IBM MobileFirst Command line tool (CLI) and an introduction to the capabilities of the tools.
- Development environment: choice of operating system
- Introduction to MobileFirst Studio
- Introduction to MobileFirst CLI
- Download and install MobileFirst Studio or MobileFirst CLI
Development environment: choice of operating system
MobileFirst Studio and MobileFirst CLI are supported on the following operating systems:
- Apple OS X
Note: Using MobileFirst Studio, it is possible to create projects and applications for iOS also on Windows or Linux. However, due to restrictions set by Apple you can compile an iOS application only in OS X using the Xcode IDE.
Introduction to MobileFirst Studio
IBM MobileFirst Platform Studio is an Eclipse plug-in that supports the development of rich, mobile web, native, and hybrid apps. It contains an embedded version of MobileFirst Server, a bidirectional WYSIWYG editor, and standard web technologies and tools.
You use MobileFirst Studio to:
- Develop rich HTML5, hybrid and native applications for all supported modern devices
- Maximize code sharing by defining custom behavior and styling guidelines that match the target environment
- Access device APIs by using native code or standard web languages over a uniform Apache Cordova bridge
- Preview and manage applications by using MobileFirst Console
- Create custom server-side Java code that can be used by MobileFirst adapters
- Use both native and standard web languages within the same application to achieve development efficiency and provide a rich user experience
- Use third-party tools, libraries, and frameworks
Introduction to MobileFirst CLI
IBM MobileFirst Platform Foundation provides a command-line interface (CLI) tool to easily create and manage apps. The CLI lets you use your preferred text editors or alternative IDEs to create mobile applications.
The commands support tasks such as creating, adding, and configuring with the API library, adding the client-side properties file and performing the build and deploy of the application. From the command-line, you can create and deploy adapters, and test them locally. You can administer your project from CLI or REST services, or the Console, where you can control the local server and observe the logs.
To learn more about the MobileFirst CLI, visit its accompanying tutorial.
Download and install MobileFirst Studio or MobileFirst CLI
Before you can install MobileFirst Studio you must install Eclipse. Instructions for installing a supported version of Eclipse and the MobileFirst Studio plug-in, or the MobileFirst command line tool are included with the IBM MobileFirst Platform Foundation Developer Edition:
If you have done so already - continue with the Hybrid or Native tutorials from the menu tree to the left.
For more information about downloading and installing the Consumer Edition or Enterprise Edition, visit the IBM MobileFirst Platform Foundation user documentation website.
The following screen captures depict the Eclipse interface.
Click on the image to see a larger version.
The term workspace is used to describe the environment where you do all your work. The workspace contains the menu bar, toolbars, and one or more perspectives.
Menubar and toolbar
Comply with typical graphical user interface (GUI) applications. Provide the commands to perform standard tasks such as saving and editing files.
A perspective is a special layout of particular views and tools that you need to use in your work. The currently open perspective occupies most of the Eclipse workbench. You can have more than one perspective open at a time, but only the active one is visible. You can access other open perspectives by using the toolbar on the upper-right side of the workbench.
Views are designed to support interaction with information in your workbench. Eclipse is extensible, so that views can be designed to show nearly any information. Most common views are views of the file system, program output, and text files (generally dealt with in a special view called an editor). To add a view, select Window > Show View.
Editors are a special view, which is designed for viewing and editing data. One of the most common uses of an editor is for editing source code.
If you are working on a Windows platform, before you begin to create projects and work with your Eclipse installation, go to Window > Preferences > General > Workspace, and change the text file encoding to UTF-8.
CTRL + F: find
CTRL + K: find next
CTRL + J: incremental find next
CTRL + L: go to line
CTRL + SHIFT + R: open resource
CTRL + Q: last edit location
ALT + ← (left): back
ALT + → (right): forward
Note: The CTRL key is for Linux and Windows. On a Mac computer, use the CMD key instead.▲