Beautiful Appswith PhoneGap
Who Are You?
Why do we need   native?
That last one is an Accelerome
Access to    devicecomponents and   OS API’s
Access toApp Stores
Enter
PhoneGap powersnative applications       using  HTML/JS/CSS
PhoneGap gives   access tocomponents and     API’s
PhoneGap Apps    can be distributed in     stores
What do youmean by “native”    apps
UI is not native
Demos        A few PhoneGap        Apps
Still not great
EnterPhoneGap Build
PhoneGap Build• Setup build  – Certificates  – Provision files• Get code to cloud  – Upload  – Link to git repository• Hav...
Demos        Build
BEAUTIFUL APPS?
Is it an app?Is it mobile web?     Is it both?   Is it neither?
Don’t fakenativ
I’m notkidding
Beconsistent to
Don’t gotoominimal
Don’toverdoskeuomorphic designs
Walkingthe line
Don’t gotooclever
Be a little minimalBe a littleskeuomorphicBe a little clever
Do not go beyond thelimits of PhoneGap’s
CONCLUSIONS
PhoneGapenables nativeabled apps inHTML CSS JS
Allowing you toleverage your  experience
To makebeautiful apps
Follow up?• PhoneGap  – http://phonegap.com  – http://build.phonegap.com• Preso will be up at  – http://slideshare.net/tpr...
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Beautiful PhoneGap Apps
Upcoming SlideShare
Loading in …5
×

Beautiful PhoneGap Apps

12,768 views
12,462 views

Published on

Presentation about PhoneGap directed to UX folks.

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
12,768
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
111
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • Designer?Developer?Both?jQuery?jQuery Mobile?PhoneGap?TypeKit?Adobe Edge?
  • Designer?Developer?Both?jQuery?jQuery Mobile?PhoneGap?TypeKit?Adobe Edge?
  • Beautiful PhoneGap Apps

    1. 1. Beautiful Appswith PhoneGap
    2. 2. Who Are You?
    3. 3. Why do we need native?
    4. 4. That last one is an Accelerome
    5. 5. Access to devicecomponents and OS API’s
    6. 6. Access toApp Stores
    7. 7. Enter
    8. 8. PhoneGap powersnative applications using HTML/JS/CSS
    9. 9. PhoneGap gives access tocomponents and API’s
    10. 10. PhoneGap Apps can be distributed in stores
    11. 11. What do youmean by “native” apps
    12. 12. UI is not native
    13. 13. Demos A few PhoneGap Apps
    14. 14. Still not great
    15. 15. EnterPhoneGap Build
    16. 16. PhoneGap Build• Setup build – Certificates – Provision files• Get code to cloud – Upload – Link to git repository• Have servers build app files
    17. 17. Demos Build
    18. 18. BEAUTIFUL APPS?
    19. 19. Is it an app?Is it mobile web? Is it both? Is it neither?
    20. 20. Don’t fakenativ
    21. 21. I’m notkidding
    22. 22. Beconsistent to
    23. 23. Don’t gotoominimal
    24. 24. Don’toverdoskeuomorphic designs
    25. 25. Walkingthe line
    26. 26. Don’t gotooclever
    27. 27. Be a little minimalBe a littleskeuomorphicBe a little clever
    28. 28. Do not go beyond thelimits of PhoneGap’s
    29. 29. CONCLUSIONS
    30. 30. PhoneGapenables nativeabled apps inHTML CSS JS
    31. 31. Allowing you toleverage your experience
    32. 32. To makebeautiful apps
    33. 33. 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

    ×