將你的網站轉為 Windows App- 使用 Windows App Studio

[感謝微軟學生大使、清華大學計量財務金融學系賴虹安同學,協助翻譯原發佈於 Building Apps for Windows 部落格中的文章:Building Hosted Web Apps with Windows App Studio] 以下則是賴同學在 3 分鐘內,將自己的履歷網站轉為 Windows App 之經驗分享: 利用Windows app studio建立Hosted Web App from 賴 虹安 將你的網站轉為 Windows App- 使用 Windows App Studio) 如果你已經擁有自己的 Web App ,並且有公開的 URL ,那麼只要使用 Windows App Studio (有中文介面) 裡的 Hosted Web App 範本,你就可以輕易地將它轉移成 Windows 10 的 App 。 Windows App…


App 設計:我該從哪開始?

[感謝微軟學生大使、清華大學計量財務金融學系賴虹安同學,協助翻譯原發佈於 Building Apps for Windows 部落格中的文章:Getting Started With App Design] 在軟體產業裡,我們總是常常聽到設計者和程式開發者在溝通上有代溝,因次希望能藉由本篇文章,介紹大家一些設計 App 的小撇步,幫助大家設計出更吸引人、比別人更成功的 App,同時也能減少工程師和設計者之間的隔閡! 淺顯易懂的設計 Demystifying Design 就跟工程師一樣,「設計」也是需要藉由不停的練習,才能將自身的技能結合想傳達的資訊,完美的傳遞給使用者。一些基本的技能包括: 排版 Typography 色彩學 Color Theory 視覺平衡 Visual Balance 圖像研究 Iconography 導航列設計 Navigation 設計素描 Sketching 當你學會並且時常練習這些基礎功後,你將會發覺許多以往你可能忽略的色彩美學或排版技巧,甚至,你更有可能藉此知道往後該如何修正自己的 App,讓現有的作品擁有更美觀的視覺呈現。 讓我們開始吧!Getting Started! 設計,絕不能等程式開發完的最後一刻才開始動工。做為一個 App 開發者,你可能已經發現 App 的功能和其設計息息相關。舉例來說,一旦你在功能選單放入太多項目,有些重要的功能常常在最後看起來已沒那麼重要;你也有可能發現,在設計完 App 的主視覺、編寫程式後,自己像是擁有兩個 App 而非一個。然而,設計者們卻有不少能力能解決上述這些狀況。 – 這個 App 的重點是什麼? 在開始著手設計前,請先記得了解自己的 App 的用途為何、你希望 App 使用者能夠如何使用。如果你是一個偏好視覺走向的開發者,那麼就想像這裡有一個完全空白的畫布,並且思考你要放什麼內容進去;如果你喜好利用語言、文字來表達,那麼建議你採用清單條列式來呈現。若你不屬於上述二者,那麼就先把所有你覺得你用的到的功能、希望的色彩和選單都先放上去。 接下來的重頭戲便是「簡化」。雖然這可能讓人心煩,尤其是在當你把所有心血都放上去後,但是現代…


[Windows 10] Extension SDK: 讓同一隻應用程式能在不同裝置上執行的秘密

微軟在今年三月揭示了未來的 Universal Apps,將能在各種不同裝置上執行的願景。這些裝置包含了 PC, Mobile, IoT 裝置, Xbox, Surface Hub, 甚至 HoloLens。 那麼,要如何讓同一隻 Universal App 在這些不同的裝置上執行呢? Extension SDK 即是解答之一。 以往的作法是什麼? 我們先檢視一下在 Windows 8/8.1 上,欲同時開發 Windows Store App 及 Windows Phone App 的方法。我們可以將共享的程式碼 (如 Business Logic, Data Model, etc.) 實作於 Shared Projects 中,開發者只需額外處理如螢幕大小等 User Experience 上的不同。 但是,編譯之後將會產出兩份針對不同裝置的 Binary or Package,必需分別上傳至不同的 Store 作審核、也必需在不同的 Dev Center 之中作管理: 另一個開發者會面對到的問題是,當有些…


[Windows 10] Inking: 筆跡功能的應用及實作

Windows 10 推出之後將支援許多種的輸入 (input) 方式,包括 Windows Hello 透過臉部特徵或虹膜取代密碼輸入、HoloLens 利用全息虛擬實境技術與人作 3D 互動等等。 本文則將介紹 Windows 10 加強後的筆跡 (Pen & Ink) 技術。 對開發者而言,多了 InkCanvas 控制項與基礎 DirectInk 類別,可以使用您已熟悉的程式語言如: C++、C# 或 Visual Basic 等,在 Windows 10 Apps 中實現更強大的筆跡功能。 比如: 叫出地圖後,用筆(或手指)畫上路線圖: 在連線遊戲中,即時紀錄如「狙擊手在右邊建築物屋頂」的筆跡訊息: 用原始筆跡回信: 或是先轉成文字… Windows 10 在 Pen & Ink 的擴充性 要作到以上應用, Windows 10 提供的 InkCanvas 控制項定義了一個用於繪圖以及轉譯筆跡筆觸的重疊區域。此控制項的功能 (輸入、處理和轉譯) 則來自 InkPresenter、InkStroke、InkRecognizer 與…


