Sencha touch in the wild

1,754 views
1,672 views

Published on

My presentation from SourceDevCon 2011 (www.sourcedevcon.eu) about our experiences with Sencha Touch and mobile web development for touch devices in general.

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,754
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • +\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Sencha touch in the wild

    1. 1. SENCHA TOUCH IN THE WILD
    2. 2. INFINUMSoftware development Mobile Development Ruby on Rails Android iPhone iPadwww.infinumdigital.com
    3. 3. 100.000 USD WON $100.000 Samsung Global Developer Challenge
    4. 4. Business Design MY BACK 20% 20% HISTORYKnow who you’re dealing with Development 60%
    5. 5. TemplatingLayouting Dataviews mobile web app development STUFF WE INVENTED Proxies IN EARLY 2010 Event Handling
    6. 6. USING SENCHA SINCE 0.9.X Buggy, worked really bad on Android
    7. 7. VC FUNDING $14M
    8. 8. SENCHA TOUCH & INFINUM We’ve been friends for a long time...
    9. 9. XTemplateLearning curve Layout Managers WHAT WE LOVE ABOUT SENCHA TOUCHData Stores Listeners
    10. 10. IPHONE & IPAD generally works fine
    11. 11. ANDROIDTop level (HDPI) Androids work almost fine
    12. 12. WHAT’S CAUSINGPERFORMANCE ISSUES? Scrolling Animations Gradients Rounded corners Bunch of elements Input elements
    13. 13. COMMUNICATE TO CLIENTS “It won’t work everywhere”
    14. 14. ANDROIDSEGMENTATION High Density (HDPI) 480x854 Medium Density (MDPI) 320x480 Low Density (LDPI) 240x320 ~Android 2.2
    15. 15. BEWARE iPhone 3G, crappy Androids(low CPU, lack of GPU acceleration)
    16. 16. ANDROID VERSIONS >=2.1 95%
    17. 17. KINETIC SCROLLING & BOUNCE turn it off if scrolling is slow
    18. 18. UNSUPPORTED PLATFORMS Nokia, bada, Blackberry (not any more actually)
    19. 19. FIRST EXPERIENCE Not good, needs work
    20. 20. NOKIANative Browser != QT Webkit
    21. 21. NOKIAdocument.querySelectorAll non existent (use Sizzle) scrolling doesn’t work, most cool things don’t work
    22. 22. SENCHA TOUCH ON QT Didn’t manage to get it to work properly
    23. 23. LO-FI VERSION? any point?
    24. 24. BADAdolphin webkit, works rather well, on par with Android
    25. 25. BADA PROBLEMSdrop shadows don’t work, native browser UI, smaller screen
    26. 26. IMPROVING SENCHA TOUCH let’s talk about that
    27. 27. STACKABLE PANELLike UINavigationController on iPhone - manages screen stacks
    28. 28. GRID COMPONENT very common pattern
    29. 29. OPEN SOURCEbut with community submissions
    30. 30. “REAL” NATIVE LOOK AND FEEL the Cupertino theme helps but...
    31. 31. “REAL” NATIVE LOOK AND FEEL iOS <> Sencha Touch
    32. 32. LISTENERSwe’ve had problems (show, activate...)
    33. 33. INLINE HTML TEMPLATES hard to mantain
    34. 34. OUR SOLUTIONDedicated folder for templates
    35. 35. ONE FILE PER TEMPLATE Syntax highlighting, easier maintenance
    36. 36. CODE DECOUPLING Extract specific components
    37. 37. ALTERNATIVES? jQuery mobile
    38. 38. BEST SOLUTION even for small applications
    39. 39. THANK YOU! Questions? Tomislav Car twitter.com/tomislav_carwww.infinumdigital.com

    ×