2. 2012
Html5 + Sencha +
Phonegap for
iPhone
Native iPad version

3. HTML5 + SENCHA + PHONEGAP
SENCHA
太胖了

4. NATIVE IPAD版

5. 兩個版本翻頁其實都
還滿快的
我個人覺得Native版
本賣相較好

6. 2012
Hybrid
iOS native +
HTML5
Android + HTML5

7. IPAD版本

8. ANDROID版本

9. 這次沒有用Phonegap
改用Hybrid模式
妥善處理WebView、APN …
達到了效能與跨平台的平衡

11. The system
structure should be
like an app.

12. A WEB EXAMPLE
static web page

13. MAKE IT AN APP.
Retrieved from API
(or hard-coded)
Retrieved from API

14. PROS AND CONS
 
Flexibility! Long headers
Easier division of http requests
of work

15. HTML5 is not an
almighty
solution for
cross-platform.

16. CHALLENGES
OS Device Resolution
Version Browser
Limits Performance
Customized
browser
Behavior

17. What are important
features
of the new generation of
web technology for apps?

18. STORAGES
Local storage and session storage
WebSQL !

19. CSS3
Reduce the usage of images
box-flex properties for easier layout
Media query

20. SAFE & CORRECT JAVASCRIPT!
Traps in Javascript
eg. this
Declaration, variable scope
Asynchronous process

21. AND OPTIONALLY…
Canvas
WebGL (3D canvas graphics)

22. Native V.S. Web
Apps
Native V.S.
Phonegap

23. 歡迎加入我們
http://www.sixnology.com/recr
uit/