Advancio, Inc Academy: PhoneGap

PhoneGap . PhoneGap Build

Presented by

Overview

What is PhoneGap?

What is PhoneGap Build?

Setting up

PhoneGap

What is the difference between phonegap and

phonegap cordova?

How PhoneGap works?

Hello PhoneGap/Deploying to a Device

Why PhoneGap?

PhoneGap Challenges

What is PhoneGap?

PhoneGap is an open source mobile development

framework for building cross-platform mobile

applications using HTML5,JavaScript and CSS instead

of device-specific languages such as Java or C#.

First developed at an iPhoneDevCamp event in San

Fransisco.

On October 4, 2011 Adobe officially announced the

acquisition of Nitobi Software (the original developer).

Cross Platform Mobile App Development

and 8

iOS

What is the difference between

phonegap and phonegap cordova?

Adobe donated PhoneGap to the Apache Software

foundation under the name Apache Cordova.

Cordova is the name of the open source project.

PhoneGap is the name of Adobe’s implementation of that

project.

Why PhoneGap?

PhoneGap, an open-source mobile framework, offers an

alternative: It helps developers build a common codebase

for their apps so the apps work across devices and

systems.

PhoneGap is an application framework that allows

developers to use HTML, JavaScript and CSS to create

apps that are present as first-class applications on the

phone.

Thousands of apps built using PhoneGap are available in

mobile app stores and directories.

How PhoneGap works?

PhoneGap provides an API (access native OS

functionality).

PhoneGap API handles communication with the native

operating system

PhoneGap applications are developed using HTML, CSS,

and JavaScript

Final product is a binary application archive (can be

distributed through standard application ecosystems)

Setting up PhoneGap

Install Node.js from http://nodejs.org/

npm install -g phonegap

Hello PhoneGap

Understanding the Folder Format

The merges folder offers a place to specify assets to

deploy on specific platforms.

The platforms directory houses platform build files.

Whenever we build a project, the artifacts will be

placed under the platforms directory.

The plugins folder stores plugins used by the

application. When we install a plugin, the plugin

artifacts will be placed in this directory.

The www directory houses the application resources

like html, css, js, and img files.

Installing on a device

phonegap run x

What is PhoneGap Build?

PhoneGap Build is a cloud-based service built

on top of the PhoneGap framework. It allows

you to easily build those same mobile applications in

the Cloud.

Don't need Device SDKs

PhoneGap Build

Sign up for an account

Can link to your GitHub account

Open Source projects are free

Private projects are charged, first one is free

Building with PhoneGap Build

Click on the “new app” button to create a new application on

PhoneGap Build.

Either point to a GitHub repository where you push your

code, or zip up your phonegap-workshop directory and

upload it to PhoneGap Build.

Click on the Ready to build button.

PhoneGap Challenges

The container layer does not provide sufficient options for

developers to measure and optimize the app 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.

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.

your software development partner

OURSOURCING REINVENTED.DISCOVER WHAT’S NEXT.

[DREAM]