Tagged: jQuery Mobile

HTML5, jQuery Mobile Visual Builder

Tiggzi is a cloud-based HTML5, jQuery Mobile and PhoneGap mobile app builder. It comes with a very powerful and easy to use visual, drag-and-drop builder for HTML5 and jQuery Mobile.

The mobile UI is built by simply dragging and dropping components from the palette on the left into the mobile device frame. Once a component is inserted into the mobile screen, its properties can be changed in the right panel (Properties). You can also set HTML events (click, value change, etc) in the right panel (Events).

Creating the app layout is incredibly simple. You don’t need to worry about pixels. There is a powerful Grid component which allows you to create very flexible layouts. You can easily rearrange the components and even nest grids.

In addition to jQuery Mobile, there are HTML5 components such as audio, and video. There is also Google Map component. In case you need more control and flexibility, there is a special Panel component which allows to insert any custom HTML code.

Another very powerful feature is testing. Because the app you are building is a HTML5, jQuery Mobile you can instantly test it in the browser (desktop) or the actual mobile device. I only covered the visual builder in this post, but you can also connect to REST API services, create data bindings and export the app as mobile web or PhoneGap app (Android, iOS). I’ll cover that in another post. For now, go to http://tiggzi.com and sign up for the Free plan.

Creating HTML5, jQuery Mobile App To Send SMS Message using AT&T API [Tutorial]

AT&T Developer Program offers a rich set of API’s, one of them being able to send SMS messages. I created a tutorial that shows how to build an HTML5, jQuery Mobile app connected to AT&T SMS API in Tiggzi Mobile App Builder.

Try the AT&T SMS API tutorial or any other hands-one tutorials.

Tiggzi Mobile App Builder April Roadmap: iOS Build, jQuery Mobile and PhoneGap Updates

We got some cool stuff planned in our April release for Tiggzi Mobile App Builder:

  • New components
    • Date picker
    • Carousel
  • iOS binary build
  • Ability to add any property to a UI element (without JavaScript)
  • Data mapping improvements. We are working on adding mapping support for all jQuery Mobile components
  • PhoneGap, jQuery Mobile updates to latest (stable) versions

You can always check the roadmap here: http://help.tiggzi.com/roadmap

In case you missed it, here is what we released in March.

Creating HTML5 (and PhoneGap) Mobile App Connected to OpenShift REST API

We just published a new, step-by-step tutorial that shows you how to build an HTML5 mobile app in Tiggzi Mobile App Builder connected to OpenShift REST API. It’s based on this example.

The app has two pages, and two services. One service gets the current list of users. The second services creates a new user. Give it a try and let us know if you have any questions! If you are new to Tiggzi, the cloud-based HTML5 and PhoneGap mobile app builder – simply sign up for a Free plan.

Really Cool New jQuery Mobile Themes!

Check out the new jQuery Mobile themes and swatches we just added to Tiggzi Mobile App Builder. Click on image to see larger version.

Building HTML5, jQuery Mobile App Connected to AT&T REST API SMS [In Pictures]

I recently signed up for AT&T Developer Program and one of the services they provide is for sending SMS messages via REST API. Below is a story of how I built the app, in picture. I used Tiggzi Mobile App Builder. I literally built the app in about 25 minutes (most of the time was spend reading their API documentation). The app is built with HTML5, jQuery Mobile, and REST services.

Building the mobile UI with HTML5 and jQuery Mobile. The Phone Number inside the input field is HTML5 placeholder.

To send an SMS message using AT&T API requires first authenticating and getting a special token. getToken service does that. Setting up service URL:

Defining service inputs and setting default values (client_id and client_secret are unique for each app created and registered with AT&T):

Lastly, defining service output:

Next is data binding for getToken service. No input binding is needed as all inputs are set to default values:

On output, the token is saved in Local Storage:

Once we got the token, we can invoke the actual SMS service (sendSms) but first it has to be defined. Setting service URL:

Defining service inputs:

Defining service outputs:

Next is data binding. UI to service:

We can run JavaScript to format input as needed:

Lastly, we could define output mapping (not defined here). For example, the id of the message can be used to get its status – whether the message was delivered or not.

The very last step is to invoke both services. First the getToken service is invoked and only if it finishes successfully, we then invoke the sendSms service.

And finally the result:

Exporting And Building HTML5, jQuery Mobile, PhoneGap Apps for iOS

One of the really great features in Tiggzi mobile app builder is that you can quickly export the app as mobile Web, Android or iOS:

For Android, you can get a ready for the app market binary file (Release binary). Just take the file and upload it to Android Market. It’s that simple. You can watch a webinar where an app is built, exported for Android and published.

iOS is little bit more involved (Apple requires to provide your developer information to build). There are two ways to go about it. First, export the app as xCode project and then follow the steps outlined in this guide to build the app.

A second option is to use PhoneGap Build cloud service.

We are working on adding functionality where you will be able to build iOS app inside Tiggzi. Then, we will add export options for Windows Phone and BlackBerry.

Cloud-based HTML5, jQuery Mobile, PhoneGap, and REST App Builder at Mobile World Congress 2012 in Barcelona

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.