This document discusses the PhoneGap framework for building native mobile apps using HTML, CSS, and JavaScript. It explains that PhoneGap allows access to device components and APIs to build apps that can be distributed through app stores, while using web technologies. The document provides demonstrations of PhoneGap and the PhoneGap Build service, and offers tips for designing beautiful apps within PhoneGap's capabilities without going beyond its limits.

1. Beautiful Apps
with PhoneGap

2. Who Are You?

5. Why do we need
native?

6. That last one is an Accelerome

8. Access to
device
components and
OS API’s

10. Access to
App Stores

11. Ente
r

12. PhoneGap powers
native applications
using
HTML/JS/CSS

13. PhoneGap gives
access to
components and
API’s

14. PhoneGap Apps
can be
distributed in
stores

15. What do you
mean by “native”
apps

16. UI is not native

19. Demos
A few PhoneGap
Apps

20. Still not great

23. Enter
PhoneGap Build

24. PhoneGap Build
• Setup build
– Certificates
– Provision files
• Get code to cloud
– Upload
– Link to git repository
• Have servers build app files

25. Demos
Build

26. BEAUTIFUL APPS?

27. Is it an app?
Is it mobile web?
Is it both?
Is it neither?

28. Don’t
fake
nativ

29. I’m not
kidding

30. Be
consistent to

31. Don’t go
too
minimal

32. Don’t
overdo
skeuomorph
ic designs

33. Walking
the line

34. Don’t go
too
clever

35. Be a little minimal
Be a little
skeuomorphic
Be a little clever

37. Do not go beyond the
limits of PhoneGap’s

38. CONCLUSIONS

39. PhoneGap
enables native
abled apps in
HTML CSS JS

40. Allowing you to
leverage your
experience

41. To make
beautiful apps

42. 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