將OpenCV完美建置於Visual Studio上

OpenCV是由Intel公司開發的影像處理跨平台程式庫,可以讓開發者十分便利的進行影像相關的程式開發,但是許多人並不知道該如何將OpenCV的程式庫Import進開發工具當中,所以在這裡做一個簡單的教學。 作業系統:Windows 10 開發工具:Visual Studio 2015 OpenCV版本:3.0.0   (安裝位置為C:\opencv)

4

免費學生雲端開發資源密技

哈囉各位! 在本文中微軟學生大使整理了許多與Azure服務相關的資訊及教學,不論你是剛認識Azure的菜鳥還是想要更精進自己功力的老鳥,相信或多或少都能夠在這些資訊中有所收穫!  大綱: DreamSpark Web App Service Visual Studio Team Service Application Insight MySQL Database Notification Hubs SQL Database 以下則是一些比較常用的連結和學習資源: DreamSpark Channel 9 Microsoft Virtual Academy ——————————————————————————-  DreamSpark – 微軟夢想火花計畫 首先,先跟大家介紹我們前進Azure的免費門票,那就是DreamSpark(微軟夢想火花計畫),這項計畫是專門為所有學生而設計的,透過DreamSpark我們可以下載許多Developer會使用到的開發工具及軟體,而其中之一正是Azure雲端服務。雖然透過DreamSpark得以免費使用Azure雲端服務,但並不是所有的服務都能夠使用,目前能夠使用的服務有"Web Application"、"Visual Studio Team Services"、"Application Insight"及"MySQL Database",最近還陸續新增了"SQL Database""Mobile Apps"和"Notification Hubs"等服務。 ( p.s. 由於Azure雲端是一種服務,而非一種軟體,所以DreamSpark提供給我們的是讓我們的微軟帳戶擁有Azure雲端服務的訂閱) 以下是相關連結: DreamSpark官方網站 Microsoft Azure for DreamSpark開通頁面 如果你對於申請DreamSpark計畫有任何的疑問或困難,可以參考下方的教學檔案,內容包括DreamSpark的申請、Azure for DreamSpark開通及Visual Studio下載 參考:Dotblogs    Web App…

0

Azure輕鬆建立 Linux虛擬機器(Virtual Machine)

在Azure中我們可以很輕鬆的建立Linux虛擬機器(VM),本課程示範如何使用Azure建立虛擬機器。  注意:您需要 Azure 帳戶才能完成本教學課程  您可以免費申請 Azure 帳戶:您將取得可試用付費 Azure 服務的額度,且即使在額度用完後,您仍可保留帳戶,並使用免費的 Azure 服務,例如「網站」。除非您明確變更您的設定且同意付費,否則我們將不會從您的信用卡收取任何費用。   您可以啟用 MSDN 訂戶權益:您的 MSDN 訂用帳戶每月會提供您額度,您可以用在 Azure 付費服務。   步驟一 :選取圖示 到Azure儀表板中找到你想使用的微軟虛擬機器 登入Azure帳號,進入Azure畫面 在左側視窗中,選擇 新增 > 計算 > Ubuntu Server 14.04 LTS.  在Ubuntu Server 14.04 LTS頁面最下方,”選取部署模型”請選擇「資源管理員」。 注意:Azure 建立和處理資源的部署模型有二種:資源管理員和傳統。本文涵蓋之內容包括使用資源管理員部署模型,Microsoft 建議大部分的新部署使用此模型,而不是傳統部署模型。兩者的差別請參考註[註]    點選建立按鈕    步驟二 :建立虛擬機器 在完成步驟一後,接下來需要完成Azure的基本設定 輸入VM名稱、密碼、資源群組以及Azure資料中心的位置  選擇您的需求選擇適合的VM大小,每個VM大小都有不同的計算核心、記憶體以及其他規格,如SSD以及附載平衡等,Azure在這建議使用者選擇系統建議的方案,之後按下選取。   按下設定後可以看到此虛擬機器關於儲存以及網路的設定,對於第一次使用VM的話,可以採用預設的設定。若您的VM大小支援的話,可以考慮在磁碟類型上選擇高階SSD,最後選擇確定。  在摘要下檢視您使用的VM大小以及相關設定,最後按下確定建置VM  最後完成圖  更多在Azure VM教學參考Channel9影片: l   如何排除…

