We are going to be at the Mobile World Congress in Barcelona, February 27 – March 1, 2012. Stop by our stand and learn how incredibly easy it is to build HTML5, jQuery Mobile, PhoneGap, and REST mobile apps using Tiggzi, the cloud-based mobile app builder. If you want, BYOR (Bring Your Own REST) and we will build a mobile app using your REST service.
Second, from the builder it’s incredibly easy to consume any REST API (yellow Mobile API line). Tiggzi comes with a pretty nice REST services console where any service can be tested. From the same console, the REST service response (structure) can be automatically created. Once the service is defined, it is mapped to jQuery Mobile UI using a visual mapper (UI to service input, service output to UI).
Thirdly, as most BaaS services (orange line) are exposed as REST, HTML5 mobile app built in Tiggzi, can easily connect and use those services.
Lastly, and maybe the most important point is how incredibly fast you can build apps. It sort of all makes sense.. you got cloud-based mobile backend (exposed as REST) and cloud-based app builder to build the apps. It sounds simple.. but a really elegant picture.
This perfectly describes Tiggzi. Tiggzi is cloud-based builder for creating HTML5, jQuery Mobile, PhoneGap, and RESTful mobile apps.
There are literally thousands of different REST API’s available today, new API’s are being created and exposed daily. There are API aggregator sites such as apigee.com and programmableweb.com that collect APIs from various sites. apigee.com makes available a very nice API console where a REST service can be tested.
Testing a REST service is cool but what if you wanted to build a mobile app using it? Tiggzi, the cloud-based mobile app builder comes with a REST API console and makes it super easy to connect to any REST API. Check it out:
1. Enter any REST service URL. In this example I use Cocoafish Location API. Now, this is the most awesome part. You can use any REST URL here. You can of course do get, post, delete and push.
2. Define REST request parameters:
3. Test the service, just like the apigee.con console:
4. Create service response by clicking Populate Response Structure button (in above screen shot):
4 steps and you are done! All it takes is a few minutes to connect to any REST service.
Lastly, you just map the service to jQuery Mobile UI:
A few weeks ago I promised to publish a tutorial on how to build a mobile app and connect it to Parse backend.
You can get the full tutorial here.
You really have to try it yourself building a mobile app in Tiggzi app builder and connecting it to Parse mobile backend is amazingly easy. You can literally build a real mobile app in about 30 minutes. Creating the actual backend is fast as well, takes about 2 minutes. Any backend object is instantly available via REST API and then used in the mobile app.
Here is a general outline of the tutorial:
- Sign up for Parse and create the mobile backend. The mobile backend object (class) is a list of text messages
- Build the mobile UI with jQuery Mobile and HTML5 (see screen shot below)
- Create and use REST service to load text messages (REST:
https://api.parse.com/1/classes/Words, GET request)
- Create and use REST service to create a new texg message, (REST:
https://api.parse.com/1/classes/Words, POST request)
- Update the mobile UI to include a Delete button (REST:
https://api.parse.com/1/classes/Words/objectId, DELETE request)
- Create and use REST service to delete a text message
- At any step in the tutorial, you can test the actual app in Web browser
- Optionally, update the look and feel of the app
The final app looks like this:
In this fascinating hands-on webinar, a real mobile app will be built, connected to a REST service, and tested. Attendees will be be able to test the app as it’s being built. Beyond that, we will also cover some of the exciting features of the new version of Tiggr that will have been released by then (under a new name…).
Learn How to Build Mobile Apps in the Cloud with HTML5, jQuery Mobile, REST, and PhoneGap
January 19, Thursday
11am US Pacific Time
Tiggr – the easiest platform for building mobile apps in the cloud
Building mobile UI with jQuery Mobile
To build the mobile UI, there is a visual editor and jQuery Mobile components, as shown below. You simply drag and drop components into the phone area.
Testing the mobile app
Testing is one of the most innovative features in Tiggr. There is a big Test button at the top. Clicking that button opens up a browser window with the mobile app in it. Need to test the app on the actual device? Scan the QR code, and e-mail the URL to your device. Don’t forget to make the app public. (More about testing native apps a little bit later.)
Consuming any cloud service
Once the UI is ready, the next step is connecting to cloud services. In Tiggr, you can connect to any cloud REST service. Below is an example of using the service editor to define a connection to Twitter’s search REST service:
Once the service is defined, it is mapped to the UI. A service usually has inputs and outputs. Mapping specifies how different UI components are related to different service parameters for input and output. There is even a visual data mapping editor available (service output is shown on the left, screen components are shown on the right:
One last step is adding an event to invoke the service. For example, on a specific button click (HTML click event) the service could be invoked. You can of course use any other HTML events. With Tiggr this is easy.
Native apps with PhoneGap
Exporting native app
Every app (native) in Tiggr comes with PhoneGap installed. To export the app as native is as simple as clicking the big Export button:
If you are targeting for Android, then you can download Android Release binary (.apk). This file is ready for the Android Market. Tiggr has a Android .apk file editor for you to enter all the necessary information.
If you are targeting iOS, then export iOS xCode project (Eclipse). You can then build the app on your machine or use cloud-based PhoneGap Build service to build for iOS.
As an alternative, for both Android, iOS or any other platform you can download the mobile Web version (Web resources, HTML/CSS/JS) and use PhoneGap Build service to build for the platform.
For example, if you need to build for BlackBerry, then simply download the mobile Web version and upload to PhoneGap Build. It’s that simple.
Using PhoneGap API
As an example, we will implement a Vibrate button.
First, we add the click HTML event to the button:
Testing native apps
Once you use a native API, testing in Web browser is no longer as useful. To test native apps, you can use Tiggr Mobile Tester. It’s a native app (Android, iOS) that lists all your mobile app in Tiggr. You simply tap any app in the list to launch the native app for testing. It’s the easiest and fasted way to test a native app without having to install it. The tester app looks like this:
This is even simpler than using the API. More components are planned to be added such as Camera and others.
Tiggr and PhoneGap – The ULTIMATE mobile app development combo?
We think so.
When you combine the two, Tiggr and PhoneGap, you get powerful cloud-based HTML5 mobile apps builder with an easy way to incorporate native device features and build for multiple mobile platforms.
Sign up for Tiggr and build your mobile app today.
Originally posted on PhoneGap blog: http://phonegap.com/2011/12/15/building-mobile-apps-in-the-cloud-with-tiggr-and-phonegap/
Try these new and very easy to follow mobile tutorials:
On Thursday, January 5, 2012 I will be presenting at Bay Area Mobile:
Prototyping and building mobile apps in the cloud
When: Thursday, January 5, 2012, 6:30 PM
Where: Mountain View, CA
In this cool session you will learn how to build HTML5 and native apps using Tiggr. Tiggr is a cloud-based mobile apps builder that uses HTML5, jQuery Mobile, REST, and PhoneGap to build apps. A real mobile app will be prototyped and built during the session, which attendees will be able to run and test on their own devices.
To sign up and more info: http://www.meetup.com/BayAreaMobile/events/40927112/.
Two other speakers will be presenting as well. Sally Cox from Adobe will be showing Adobe Proto, and Jonathan Smiley from ZURB will be talking about: Why (and How) to Rapidly Prototype for Multiple Devices.
The webinar shows how to build an RSS mobile app with jQuery Mobile, HTML5, REST, PhoneGap, export it and publish to Android Market, all under 40 minutes.