digpen 7: building mobile apps with phonegap

Gavin JonesManaging Director

@indievidualChristian CookHead of App Development @elixelofficial

Building mobile appswith PhoneGap

What IS PhoneGap?

History

Platforms

Plugins

Examples

Image from mobilemarketingmagazine.comhttp://mobilemarketingmagazine.com/nus-launches-student-discount-companion-app/

Image from the BBChttp://www.bbc.co.uk/sport/0/olympics/18810308

How

Why choose HTML5over Native

Pros

Cross Platform

Cost Effective

High End

Easy to learn

Cons

Browser Support

Can get messy

Performance

Software Requirements

Deployment Methods

Local Deployment PhoneGap Build

App vs Website Structure

Building a personalised experience

Single-Page Application (SPA)

Online Offline

Getting Started

$ npm install –g phonegap

1. Install PhoneGap through NodeJS on command line

$ phonegap create myapp com.company.myapp “My App”

$ cd myapp

2. Create the base project folders and files

$ phonegap create <folder path> <Identifier> “<AppName>”

3. Add your platform(s)

$ phonegap platform add ios

4. Deploy!

UI Libraries

Data Storage

Own Service with RESTful

LocalStorage

WebSQL

File API Plugin

Local Online

Debugging

Chrome Developer Tools&

Safari Web Inspector

Distribution

Used to be crap, but now it’s matured and is pretty good!

Summary

Christian Cook@Cookie_Cookson

Building mobile apps with PhoneGap