How To CreateOne App For All PlatformsYuriy LuchaninovLeading specialist incross-platform developmentin MobiDev
1. What platforms should be covered?2. What is a bad application?3. What can prevent a PhoneGap application frombeing a go...
What platformsshould be covered?Smartphones divided by platformsGoogle Android - 52%Apple iOS - 39%BlackBerry OS - 5%Windo...
Payments via smartphonesWhat platformsshould be covered?Apple iOS - 65%Google Android - 27%Other - 8%
Downloads from application storesApple iOS - 33%Google Android - 58%Other - 8%What platformsshould be covered?
What is abad application?“...on iOS devices, when you move your finger, theon-screen objects under your finger move along ...
iOS AndroidWhat is abad application?
iOS AndroidWhat is abad application?
What can prevent anapplication from being agood one?1. 300 ms lag2. The problems of touching3. DOM structure4. The problem...
1. 300 ms lag
2. The problems of touching
2. The problems of touching
3. DOM structure
3. DOM structure
3 elem. = 0.003 ms1000 elem. = 0.03 ms10000 elem. = 0.36 ms+ JQuery = 2.46 ms3. DOM structure
3. DOM structure
4. The problem of long listsNative PhoneGap
Page-by-page scrolling4. The problem of long lists
Some useful tips1. Place input fields on the upper sideof the screen2. Avoid long lists3. Shades and gradients - out of ne...
Developer DesignerConclusions
+ One code for all platforms+ Use of external libraries+ Adjustments via web browser* Necessity of UI* No multithreading* ...
When shouldPhoneGap be used?- Great unique UI;- Calculations on the server side;- The app has a lot of images, audio andvi...
Themes for PhoneGap apps:- mass media;- online shops;- portals, forums and blogs;- presentations, branded and PRapplicatio...
How-to-choose guide
Thank you for your attention!
Yuriy Luchaninovy.luchaninov@mobidev.bizMobiDev.biz
Upcoming SlideShare
Loading in …5
×

How To Create One App For All Platforms using PhoneGap

7,505 views

Published on

Tips and Tricks from one of the best European PhoneGap Senior Developers.

You can often hear users' complaints about lagging apps. When you ask, “What do you mean by lagging?”, you receive such answers as either “It runs too slowly” or “I don't know, but it's hard to use”. Software developers and mobile users perceive apps differently. In order to eliminate lags, we would first think of optimizing the speed of the app. But in some cases it wouldn't be a correct decision. Let's find out the reason why.

Published in: Technology

How To Create One App For All Platforms using PhoneGap

  1. 1. How To CreateOne App For All PlatformsYuriy LuchaninovLeading specialist incross-platform developmentin MobiDev
  2. 2. 1. What platforms should be covered?2. What is a bad application?3. What can prevent a PhoneGap application frombeing a good one?4. Conclusions.Topics for discussion
  3. 3. What platformsshould be covered?Smartphones divided by platformsGoogle Android - 52%Apple iOS - 39%BlackBerry OS - 5%Windows Phone - 3%Symbian - 1%
  4. 4. Payments via smartphonesWhat platformsshould be covered?Apple iOS - 65%Google Android - 27%Other - 8%
  5. 5. Downloads from application storesApple iOS - 33%Google Android - 58%Other - 8%What platformsshould be covered?
  6. 6. What is abad application?“...on iOS devices, when you move your finger, theon-screen objects under your finger move along withit.”Jason SnellTechHive, PCWorld, Macworld
  7. 7. iOS AndroidWhat is abad application?
  8. 8. iOS AndroidWhat is abad application?
  9. 9. What can prevent anapplication from being agood one?1. 300 ms lag2. The problems of touching3. DOM structure4. The problem of long lists
  10. 10. 1. 300 ms lag
  11. 11. 2. The problems of touching
  12. 12. 2. The problems of touching
  13. 13. 3. DOM structure
  14. 14. 3. DOM structure
  15. 15. 3 elem. = 0.003 ms1000 elem. = 0.03 ms10000 elem. = 0.36 ms+ JQuery = 2.46 ms3. DOM structure
  16. 16. 3. DOM structure
  17. 17. 4. The problem of long listsNative PhoneGap
  18. 18. Page-by-page scrolling4. The problem of long lists
  19. 19. Some useful tips1. Place input fields on the upper sideof the screen2. Avoid long lists3. Shades and gradients - out of necessity only4. For semitransparent fill use .png5. Use the capacities of the graphics processingunit (GPU).
  20. 20. Developer DesignerConclusions
  21. 21. + One code for all platforms+ Use of external libraries+ Adjustments via web browser* Necessity of UI* No multithreading* 300 ms lag* The problems of touchingTechnicalspecificityConclusions
  22. 22. When shouldPhoneGap be used?- Great unique UI;- Calculations on the server side;- The app has a lot of images, audio andvideo content.
  23. 23. Themes for PhoneGap apps:- mass media;- online shops;- portals, forums and blogs;- presentations, branded and PRapplications;- applications for tourism industry etc.
  24. 24. How-to-choose guide
  25. 25. Thank you for your attention!
  26. 26. Yuriy Luchaninovy.luchaninov@mobidev.bizMobiDev.biz

×