If you don’t know what Tiggr is, Tiggr is a Web-based mobile apps builder or a mobile RAD (Rapid Application Development) tool. It enables developers to build mobile Web and native apps very quickly. Tiggr comes with a visual editor and jQuery Mobile components. You simply drag and drop components into the phone area.
This makes it very easy to prototype and build the UI. Once you have developed the UI (which you can share and test in browser or mobile device), you define and connect to REST services. Once the service is defined, it is mapped to the UI. A service usually has inputs and outputs. Mapping means taking input from UI (such as input component) and using it as input for the service. On the other side, taking service output and mapping it back to the UI, for displaying the result. One last step is usually adding an event to invoke the service. For example, on a button click the service can be invoked. What I just described is a very easy and fast way to build mobile Web apps. There is nothing to setup or configure, just launch the Tiggr visual editor and start building.
Now, how do you get a native app? That’s where PhoneGap comes in. PhoneGap is an open source framework, it wraps your mobile Web app and gives you access to native device API. To use native features, PhoneGap provides very clean and elegant API. For example, to sound a notification beep twice, you need to call the following:
To get device information, the following code is used:
alert ('Device Name: ' + device.name + 'n' + 'Device PhoneGap: ' + device.phonegap + 'n' + 'Device Platform: ' + device.platform + 'n' + 'Device UUID: ' + device.uuid + 'n' + 'Device Version: ' + device.version + 'n';
You start with a button, we will use the Vibrate button:
Add click HTML event to the button:
Once you use native API, testing in Web browser is no longer possible. To make it super easy to test your native app, you can use Tiggr Mobile Tester. It’s a native app (Android, iOS) which lists all your mobile projects created in Tiggr. You simply tap any app and launch the native app. The app looks like this:
Like what you see? Try Tiggr Mobile Apps Builder yourself!
Thanks to Paul Beusterien for the example idea.