Your SlideShare is downloading. ×
0
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
Sixnology HP33分享
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

Sixnology HP33分享

1,919

Published on

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,919
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
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. 2012Html5 + Sencha + Phonegap for iPhoneNative iPad version
  • 2. HTML5 + SENCHA + PHONEGAP SENCHA 太胖了
  • 3. NATIVE IPAD版
  • 4. 兩個版本翻頁其實都 還滿快的我個人覺得Native版 本賣相較好
  • 5. 2012HybridiOS native + HTML5Android + HTML5
  • 6. IPAD版本
  • 7. ANDROID版本
  • 8. 這次沒有用Phonegap改用Hybrid模式妥善處理WebView、APN …達到了效能與跨平台的平衡
  • 9. The system structure should be like an app.
  • 10. A WEB EXAMPLE static web page
  • 11. MAKE IT AN APP. Retrieved from API (or hard-coded) Retrieved from API
  • 12. PROS AND CONS Flexibility! Long headersEasier division of http requests of work
  • 13. HTML5 is not an almighty solution for cross-platform.
  • 14. CHALLENGES OS Device ResolutionVersion Browser Limits PerformanceCustomized browser Behavior
  • 15. What are important features of the new generation of web technology for apps?
  • 16. STORAGESLocal storage and session storageWebSQL !
  • 17. CSS3Reduce the usage of imagesbox-flex properties for easier layoutMedia query
  • 18. SAFE & CORRECT JAVASCRIPT!Traps in Javascript eg. this Declaration, variable scopeAsynchronous process
  • 19. AND OPTIONALLY…CanvasWebGL (3D canvas graphics)
  • 20. Native V.S. Web AppsNative V.S. Phonegap
  • 21. 歡迎加入我們http://www.sixnology.com/recr uit/

×