0

Azure架設PHP-MySQL Web應用程式

  本教學課程說明如何建立 PHP-MySQL Web 應用程式,以及如何使用 Git 將其部署至 App Service。您會使用 PHP、MySQL 命令列工具 (MySQL 的一部分),以及安裝在您的電腦上的Git。本教學課程裡的說明可運用在包括 Windows、Mac 與 Linux 的任何作業系統上。看完本指南後,您將擁有可在 Azure 上執行的 PHP/MySQL Web 應用程式。 您將了解: 如何使用 Azure 入口網站建立 Web 應用程式和 MySQL 資料庫。由於預設會在 App Service Web Apps 上啟用 PHP,因此您不需要執行任何特殊步驟就能執行 PHP 程式碼。 如何使用 Git 來發行與重新發行應用程式到 Azure。 此外也介紹Azure SDK for PHP給您認識,Azure SDK for PHP內含的元件可讓您開發、部署及管理適用於 Azure 的 PHP 應用程式。尤其是 Azure SDK for PHP 包含下列各項: 適用於 Azure 的…

0

如何使用Xamarin快速結合Azure-App-Service

  一、 前言 現今Mobile App最重要的就是後端的服務,而Azure提供了完整的後端服務,其中包括:資料儲存、身分驗證、推送通知…等必備功能。可以讓我們非常快速地建立一套完整的後端系統,並且支援自動調整規模以滿足數百萬部裝置的需求,達到高規模性(Scalability)的特點,再結合Xamarin快速開發的特性,讓我們同時開發Android App、iOS App,Windows Phone App。跟著我做,30分鐘讓您的Xamarin專案與Azure完美結合! 圖一、Azure Mobile Service架構圖 圖二、Xamarin運作架構圖     二、 建立Azure Mobile Service 確定自己Azure帳號的訂閱至少為Pay-As-You-Go Subscription,這樣才可以順利建立Azure Mobile Service 進入https://manage.windowsazure.com/ → 點選下方新增,並選擇計算→行動服務→建立 3. URL選擇一個獨一無二的域名;資料庫則可以選擇免費20MB的SQL Server或者建立一個完整的SQL Server,而在此我們用免費的20MB即可;提供Azure Mobile Service的地區有美國、北歐、東亞,日本,而我們選擇最靠近我們的日本西部;後端的部分有 .NET與JavaScript可選擇,可依個人喜好選擇。 4. 資料庫名稱會自動設定好,填入伺服器的登入名稱(帳號)以及密碼,地區一樣選擇日本西部。 5. 點選行動服務→點選我們剛建立的AzureWithXamarin 6. 點選Xamarin並選擇建立新的Xamarin應用程式 7. 第一步驟為取得Xamarin的安裝工具,這邊我就跳過安裝步驟;第二步選擇Android平台並下載 三、 使用Xamarin連接Azure 點選AzureWithXamarinService→右鍵→發行 2. 點選Microsoft Azure行動服務 3. 登入後選擇我們剛剛建立的AzureWithXamarin行動服務→確定 4. 所有資訊Visual Studio都會幫我們處理好,按下發行即可 5. 之後Visual Studio會幫我們安裝好需要的套件以及部屬行動服務至Azure 6. 發布完成後,點選AzureWithXamarin→右鍵→設定起始專案→點選Component按右鍵→Get More Component 7. 此時會開啟Component頁面→選擇Azure Mobile Service 8. 按Add…

0

Azure搭配Visual Studio開發PHP網頁

