開發 Windows Apps https://docs.microsoft.com/archive/blogs/buildingapps/feed.xml Wed, 17 Apr 2019 03:20:41 GMT en-US hourly 1 機器學習的生命週期作業：Machine Learning Operationalization https://docs.microsoft.com/archive/blogs/buildingapps/135 Sat, 29 Apr 2017 08:24:58 GMT https://blogs.msdn.microsoft.com/buildingapps/?p=135 CNTK 或是 Python 所建立的預測模型，部署到 Azure Container Service (ACS) 或 HDInsight Spark 上，以達到高擴充性的需求。 AML CLI (Azure Machine Learning Command Line Interface) 是個全新的 Azure 機器學習指令集，目前是 preview 版本，目的在將機器學習的生命週期，例如 Experiment, Model training, Deployment, Management 等．能透過指令自動化流程處理。同時支援 CNTK, TenserFlow 等不同的機器學習框架，未來也將支援如 GPU/FPGA 等機器，協助資料科學家們對模型生命週期的訓練及管理。 GitHub 上有完整範例及文件並隨時更新，已可在 Linux Data Science Virtual Machine (DSVM) 上使用。 環境準備 首先你需要有 Azure 訂用帳戶 (取得訂用帳戶)，然後依說明文件建一個 DSVM 出來 (要完成以下練習，只要選擇最便宜的機器即可)。 透過 SSH 連線至 DSVM (可使用 X2Go 或 Putty )後，執行以下指令: $ wget -q https://amlsamples.blob.core.windows.net/scripts/amlupdate.sh -O - | sudo bash - $ sudo /opt/microsoft/azureml/initial_setup.sh 注意: 請登出再重新登入以讓改變有效 接下來執行以下指令來設定 AML CLI 環境: $ az login $ aml env setup 以上指令會在這個 DSVM 中新增以下這些服務：
  • A resource group
  • A storage account
  • An Azure Container Registry (ACR)
  • An Azure Container Service (ACS)
  • Application insights
注意:
  1. 首先你會被要求到 https://aka.ms/devicelogin 輸入一組代碼，再登入您的 Azure 帳號，確保你有足夠的權限新增服務。
  2. 得輸入小於20個字元、只能包含小寫字母及數字的環境名稱 (Environment names)。
之後你隨時可以執行以下指令來了解所有的環境設定: $ aml env show amlenv1 使用 Jupyter 身為資料科學家，您可以使用喜歡的 IDE 來寫作。若使用 Jupyter，在 DSVM 中是跑在 https://<machine-ip-address>:8000 ，請直接以瀏覽器打開並以登入 DSVM 的帳密登入。 在以下資料夾中可分別找到即時及批次服務的範例: 即時: azureml/realtime/realtimewebservices.ipynb notebook 批次: azureml/batch/batchwebservices.ipynb notebook jupyter1-1 照著步驟即可訓練出一個預測模型： jupyter2-1 CNTK, TensorFlow 及 Python 範例 利用 AML 部署 若是即時服務 (realtime)，會部署到 Azure Container Service (ACS)，若是批次服務 (batch) 會部署到 HDInsight Spark，以達成高擴充性及高可用性的目標，無論您的預測模型是由 TensorFlow、CNTK 或 Python 所建制的。 以 realtime 服務範例。SSH到DSVM後，切換到訓練出來的預測模型所在資料夾： $ cd ~/notebooks/azureml/realtime 接下來執行以下指令，就能部署 realtime service 至所在的 DSVM： $ aml env local $ aml service create realtime -f testing.py -m housing.model -s webserviceschema.json -n mytestapp 部署成功後的畫面： amlenv2 你也可以執行以下指令，部署到 Azure Container Service (ACS) cluster 中： $ aml env cluster $ aml service create realtime -f testing.py -m housing.model -s webserviceschema.json -n mytestapp 了解更多 AML CLI 指令 在 https://github.com/Azure/Machine-Learning-Operationalization/blob/master/aml-cli-reference.md 可看到所有的指令，例如可以執行 $ aml service list 會看到所有已部署的 realtime 或 batch 服務  ]]> 在 Azure VM 中使用 Apache Cordova 開發跨平台 App https://docs.microsoft.com/archive/blogs/buildingapps/azure-vm-apache-cordova-app Thu, 16 Oct 2014 00:29:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/10/16/azure-vm-apache-cordova-app/ 微軟在今年 5 月正式將 Apache Cordova (PhoneGap 引擎) 包裝成為一個免費的 Visual Studio 2013「擴充套件」。順利安裝之後，就可以在開新專案時選擇 Hybrid App 的專案範本，讓您使用 HTML, CSS, JavaScript 技術來開發跨平台的 Windows、iOS 及 Android 原生 App。

