Why Do HTML5 Mobile Apps Have a Bad Reputation?

A great post by Josh Morony (site, Twitter) on why HTML5 mobile apps get bad reputation. The truth is HTML5 is great for mobile apps, make sure to read the article.

Build and Publish HTML5 Mobile App with Local Storage in 5 Minutes

This video shows how to build an app with HTML5 local storage and publish the app using Appery.io hosting.

Check out the entire Build in 5 Minutes series.

How to Host Your HTML5 Mobile App

When you build HTML5 mobile app in Appery.io you can instantly publish (host) the app to a URL. You get a couple of options here. First, out of the box you can publish your app to Appery.io URL such as mycoolapp.app.appery.io or you can also use a custom domain:

Screen Shot 2015-05-07 at 3.46.36 PM
Appery.io hosting

Continue reading “How to Host Your HTML5 Mobile App”

Get Hackathon Ready: Learn How to Build a Complete Hybrid App with Appery.io

Happy New Year!

Get hackathon ready. This video shows how to build a complete HTML5/hybrid mobile app. This video was recorded as part of AT&T Bootstrap Week in preparation for the AT&T Summit 2015 in Las Vegas. The video shows:

  • Building the app UI with Appery.io visual app builder
  • Integrating with Twilio API to send SMS messages from the app
  • Integrating with Appery.io backend services to save SMS messages into a cloud database
  • Testing the app
  • Exporting the app for iOS or Android

90% of All Apps In The Enterprise Will Be Hybrid or HTML5

We the People API, Creating HTML5 Mobile App Over Lunch

The United States Government is offering 100s of APIs as part of its Next.Data.Gov iteration:

As I navigated the site I came across Government APIs page:


I always love trying new APIs and wanted to see what kind of API “We the People” provides. The API seemed to be pretty straight forward and next I figured let me try and build a mobile app that shows the petitions as well as details for each petition using Appery.io platform. I literally finished the app within 35 minutes or during my lunch.

Creating the pages

After creating a new app in Appery.io, I designed the Petition page:

Petition list page
  • A List component with a Label inside to display the petition name is used. 

Next is Details page:

Petition details page
  • The Label at the top displays the petition name (only border is shown)
  • The Collapsible Block has three sections:
    • Details – petition texst
    • Signatures – signature threshold, signature cound, and signtaures needed
    • More Info – link to petition page

The last page is Settings (popup):

Settings page
  • Allows to select how many petitions to show

Defining REST API services

Two services are used in this app:

  1. Service to get a list of all petitions
  2. Service to get petition details

The service to get all petitions:

Petitions API

The service has one request parameter to determine how many petitions to load:

Petition service request parameters

Service response:

Petition service response parameters

The other service is to load petition details:

Petition details service
  • The {id} is the petition id which was selected

To learn more about We the People API.

Binding services and pages

Once we get all the petitions, we map the data returned to the page:

Petition service to page mapping

On Details page we show information about a particular petition and thus get the petition id from local storage (it was stored when the petition was selected from the list). Request mapping is shown:

Mapping local storage variable to service request

The response mapping for Details page looks like this:

Petition details service mapping to page

Invoking the service

Once the service-page bindings are done, the last step is to invoke the service. For Petitions page, the service is invoked on ‘page load’ event:

Invoking service

For Details page, the service is also invoked on ‘page load’ event.

Testing the app

Testing is as simple as clicking the Test button:

Testing the app in browser

It’s as easy to test the app on the device by scanning the QR code.

Publishing the app

Appery.io comes with instance app hosting feature:

HTML5 app hosting

Go ahead and try the app: http://wethepeople.app.appery.io.

An app over lunch?


Gone are the days when you had to spend days downloading and configuring dev. tools. Gone are the days when you had to spend days downloading and configure software. With a cloud platform such Appery.io you can quickly build a real HTML5 mobile app, connected to real API, and host the app.

Build And Publish a jQuery Mobile App In 5 Minutes

I’m going to show you how to build and publish a jQuery Mobile app in under 5 minutes.

