Video: Building a Mobile App With Database in 5 Minutes

Posted: October 9th, 2014 | Author: | Filed under: API, Database, Features, Video | Tags: , , ,

This 5-minute video shows how to create a simple, yet real mobile app that talks to an API backend.

Video: Building Enterprise Mobile Apps Fast with the Orchestrate Database and Development Platform

Posted: September 15th, 2014 | Author: | Filed under: API, Database, Events, Partner, Video, Webinar | Tags: , , , ,

This is a recording of the webinar we did with our friends from Orchestrate. This video shows how to build a Contacts mobile app in connected to Orchestrate database.

Read the rest of this entry »

Building Mobile Apps With the Development Platform and Orchestrate Database

Posted: August 11th, 2014 | Author: | Filed under: API, Database | Tags: ,

Gone are the days when you could afford to take months to build an enterprise mobile app. In today’s fast market, you need to be able to prototype the app in a few days (or even hours), release the first version in a few weeks, get feedback, fix bugs, release the second version. Repeat.

To help you meet this challenge, and Orchestrate have collaborated to create this step-by-step tutorial on just how fast you can build a real mobile app. The app is built in the visual development platform, connected to an Orchestrate database via REST APIs, tested, and deployed. (If you’re new to you can start with the Building your first mobile app tutorial.)

In addition, and Orchestrate will hold a joint webinar titled “Building Enterprise Mobile Apps Fast with the Orchestrate Database and Development Platform” covering this material on September 11 at 10:00am Pacific time. Register now!

Read the rest of this entry »

Building a mobile Todo app with database and deploying to

Posted: February 19th, 2014 | Author: | Filed under: Database, HTML5 | Tags: ,

This video shows how to build a mobile Todo app in with cloud database and deploy the app to – a very nice and easy to use HTML5 hosting service. Updates its New HTML5 App Builder with Windows 8 Support, plus jQuery Mobile 1.2, PhoneGap 2.2, and Push Notifications

Posted: December 19th, 2012 | Author: | Filed under: API, Database, jQuery Mobile, New release, PhoneGap, Tutorials, Windows Phone | Tags: , , , , ,

Windows 8 Support

Windows 8 new HTML5 app builder has been the default builder for the past couple of weeks and we continue to update it with new features. One such feature is new Windows 8 support. In addition to jQuery Mobile/PhoneGap apps, you can now build Windows 8 apps with native support such as Snap View, Search Charm, Share Charm, and Live Tile.

To create a new Windows 8 app, click the “More create options” link from the Apps page and then select Windows 8 App as the app type. Try our Windows 8 app tutorial.

jQuery Mobile 1.2

We also upgraded to a much better jQuery Mobile version 1.2.


PhoneGap 2.2

We also upgraded PhoneGap to version 2.2. This means cloud build has also been upgraded to PhoneGap 1.2:


If you use Mobile App Tester for Android – go and grab an update so it also uses the latest PhoneGap version.

Push Notifications

A long requested feature – Push Notifications feature has been added to Backend Services.


Want to try it? Try our new Push tutorial.

New Tutorial: Building a ToDo App with Backend Services

Build this app and learn how the app builder is fully integrated with backend services.



Building a Mobile Search App with Database, Part 2

Posted: October 22nd, 2012 | Author: | Filed under: Mobile Backend, Tutorials | Tags: ,

Last week we put posted Building a Mobile Search App with Database tutorial that shows you how to search a database for a particular search term. The way the search worked, is that the entire word has to be matched. For example, you could enter ‘Apple’ but not ‘Ap’ to search. In this post we are going to show you how to use a regular expression to get all objects that start with a particular letter. As for our data, are going to use US States.

Building the UI

To start, the UI that we need looks like this:

  • For input we use a search component
  • Below the input we have a grid, with one column and a label inside.

That’s all we need for the UI. Let’s now create the database.

Creating a database

  1. Create a new database by going to
  2. Go to Collections tab and click Import button.
  3. Upload States CSV file to the database. Once the collection is created, it should look like this:

That’s it for the database. Let’s now add a REST service to search this collection.

Adding a REST service

  1. In app builder, select Project > Create New > Database Services
  2. Select your database
  3. Expand States collection and check Query service.
  4. Click import Selected services button. A query search for States collection will be created.
  5. Let’s test the service. As we want to make the search a little bit more flexible, we are going to use a regular expression. For where param, enter the following:
    The above will return all states that start with letter C or c. “$options”:”i” is what specifies the query to ignore the case.

We are done with the service. Let’s move on to mapping.

Mapping the service to the page

The input mapping looks like this:

This is JavaScript mapping:

This is output mapping:

Invoking the service

The last thing we need to do is to invoke the service. Select the input search field, then Events > Add Event > Search. Add Action > Invoke Service, select the service instance.

Testing the app

To test the app, enter any letter, for example ‘n’ and click the magnifying glass inside the search input:

Building a Mobile Search App with Database

Posted: October 15th, 2012 | Author: | Filed under: Mobile Backend, Tutorials | Tags: ,

This tutorial will show you how to build an app that searches data stored in database.

Let’s start with building the mobile UI.

Building mobile UI

Using app builder, create a page named Phones and build the following UI:

  • Maker name is  a placeholder
  • Below the button ,there is a grid with two columns and a label inside each column.

Creating a database

  1. Create a new database by going to
  2. Go to Collections tab and click Import button.
  3. Upload Phones CSV file to the database. Once the collection is created, it should look like this:

Creating REST services to access the database

  1. In app builder, select Project > Create New > Database Services
  2. Select your database
  3. Expand Phones collection and check Query service.
  4. Click import Selected services button. Two services will be generated under Services folder. One is a settings service that holds the database id and the other one is the query service.

