14
Cross platform application development with PhoneGap Krishantha Jayathilake (Mobile Developer @ Zaizi)

Cross platform mobile development using PhoneGap

Embed Size (px)

Citation preview

Page 1: Cross platform mobile development using PhoneGap

Cross platform application development with PhoneGap

Krishantha Jayathilake(Mobile Developer @

Zaizi)

Page 2: Cross platform mobile development using PhoneGap

Types of mobile apps

Page 3: Cross platform mobile development using PhoneGap

Hybrid mobile frameworks

Hybrid mixed appsHybrid web apps(HTML, JS, CSS)

PhoneGap

Titanium (JS)

Xamarin (C#)

Rhodes (Ruby)

Kony (Lua)

Trigger.io

SenchaTouch

Page 4: Cross platform mobile development using PhoneGap

Install Node JS●http://nodejs.org/download/

Install command line tools (iOS)sudo xcode-select --install

Install ant (Android)●http://ant.apache.org/bindownload.cgi

Install PhoneGapsudo npm install -g phonegap

Install PhoneGap

Page 5: Cross platform mobile development using PhoneGap

Create the Appphonegap create ./myApp "com.krish.myApp" "MyApp"

Add Platformscd ./myApp

phonegap platform add ios

Build Appphonegap build ios

Create and Build

Page 6: Cross platform mobile development using PhoneGap

Famous HTML Frameworks

●JQueryMobile●Framework7●Sencha Touch●Famo.us●Polymer-project●ionic

HTML Frameworks

Page 7: Cross platform mobile development using PhoneGap

Debugging AppsWeb Developer Tools

Page 8: Cross platform mobile development using PhoneGap

Debugging AppsRippleEmulator

Page 9: Cross platform mobile development using PhoneGap

Debugging AppsPhoneGapDeveloper

App

Page 10: Cross platform mobile development using PhoneGap

Debugging AppsChromeInspect Device

Page 11: Cross platform mobile development using PhoneGap

Core Plugins

●Battery Status●Camera●Device●Dialogs●FileSystem

PhoneGap plugins

●File Transfer●Network Information●Etc.

Third Party Plugins●Push notifications●Badge icon●And many more

Page 12: Cross platform mobile development using PhoneGap

●Build for all the platforms in one go●Fetch source from github

PhoneGap Build

Page 13: Cross platform mobile development using PhoneGap

Questions?

Page 14: Cross platform mobile development using PhoneGap