Case Study Incident Management Mobile Application
www.brainvire.com | Š 2013 Brainvire Infotech Pvt. Ltd
Page 1 of 1
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. This 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
o o o o o o o o o o o o o o
Project
Challenges
Team faced the following challenges:
The app to run smoothly on all the versions of iPhone and Android with optimized resolution.
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.
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. www.brainvire.com | © 2013 Brainvire Infotech Pvt. Ltd
Page 2 of 2
Technologies
Used
Development Tools & Environments
iOS, Android & Windows OS, Multi-Server Architecture with Staging & Production Environment through Version Controlling releases, Server Optimization, Security & SSL Implementation, Scheduler for Back-ups, Alert Monitoring System Integration, Server Performance Tuning at regular intervals, Software Firewall Configuration & Maintenance PhoneGap Cordova, iOS SDK, Android SDK, Windows SDK, AJAX, HTML5, JavaScript AngularJS, CSS3 etc.
Database
HTML5 Local Storage Database Server
Operating System & Server Management
Manpower Project Leader
1
Phone Gap Developers
4
Phone Gap UI Designers
2
Quality Assurance Testers
2
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.
www.brainvire.com | © 2013 Brainvire Infotech Pvt. Ltd
Page 3 of 3
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.
www.brainvire.com | © 2013 Brainvire Infotech Pvt. Ltd
Page 4 of 4