5 steps to building mobile apps in Tiggr with jQuery Mobile and PhoneGap

Tiggr Mobile Apps Builder is a cloud-based tool for building mobile web and native apps. Right in the browser, you can build an app, connect to services and test it. You get a mobile web (HTML) app. To go native, we use PhoneGap library. These 5 steps will give you a good idea of how the tool works and what it can to.

  1. Create the UI
  2. Define REST data source
  3. Glue it together with events and actions
  4. Test the app in a browser or in Tiggr Mobile Tester app
  5. Export source code or get the binary for the app

1. Create the UI

Tiggr comes with various jQuery Mobile components (left-hand side) to make it easy and fast to build the app UI. Select any component and drag and drop it into the phone. Once a component is inserted, you can set varies properties, actions and events (right-hand side).

2. Define REST data sources

An app without data, well, is not very interesting. First define any number of services. You service URL, request parameters and response parameters.

Then, a special Data Source component (non-visual, you drag it into the screen) is added to the screen and one of the services is selected. One last step is to map UI input components to the service (that’s for service input) and map service to UI output (that’s for service output).

Mapping input UI components to request parameters:

Mapping response data to output UI components:

3. Glue it together with events and actions

Now we we need to invoke the service. We use onclick event on a button to invoke Execute Communication action.

Although not required, we know some of you may want to write some custom JavaScript so we made it very simple. Write a custom JavaScript function or use any existing JavaScript library in your mobile app.

4. Test the app

Test the app inside desktop browser, mobile browser on the device or using Tiggr Mobile Tester on your phone.

5. Export source code or get the binary for the app

Get all the HTML/JavaScript/CSS or PhoneGap project or Android .apk file.

What’s next?

Like it? Try it for free here: http://gotiggr.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s