More Related Content Similar to Take Advantage of UIWebView for iOS Native App Developers Similar to Take Advantage of UIWebView for iOS Native App Developers (20) More from Ryan Chung (20) Take Advantage of UIWebView for iOS Native App Developers1. Take Advantage of
UIWebView
for
iOS Native App
Developers
Ryan Chung
iOS UIWebView 1 http://MobileDev.TW
2. Ryan Chung (Ryan@iii.org.tw)
• 現任 • 經歷
• 資策會中壢中心課程研發經理 • 工研院電通所嵌入式網站開發
• 資策會中壢中心專任講師 • 經濟部工業局自由軟體推動計畫
• 資策會行動開發學院負責人 • 宜蘭縣政府自由軟體講師
• 學歷 • 平鎮陸軍通訊學校講師
• 台灣科技大學資工所碩士 • 龍潭陸軍總部講師
• 元智大學資訊工程系學士 • 資策會資訊技術訓練中心講師
• 資策會資技中心行動開發導師
• 教授科目
• 資策會資技中心數位學習網管理
• iOS App開發 – Objective-C
• Web App開發 – HTML5/CSS3
iOS UIWebView 2 http://MobileDev.TW
7. App生態圈
Cloud Service Provider
Customer
Training Center
ADs Seller
Developer Designer
Funder
Platform Holder Incubation Center
Network Admin
iOS UIWebView 7 http://MobileDev.TW
8. App 開發團隊角色
提出
需求
使用者經驗
架構師
圖像設計師
客戶
設計
專案經理
研發
內部
提案
跨平台開發者
企劃
iOS 開發者
Android 開發者
iOS UIWebView 8 http://MobileDev.TW
13. Web App or Native App?
功能 Web App Native App
靜態圖片、文字展示
O
O
內容可直接線上更新
O
X
可上架販售
X
O
離線閱覽
X
O
加入主畫面螢幕
O
O
顯示自定啓動圖片
O
O
iOS UIWebView 13 http://MobileDev.TW
29. HYBRID APP WE ALWAYS DO THIS...
iOS UIWebView 29 http://MobileDev.TW
30. 資料介接
別人家的Server
XML Parser
XML or JSON JSON
Array Dic
自己架的Server PHP + MySQL
iOS UIWebView 30 http://MobileDev.TW
32. Load web page
[myWebView loadRequest:!
[NSURLRequest requestWithURL:!
[NSURL URLWithString:@http://MobileDev.TW]]];!
iOS UIWebView 32 http://MobileDev.TW
35. HTML5 - Input Type
Range Date Picker Placeholder
iOS UIWebView 35 http://MobileDev.TW
39. UIWebView - Support Document Type
• Excel (.xls) • Rich Text Format (.rtf)
• Keynote (.key.zip) • Rich Text Format Directory
(.rtfd.zip)
• Numbers (.numbers.zip)
• Keynote '09 (.key)
• Pages (.pages.zip)
• Numbers '09 (.numbers)
• PDF (.pdf)
• Pages '09 (.pages)
• Powerpoint (.ppt)
• Word (.doc)
iOS UIWebView 39 http://MobileDev.TW
51. 引用外部資訊
線上播放
首頁 花卉列表
維基百科
線上資訊
離線播放
(第⼀一次使用需下載)
iOS UIWebView 51 http://MobileDev.TW
52. Why Go Hybrid?
• 保留頁面的替換性
• 最新訊息發佈
• 公司促銷廣告
• 經常性更換資料
• 開啓特定文件
• 運用CSS來進行頁面美化
• 運用Mobile Web Framework
• 重組網頁資訊
• 引用外部資訊
iOS UIWebView 52 http://MobileDev.TW