Open the service and then open Request Parameter panel. It should look like this:

Click Test. As we didn’t specify anything for where parameter, you should get all the phones in the collection.

Let’s now test the where parameter. Enter the value of {“Maker”:”Samsung”}, then click Test. You should now get only records where the maker is Apple.

Note that we don’t need to create the response parameters as the response was automatically created when we imported the services.

Adding the service to the page

  1. Select the query service and drag and drop it over the phone frame. A box will appear on the left-hand side indicating a service instance was added to this page.
  2. Rename the service instance to: query_phones

Mapping the service to the page

  1. Open Data Mapping tab
  2. Map the input component to where parameter:
  3. Click Add and enter the following code:
    this means any value entered from the page will be used to search the database.
  4. Click on Response Mapping and create the following mappings:
  5. Go back to Design view.
  6. The last thing we need to do is to invoke the service. Select the button, then Events > Add Event > Click. Add Action > Invoke Service, select the service instance.

Testing the app

Run the app in the browser and enter either Samsung or Apple as value. For example entering Samsung will produce the following:

Displaying a message when no records are found

  1. Add a new label component just above the grid
  2. Rename the component to no_records and uncheck Visible.
  3. Select the button, go to Events. Add a Run Custom JavaScript action with the following code:
    That’s to hide the label on every new search.
  4. Now select the service instance on the page, then Events > Add Event > Complete. Add Run Custom JavaScript action with this code:
    If nothing is returned, show the message.
  5. Test the app, if you enter anything other than Apple or Samsung, you should get the following:



August Release: Database Integration, File API, Project Backup, and Simplified Project Creation

Posted: August 21st, 2012 | Author: | Filed under: API, Database, Features, Mobile Backend, New release | Tags: , , ,

We just released some really awesome features in!

App Builder Database Integration

In early July we launched Database where you can store app data. Now we have launched database integration in our app builder. This means you can point to a specific database, select the collection(s) you want to use and automatically generate all the REST services.  To create a services from database, select Create New > Database Services:

Next select the database:

Once the database is selected, you can select the services for which you want to generate REST services.

The first section creates REST services for User management.

The second section lists all the collections you have in current database. You can then select which actions (Create, Delete, etc) you would like to create for a particular collection:

When you click Import selected services button, the following REST services will be generated:

For example opening the service for creating a new message looks like this:

The request and response parameters are also generated.  Here is a screen shot of request parameters to create a new messsage:

Isn’t this awesome?

File API

We continue to add new features to Backend Services by adding File API. You can now easily store files in the database. When you open any database, you will see a new Files tab:

Read more about the File API.

Project Export/Import

Our users have been asking for this feature for a long time and it’s now available. You can export and then import a project. To export a project, go to app options page (Export Backup):

To import an app from backup, click From Backup when creating a new app (you get to this screen by clicking More Options link, see next section):

Even easier way to create a new app

Last, but not least, it is now even easier to create a new app. Right from Apps page, enter a new app name and click Create. That’s it.

July Release: Better Way to Test Your App, jQuery Mobile Multi-page Template, Queries In Database Console, PhoneGap Upgrade

Posted: July 24th, 2012 | Author: | Filed under: Database, Features, jQuery Mobile, New release, PhoneGap | Tags: , , , ,

We got some really cool stuff out this week. Check it out.

Better way to test your app

When you open the app builder you should see a new and very nice phone frame:

The old one was more Android-like. The new one is neither Android, iPhone or Windows Phone. Just a nice phone frame.

There is an upgraded test page:

You can use the new tool bar at the top to change the phone orientation as well as change the size:

That’s not all. We also now have an option to test the app without the mobile frame. In the Test pop-up, uncheck Show in mobile frame:

When you open the app, it won’t use the frame:

The frame looks nice in the browser, but technically speaking testing without the frame is better — as you are testing the actual app (just the app code, no frame). Of course when you run the app on your device, the frame is not there as well.

jQuery Mobile Multi-page Template

jQuery Mobile supports multi-page templates where two or more pages are placed inside the same file. You can now turn on this features in app builder (it’s turn off by default). Go to Project > Project Profile:

Queries In Database Console Database comes with Queries support (docs) and now you can try the queries right from the collection console:

Showing products that cost more than $30 (or any other currency):

PhoneGap Upgrade

We upgraded to PhoneGap version 1.8.1. Every new and existing app will now use this new version of PhoneGap.

Android 4.0.x

We also added build support for Android 4.0.x

As always, we want to get your feedback. You can always email us ( or post on our forum.

StackMob API Plug-in in App Builder

Posted: July 18th, 2012 | Author: | Filed under: API, Database, Mobile Backend, Plugin | Tags: , , ,

Last weekend we participated in the AT&T Mobile Hacktathon hosted by StackMob. Just before the event we published StackMob API plug-in in app builder so that it would be very simple to connect to StackMob. Here is how easy it is to connect to StackMob.

In app builder, select Create New > From Plug-in, then select the StackMob plug-in:

When you click to import the plug-in, you will be asked to enter StackMob key that identifies your app:

If you won’t enter the key right away, you can always set it by going to Services/StackMobDatabseSettings file.

The StackMob service looks like this:

You will notice that the URL has [objectName] in it. Simple set it to the object schema name defined in StackMob. My object is called messages so the updated URL would be this:

The service does a GET by default but you can set it to do any other action.

We can now instantly test the service. Open Request Parameters panel and click Test Connection:

We get result back which means our service works (you should create a few sample objects in StackMob before testing). The service input is defined, we now need to define the service output. That can be done automatically by clicking Populate Response Structure button.

Once the service is ready, add it to the page, and bind the service to the UI:

and finally run the app: