PhoneGap & JqueryMobile Kiang@5/11/2011
Webview
HTML 5 <ul><li>Geolocation
Web SQL
File API </li></ul>
Concepts in PhoneGap
Download from: http://www.phonegap.com/features Features
The amazing “But” Picture downloaded from http://www.eslite.com/product.aspx?pgid=1001143031983265
Faster development But Slower execution
Write once … But Debug everythere...
Easier to maintain But Worse user experience
Standard compliance But Poor API support
Jquery Mobile Picture from: http://jquerymobile.com/
Folders
 
The code outside <div data-role=&quot;page&quot; /> for sub-pages won't work , including <head />!!! It's a single page ap...
Put your code @ right place
Front Controller
Path as anchor
'More' button, instead of pager
'Live'  pageshow  just one time
Jquery Template
Line chart with Flot
As a PHP developer, I feel... <ul><li>The screen is small
You must compile the web pages
Upcoming SlideShare
Loading in...5
×

Phonegap & JqueryMobile

3,993

Published on

A sharing in small study group.

Published in: Technology, Business
2 Comments
3 Likes
Statistics
Notes
  • Thanks. The reason I chose jquery mobile is that it's expected to be better in the near future as there are many good guys in jquery community. Although it's still buggy now. I'm considering to use Titanium Mobile, again( I always change my mind... ).
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice job, I think you've summed up the framework pretty well. Note that using frameworks like jquery mobile ui can really slow down the interface, which is why I choose to keep it simple and write my own libraries. I'm writing a rather large application using Phonegap at the moment called BillBot (www.billbot.co if you're interested), seems to be coming along well.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,993
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
85
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Phonegap & JqueryMobile

  1. 1. PhoneGap & JqueryMobile Kiang@5/11/2011
  2. 2. Webview
  3. 3. HTML 5 <ul><li>Geolocation
  4. 4. Web SQL
  5. 5. File API </li></ul>
  6. 6. Concepts in PhoneGap
  7. 7. Download from: http://www.phonegap.com/features Features
  8. 8. The amazing “But” Picture downloaded from http://www.eslite.com/product.aspx?pgid=1001143031983265
  9. 9. Faster development But Slower execution
  10. 10. Write once … But Debug everythere...
  11. 11. Easier to maintain But Worse user experience
  12. 12. Standard compliance But Poor API support
  13. 13. Jquery Mobile Picture from: http://jquerymobile.com/
  14. 14. Folders
  15. 16. The code outside <div data-role=&quot;page&quot; /> for sub-pages won't work , including <head />!!! It's a single page application
  16. 17. Put your code @ right place
  17. 18. Front Controller
  18. 19. Path as anchor
  19. 20. 'More' button, instead of pager
  20. 21. 'Live' pageshow just one time
  21. 22. Jquery Template
  22. 23. Line chart with Flot
  23. 24. As a PHP developer, I feel... <ul><li>The screen is small
  24. 25. You must compile the web pages
  25. 26. Easier to demo your work at any time
  26. 27. Centralized => Distributed
  27. 28. Sequential => Parallel
  28. 29. More dirty job, ...as I'm not a well-trained javascript developer </li></ul>
  29. 30. I don't know what you are saying, but I know you felt bad... Anyway, thank you, the first commenter.
  30. 31. More info: https://github.com/kiang/bmi_log
  31. 32. Q & A
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×