image

不過…

並非大家都有額外的機器和時間來準備 Windows 8.1 + Visual Studio 2013 + Apache Cordova 的開發測試環境，這時候就需要一個預先配置好的 VM 虛擬機器了!

image

這個 VM 中包含了所有您可在本地開發環境作的事情，如：編譯/偵錯 Windows 及 Android Apps、預設的專案模板、以及 “Getting Start” 文件幫助您創建並測試你的 App。

要了解如何開始使用 VM，請參考 MSDN 的文章: 如何在 Azure 上創建一個 VM。

另請注意，Azure VM 是可能有使用成本的! 但如果您是 MSDN 訂戶，可使用 Azure 的免費額度，請見 MSDN 訂戶權益頁有詳細資訊。如果您符合新創公司的資格，則可免費申請 BizSpark 方案，享受每個月約 NT$4,700 元的 Azure 免費使用額度。

延伸閱讀:

Visual Studio Tools for Apache Cordova Azure VM Available

跨行動裝置 App 開發: 使用 Visual Studio 2013 + Apache Cordova (PhoneGap)

由 Web 到 App 之路 (二): 使用 Apache Cordova (PhoneGap)
]]> 開發人員帳號終身有效以及利益計劃 https://docs.microsoft.com/archive/blogs/buildingapps/33 Wed, 17 Sep 2014 18:09:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/09/17/33/ 為了加強開發人員的開發體驗，在這個月裡，Windows 開發人員中心釋出了幾個新的計劃：終身有效的開發帳號、以及新的開發中心利益計劃，我們鼓勵您前往 Windows 開發人員中心，並且看看您可以獲得什麼好處。

從今天開始，開發人員帳號終身有效

在我們持續整合 Windows 及 Windows Phone 開發人員體驗的過程中，我們決定提供更多好處給開發人員，所以從今天開始，Windows 的開發帳號僅須付註冊時的一次費用，之後就不必再繳年費，而且帳號終身有效，當然，這個帳號同時能發佈 app 到 Windows 以及 Windows Phone 市集。

開發中心利益計劃

在前兩個禮拜，我們推出了開發中心利益計劃，這項計劃目的在幫助並且加速您在 Windows 平台上的成功、改良或行銷您的 app、提供不同的工具進行協助。不論您是既有的開發人員、或是新註冊的開發人員，都可以申請加入這項計劃。

這項計劃會依據您的開發經驗分成三個等級：

  • Explorer: 提供您設計介面及架構的指引，並且獲得微軟專家的協助，以及禮物卡、開發帳號註冊費等等。
  • Expert: 協助您接觸到更多的用戶、發行合約等等。
  • Master: 成為開發人員的 VIP，以便取得更多行銷支援、新版 SDK 搶先體驗等。
愈高的等級將幫助您的 app 被更多用戶下載、獲得更高的收益，也經由這些提供的項目幫助您獲得更高的用戶評等。我們推薦您現在就加入這項計劃吧！
]]> 由 Web 到 App 之路 (三): 使用 WAT (Web App Template) https://docs.microsoft.com/archive/blogs/buildingapps/web-app-wat-web-app-template Thu, 07 Aug 2014 21:11:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/08/07/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 的版本 (https://wat.codeplex.com/)。

WAT 的目標定義明確，即是要讓企業能完全延用在既有網站上的投資、同時還能以直覺簡易的 config 方式讓 App 實作出平台功能 (如 Windows Live Tile、App Bar 等)、而且無需每次網站改版即需重新編譯。

WAT-ill.png

WAT 實作

在 Visual Studio 2013 中開啟 Web App Template for Universal Apps- JavaScript 範本

image

可以看到此方案已預設包含 Windows 8.1 及 Windows Phone 8.1 的 Universal Apps 專案

image

要快速將 Web 轉為 App，需要 config 的地方只有一個，就是 Shared 中的 config.json 檔。

image

