New Tools for PhoneGap

michaelbrooks.ca/deck/adobe-tech-2013

About me

PhoneGap Developer

Michael Brooks

mwbrooks

mbrooks

About you

Who has heard of PhoneGap?

Who has used of PhoneGap?

The PhoneGap Story

code, community, and beer



Nitobi

Tiny web consultancy

Vancouver, Canada

Founded in 1998



Mobile apps

Got into it around 2008

Objective-C for iOS

Java Dalvik for Android

Java ME for BlackBerry

.NET for Windows CE

HTML for webOS

People want the same app
on every device.




Web

Solved this problem long ago

Websites look the same everywhere




Web apps

Not installable

No offline mode

Limited funtionality

Browser quirks

PhoneGap

Can move the web forward

Installable web

Supports offline

Extended functionality

Polyfills browser



How it works

Native application

Fullscreen browser

Without an interface

Loading a local HTML file

Binding JavaScript-to-Native






Open Sourced

Free as in beer since 2008

Licensed under MIT




Fast forward to 2011

500,000 developers

30+ contributors

7 platforms

Apache Foundation

Donated PhoneGap

Branded Apache Cordova

Gained even more contributors


Adobe

Acquired Nitobi

We're full-time on open source


PhoneGap Today

in three parts

Part one

Apache Cordova

Framework to create apps with
HTML, CSS, and JavaScript

Part two

Adobe PhoneGap

Distribution of Apache Cordova

with added sugar

Part three

Adobe PhoneGap/Build

Cloud service for compiling PhoneGap apps

The Road Ahead

is a tool party



PhoneGap works

for applications

for prototyping

for academia



It still sucks

for compiling

for debugging

for extending

This is what good tooling can solve.

Node.js

is our core tool

Question

Who here has used of node.js?

Node.js

JavaScript runtime

Similar to Ruby or Python

Nothing to do with the browser




Installing

too quick for a beer




Writing

Running

There's more, but that's enough to get up and running.

Compiling Sucks

we can fix that

Cordova CLI

Cordova CLI

Cordova CLI

PhoneGap/Build CLI

PhoneGap/Build CLI

PhoneGap/Build CLI

PhoneGap CLI

Does everything locally or remotely

(coming soon)

Debugging Sucks

we can fix that

Weinre

Weinre

Weinre

Medic

Medic

Medic

Medic

Extending Sucks

we can fix that

Plugman

Plugin management

Install. Remove. Publish. Discover.

Plugman

Embedded into PhoneGap

Command-Line Sucks

fair enough



GUI

Installable

HTML interface

Uses the CLI tools

(mockup image)



100% Open Source

so jump in and help out

michaelbrooks.ca/deck/adobe-tech-2013

Links

Cordova CLI

PhoneGap Build CLI

Weinre

Medic

Medic Dashboard

Plugman