Build an Android App in 5 Minutes Using Appery.io Platform

This tutorial will show you how to build an Android app in about 5 minutes and install it on a device.

  1. Sign up for Appery.io Starter (free) plan
  2. Create a new app by entering its name and clicking the Create button:
    2013-07-11_1514
  3. Build the mobile UI:
    AndroidUI
    Make the changes shown in Properties and make sure to rename the menu component.
  4. Update Options for the drop-down list:
    2013-07-11_1610
  5. Select the button and open Events tab
  6. Add Click > Run JavaScript, enter the following code:
     var times = Appery("menu").val();
     navigator.notification.beep(times);

    This is Apache Cordova (PhoneGap) API to make the device beep x-number of times. As you are a building a hybrid app, you get access to all Apache Cordova API.

  7. Now let’s start the Android binary build. Click Export > .apk for Android:
    AndroidExport
  8. After a few seconds, you will be able to scan a QR code and install the app on your device (the file will also be saved on your computer):
    2013-07-11_1621
    If you don’t have a QR code scanner app, you can email the downloaded file to your phone.
  9. Run and test the app. Select the number of beeps and click the button.

Another way to test the app without installing it on the device is to use the Appery.io Tester available on Google Play.

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

The New Paradigm: Cloud Services, Cloud Tools

This article was originally published in Software Developer’s Journal.

Cloud Services

In the past year or so, we have witnessed a major shift from client-server to client-cloud. This shift is primarily
fueled by two factors: mobile devices exceeding desktop computers and the thousands of different APIs available on the Internet today. What started in early 2000 on eBay and Amazon has become a real revolution in 2012 with thousands of companies, from Twitter and Facebook to AT&T, offering cloud-based services.
REST APIOne of the most common ways to access private or public service APIs is via REST requests.
In the client-server approach an organization builds applications that consume its own internal content and
resources. However, even large IT organizations such as AT&T, Verizon and Amazon have come to realize that
they are no match for the social consumer and social enterprise developers out there. By making APIs publicly
available, these organizations hope that developers and “citizen developers” will come and build applications
and mobile apps on top of their services.
Citizen developers at workAnalysts at Gartner see a trend toward app creation independent of IT. They predict that by 2014, citizen developers – employees outside of IT and software development – will build 25% of new business applications. In 2007, they built less than 5%.
One of the best-known API success stories comes from Amazon: Its cloud service APIs let outsiders access
the company’s massive data centers. Twitter, with its deceptively simple 140-character message model, exploded thanks to its API. In fact, you probably read and write tweets via a Twitter application or mobile app rather
than going directly to Twitter’s Web site. Facebook’s Graph API has spawned a whole industry of apps to support its hundreds of millions of users.

Just looking at popular ProgrammableWeb site that lists close to 5,500 APIs (at the time of writing this) and 6,500 mashups or apps created that consume the various APIs. The city of San Francisco, already a mecca for startups, technology, and innovation, has made a big push into attracting developers by making city data and other date from its data.SFgov.org Web site available via API. For example, the city’s MUNI (city bus service) API is available for developers to build apps with using information about bus stations, schedules, and arrivals. Even the United States government jumped on the API bandwagon by making available data.gov, which provides public access to high-value machine-readable data sets generated by the U.S government.
Continue reading

Be Your Own Enterprise Mobile Apps Powerhouse with HTML5

ReadWriteWeb published SAP Plans to Dominate Enterprise Mobile Apps with HTML5 and New Partnerships article a few days ago. SAP acquired a mobile development firm Syclo and also announced important partnerships with Appcelertaor, Adobe (PhoneGap) and Sencha to become “…most powerful enterprise mobile developers in the world”.

Dan Rowinksi makes a number of very good points.

