digpen 7: building mobile apps with phonegap
DESCRIPTION
Use your existing web development skills to make cross-platform native mobile apps with PhoneGapTRANSCRIPT
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