hybrid app development using phonegap/cordova
DESCRIPTION
Hybrid App Development using PhoneGap/Cordova Contents Overview of Mobility Enterprise Mobility & Industry challenges Mobile Web vs. Native App development Bridging the Native Gap & Intro PhoneGap PhoneGap features Creating “Hello World!” using PhoneGap PhoneGap Plugin development ResourcesTRANSCRIPT
Hybrid App Development using PhoneGap/Cordova
Agenda
Overview of Mobility
Enterprise Mobility & Industry challenges
Mobile Web vs. Native App development
Bridging the Native Gap & Intro PhoneGap
PhoneGap features
Creating “Hello World!” using PhoneGap
PhoneGap Plugin development
Resources
Overview of Mobility and scopes
Mobile phones become smart
Multiple features and appealing services
iPhone’s biggest impact: making scene for data and app
Text messaging is broaden to its audience beyond youth
Advertising via mobile looks lot more appealing
Easy access to Game’s from different store attract heavy gamers
Consumer oriented services like bill payment, payments status
checking, etc.
Social Media
Consumer Market
IT & Tech
Device Manufacturer
GeoLocation
PIM Contacts
Camera
Barcode
Date/Time Picker
Native Menus
Tab Bar
Signature Capture
Social Media
Consumer Market
IT & Tech
Device Manufacturer
Bluetooth
Calendar
Push Alert
Screen Rotation
Native Maps
Audio Playback /Ringtones
NFC
Navigation Bar
Why Mobile Apps?
Popularity of smart phones
Manifoldness of possibilities
App store opportunities
Unmatched user experience
11
22
33
44
Application visibility445
Industry Challenges
Apps require a back-end server to access enterprise
Development tools make a difference
Developing the application for different platforms is cost effective
Code base gets messy and difficult to maintain
Time to market increases
Enterprise View
Cross-platform apps
Must consider security
Access corporate data
Apps must be managed
Native App
Designed to run on device operating
system and machine firmware
It typically need to be adapted/adjusted
for different device
Mobile Web App
All or some part of the software
downloaded from web each time it runs
It is usually accessible form all mobile
platforms
Difference between Native Mobile app and Mobile web app
Advantages of Mobile Web Approach
Immediacy
Compatibility
Upgradability
Instantly
Shareability
Reach
Lifecycle
Time and Cost
Support and Sustainability
HTML/JS/CSS
October 2011, PhoneGap was donated to the Apache Software Foundation (ASF) under the name Apache Cordova.
Current PhoneGap 2.9.0
What is PhoneGap ?
An open source development framework for building cross platform mobile apps
Advantages
One code base, multiple platforms
Reuse existing web developer skills
Shorter learning curve
Faster development
Mobile site and app with same code
Reusable web code and
infrastructure
Code portable to other environments
Based on open standards
Active and growing community
Open source with multiple large
stakeholders
iPhone / iPhone 3G and Higher
Blackberry OS 5.x and Newer
Android
Web OS
Windows Phone 7
Symbian
Bada
Supported Platforms
xui
HTML5 & JavaScript Frameworks
API’s
Tools
EmulatorsRippleAny platform emulator
(iOS Simulator, Android Virtual Devices, etc)
DebuggingWeinre (web inspector remote)
IDEsEclipseDreamweaver
Creating “Hello World” !
Creating the Android Project and create a activity extending to
DroidGap
Add phonegap.jar to libs folder <project>/libs
Add ‘phonegap.jar’ to java build path
Add the config.xml file located inside xml folder required for
phone gap. Paste the entire xml folder inside res folder
Add the required permissions to AndroidMainfeast.xml folder
Creating the HTML (index.html) file and put in assets/www folder
Create and start AVD. Run the Application
public class MainActivity extends DroidGap{ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html")
//super.loadUrl(Config.getStartUrl()); }}
Demo Time
Resources
Source: github.com/callback
Bugs: issues.apache.org/jira/browse/CB
Docs: docs.phonegap.com
Wiki: wiki.phonegap.com
Support: groups.google.com/group/phonegap
IRC: irc.freenode.net #phonegap
Apps: phonegap.com/apps
