Archive for August 30, 2012

Mobile Apps Development – Native vs HTML5

When it comes to making choice of technology for Mobile App development, you have two options – Native Technology vs HTML5

Both have their pros and cons.

Native Technologies - Pros

  1. Native apps are faster – Apps built using native technologies generally perform better than their counter part.
  2. Great tools for development – Platform SDK comes with bettertools to develop the app. For example iOS SDK comes with xCodewhich is an excellent development IDE, Interface builder for creating the user interface.
  3. Supports for rich graphics and animations – This makes it best for developing gaming apps. You have Open GL at your disposal, which is the most powerful technology for building games till date.

Cons

  1. Multiple Codebase – If app needs to be supported on multiple mobile platforms then the app needs to be rewritten for all those platforms. This not only multiplies the development effort but also maintenance of multiple codebase becomes extremely hard. Cause if you look at mobile platforms there are quite a few - iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, Symbian.
  2. Big team – You will need developers with expertise in every different platform you intend to support as one developer with knowledge of multiple platform expertise is rare.
  3. Mastering platform specific technology can be difficult – Technology and Platform SDK could be hard to master if you are new to that platform. For example on iOS you will have to learn Objective-C, Cocoa apart from platform SDK.

HTML5 – Pros

  1. We know HTML – HTML, CSS and Javascript are in use since ages and most of developers are familiar with it. In that case building an app with known technology set becomes easier.
  2. All smartphones understand HTML5 - Code written for one platform will work on other platforms out of the box. There would be for sure some changes that needs to be made to make code fully compatible but most of the code will remain the same. This reduces the development effort a lot and makes maintenance much easier.
  3. Javascript and CSS support animation – Javascript Canvas and CSS transitions are powerful tools for creating very rich animation and graphics. These animations are very rich and at the same time very efficient as well. Moreover CSS animations make use of hardware acceleration which makes animations very smooth and efficient.
  4. Can be converted to native app – These apps can be converted into native apps by using one of the frameworks like Phonegap, Appcelerator, Sencha Touch, etc. These frameworks not only wrapper your HTML5 code into a native component but also provide you API to access the device features like accelerometer, camera, compass, geolocation, notification, etc. Once you have converted the app to native app, this app can be submitted and sold on various platform’s app stores.
  5. Mobile Website – When you build your HTML5 app, you also get a mobile web app. This app can be deployed on a web server and you have a mobile friendly browser app for your product.

Cons

  1. Intense Animation is not possible – Even though we have canvas and CSS transitions in HTML5, but apps with very rich and intense graphics cannot be built using HTML5. This is true at least for time being. This might change in future when javascript engines have become much faster and we have fully developed Web GL.
  2. HTML5 app perform a bit slow, at least for time being, which makes it hard to build. Since mobile apps have very limited resource, you will have to make sure that those resources are effectively utilized and there is no wastage.

Brainistic Quizzes uses HTML5


Brainistic Quizzes looks pretty native and if I hadn’t told you that it uses HTML5, you probably wouldn’t have guessed it.
As for “Brainistic Quizzes” app HTML5 was the best choice.

  1. Firstly this app is planned to be released on multiple platforms, which makes HTML5 the best choice.
  2. This is a quizzing app with minimal graphics. Whatever graphics is used for screen transition and other stuff are managed by CSS3 and Javascript.
  3. Our development team’s vast experience with HTML5 technologies and deterrence of learning platform specific technologies was another good reason to consider HTML5 stack.

Conclusion - HTML5 rocks

With huge improvements in Javascript engines, advancement in web technologies coupled with adequate support for graphics and animations in CSS3 and Javascript is making HTML5 with CSS3 and Javascript excellent fit for developing mobile apps.

So if you are planning on a mobile app that has to be supported on multiple platforms and it doesn’t have intense graphics then give HTML5 a serious look.

Check out the Brainistic Quizzes app at: http://www.brainistic.com/mobile_app.html

Thanks.

Brainistic Quizzes – iOS app launched on App store

Brainistic Quizzes – an iOS app got launched on App store on 1st Aug 2012. This app will let user play quizzes from Brainistic quiz repository on their iPhones, iPads and iPod touch devices.

Brainistic Repository has rich collection of quizzes for Olympiad preparation. It has quizzes from grade 1 to 12 for subjects, English, Science, Maths, Computer, Physics, Chemistry, Biology. All these quizzes can be played on Brainistic Quizzes app.

Soon we will come up with version of this app for Android phones.

I will write more on development on this app a bit later. Till then download the app and play the quizzes. Refer to www.brainistic.com for more details.

Thanks.