Beautiful PhoneGap Apps

Beautiful Apps

with PhoneGapTerry Ryan | Developer EvangelistTwitter: @tpryan

Who Are You?

Objective CAndroid Flavored

JavaBlackBerry Flavored

JavaWhatever Microsoft

is doing now

HTML, JavaScript & CSS

Why do we need native?

That last one is an Accelerometer

Access to device

components and OS API’s

Access to App Stores

Enter

PhoneGap powers native applications

using HTML/JS/CSS

PhoneGap gives access

to components

and API’s

PhoneGap Apps can be distributed in

stores

What do you mean by

“native” apps

UI is not native

Demos

A few PhoneGap Apps

Still not great

HTML, JavaScript & CSS

HTML, JavaScript & CSS

Enter PhoneGap

Build

• Setup build– Certificates– Provision files

• Get code to cloud– Upload– Link to git repository

• Have servers build app files

PhoneGap Build

Demos

Build

BEAUTIFUL APPS?

Is it an app? Is it mobile

web?Is it both?

Is it neither?

Don’t

fake nativ

e

I’m not kidding

Be consistent to your brand

Don’t go too minimal

Don’t overdo skeuomorphic designs

Walking the line

Don’t go too clever

Be a little minimalBe a little skeuomorphicBe a little clever

Do not go beyond the limits of PhoneGap’s power

CONCLUSIONS

PhoneGap enables native abled apps in HTML CSS JS

Allowing you to leverage

your experience

To make beautiful apps

Follow up?

• PhoneGap– http://phonegap.com– http://build.phonegap.com

• Preso will be up at – http://slideshare.net/tpryan

• Feel free to contact me– terry.ryan@adobe.com– http://terrenceryan.com– Twitter: @tpryan