將其中的 homeURL 改為 Bill Gates 的網址 (https://www.gatesnotes.com/) 之後，同時以 Windows Phone 及 Windows 8.1 模擬器執行的畫面如下，可見到已符合 Responsive Web Design (RWD) 規範的網站轉為 App 之後，即能因應不同尺寸螢幕大小作適當的版面配置:

image

透過 config.json 客製化 App

所有 App 功能面的實作，全部是透過修改這個 config.json 檔來完成的，包含最重要的無網際網路時的離線 Offline 支援、給定 RSS Feed 即能達到 Live Tile 的效果、給定 Search URL 即實作出 Search Charm Bar、給定外部連結即可實作 App Bar 及 Navigation Bar 等等。

完整的說明文件可見: https://wat-docs.azurewebsites.net/JsonWindows

目前能透過 config 方式即能實現的 App 功能如以下，未來能實現的功能還會不斷增加。

image

除了功能面外，WAT 也提供了讓您修改 CSS 檔以改變 App 呈現時的版型 (但不影響原有網站的版型)

image

實際案例

有愈來愈多的國外網站在維護網站的同時、經由 WAT 建置 App 以因應行動化的需求，除了前文中介紹的 Low’s 及 Zoopla Property 之外，我們再以著名旅遊規劃網站 Expedia.com 為例。

以下可看到其網站及在 Windows Phone App 上各自的呈現:

image 

1 of 3 2 of 3 3 of 3

回饋及討論

利用 WAT 將既有網站轉為 App 的過程可說是最簡單的，config 的方式易於操作、維護及偵錯門檻也低。

但最最重要的一點是，網站作了任何更新或變動，其 App 即能立即反應最新的內容；也就是企業本來即正常運行的網站維運流程幾乎不用作調整，在最大化既有投資的同時還能以 App 打開另一個市場。

當然，為了因應各種不同尺寸的行動裝置，亦強烈建議採行此方法的網站符合 Responsive Web Design (RWD) 的設計準則，以達到最好的使用者經驗。

WAT 的未來

微軟設計 WAT 的原始精神是將 Web Experience 作最佳化的運用，短期目標即是讓各客戶能延用在人力、技術及維護上的既有投資、同時能滿足市場行動化的需求；長遠而言微軟會在 Web Experience 上作更進一步的投資!

image

由 Web 到 App 之路小結

image

簡單來說，無論是否要走向 App 化，建議各網站可先行實作「釘選」的功能，畢竟簡單又容易測試。

往 App 發展之路，若跨平台是現階段的急迫性需求，可走 Apache Cordova 的方式，但其客製化及維運成本就相對高些；若無跨平台的急迫需求，建議可先走 WAT 的方式，對未來整體維運考量上應能達到最好的 ROI 成效。

 

延伸閱讀:

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

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

]]> 由 Web 到 App 之路 (二): 使用 Apache Cordova (PhoneGap) https://docs.microsoft.com/archive/blogs/buildingapps/web-app-apache-cordova-phonegap Thu, 07 Aug 2014 21:10:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/08/07/web-app-apache-cordova-phonegap/ 看看自己及周遭，App 世代早已經造成使用者習慣的改變:

image

當然也有統計數據告訴我們這件事實，例如：若觀察使用者每日花在 Web 及 App 上的時間，可以看到在2011年即已發生死亡交叉，而且差距只有逐年愈拉愈大。(2012年底的數據: Web : App = 70 mins: 127 mins)

image

https://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 與 Visual Studio 整合的意義就是，您可以在 Visual Studio 使用 HTML/JavaScript 技術來開發橫跨 Windows、iOS 及 Android 的 App；不僅如此，您既有的網站也能輕易透過 Cordova 產出跨平台的 App。

以下範例我選擇以 Bill Gate’s 的個人網站 https://www.gatesnotes.com (一個顯然我沒有 source code 的網站) 為例。

首先將完整網頁儲存至本機:

image

在 Visual Studio 中打開 Blank App (Apache Cordova)-JavaScript 範本

image

將剛存檔的 Bill Gates 網站檔案 (Home  Bill Gates_com-.htm)及資料夾(Home  Bill Gates_com-_files)拉入專案中

image

打開 index.xml 檔，並將 Start Page 改為 “Home  Bill Gates_com-.htm"

image

然後按 F5 執行，預設會以 Ripple Emulator 在 Google Chrome 瀏覽器中模擬於不同載具執行的情形。

由於此網站本身已符合 Responsive Web Design (RWD 響應式網頁設計)，各位可以在選擇以不同載具之後，看到 App 自動因應螢幕尺寸大小所作的改變。

選擇 iPhone 5:

image

選擇 Nexus 7 (Tablet):

image

Cordova 在市場存在已久，已有許多 platform-specific features 及 plugins 可使用，可以針對 Windows、iOS 或 Android 的平台作客製化

image

完整的Config、測試、上架等文件可見: https://msdn.microsoft.com/en-us/library/dn757051.aspx，也有活躍的論壇可供發問及討論:https://stackoverflow.com/questions/tagged/multi-device-hybrid-apps

回饋及討論

Cordova 的精神即在於一次製作出橫跨 Windows、iOS 及 Android 上的原生 App，無論您的網站是以何種技術開發 (ASP.NET, JSP, etc.)，透過 Cordova 整合的難度都被大幅降低。

