第一次 Mobile App 就上手

第一次 Mobile App 就上手 Yahoo! Search, F2E clayliao May 26, 2011

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]

Mobile Web v.s. Native App ,[object Object],[object Object],[object Object],[object Object],[object Object]

Mobile Web ,[object Object],[object Object],[object Object],[object Object],[object Object]

偵測使用者上網工具 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mobile Web 頁面基本架構

jQuery Mobile ,[object Object],[object Object],[object Object],[object Object]

jQTouch ,[object Object],[object Object],[object Object],[object Object]

iWebkit ,[object Object],[object Object],[object Object],[object Object]

Sencha Touch ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Jo HTML5 Mobile App Framework ,[object Object],[object Object],[object Object]

Performance Matters! source Amazon 100ms delay results in 1% sales loss. Yahoo! 400ms delay results in 5-9% drop in full page traffic. Google 500ms delay drop search traffic by 20%. Bing 1s delay result 4% drop in revenue. AOL Fastest 10% of users stay 50% longer than slowest 10%.

Make your mobile web faster ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Few Request Browser Connections per Hostname Max Connections Android 2.2 4 4 iPad 4.0 6 30 iPhone 3.1 6 50 iPhone 4.0 4 30 Palm Pre 1.0 10 10

[object Object],Small Cache Size Browser Max Cached Script Size Same Session Android 2.1 4 MB Android 2.2 2 MB iPad 4.0 4 MB iPhone 3.1 4 MB iPhone 4.0 4 MB Palm Pre 1.0 1 MB

iOS / Android Native App in Practice

iOS 開發前準備 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Android 開發前準備 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Eclipse for Android Live Demo

Android App Inventor Live Demo

Build Native App by Tools ,[object Object],[object Object],[object Object],[object Object],[object Object]

PhoneGap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How PhoneGap works phonegap.com

Titanuim ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

iPhone / Android Simulator Live Demo

Mobile First! ,[object Object],[object Object],[object Object],Source --by Luke Wroblewski

學習資源 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

第一次 Mobile App 就上手

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (10)

Similaire à 第一次 Mobile App 就上手

Similaire à 第一次 Mobile App 就上手 (20)

第一次 Mobile App 就上手

Notes de l'éditeur