New features in Tiggzi December release.
Tiggzi Mobile App Builder stands out in how easy it is to incorporate REST services with public APIs into mobile apps. Tiggzi now makes it even easier by prepackaging the steps you would go through to connect an app to a service as plug-??ins. Along with this new plug-??in feature for easy code re-??use, get a peek at our new Service Catalog we’ll be growing with pre-??packaged versions of popular and useful APIs. Also, see the re-??designed Visual Data Mapper.
Join our interactive webinar to learn all about these exciting features. We’ll be building an app in minutes, and attendees will be able to try the app on their devices as it’s being built.
Tiggzi Plugins: The Pre-??packaged Approach to Consuming APIs
Wednesday, March 28, 2012
11am US Pacific Time
See our last webinar on YouTube!
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/
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.
5 easy steps to building mobile apps with Tiggr, a Web-based IDE.
Mobile components now support different themes
Would like to add some color? Mobile components now support different themes:
Quick and easy layout change for Mobile prototypes
Quickly change mobile layout via icons in the tool bar:
Read more from Tiggr blog.
Exadel Studio (and Pro) download is being phased out. Find out why and also read on the product history.