[Windows 10] Adaptive UI: 因應不同螢幕大小,動態改變畫面呈現方式 (使用 RelativePanel & VisualStateManager)

  本文將介紹 2 種全新的 XAML 作法, 來達到 Windows 10 的 UAP 中 “Adaptive User Interface” 的要求。讓我們的 App 在任何螢幕大小的環境之下,都能適切的調整元件的相對位置、或是動態改變元件的呈現方式。 1. RelativePanel:可決定控制項之間的相對位置 <RelativePanel> <TextBox x:Name="textBox" Text="我是一段文字我是一段文字我是一段文字" /> <Button x:Name="yellowBtn" Background="Yellow" Content="黃色按鈕" RelativePanel.RightOf="textBox" /> <Button x:Name="blueBtn" Background="Blue" Content="藍色按鈕" RelativePanel.RightOf="textBox" RelativePanel.Below="yellowBtn" /> </RelativePanel> 請注意裡面出現了 RelativePanel.RightOf 以及 RelativePanel.Below,望文生義即可理解,App 會把這 3 個控制項的相對位置確認下來,無論螢幕大小如何改變。亦即: 「”yellowBtn” 將位於 “textBox” 的右邊;而 “blueBtn” 不但位於 “textBox” 的右邊,也會位於 “yellowBtn”…


Windows 10 開發者預覽的新功能 (What’s new in Windows 10 Developer Preview)

如果您有開發過 Windows Store 或 Windows Phone App 的經驗,以下幫您整理了 Windows 10 Developer Preview (開發者預覽版本) 之新增功能。 當然,若要親自嘗試這些新功能: 請加入 Windows Insider Program,取得並安裝 Windows 10 Developer Preview. 取得並安裝 Visual Studio 2015 CTP. (目前版本為 CTP6) 新專案中即會出現 Windows 10 Universal App 的範本。 同時: 1. 若您在測試過程中遇到問題: 請先檢視 release notes 以及 known issues with Visual Studio 2015 CTP6,查看是否為已知問題。 請繼續使用 Windows Store 及 Windows…


初步了解 .NET 2015

感謝成功大學資訊工程研究所陳顥文同學協助翻譯微軟公司資深高階主管 Bath Messi 於 2015/2/25 發表的文章: Understanding .NET 2015 文中主要提示了即將發佈的 .NET 2015 在各種角度上的改變,包括對各平台的支援、走向開放等等。 在進入本文之前,她的結論提到身為多年的微軟人,親身經歷 .NET 走向開源的過程及感想,說出了許多人,尤其是長期關注微軟技術者的心聲,在此轉述如下: “對微軟來說,開放原始碼並不是新的舉動,但對 .NET Runtime 函式庫卻是。這對一個超過 15 年的老專案是個非常重大的決定,對許多內部的員工來說,這開放的不是單單只有程式碼而已,而是將整個工程都開放出去。改變是需要時間的。所以這是為甚麼 .NET 小組剛開始只能釋出一小部分的物件函式庫。我們在未來需要有更長更遠的路要走。從決定開放也至於現今的成果,可以讓我們這個團隊學到這些舉動激起的漣漪、以及產生的貢獻,這些都讓我們自嘆不如。” .NET 2015 – 主要架構 其中,針對 .NET Core 有以下三個主要的投資及改變: 1. .NET Innovation-微軟已將許多語言的編譯器重新設計、改良,以符合新一代開發者的需求,包括底層物件函式庫 (BCL: Base Class Libraries)、應用程式模型(App Models)、執行階段 (Runtimes) 及相關工具。 2. Open Source (開放原始碼)-微軟已將開發流程透過開源社群公開,也透過開源社群得到進一步的支援及協助,經由這樣與全世界開發者間的互動,一起培育 .NET 的生態系統。 3. Cross Platform (跨平台)-使用者的執行平台及環境越來越多樣,有鑑於此,讓 .NET 跨平台相容至 Linux,…


初窺 Windows 10 的通用應用程式平台 (Universal App Platform)

在「Windows 10 對於開發者的意義在哪?」文中提到,4/29~5/2 的 BUILD 大會中,才會有進一步針對 Windows 10, Cortana, Xbox, Surface Hub, 以及 HoloLens 上開發應用程式的完整訊息。那麼在這之前,開發者可以怎麼準備呢? 首先,即是先開始熟悉 Universal Windows Apps 了! 同時,在三月初於巴賽隆納舉辦的 Mobiel World Congress 上,微軟又進一步公佈了未來 Windows 10 的通用應用程式平台 (Universal App Platform): A first look at the Windows 10 universal app platform 這張圖的上方提示了 Universal Apps 將橫跨多種不同裝置;下面的部份則可細項來看其說明: As we built the universal app platform, we set out…


Windows 10 對於開發者的意義在哪?

Windows 10, Cortana, Xbox, Surface Hub, 以及最炫的 HoloLens,這些都是微軟在 1/21 日的重大發表。那麼對於開發者而言 (包含學生及新創公司),要如何預備 Windows 10 的到來呢? 最大的重點即是:Universal Windows Apps (通用應用程式)! 重點僅止於此? 當然不只! 官方部落格 Building Apps for Windows  整理了一篇文章,讓開發者可進一步了解各相關資訊。在此特別感謝成功大學資訊工程研究所的陳顥文同學 (台灣微軟技術實習生) 協助翻譯為中文,請大家參考! Windows 10 is empowering developers to dream again Terry在發表會上展示了最新具備能夠橫跨多個裝置,可用於平板、手機、以及個人電腦上的作業系統,Windows 10。以及展示了微軟 Surface Hub,和世界第一個全息影像計算平台:Microsoft HoloLens。 Windows 10 將會搭配全新的人工智慧:Cortana,以及全新的瀏覽器:Project Spartan。並且更緊密的結合 Xbox 遊戲體驗。還有新的全息影像技術 (holographic) 及其相關裝置。當然也改良新增了幾個內建的 Universal App,例如”人際網路及訊息”、”相片”、”影片”、”音樂”,以及”地圖”的應用程式,這些 App 也成為 Universal App…