What I will cover
● What is Phonegap?
● Pros & Cons
● Phonegap App Example
● Tools used to create app
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Technology Magpie
>> A geek often
distracted by ALL THE
THINGS..
Citation: European Magpies
unlike Aussie ones, collect
shiny objects
Slide 5
Slide 5 text
She Hacks v1.0
iOS 6 +
4.2 (Jelly Bean) +
Slide 6
Slide 6 text
● a framework for building
cross-platform mobile apps
with web technologies
● Javascript APIs
● Actively maintained by
Adobe
● Opensource
● leader in the cross-
platform tools space
What is PhoneGap?
Slide 7
Slide 7 text
PhoneGap Pros
● Easy for web developers
● Reduced development costs
● Write once, run anywhere
● Open source
Slide 8
Slide 8 text
PhoneGap Cons
● Not suitable for all types of apps
(think high end graphics & 3D Support)
● Not all native features are supported
● App might not run as fast
Slide 9
Slide 9 text
She Hacks App...
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
● Single Page Angular JS App
● Asynchronous WS with Promises
● HTML5 LocalStorage for data
caching
● SASS for css variables and
mixins
● Grunt for CSS & JS pre-
processing
● PhoneGap APIs used for
○ Network connectivity
detection
Front End Architecture
$ phonegap build ios
Slide 12
Slide 12 text
UI Frameworks
Slide 13
Slide 13 text
Web Services
● RESTful web services
● Built in Scala on the Play
Framework
● MongoDB database for JSON
objects
○ Driver was fully Non-
Blocking and
asynchronous
● Deployed to Heroku
Slide 14
Slide 14 text
Summary
● App built in 4 weeks, in spare time
● Making the app look good took a long
time
● Heroku rocked - easy to use
● PhoneGap had some fiddly parts but in
general was easy to work with - would
choose again
Slide 15
Slide 15 text
Fork Us
Back end:
github.com/rowdyrabbit/eventapp
Front end:
github.com/georgiknox/sheHacksApp