APIs for the Internet of Things

Max Katz

Subscribe to Max Katz: eMailAlertsEmail Alerts
Get Max Katz via: homepageHomepage mobileMobile rssRSS facebookFacebook twitterTwitter linkedinLinkedIn

Blog Feed Post

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

Read the original blog entry...

More Stories By Max Katz

Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), DZone MVB (Most Valuable Blogger), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: http://maxkatz.org and Twitter: @maxkatz.