Enterprise mobile development is different from its consumer counterparts. The objectives of enterprise apps often have less to do with mobile device performance and more to do with functionality. Consumer app development often centers on games and location, testing how well an app can perform within the bounds of a mobile device’s hardware. While location is an increasingly important feature for many enterprises, communication, data management and collaboration are the real drivers in enterprise mobility.

Most enterprise or business apps are content or data-driven. More and more enterprise expose their data, content and resources via REST API services and these apps consume that data. This is the next evolution of client/server architecture or more precise, the new mobile-cloud shift. Basicially, you got a mobile app talking connected to cloud-based REST API resources. HTML5 or hybrid (PhoneGap) mobile apps are the perfect fit here.

In this type of environment, strict native applications are not always the most cost-efficient solution.

Natively supporting iOS, Android, and at least another platform Windows Phone or BlackBerry is simply a challenge and very expensive for most organizations. It’s not uncommon for a company first to release the iOS app, then after some time followed by Android, followed by mobile web and maybe Windows Phone and BlackBerry. Maintaining and updating these apps is a challenge and different versions usually have different features, with iOS version having the most features.

While it is nice to have a mobile development guru on staff that can create an app for iOS, Android, BlackBerry and Windows Phone, those types of people are hard to find and may not be attracted to enterprise development work.

We (Exadel) have a large number of enterprise customers, and that’s exactly the problem they are facing today. Finding qualified mobile developers for different platforms is difficult.

Three companies, three strengths

SAP wants to be the mobile powerhouse by partnering with Sencha, PhoneGap (Adobe) and Appcelerator.

Sencha is the “…leading HTML5 development frameworks and can create hybrid apps for both iOS and Android. PhoneGap (Adobe) is hybrid mobile framework that makes it very easy to packaqe mobile apps as native (hybrid) apps and also gives you access to native device features. Appcelerator’s, Titanium SDK leverages JavaScript, HTML5 and CSS to create native apps with Web-based software. Note: I’m not aware of any Web-based development tools provided by Appcelerator.

Your own mobile powerhouse

But, you don’t have to be SAP to be a mobile powerhouse, there are cloud tools that make it very simple and easy to build HTML5 and hybrid (PhoneGap) apps connected to REST API services.

Cloud-based mobile app builder, with jQuery Mobile

Tiggzi is a cloud-based mobile app builder. Because it’s running in the cloud there is nothing to install or download (as opposed to Appcelerator tools which are more traditional tools and need to be installed and configured). It’s very easy to get started. It comes with a visual, drag-and-drop builder for building the UI, with jQuery Mobile and HTML5 components.

Because the builder is running the cloud, trying or testing the app is super easy. With a single click, you can open the app in browser (desktop) or on the actual device.

Hybrid apps with PhoneGap

Tiggzi also uses the simple and powerful PhoneGap framework to create hybrid apps. First, any HTML5 mobile app can be exported as PhoneGap app (iOS, Android). This this allow you to put the app into the app market. Second, in addition to just putting the app inside a native wrapper you can also invoke any of the PhoneGap’s native API. Lastly, Tiggzi comes with Android and iOS binary build (similar to PhoneGap Build). Can’t get any simpler. Build the app in Tiggzi, get iOS or Android app in seconds.

Service API’s

Enterprises have vast amount of resources exposed as REST API. Mobile apps created in Tiggzi can quickly and easily connect and consume any cloud-based REST API’s. Tiggzi comes with a powerful REST services editor where the service can be defined, tested (similar to apigee.com test console) and even its JSON response structure created automatically. Once the service is created, it is mapped to mobile UI using a visual mapper:

Mobile back-end services

If you need to create your own mobile back-end services, there are powerful and easy easy to use cloud-services such as StackMob and Parse. Anything you create in these services is instantly exposed as REST services which in turn can be consumed inside a mobile app (built in Tiggzi).

As you can see, you can easily have your own mobile powerhouse, in the cloud with Tiggzi app builder, HTML5, jQuery Mobile, PhoneGap, REST API’s and mobile back-end services.

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.