devapplb - phonegap zombie app - dani arnaout
DESCRIPTION
PhoneGap is a mobile development framework that allows developers to build applications for a variety of mobile platforms, using familiar web technologies such as HTML, CSS, and JavaScript. The concept is that you can develop one application using the PhoneGap architecture, and then deploy to multiple mobile platforms — without the need to re-write any code! In this tutorial, you’ll learn the basics of using PhoneGap to make a simple to-do app, with a twist – it’s an app to help you survive the Zombie Apocalypse!TRANSCRIPT
![Page 1: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/1.jpg)
A Cross-Platform Zombie App
Dani ArnaoutSystems Engineer at Lextech Global Services
Introduction1
DevAppLB Ultralight SeriesMobile App Dev Workshop
A Cross-Platform Zombie App
![Page 2: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/2.jpg)
Introduction1 A Cross-Platform Zombie App
Introduction1
![Page 3: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/3.jpg)
Introduction1
Workshops
A Cross-Platform Zombie App
![Page 4: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/4.jpg)
Introduction1
Workshopsx
A Cross-Platform Zombie App
![Page 5: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/5.jpg)
Introduction1
Laptops?1
A Cross-Platform Zombie App
![Page 6: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/6.jpg)
Introduction1
OS?2
A Cross-Platform Zombie App
![Page 7: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/7.jpg)
Introduction1
![Page 8: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/8.jpg)
Introduction1
Version?3
A Cross-Platform Zombie App
![Page 9: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/9.jpg)
Introduction1
IDE?4
A Cross-Platform Zombie App
![Page 10: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/10.jpg)
Introduction1
PhoneGap?5
A Cross-Platform Zombie App
![Page 11: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/11.jpg)
Introduction1
![Page 12: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/12.jpg)
Problem2 A Cross-Platform Zombie App
Problem2
![Page 13: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/13.jpg)
Problem2 A Cross-Platform Zombie App
Mockup Final Result
![Page 14: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/14.jpg)
iOS
Problem2 A Cross-Platform Zombie App
![Page 15: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/15.jpg)
Android
Problem2 A Cross-Platform Zombie App
![Page 16: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/16.jpg)
Windows Phone
Problem2 A Cross-Platform Zombie App
![Page 17: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/17.jpg)
Problem2 A Cross-Platform Zombie App
Cheat
![Page 18: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/18.jpg)
Problem2 A Cross-Platform Zombie App
![Page 19: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/19.jpg)
Problem2
Mobile Apps
HTML CSS JavaScript
A Cross-Platform Zombie App
![Page 20: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/20.jpg)
Idea3
Idea3
A Cross-Platform Zombie App
![Page 21: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/21.jpg)
Idea3 A Cross-Platform Zombie App
![Page 22: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/22.jpg)
Idea3 A Cross-Platform Zombie App
![Page 23: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/23.jpg)
Idea3 A Cross-Platform Zombie App
1. Cardio
2. Double Tap
3. Beware of Bathrooms
4. Buckle Up
5. Travel Light
6. Don't Be A Hero
7. Limber Up
8. When In Doubt, Always Know Your Way Out
9. The Buddy System
10. Check The Back Seat
11. Enjoy The Little Things
![Page 24: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/24.jpg)
Idea3 A Cross-Platform Zombie App
To Do List
![Page 25: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/25.jpg)
Idea3 A Cross-Platform Zombie App
Demo
![Page 26: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/26.jpg)
Plan4
Plan4
A Cross-Platform Zombie App
![Page 27: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/27.jpg)
Plan4 A Cross-Platform Zombie App
Setting up PhoneGap
Coding interface
Implementing functions
Applying Designs
Distributing
** Gifts **
Tomorrow
Today
![Page 28: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/28.jpg)
Build5 A Cross-Platform Zombie App
Build5
![Page 29: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/29.jpg)
Build5 A Cross-Platform Zombie App
Install PhoneGap
![Page 30: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/30.jpg)
Build5 A Cross-Platform Zombie App
ERROR!
![Page 31: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/31.jpg)
Build5 A Cross-Platform Zombie App
Install node
![Page 32: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/32.jpg)
Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap
![Page 33: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/33.jpg)
Build5 A Cross-Platform Zombie App
Installing
![Page 34: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/34.jpg)
Build5 A Cross-Platform Zombie App
Success
![Page 35: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/35.jpg)
Build5 A Cross-Platform Zombie App
Create a new project
![Page 36: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/36.jpg)
Build5 A Cross-Platform Zombie App
![Page 37: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/37.jpg)
Build5 A Cross-Platform Zombie App
![Page 38: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/38.jpg)
Build5 A Cross-Platform Zombie App
Once again, Install PhoneGap
![Page 39: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/39.jpg)
Revision6 A Cross-Platform Zombie App
Revision6
![Page 40: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/40.jpg)
Revision6 A Cross-Platform Zombie App
![Page 41: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/41.jpg)
Revision6 A Cross-Platform Zombie App
![Page 42: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/42.jpg)
Revision6 A Cross-Platform Zombie App
Zombie
phonegap create Zombie
![Page 43: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/43.jpg)
Revision6 A Cross-Platform Zombie App
Zombie
index.htmlwww
![Page 44: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/44.jpg)
Revision6 A Cross-Platform Zombie App
Blank Implemented Designed
![Page 45: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/45.jpg)
Revision6 A Cross-Platform Zombie App
ZombieZombie.zip
![Page 46: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/46.jpg)
Revision6 A Cross-Platform Zombie App
Zombie.zip Zombie.apk Zombie.ipa Zombie.xap1
2
3
![Page 47: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/47.jpg)
Revision6 A Cross-Platform Zombie App
4
Zombie.apk
Zombie.ipa
Zombie.xap
![Page 48: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/48.jpg)
Revision6 A Cross-Platform Zombie App
http://bit.ly/1f7bpZP https://build.phonegap.com1 2
![Page 49: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/49.jpg)
Revision6 A Cross-Platform Zombie App
Zombie.zip
2
![Page 50: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/50.jpg)
Revision6 A Cross-Platform Zombie App
Zombie.apk Zombie.ipa Zombie.xap
3
![Page 51: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/51.jpg)
Revision6 A Cross-Platform Zombie App
4 Run on device
![Page 52: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/52.jpg)
Revision6 A Cross-Platform Zombie App
![Page 53: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/53.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Gifts - Q&A7
![Page 54: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/54.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Gift
![Page 55: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/55.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
![Page 56: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/56.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
GithubMicro Package
(5 private repository for 1 year)
![Page 57: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/57.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
GithubMicro Package
(5 private repository for 1 year)
84$
![Page 58: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/58.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Github
Promo-code
![Page 59: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/59.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Another Gift
![Page 60: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/60.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
iOS tutorials
![Page 61: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/61.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
54$
![Page 62: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/62.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Q&A
![Page 63: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/63.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
Resources
!• http://www.pixeden.com/media-icons/flat-design-icons-set-vol1 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol2 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol3 • http://www.pixeden.com/media-icons/flat-design-icons-set-vol4
Images Resources
• Keynote 6.1 • Xcode 5.1.1 • TextWrangler 4.5.3 • Google Chrome 34.0.1847.116
Software Used
![Page 64: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/64.jpg)
jhghnnnbvcxbfgsdf Gifts - Q&A7
http://www.slideshare.net/DaniArnaout
![Page 65: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/65.jpg)
Dani Arnaout
DevAppLB Ultralight SeriesMobile App Dev Workshop
A Cross-Platform Zombie App
@dani_arnaout
![Page 66: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/66.jpg)
Introduction1 A Cross-Platform Zombie App
Introduction1
![Page 67: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/67.jpg)
Introduction1
Workshops
A Cross-Platform Zombie App
![Page 68: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/68.jpg)
Introduction1
Workshopsx
A Cross-Platform Zombie App
![Page 69: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/69.jpg)
Introduction1
Laptops?1
A Cross-Platform Zombie App
![Page 70: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/70.jpg)
Introduction1
OS?2
A Cross-Platform Zombie App
![Page 71: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/71.jpg)
Introduction1
![Page 72: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/72.jpg)
Introduction1
Version?3
A Cross-Platform Zombie App
![Page 73: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/73.jpg)
Introduction1
IDE?4
A Cross-Platform Zombie App
![Page 74: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/74.jpg)
Introduction1
PhoneGap?5
A Cross-Platform Zombie App
![Page 75: DevAppLB - PhoneGap Zombie App - Dani Arnaout](https://reader034.vdocuments.site/reader034/viewer/2022052522/554f57ecb4c905423f8b56ed/html5/thumbnails/75.jpg)
Introduction1