This document discusses PhoneGap/Cordova, a mobile development framework that allows building apps using HTML, CSS, and JavaScript that can run on multiple platforms. It provides examples of apps developed using PhoneGap/Cordova for various clients, highlighting features, technologies used, and challenges addressed. Neev is presented as experienced in developing PhoneGap/Cordova apps, having expertise in JavaScript and frontend technologies.
2. About Neev
Magento
Hybris Commerce
SaaS Applications
Adobe Marketing Cloud
Custom Development
Key Company Highlights
300+ team with experience
in managing offshore,
distributed development.
Neev Technologies
established in Jan ’05
VC Funding in 2009 By
Basil Partners
Part of Publicis Groupe
Hybris and Adobe CQ
centers of Excellence
Offices at Bangalore,
Gurgaon, Pune, Mumbai
Member of NASSCOM
Mobile Cloud
iPhone
Android
PhoneGap
Windows Phone
HTML5 Apps
Web
AWS
Rackspace
Joyent
Heroku
Google Cloud Platform
Digital Marketing, CRM, Analytics (Omni-Channel)
User Interface Design and User Experience Design
Performance Consulting Practices
Quality Assurance & Testing
Outsourced Product Development
Click here to know more about us
3. Comparison between Native and Hybrid (PhoneGap) Apps
• The scope of a native App is based upon the device OS and can use all features of the device.
• Programmers can control the UI without compromising on aspects like performance, battery
drain, etc.
• It is easier to create enhancements for native Apps. However, Native Apps can only be
developed by highly-skilled developers.
• Native Apps can only be built using a specific App development language supported by the
device APIs. For e.g.: Objective C for iOS, Java for Android.
• Hybrid Apps behave partially like a native App and partially like a web-based App.
• Since PhoneGap-based Hybrid development uses web technologies like JavaScript, CSS and
HTML and the same App could work cross-platform, the App development cost across
multiple mobile OS is lesser than the cost for native App development.
• A PhoneGap-based Hybrid App can be built by a web designer with a short learning curve.
4. What is PhoneGap?
• PhoneGap is a mobile development framework that helps build Apps for mobile platforms like
Android, iOS, Windows Phone, Blackberry, Bada, Symbian,WebOS and Tizen.
• It enables building Apps using JavaScript, HTML5 and CSS3 instead of platform-specific languages like
ObjectiveC for iOS, Java for Android, etc.
• PhoneGap is used by several mobile application platforms like ViziApps, Worklight, Convertigo and
AppMobi as the backbone for their mobile client development engine.
• It uses HTML5, CSS and JavaScript for handling UI and Logic. Platform Specific native resources can be
accessed through the FFI (Foreign Function Interface) feature.
• Since UI is rendered via web views instead of UI framework native to mobile platforms and platform
native resources are accessed from FFI feature, Apps developed using PhoneGap are Hybrid.
6. Why PhoneGap/Cordova?
• PhoneGap is freely available and is OpenSource.
• The same code base can be used on multiple platforms.
• Provides Mobile Application developers a short learning curve with the help of
API documentation.
• PhoneGap is best suited for single page Apps.
• Suitable for enterprise Apps where features of the application are given more
importance than UI.
7. Why PhoneGap/Cordova? What are the Applications?
• Write once, run on multiple platforms
• Extend functionality using native plugins
• Cloud based build system (Phonegap Build)
• Uniform design across platforms using a framework like Bootstrap
• Native look and feel available using a framework like steroids.js
• Code in javascript for all platforms
• Access to all device capabilities.
8. PhoneGap – Challenges
Although PhoneGap framework provides advantages on cost, time and effort,
with the current generation of release, it has a few concerns to be addressed yet.
• The container layer does not provide sufficient options for developers to
measure and optimize the application performance.
• PhoneGap framework is not optimized to build graphic intensive user interface.
• Compared to iOS and Android, PhoneGap lacks strong document-based
support for programmers.
9. Applications of PhoneGap
• PhoneGap framework provides a container that bridges the native APIs with the
web-view.
• Web-based mobile Apps with minimal dependencies on native device capabilities
can be developed easily using PhoneGap framework.
• PhoneGap is apt for single page Apps and for enterprise Apps with specific focus
on the application features.
10. Why Neev for PhoneGap?
• Most of the complexity in creating an application using PhoneGap
framework lies in the level of expertise in JavaScript.
• Hence, all concerns related to PhoneGap framework mentioned previously
could be subdued only with a well experienced and highly-skilled JavaScript
team like the one at Neev.
• The JavaScript team at Neev is well equipped with multiple JavaScript
frameworks such as PhoneJS, AngularJS, jQuery among others.
• The expertise of Neev on frontend technologies such as HTML5 and
JavaScript could be well understood from :
An Augmented Reality-based remoteless car
Motion detection in JS for Gesture-based Interaction
11. • Full Support for your India Strategy
• Complete Life Cycle Support
• EDC Planning
• EDC Setup and Transition
• EDC Steady State Operations
• EDC Transfer options
•EDC Governance
• Advantages
• Access to a rich and large pool of IT Skills
• Reducing costs and for making them variable
• Stretching the day through time-zone benefits: helps in
time-to-market; support etc.
• As a path to your captive setup
Planning
EDC
Setup &
Transition
Steady
State Ops
Transfer
Extended Development Center
We also adopt a Time & Material model and are flexible to adopt other
engagement models as desired by our clients.
12. Case Study 1: An Advance Survey App for a Client
We have implemented an advanced survey app for a client using PhoneGap
with the following capabilities:
• Encrypted database
• Automatic data deletion using Push messages
• Fast loading and searches using batch and filters
• Photo capture and QR code scanner
• Geo-location updates
• Metro UI look and feel
13. Case Study 2 : Mobile forum to raise, discuss & address social issues
About the client: A group of social enthusiasts who united to bridge the gap between political
leaders and masses using technology to raise concerns across both online and offline
mediums.
Business Challenge: The client required a mobile application that allowed a user to register on
an online system, mobilize people for a cause using his phone’s contact list, volunteer for the
group/ cause, publish ideas for social change and also organize offline meet ups for like
minded people.
Solution: Neev developed a cross platform application using PhoneGap to cater to this need.
Groovy on Grails was used in the development. UI/ UX design and server side code were also
created as part of the engagement. Social integration allowed the users to connect/ follow
their leaders on Facebook and twitter. Google Cloud Messaging for Android and Apple Push
Notifications Service for iOS were used for push notifications.
Top Features and Challenges:
•Invite friends from phone contact list, capture these contact details
•Promotions/ Updates from the admin were delivered to mobile handsets
•Create offline events/ meet-ups
•Discussion forum to raise issues and publish comments
14. Case Study 3: An HTML5-based Online Classroom with Chat and Streaming Capabilities
About the client: Gateforum, a leading player in GATE preparatory market, has a presence in
over 45 cities in different parts of India. Gateforum offers coaching for GATE and PSU exams
through classroom sessions, correspondence courses and lessons on DVD.
Business Challenge: The client required an application that provides students the flexibility to
attend online classroom sessions from any place rather than sitting in front of a desktop. The
application had to function smoothly on a range of Android devices and tablets and also on
different versions of Android. It had to stream video to even low-end devices despite their
lower processing power and limited memory capacities.
Solution: Neev developed an application, eGate, using streaming server integrations and
HTML5 player. Before developing the application, a thorough evaluation was done between
native applications and hybrid applications. Standard MVC design patterns were used for
AngularJS. Neev also designed and developed the UI for the App. The application has a single
code base that can be wrapped on to both iPhone and Android.
Top Features and Challenges:
•It displays a day-to-day course schedule with date and subject name.
•A text-based live chat facility through which students can discuss doubts with professors.
•A hybrid application that saves costs for Gateforum.
•Streaming videos to low-end devices caused concerns with the bit rate.
•Making the application function on devices with flash and also devices without flash.
15. Case Study 3: An HTML5-based Online Classroom with Chat and Streaming Capabilities
Technology Stack:
•AngularJS
•Json webservices
•Android wrapper
•HTML5
In the News:
• http://www.educationtimes.com/article/70/20120222201202221645413281da7bb6f/prep
are-for
• http://www.thehindubusinessline.com/industry-and-economy/gateforum-launches-online-training-
package-for-exams/article2900480.ece
16. Case Study 4: A HTML5-based App for Customer Feedback Collection
About the client: The client is a startup based in Dubai. It aims to serve the Hotels and
Restaurants industry by digitizing the process of obtaining feedback from customers.
Business Challenge: The client required an on-the-go solution to realize their vision of
digitizing the Customer Feedback process for Hotels and Restaurant industry through which
restaurant goers could provide instant feedback. The solution was required to have a light
front-end and scalable back-end. It was required to work on all modern day mobile browsers.
Solution: Neev’s on-the-go solution was a HTML5-based hybrid Smartphone application.
Before the start of the project, an evaluation was carried out on choices available between
native and hybrid applications. Automated build deploys. Cucumber scripts were used to
automate the testing of the web services. The architecture with JSON and Angular provided a
scalable backend. The application consists of a single page web service driven architecture.
Neev undertook the full software development lifecycle (SDLC) for the application.
Top Features and Challenges:
• A complete Angular JS front-end with JQuery mobile.Web services, Continuous Integration.
• A platform that helps restaurants and customers (front-end users) provide and manage
feedback. Usage of JSON-based REST web services.
• Having a single controller for all the 3 sub-applications – a dashboard app, tablet app and
mobile app.
17. Case Study 4: A HTML5-based App for Customer Feedback Collection
Technology Stack:
• Angular JS
• JQuery mobile
• ROR
• MySQL
18. The Neev Edge
• End-to-end consultative approach for software solutions through needs assessment,
process consulting and strategic advice.
• Internal QMS are ISO 9001-2008 certified and CMM level 3 compliant.
• Continuous process and service level improvements through deployment of best-of-breed
processes and technologies.
• International Standards and best practices on Project Management including PMI, ISO
and Prince-2.
• Proven EDC Model of delivery to provide predictable results.
• Scrum based Agile development methodology.