5 Easy Steps to Building Mobile Apps with Tiggr, a Web-based IDE [Cheat sheet]
5 easy steps to building mobile apps with Tiggr, a Web-based IDE.

5 easy steps to building mobile apps with Tiggr, a Web-based IDE.

Slides from my Tiggr Mobile Apps Builder presentation at Silicon Valley HTML5 Group Meetup:
Tiggr Mobile Apps Builder upgrades with brand-new UI and very cool new features.
Tiggr Mobile Apps Builder got a new and very attractive UI. You can see how it looks below but the best way to experience it, is to log in or sign up. You will like it.

That’s big one. From the screen shot you can see that it’s now super easy to get the source code and build for Android and get the source code for iOS.

What’s really cool is that you get get an Android binary and immediately publish it to the Android Market. How can you do that? Tiggr has a new Android .apk settings editor where you can enter all the information needed for the Android Market.

The Test screen has been upgraded. It’s now super easy to test the app in desktop Web browser, mobile Web browser, and on the actual device via Tiggr Mobile Tester.

REST services are no longer limited to just JSON response format, Tiggr now supports XML. We have also improved ability to make POST requests.
To make it even easier to work with remote services, we have introduced an “echo” or mock service. Basically, instead of making a call to the actual remote service each time during development, you can invoke a local “echo” or mock service which returns a sample of the real data.

To make it simpler to customise and use custom JavaScript, we have added a feature where any custom JavaScript library can be loaded and included in the app.

Check it out here.
When mapping UI when data source, you can now specify custom JavaScript to run when the mapping occurs

We have added HTML5 input types, attributes such as placeholder and HTML5 video tag.

We added project template with iPad layout – to make it simple and faster build apps for the most popular tablet.
Next week Tiggr Mobile Apps Builder is getting new and very nice UI. Here is a sneak peek how it’s going to look:

We are also expanding the Export/Build feature. Here is how it’s going to look and what platforms we are going to support:

You don’t need to wait until next week, sign up and build your first mobile app today.
If you have have done native mobile app development on Android or iPhone (iOS) then you probably know that testing native apps is not that simple. On the other hand, testing traditional Web applications is pretty straightforward: Launch a Web browser, and you see exactly how the application works and how it looks. Read on and I will show how to test a native app in a similarly straightforward fashion after considering various alternatives.
This option is great in that you can test the app on the actual device. However, getting the app on the device can be very time consuming. And, for each testing iteration, the app would have to be built, sent (or copied) to the phone, installed, and launched on the device. While you get to test on the actual device, the process is very slow. Just imagine if you need to make just a small change in the app.
Getting the app on a device emulator is simpler than getting the app on the actual device. However, now the app is not tested on the actual device, so you may not be getting exactly the same behavior or look-and-feel that you would get on the actual device. Now, this is more of an Android problem than an iOS problem. The Android emulator runs a bare-bones Android version. Most Android phones from HTC, Motorola, and Samsung have their own, slightly modified builds of Android (even the same browser can be slightly different on different devices). Another problems with emulators (mostly Android) is that they are usually much slower than the actual devices, for obvious reasons. While the iOS simulator is pretty fast, the Android emulator is notoriously slow.
I consider this final approach the fastest and most straightforward. It doesn’t require installing the app on the device each time, but you still get to test on the device. This approach uses the Tiggr Mobile Tester app on the device while the mobile apps themselves are developed using Tiggr Mobile Apps Builder.
This tester app only needs to be installed once. The Android version is here and the iOS version is available as an open source version. The app is rather simple. After signing in to your Tiggr Mobile Apps Builder account, it will show a list of all mobile apps (native and Web) created in your Tiggr account. Here is how it looks:

The most interesting part? Clicking (or tapping) on any project will launch the app. Make any changes to the app in Tiggr? Save the changes, and click the app in Tiggr Mobile Tester. You now get the new version, with all the changes. With this approach we get the best of everything. We don’t need to install the app each time, the app is tested on the actual device and last but not least, it’s very fast.
Still not convinced? Then sign up for Tiggr, create your first mobile app, install Tiggr Mobile Tester (Android or iOS) and test the app.
![]()
Next Tuesday, September 13, 2011 I will be presenting Tiggr Mobile Apps Builder at the Silicon Valley HTML5 User Group. The meeting name is: HTML5 application frameworks. The actual presentation is only 30-minutes but that’s more than enough time to build a real, mobile Web app in front of the audience. Everyone in the audience will be able to try the app as I build it. I definitily recommend checking it out if spots open up. Right now the event is full but you can get on the waiting list.
In this video you can see how to build a Twitter search mobile app in just about 5 minutes using Tiggr. It’s that fast. I think these videos being short are pretty helpful, so I will be adding more soon.
This tutorial uses Tiggr, a Web-based Mobile Apps Builder. If you don’t have an account, sign up for one. It’s fast and easy.
Now that we got the project, we are ready to build the UI.
I will be in Vienna, Austria, September 7-9 teaching a 2-day JSF, RichFaces workshop, plus presenting 2 sessions at 1-day conference. The workshop and the conference are co-sponsored by Objective and UNIQA.
The first two days are dedicated to hands-on JSF and RichFaces workshop. This is a great opportunity to learn everything you need to build rich enterprise applications with JSF and RichFaces.
The third day will be run in a conference format where a number of speakers will present on various technologies. You can find the schedule here.
This is a hands-on workshop (no slides!), we will spend most of the time building a JSF application.
We will cover the new RichFaces 4 and demonstrate advanced features, tags, customization and richness it adds on top of JSF 2. We will spend most of the time running and building examples (no slides!)
Last day is a conference format with the following sessions:
You can see the full schedule here.
Conference only € 99, – per participant
Workshop only € 199, – per participant
Workshop and conference € 249, – per participant
Don’t wait, register today!