根據W3Techs指出,82%網站的伺服器程式語言都是採用 PHP。 PHP是非常火紅的伺服器端腳本語言,有些著名的網頁如:WordPress和Facebook都是使用PHP開發出來的。可見PHP是經得起考驗也真實能在市場上提供使用者一個完整的網頁服務。然而,我覺得PHP最大的優點是─PHP非常容易上手,加上網路上成千上萬的資源,學習PHP的過程非常順利且容易得到成就感,鮮少遇到有問題是網路上沒有答案的狀況!因此,今天就來簡單介紹如何用Azure搭配Visual Studio開發一個PHP網頁!   第零步:取得Azure帳戶 & 安裝Visual Studio 這邊不是本篇的重點我就不多詳述了,詳情請點這個教學網站,這個網站會一步一步教你如何開通Dreamspark,並且取得Azure的帳戶。 安裝Visual Studio Community 2015 請到此下載安裝。 第一步:部屬Azure 開發一個PHP網頁需要有兩樣硬體:伺服器和資料庫。過去我只會架在實驗室或是自己的電腦上,然而這麼做有些缺點,例如:網路不穩、頻寬不夠大、擔心被入侵等等,而Azure可以幫我免除這些困擾,我只需要在Azure的管理網站上點一點就能輕易做架好伺服器和資料庫了,讓我用圖片教你怎麼做到這些。 在搜尋引擎上搜尋”portal azure”,選第一個就是了 接著網站會要你登入你的Microsoft的帳戶,只要你的帳戶有開通Azure,網站就會幫你導到下面這個畫面,成功看到此畫面代表你已經成功登入Azure了! 然後讓我們來建立伺服器與MySQL資料庫吧! 點擊順序:「+新增」→ 「Web + 行動」→ 「Marketplace」→ 「Web + MySQL資料庫」 點選紅色框框裡那個橘色的「Web + MySQL資料庫」後,點「建立」即可 最後點選「+新增」→ 「Web + MySQL資料庫」 在這邊你能填寫你的網址要叫什麼,然後在「Database」那邊建立一個新的資料庫,建議在選擇資料庫跟Web應用程式的所在位置時都選擇東南亞(southeastasia)或東亞(eastasia)連線速度會稍快一點!都選擇好之後按「建立」就都完成囉~ 這時會回到首頁,我們會看到Azure正在部屬你建立的Web應用程式和資料庫,等他部屬完成我們就擁有自己的伺服器和資料庫了!   第二步:下載PHP tools for Visual Studio 因為Visual Studio預設是沒有安裝PHP套件的,所以我們得自己去網路下載套件,請按此下載後安裝。有了這個套件,你就可以在Visual Studio上面建立PHP網站專案了! 點選「PHP Web Project for Microsoft Platform」即可建立專案,初始畫面如下。   第三步:發布網頁! 首先呢!我們要取得剛剛架好的伺服器發行權。發行權就是一個讓伺服器知道你是授權過的,允許讓你上傳code到伺服器。…

0

