Case Study

Categories : All, Mobile and Wireless

Download

Client Requirement

Cardno is an ASX-200 professional infrastructure and environmental services company with
expertise in the development and improvement of physical and social infrastructure for
communities around the world. The client demanded a cross-platform mobile application that
would execute on devices having versions like iPhone 3GS, iOS 4.0 and above, Android phones
with Android 2.3, 4.0 and advanced versions and Windows Phone 8.

Incident Management Mobile Application mobile app will allow the employees to report incidents to their managers and in return the managers can use this app to acknowledge incidents of their employees.

The app contains features such as:

• Splash Screen
• Login Screen
• Landing Screen
• View Incidents Listing Screen
• View Incidents Details Screen
• Add/Edit Incidents Screen
• Help Screen
• Info Screen
• Incident Review Screen – Listing
• Incident View Screen – Incident Details
• Edit Incident Screen
• My Profile Screen – Manager
• My Profile Screen – Employee
• User Registration Screen

Project Challenges

Team faced the following challenges:

• The app to run smoothly on all the versions of iPhone and Android with optimized resolution.
• Cross-platform compatibility for different platforms such as iOS, Android and Windows.
• Maintaining cross-platform syncing and database compatibility using HTML5 Local Storage.
• Maintaining the functionality of the app right in the palm of your hand thereby making it easy to access anytime, anywhere.
• The PhoneGap framework moves fast typically releasing a new version every month. The team required to check the recent upgrades thereby understanding exactly what components beyond the standard JavaScript, HTML and CSS had changed.
• Extensive research was carried by the team on JavaScript AngularJS to extend the HTML functionality of the application.

Technologies Used

Manpower

Planning

The following development approach was adopted to equip the application with numerous features and functionality mentioned below:

• The various features of the app were finalized in consent with the client and when combined, with PhoneGap for various platforms worked seamlessly managing the complexity of the app.
• The detailed wireframes and mock-ups were developed as per the client requirement.
• Research and analysis were scheduled at every project level to effectively manage the development of the mobile app.

Architecture

1. PhoneGap Architecture

Phone Gap is a HTML5 application framework that is used to develop native applications through web technologies. This means that developers can develop Smartphone and Tablet applications with their existing knowledge of HTML, CSS and JavaScript. With Phone Gap, developers don’t have to learn languages like Objective-C for the iPhone.

Applications that are developed using Phone Gap are hybrid applications. These applications are not purely HTML/JavaScript based, nor are they native. Parts of the application mainly the UI, the application logic and communication with a server is based on HTML/JavaScript. The other part of the application that communicates and controls the device (phone or tablet) is based on the native language for that platform.

Phone Gap provides a bridge from the JavaScript world to the native world of the platform which allows the JavaScript API to access and control the device (phone or tablet).

Phone Gap essentially provides the JavaScript API with access to the device (phone or tablet) capabilities like the camera, GPS, device information and many others.

Development Highlights

The Incident Management mobile application effectively manages the incidents and helps the organizations and individuals to organize their incidents with ease. The Managers can acknowledge the incidents raised by the employees with a simple to use interface within minutes. No lengthy user manuals, no training sessions and no learning curve are needed at all. This mobile app is designed keeping in mind the need of the individual to increase their productivity at work.