考慮到維運成本，相較於外包或自組團隊從頭撰寫 App，使用 Cordova 的客製化及維運成本自然是較小的。但是，需要多作的事情還是至少有兩件，其一是將每次改版後的網站內容整合拉進 Cordova 後進行測試、其二是針對各平台的客製化(例如 Windows 平台的 Live Tile等)。

當然為了因應各種不同尺寸的行動裝置，強烈建議採行此方法的網站符合 Responsive Web Design (RWD) 的設計準則，以達到最好的使用者經驗。

 

延伸閱讀:

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

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

]]> 由 Web 到 App 之路 (一): 釘選網站 Pinned Site https://docs.microsoft.com/archive/blogs/buildingapps/web-app-pinned-site Thu, 07 Aug 2014 21:06:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/08/07/web-app-pinned-site/ 現況:

- 我已有一個運作良好的網站

挑戰:

- 如何因應現今行動裝置大普及，以及方興未艾的 App 需求?

以上是現在絕大部份的企業所面臨的難題：決策者在延用既有的投資(如：網站維護人力及技術)的同時，又要因應來自市場上行動化趨勢所帶來的改變。面對以上的難題，有哪些作法可以供決策者作參考? 從 Web 到 App 之路有哪些選擇呢?

首先我們來看一個典型的網站維運架構: 如下圖，開發團隊使用設計工具(如: Sublime) 編修網頁 (Application UI)、使用習慣的程式碼控制工具 (如: GitHub)、並使用熟悉的開發框架 (如: Node.js)及網站伺服器 (如: Azure Web sites)來作日常網站的維護及修改。

image

釘選網站 Pinned Site

既有的網站要因應現實中的行動化趨勢，最簡單的作法就是提供使用者「釘選」的功能了。

image

以 iOS 而言，要加入如以下的程式碼:

<link href="touch-icon-iphone.png" rel="apple-touch-icon">
<link href="img/touch-icon-ipad.png" rel="apple-touch-icon" sizes="76x76">
<link href="img/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="120x120">
<link href="img/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="152x152">

而針對 Windows 平台，也是插入類似的程式碼，不過您可以利用以下的網站直接幫您產出，還能同時達到動態磚 (Live Tile) 的效果:

https://www.buildmypinnedsite.com/

簡單的三步驟，即可產出程式碼供您使用:

步驟1: 設定 Tile 的文字、背景顏色及圖片

image

步驟2: 設定 Live Tile (RSS Feed)

image 

步驟3: 程式碼就自動產生了．同時也提供連同圖片一起打包好的 package 讓您一次上傳至網站根目錄。

image

回饋及討論

「釘選網站」最大的優勢就是簡單，同時又不會影響到開發團隊維運既有網站的方式。

但由於執行起來還是傳統的網頁，當然無法善用裝置端的特性(如所在位置、照相功能等)，也無法處理無網路時的離線情境，因此我們發現不論是在 iOS 或 Windows 平台，無論是被「釘選」的網站數量或是會使用「釘選」網站的使用者人數都是不多的。

延伸閱讀:

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

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

]]> Windows App Studio Beta 釋出新版本，讓您更容易製作 App https://docs.microsoft.com/archive/blogs/buildingapps/windows-app-studio-beta-app Wed, 11 Jun 2014 00:42:00 GMT https://blogs.msdn.microsoft.com/buildingapps/2014/06/11/windows-app-studio-beta-app/ 如果您還沒嘗試已經 110 萬人使用過的 Windows App Studio Beta 的話，趕快看一下它如何幫助你快速地把想法轉化成 Windows 或 Windows Phone 的 App，在我們最新釋出的版本中，您將可以更方便地將製作好的 app 上架到市集中！

現在當您在 Windows App Studio 上製作完成後，選擇發佈（Publish），您會取得一個 .zip 的壓縮檔案，裡面包含了螢幕擷圖以及應用程式圖示（logo），有了這些東西後您就可以立即發佈到市集，接下來要做的事情就是到開發中心註冊一個開發帳號，這裡有兩部影片分別示範如何將您的應用程式發佈到 Windows 市集、Windows Phone 市集。

在這個版本中，我們也加入了 YouTube 播放清單作為資料來源，所以您也可以很輕鬆地建立一個 app 讓使用者觀看影片、搜尋影片等等。

您可能也有注意到，在圖片版型上我們提供了像是 Instagram 或 Flickr 等所使用的版型，可以用來處理固定或動態增加的圖片列表。

關於更多有用的訊息，您可以到 Windows App Studio Beta 的首頁上瀏覽，您也可以注意到我們新增了 App Studio News，提供更多教學影片、文章來讓您更瞭解如何運用 Windows App Studio 這個開發工具。

也別忘了繼續給我們您寶貴的建議！

]]>