Visual Mapper: jQuery Mobile to REST Services

Mapping mobile UI to service is one of the most basic tasks in any mobile app (or a standard Web application). Input data entered by the user is sent to the service (input), the service is invoked, returns data (result) is sent back to the app for displaying results. Tiggr Mobile Apps Builder makes it super easy to map UI to service. Let’s look at an example.

REST service settings:

REST service input parameters:

REST service output parameters:

To open the standard mapping editor, there are two buttons in properties for a service:

Mapping UI to service look like this:

The service input parameters are on the left and are mapped to input components and properties on the right.

Mapping service back to UI for displaying the result looks like this:

The service output parameters are on the left and are mapped to output components and properties on the right.

Now there is even a more visual way to do the same. There is a new Data Mapping tab in the main editor, clicking the tab will open a visual data mapping editor:

That’s a pretty cool way to do mobile UI to REST service mapping.

Published by

3 responses to “Visual Mapper: jQuery Mobile to REST Services”

  1. That is a really slick way to do mobile UI mapping. The tool could be useful for just figuring out what you are getting via a RESTful call.

    I was looking for a tool to help with examining the results from some calls yesterday. This would have been a great tool to help even though I was not building a mobile application.

  2. this is really cool…just what I was looking for…a tool so we dont have to tweak the nuts and bolts..thanks for pointing us to it !

  3. I find it amazing what you can do with jQuerymobile. No doubt that I will implement in my next mobile projects.

Leave a Reply

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

You are commenting using your 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 )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.