Your SlideShare is downloading. ×
0
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Mobile app with sencha touch
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile app with sencha touch

3,196

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 …

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,196
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
56
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mobile AppWith Sencha TouchFeng Chun2012-8
  • 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. Mobile App Mode WAP: JS + HTML + CSS WebView: Web + Native packaging Hybrid: NativeView + WebView Native: NativeView onlyPage  3
  • 4. WebView or Hybrid is monster NativerPage  4
  • 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. 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. 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. Our Android App named: PoseidonPage  8
  • 9. Poseidon: project organizationPage  9
  • 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. 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

×