Html5 Tutorial - Future Technology

Monday 10 March 2014

PhoneGap tutorial - Employee Directory Sample App


Employee Directory Sample Application with Ratchet 2.0


After this week’s double announcement that Ratchet 2.0 is available and is now part of the Bootstrap organization, I decided to update the Ratchet/Backbone version of my Employee Directory application with Ratchet 2.0 and see how it looks.
You can experience the application in the phone “simulator” below (type a few characters in the search box), or click here to run the app in a full browser window.


Platform-Specific Themes

Among other new features, Ratchet 2.0 has a new base theme that you can overlay with optional themes for iOS and Android.

iOS theme

Here is the exact same app with the iOS theme:
Click here to run the app in a full browser window.

Android theme

And here is the same app with the Android theme:
Click here to run the app in a full browser window.

Source Code

The source code for the application is available on GitHub: http://github.com/ccoenraets/directory-backbone-ratchet

Wrapping Up

After a long wait, it’s great to see this new version of Ratchet, and it’s going to be interesting to see how the project evolves and how active it will be in its new home.
Ionic (built on top of AngularJS) has a lot of momentum in this space right now. It’s good to have options, especially if you are using another architectural framework. You can read about the Ionic/AngularJS version of the same application in this post.

No comments:

Post a Comment