由 Web 到 App 之路 (三): 使用 WAT (Web App Template)

WAT (Web App Template) 是微軟所開發,專門設計將既有的網站轉成 App 的免費 Visual Studio 擴充元件,此前的文章已有簡介: WAT- 將既有網站快速轉為 Windows 8.1 App 或 Windows Phone App 的免費工具。上個月也剛推出了 Universal Apps v2.0 的版本 (http://wat.codeplex.com/)。 WAT 的目標定義明確,即是要讓企業能完全延用在既有網站上的投資、同時還能以直覺簡易的 config 方式讓 App 實作出平台功能 (如 Windows Live Tile、App Bar 等)、而且無需每次網站改版即需重新編譯。 WAT 實作 在 Visual Studio 2013 中開啟 Web App Template for Universal Apps- JavaScript 範本 可以看到此方案已預設包含 Windows 8.1…


由 Web 到 App 之路 (二): 使用 Apache Cordova (PhoneGap)

看看自己及周遭,App 世代早已經造成使用者習慣的改變: 當然也有統計數據告訴我們這件事實,例如:若觀察使用者每日花在 Web 及 App 上的時間,可以看到在2011年即已發生死亡交叉,而且差距只有逐年愈拉愈大。(2012年底的數據: Web : App = 70 mins: 127 mins) http://gigaom.com/2012/12/05/us-spends-35-percent-more-time-using-apps-in-2012-while-web-usage-drops/ 使用 Cordova (PhoneGap) Apache Cordova (也就是市場上熟知的 PhoneGap 引擎) 已在今年 5 月即與 Visual Studio 整合了,可參見 Eric 的文章: 跨行動裝置 App 開發: 使用 Visual Studio 2013 + Apache Cordova (PhoneGap)。而在日前釋出 Visual Studio Update 3 RTM,也同時釋出了 Multi-Device Hybrid Apps CTP 2.0 的版本。 Cordova…


由 Web 到 App 之路 (一): 釘選網站 Pinned Site

現況: – 我已有一個運作良好的網站 挑戰: – 如何因應現今行動裝置大普及,以及方興未艾的 App 需求? 以上是現在絕大部份的企業所面臨的難題:決策者在延用既有的投資(如:網站維護人力及技術)的同時,又要因應來自市場上行動化趨勢所帶來的改變。面對以上的難題,有哪些作法可以供決策者作參考? 從 Web 到 App 之路有哪些選擇呢? 首先我們來看一個典型的網站維運架構: 如下圖,開發團隊使用設計工具(如: Sublime) 編修網頁 (Application UI)、使用習慣的程式碼控制工具 (如: GitHub)、並使用熟悉的開發框架 (如: Node.js)及網站伺服器 (如: Azure Web sites)來作日常網站的維護及修改。 釘選網站 Pinned Site 既有的網站要因應現實中的行動化趨勢,最簡單的作法就是提供使用者「釘選」的功能了。 以 iOS 而言,要加入如以下的程式碼: <link href="touch-icon-iphone.png" rel="apple-touch-icon"> <link href="img/touch-icon-ipad.png" rel="apple-touch-icon" sizes="76×76"> <link href="img/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="120×120"> <link href="img/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="152×152"> 而針對 Windows 平台,也是插入類似的程式碼,不過您可以利用以下的網站直接幫您產出,還能同時達到動態磚 (Live Tile)…