Over a million developers have joined DZone.

Graphical Tool to Build Native Mobile Apps in Bluemix

DZone's Guide to

Graphical Tool to Build Native Mobile Apps in Bluemix

One of the fastest way to build native mobile apps.

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

I've tried briefly the new third party service Kinetise: build mobile apps in a snap! in IBM Bluemix. For testing purposes I built a mobile app that displays news entries from Bluemix.info.

Kinetise provides a web based user interface to build mobile apps without much, if any, programming. The tool provides typical UI controls to create different screens and flows between them. Check out the first 14 short videos to learn how to assemble these apps.

In order to access data from servers developers can link to feeds and invoke REST APIs which return JSON and XML and bind the data to the UI controls. The videos 15 - 18 describe this capability. I tested this for Bluemix.info:

Additionally developers can build their own individual backend services as described in the last video. These services need to follow certain conventions and can then also accept data sent from the mobile devices. There is a tutorial explaining how to write such a service via Node.js on Bluemix which reads and writes from and to an SQL database.

The developed mobile apps can be previewed in web browsers and the native mobile apps can be built (at this point Android and iPhone).

The built apps can be opened on devices via QR code.

Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.

mobile ,bluemix

Published at DZone with permission of Niklas Heidloff, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}