DevAppLB - PhoneGap Zombie App - Dani Arnaout

A Cross-Platform Zombie App

Dani ArnaoutSystems Engineer at Lextech Global Services

Introduction1

DevAppLB Ultralight SeriesMobile App Dev Workshop


Introduction1 A Cross-Platform Zombie App

Introduction1

Introduction1

Workshops


Introduction1

Workshopsx


Introduction1

Laptops?1


Introduction1

OS?2


Introduction1

Introduction1

Version?3


Introduction1

IDE?4


Introduction1

PhoneGap?5


Introduction1

Problem2 A Cross-Platform Zombie App

Problem2


Mockup Final Result

iOS


Android


Windows Phone



Cheat

Problem2

Mobile Apps

HTML CSS JavaScript


Idea3

Idea3


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


To Do List


Demo

Plan4

Plan4


Plan4 A Cross-Platform Zombie App

Setting up PhoneGap

Coding interface

Implementing functions

Applying Designs

Distributing

** Gifts **

Tomorrow

Today

Build5 A Cross-Platform Zombie App

Build5


Install PhoneGap


ERROR!


Install node


Once again, Install PhoneGap


Installing


Success


Create a new project


Once again, Install PhoneGap

Revision6 A Cross-Platform Zombie App

Revision6


Zombie

phonegap create Zombie


Zombie

index.htmlwww


Blank Implemented Designed


ZombieZombie.zip


Zombie.zip Zombie.apk Zombie.ipa Zombie.xap1

2

3


4

Zombie.apk

Zombie.ipa

Zombie.xap


http://bit.ly/1f7bpZP https://build.phonegap.com1 2

http://bit.ly/1f7bpZP


Zombie.zip

2


Zombie.apk Zombie.ipa Zombie.xap

3


4 Run on device

jhghnnnbvcxbfgsdf Gifts - Q&A7

Gifts - Q&A7


Gift


GithubMicro Package

(5 private repository for 1 year)


GithubMicro Package

(5 private repository for 1 year)

84$


Github

Promo-code


Another Gift


iOS tutorials


54$


Q&A


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

http://www.pixeden.com/media-icons/flat-design-icons-set-vol1





http://www.slideshare.net/DaniArnaout

http://www.slideshare.net/DaniArnaout

Dani Arnaout

DevAppLB Ultralight SeriesMobile App Dev Workshop


@dani_arnaout

Introduction1 A Cross-Platform Zombie App

Introduction1

Introduction1

Workshops


Introduction1

Workshopsx


Introduction1

Laptops?1


Introduction1

OS?2


Introduction1

Introduction1

Version?3


Introduction1

IDE?4


Introduction1

PhoneGap?5


Introduction1

DevAppLB - PhoneGap Zombie App - Dani Arnaout

Education

Transcript of DevAppLB - PhoneGap Zombie App - Dani Arnaout