Mobile app with sencha touch

3,820 views

Published on

I wrote a ppt named "Mobile app with sencha-touch" for my colleagues in other sub-companies.I propose a new word "WebView" to instead one of the "Hybrid" mode.I have also attached the the sencha practice of an android project. I hope you give me some feedback.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,820
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
71
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile app with sencha touch

  1. 1. Mobile AppWith Sencha TouchFeng Chun2012-8
  2. 2. About me 12 year+ JS and Java development experience J2ME, WinCE mobile platform development experience IBM Java Developer Conference(Shanghai) champion in 2005 Created XUI/XFlow/Mobby frameworks for company The creator of the open-source projects: jsdk/jsdocxJSDK: http://jsdk2.sourceforge.net/My Blog: http://blog.sina.com.cn/haidao415Page  2
  3. 3. Mobile App Mode WAP: JS + HTML + CSS WebView: Web + Native packaging Hybrid: NativeView + WebView Native: NativeView onlyPage  3
  4. 4. WebView or Hybrid is monster NativerPage  4
  5. 5. JS has poor performance JS code looks like a bowl of function noodles Native UI is the best and coolest Difficult pass by Apple’s auditPage  5
  6. 6. WebView Mode Advantages Disadvantages Cross mobile platform More memory used Easy to learn and cost Not suitable for high- savings performance game Rapid development and Maybe need to solve browser debug cross-domain problem Direct support for Ajax and JSON Powerful multi-device stylePage  6
  7. 7. Sencha Touch Full OO architecture Dynamic class loading system Mobile widgets and Touch events Support HTML5 and CSS3 Customizable UI and multi-platform skins Support webkit and not support windows ie Support MVC In fact, HTML + CSS + JS is the best UI development language collections.Page  7
  8. 8. Our Android App named: PoseidonPage  8
  9. 9. Poseidon: project organizationPage  9
  10. 10. Poseidon: index.html<title>Poseidon</title><link type="text/css" rel="stylesheet" href="touch/resources/css/android.css" /><link type="text/css" rel="stylesheet" href="style/app.css" /><link type="text/css" rel="stylesheet" href="style/app4android.css" /><script type="text/javascript" src="touch/sencha-touch-all.js"></script><script type="text/javascript" src="app/core/….js"></script><script type="text/javascript" src="app/util/….js"></script><script type="text/javascript" src="app/service/….js"></script><script type="text/javascript" src="app/model/….js"></script><script type="text/javascript" src="app/view/…js"></script><script type="text/javascript" src="app/activity/XxxActivity.js"></script><script type="text/javascript" src="app/Main.js"></script> Page  10
  11. 11. WebView Team Organization A farsighted leader A senior JS architect A widget development team with sencha-touch A packaging development team for multi-devices An application development team Change we need!Page  11

×