Oracle by Example brandingGetting Started with Mobile Application Accelerator

Ready to get started?

Using Oracle Mobile Application Accelerator (MAX), you can create a single mobile app that runs equally well on iOS and Android phones.You don't need to write a singe line of code to build cross-platform apps with MAX. Instead, you can create an entire screen flow, one that allows your users to interact with backend data through such UI widgets as list views, input forms, images, and charts, through drag and drop gestures.

section 1Add the API

Before you jump into the MAX UI, you'll need to publish an API so that you'll have some data to work with as you build the list view. To add the API:

  1. Click This is an image of the menu icon. and then select Mobile Apps > APIs.
  2. Click New API and then choose API.
    This is an image of the New API button.
  3. Create the API using the RAML file:
    1. Click here to download the package that contains this file. Unzip the file.
    2. Drag and drop the RAML file into the New API dialog.
    3. Enter a description like "Returns a list of accounts."
    4. Click Create.
  4. Next, select the API and then click Publish. OMCe changes the status from Draft to Published.
    This shows the API's published status.

section 2Create the app

Now that your API is published, you can use it to build a simple list view application with the MAX UI. To launch MAX:

  1. In the left navbar, click Mobile Apps > MAX Apps.
  2. If this is your first visit, you'll see the following page (with an introductory video). When you're done, click New Application.
  3. Now you ready to create the shell of your app using the wizard:
    1. Name the app something like My Accounts and then click Next.
      This is an image of the Name app page.
    2. MAX provides a set of basic patterns that are commonly used in mobile apps. For the list view, choose Simple Screen and then click Next.
      This is an image of the simple screen template.
    3. Call the screen something like My List and then click Next.
    4. Choose List since the screen content will be a list view. Click Next.
      This is an image of the content screen.
    5. And with that, you're done with your first screen! Click Create to open the Designer.
  4. The Designer is where you build your UI and wire it to data. The Preview displays your app so far. Because you're building a list, MAX populates the Properties Inspector with a set of QuickStart wizards that will help you complete it. You'll use the Add Data quickstart to complete this tutorial.
    This is an image of the Designer.

section 3Create the list

To create the list view using the QuickStart:

  1. Click Add Data in the Properties Inspector.
    This is an image of the Add Data QuickStart.
  2. Pick the layout with Title and value 1. Click Next.
    This is an image of the layout page.
  3. Next, add the FixitFastAccounts API:
    1. In the Select Data Source screen, click Add Service.
      This is an image of the Add Service screen.
    2. Select FixItFastAccounts and then click Select.
      This is an image of the Service Category.
    3. Click the Accounts business object and then click Next.
      This is an image of the Select Data Sournce page (business object).
  4. Now you ready to make the two list fields, Title and value 1, display the data that's returned by the FixItFastAccounts API.
    1. Drag and drop the name value from the Accounts data source to the Title field.
    2. Next, drag the region value into the Value 1 field.
      This is an image of the Add Data screen.
    3. Click Finish to return to the Designer. The Preview displays the completed list view.
      This is an image of the completed list in the Designer.

more informationWhat's next?

  • Learn about the Designer.
  • Learn how the QuickStarts can help you build an entire screen flow.