Azure&Visual Studio 2015簡單部屬Web個人網站

  相信大家都有用自己的學生身分開通Microsoft DreamSpark學生夢想火花計畫。在開通後的軟體目錄下,除了有大家可以免費下載使用的開發人員與設計人員工具之外,應該也有人發現在伺服器與應用下也有Microsoft Azure雲端的產品。  沒錯!透過Microsoft DreamSpark學生夢想火花計畫開通後,你(妳)除了擁有免費的開發人員與設計人員工具之外,還有微軟的Microsoft Azure雲端可以使用。透過Microsoft Azure,除了可以輕鬆建置部屬自己的Web網站之外,還能與你(妳)在Visual Studio上所開發的網站架構做結合,進一步地將你(妳)的Web網站發佈上去,成為您的專屬網站。  那要怎麼去完成剛剛我所說的這些部屬與建置?現在就帶大家從Microsoft Azure上快速部屬自己的Web網站,再與Visual Studio上自己所建置的網站架構作結合,創造出自己獨一無二的專屬網站。 一、 Azure部屬  首先,開啟自己的Azure雲端,可以看見螢幕右上方是使用者名稱,左方則是使用者可以建置部屬在自己Azure上的各個應用與功能。點開左上方的新增,可以瀏覽Azure上各個建置的功能,點開Web+行動可以看見我們所需要的Web應用程式,點選後右方會出現Web應用程式上使用者所必須填寫的資料,分別為Web應用程式名稱(網址的連結)、Azure的訂戶、資源群組、建置方案的位置。四項必填資料如下圖所示: 在Web應用程式這裡,填入我們自己所想要的網址抬頭(範例填寫:EducationWeb)。Azure訂用帳戶的部分因為我們是DreamSpark學生夢想火花計畫開通的免費服務,所以只有DreamSpark選項可以選。資源群組的部分可以選擇你(妳)有建置過的群組。若沒有可以點選建立新選項輸入一個新的自訂名稱,方便我們未來在Azure上部屬各個應用時,可以快速選取自己早已創好所需的資源,而不需要再重新配置資源群組來增快效率完成部屬(範例填寫:Web),最後建置位置的部分,則是可以選擇Azure上目前有的伺服器位置與你(妳)創建的伺服器名稱和費用的部分(範例填寫:Web(方案名稱)、East Asia(東亞)、F1免費),最後完成以上設定後按下建立按鈕,三到五分鐘即可快速部屬完成(如下圖)。 在部屬完你(妳)的個人Web應用程式後Azure畫面會導入到部屬成功的頁面。上方會顯示你(妳)的Web應用程式名稱,名稱下方可以做各項設定、預覽、停止、重新啟動、刪除、取得發行等多項功能,來讓使用者方便管理自己的Web網站。中間的部分則是會顯示使用者剛剛在部屬時所有的設定資訊與URL(網址)和FTP資訊。在最下方的監視部分則是可以在使用者的網址運行時,及時掌控自己的Web應用程式狀況。 此時記得點選第一欄位右方的取得發行權,將網站的發行權檔載下來,好讓等等可以快速的與Visual Studio 2015進行串聯發佈(取得位置如下圖所示)。  二、   Visual Studio 2015開發  打開你(妳)的Visual Studio 2015來開始建置專案與撰寫個人網站的架構。首先先點選檔案→新增→專案。 選擇Web範本→ASP.NET Web應用程式,上方.NET Framework請選擇4.5版本,下方可以輸入您的方案資料夾名稱、位置與方案名稱(範例:EducationWeb)設定完後請點選確認。 確認後會在跳出ASP.NET專案範本,此選項是針對你(妳)所要建置的Web網站所需的功能創建所需的ASP.NET(範例:ASP.NET 4.5範本、Web API),在這頁面選擇的同時,請注意右下角的雲端中的主機,是否有被勾選起來,若有勾選起來請將打勾取消。因為這部分是Visual Studio為了方便開發者可以快速在Azure上選擇自己所建置的Web應用程式,可以與自己所創建的Web專案快速部屬所設計的,但由於本教學選擇的是DreamSpark免費使用的功能,因此沒有Azure的訂閱權,若有打勾將會沒辦法建置,因此需要將打勾給取消掉,以便後續的部屬與創建撰寫。確認完請點選確認鈕。 PS:Visual Studio在選項上可以針對個人所需的部分去做選擇,是一個很好的功能。 在確認完成後Visual Studio便會開始照你(妳)剛剛所設定的部分,創建出你(妳)的第一個Web專案(如下圖所示),這裡可以分為四個部分來說明。中間的部分是我們選擇的腳本撰寫區,下方的部分則是可以看見輸出後錯誤的部分與套件管理主控台,右方第一個則是我們專案內所有的資訊包含各個腳本與資料夾和圖片,右下方則是我們點選的每個物件腳本等等的專案屬性。 簡單的了解完各區的功能後,我們便可以將剛剛在Azure上快速部屬好的Web應用程式與Visual Studio上自己所創建的Web專案做第一次串聯。 先點選專案資料夾右鍵→選擇發行。 此時畫面會跳出另一個發行Web視窗(如下圖所示),請點選匯入,選擇將剛剛在Azure上所下載取得的發行檔路徑位置後點下確認鈕,在點下發行鈕。 此時畫面會再轉跳到連線部分,你(妳)可以在上頭確認所有資訊,如:伺服器、網站名稱、使用者、密碼與URL(網址)的部分(如下圖所示),確認完後點選發行按鈕。 此刻Visual Studio便會開始與Azure做串聯發佈,大約等候五分鐘左右便會轉跳到網站,出現您的網站啦(如下圖所示)! 當你(妳)看見了網站出現後,可以回到Visual Studio的Web專案裡,到右方專案找尋Views資料夾下,選擇Home資料夾下的@Index.cshtml腳本點開來撰寫你(妳)主網頁的畫面,使用的語言是HTML5(如下圖所示) 在HTML5語言中<div>跟</div>的型成是一個小框架,<h1>跟</h1>則是屬於大標題,<p>跟</p>則是顯示你(妳)要打的文字,<a>跟</a>則是文字超連結的部分(如下圖所示)。 所以我們可以在上頭的<h1>跟</h1>中間的ASP.NET改成您自己的名字(範例:EducationWeb),在<p>跟</p>的部分打上你(妳)的自我介紹(範例:我是微軟學生大使_技術組李明陽,請大家多多指教。下方按鈕是Microsoft Student Partners微軟學生大使的FB連結,歡迎大家來關注最新消息。),在<a>跟</a>的部分則是將href=””裡的網址改成你(妳)的FB連結(範例:Microsoft Student Partners微軟學生大使的FB連結https://www.facebook.com/MSPTaiwan ),後方”Learn more”則是將你(妳)要在按鈕上顯示的文字給顯示出來,這部份我們可以改成”歡迎點擊”,完成基本的改寫後按下Ctrl+S儲存下來(如下圖所示)。 完成上方基本的改寫後,點擊上方執行按鈕或按下F5直接執行,便可以看見你(妳)剛剛所改寫的部分會呈現在你(妳)自己的網頁上面(如下圖所示) 下方是運行後,在網頁上顯示剛剛我們所改寫的部分結果 你(妳)會發現,在網站上你(妳)剛剛所改寫的自我介紹部分,文在被串在一起排版很難看,這時我們可以再回到Visual Studio裡,在剛剛所改寫HTML5裡的腳本裡,去將<p>跟</p>中間的地方,你(妳)所要斷行的地方多打個</p>,在你要換到下一行呈現的文字前頭多打個<p>(如下圖所示) 修改完成後,你在按下執行按鈕或F5來看看運行後,你剛剛所改的部分在網頁上排版呈現是否是有被修正過變好看了些(如下圖所示)。 你(妳)在執行後網頁上,可以看見剛剛所改的斷行部分,當你(妳)修正後感覺滿意,便可以再回到Visual Studio裡的右方專案,點選右鍵發行,此次發行不需要在匯入發行檔,只需要點選發行按鈕後即可將你(妳)剛剛所改寫完成的部分,與第一次發行的部分作替換,是不是很快速呀!! 透過Azure Web應用程式,能快速簡單地部屬個人網站的Web應用程式,再透過Visual Studio 2015建置Web專案,簡易的修改HTML5的部分。透過兩個步驟的方法可以快速又簡單的完成自己的個人網站部屬與發行,縮短了網站架設時所需要的後端建置時間,更運用了Web API將開發語言變得更容易使用易懂,使開發者能透過簡單的開發流程,完成自己個人網站的架設。  …

0