iT邦幫忙

DAY 24
1

前端小字典三十天【每日一字】系列 第 24

Day24– 前端小字典三十天【每日一字】– Web App

這次想要筆記Web AppNative AppHybrid App 這三種APP 開發方式名詞。

圖片來源

首先來分享Web App

Web App 是什麼?

Web Application 網頁應用程式

Web App 是透過網頁瀏覽器執行,桌機或行動裝置都有瀏覽器,
所以無論使用桌機,平板或手機都可以觀看Web App,只要打開瀏覽器即可觀看。

不過通常我們提到Web App都是指手機的App,
Web App是使用 Web 技術實作適合行動裝置的應用程式,也稱作Mobile Website。

Web 技術包括HTML5、CSS 、JavaScript和 JavaScript Bridge(和 Native 溝通的技術)等。

Web App 的優點?

跨平台
由於Web App 是透過網頁瀏覽器執行,所以無論是IOS或 Android等平台皆可以使用內建的瀏覽器觀看Web App 內容。

成本較低
1. 不需要針對不同作業系統(IOS或 Android等)開發不同APP,開發成本較小。
2. 節省官方應用程式商店上架等註冊費用。

利於SEO
一般的Native App屬於封閉式環境,內容無法被搜尋引擎擷取,
Web App打開瀏覽器即可透過基本搜尋(organic search)獲得瀏覽量。

維護更新容易
1. 比起Native App,如果要支援IOS及 Android,只需要維護一份程式碼,
2. 每次修改需要重新上架,Web App無需審核的等待時間。

Web App 的缺點?

效能較差
執行速度沒有Native App來的快,不適合複雜的購物金流或動畫、遊戲等。

對硬體裝置的支援度較低
例如:相機、 GPS 地理定位、測速計、磁力計、陀螺儀...等功能。

參考資源

以 HTML5 開發 Mobile Web App
http://blog.ericsk.org/archives/1398

Web App 行動開發 (1) – Web App 開發介紹
http://blog.toright.com/posts/3214/web-app-行動開發-1-web-app-開發介紹.html

Native App vs.Web App:您鍾情於哪一款?
http://www.app3.tw/APP-001.php?in=5&id=352

決定開發原生 app 還是行動裝置網頁前,先釐清這 10 個問題
http://www.inside.com.tw/2013/07/30/native-or-web-mobile-app

像原生應用程式一樣的 WebApp?趕快學起來!
http://tech.mozilla.com.tw/posts/4803/像原生應用程式一樣的-webapp?趕快學起來!

行動裝置持續看漲!跨屏策略該如何選擇?
http://blog.phimedia.tv/2013/11/native-web-app-muti-screen-design-strategy/

Mobile: Native Apps, Web Apps, and Hybrid Apps
http://www.nngroup.com/articles/mobile-native-apps/


上一篇
Day23– 前端小字典三十天【每日一字】– Parallax Scrolling
下一篇
Day25– 前端小字典三十天【每日一字】– Native App
系列文
前端小字典三十天【每日一字】30

尚未有邦友留言

立即登入留言