Building the app

  1. Sign up for Appery.io Starter plan
  2. Create new app by entering its name and clicking Create:
  3. Build the mobile UI by dragging components form the palette into the page:
    Note the highlighted changes.
  4. Select the button and open Events tab
  5. Add Run JavaScript action (don’t forget to click Add event button):
  6. Click Test button to launch the app in the browser:
  7. Save.

Hosting the app

  1. To exit, click Back to project list button
  2. Open Hosting tab:
  3. Click Change project type to mobile web button to switch the app type to Mobile Web.
  4. Enter app name and click Publish:
  5. Now go to http://helloworld.app.appery.io using mobile or desktop browser

Coming Soon: New Cloud-based Mobile App Builder Written in HTML5 and JavaScript

For the past couple of months we have been working on a really exciting project. We are re-creating the Tiggzi app builder in HTML5 and JavaScript. The current version is pretty slick and many people ask us if that’s JavaScript, but all you need to do is to right-click and you will that Tiggzi uses Flash/Flex.

You might be wondering why would we use Flash? Tiggzi was started some time ago. We actually started with a simple cloud-based web prototyping tool, then moved to mobile prototyping and then made it an actual cloud-based app builder. When we were starting, Flash was the best technology to achieve the functionality we wanted. We couldn’t have achieved the same feature set with HTML and JavaScript.

A few months ago we have realized that Flash wasn’t helping us any more, in fact, it was slowing and complicating development. Adding new features became difficult. It was slow, loading the Flash player and the project could sometime take over one minute. Not to mention that Flash has been slowly reaching the end of life.

A few months ago we started recreating the app builder portion in HTML5 and JavaScript. I personally can’t wait for the HTML5/JavaScript version to be released — it’s really awesome! The project is super interesting but also pretty challenging. Why challenging? Well, because no one out there (to my knowledge) has attempted to create a visual, drag and drop app builder using HTML5 and JavaScript. There are JavaScript-based code editors and there are some visual tools for building the UI — but no tool combines building the UI, adding REST API services, visual data binding, and testing into one service. Plus, you will have integration with Tiggzi Backend Services.

Here is a very (very) early version of the HTML5 app builder, most everything will change before it is released in the fall:

Tiggzi And The Backend as a Service Ecosystem Map by Kinvey

Our friends at Kinvey posted an update to their really nice Backed as a Service Ecosystem map. Some call it the subway map, the Pacman map, or you can also look at it as “Where we fly map”.

Thank you to Kinvey for including Tiggzi, we really appreciate it.

Tiggzi is right there:

A lot has changed in Tiggzi in the past couple of months so I would like to offer an update. Hopefully the map can be updated.

I don’t believe Mobile SDK is the best fit for Tiggzi (and other players such Sencha and Appcelerator). Tiggzi is much more than a mobile SDK, in fact, it’s a mobile app platform (more about it below). One suggestion is to add a new line that would include Tiggzi and others such as Appcelerator.

Tiggzi is a mobile app platform, and one of its biggest components is the mobile app builder.

Drag and drop app builder

It’s a cloud-based, drag and drop builder (IDE) for creating HTML5, jQuery Mobile and PhoneGap apps. As Tiggzi app builder uses jQuery Mobile and PhoneGap to create apps — it’s probably best to list it on a separate line with lines going to jQuery Mobile and PhoneGap (already exists). Again, this is just my opinion.

In early July we launched Backend Services under io.tiggzi.com. The first feature in the backend services is a cloud database.

Database features

Database web console

We are also working on Push, File storage, Server-side code, and Analytics features. I think there should be a line going from Tiggzi to BaaS line (io.tiggzi.com) – similar to Sencha’s connection to Sencha.io.

To summarize, this is Tiggzi mobile platform:

  • Visual UI builder (HTML5, JavaScript, CSS, libraries such as jQuery Mobile, PhoneGap, etc)
  • 3rd party REST API services
    • Plug-ins (pre-packaged API services and pages)
  • Backend services
    • Database
    • Push (available soon)
    • File storage (soon)
    • Server-side code (soon)
    • Analytics (soon)
  • HTML5 app hosting
  • Binary build