21
Project Siena: 非非非非非非非非 Windows 8.1 App 非非非 Raymond DX (Developer Experience and Evangelism) http:// blogs.msdn.com/mengtsai

20140730 siena training

Embed Size (px)

DESCRIPTION

Windows 8.1, Windows Store App, Siena, 非開發, JavaScript, Windows Store, Windows 8,

Citation preview

Page 1: 20140730 siena training

Project Siena:

非開發者也能打造 Windows 8.1 App

蔡孟儒 Raymond

DX (Developer Experience and Evangelism)

http://blogs.msdn.com/mengtsai

Page 2: 20140730 siena training

今天最重要的一張 slide

• http://www.microsoft.com/en-us/projectsiena/default.aspx

Page 3: 20140730 siena training

主題• Siena 基本操作• 範例 1: RSS 新聞• 範例 2: Excel+YouTube

• Q&A

Page 4: 20140730 siena training

Siena 基本操作

Page 5: 20140730 siena training

• Screen – 新增頁面 (Add Screen)• 各種可見控制項 (Visuals)• Preview 測試• Screen 間的切換 (onSelection)• File 專案存檔及發佈• AppData 外部資料來源

右鍵 & Esc!

Page 6: 20140730 siena training

範例 1: RSS 新聞

Page 7: 20140730 siena training

範例 1: RSS 新聞1. Add a Visual -> Label2. Add a Visual -> Galleries -> Text Gallery

3. 取得 RSS: 台灣 Windows 官方部落格4. Gallery1 -> Items -> Add Data Source -> RSS Feed -> Import Data5. Gallery1 -> Items -> rss_1

畫面調整… (font, color, horizontal, size, etc.)

有注意到! 嗎 ?

Page 8: 20140730 siena training

範例 2: Excel + YouTube

Page 9: 20140730 siena training

範例 2: Excel + YouTube

1. 準備 Excel 資料 : 插入表格、 Table Name2. Add a Visual -> Listbox

3. Listbox1 -> Items -> Add Data Source

Page 10: 20140730 siena training

4. 選擇 Excel -> 勾選 Table Name -> Import data

5. Listbox1 -> Items -> Movie ( 你輸入的Table Name)

Page 11: 20140730 siena training

6. Add a Visual -> YouTube Search ( 需登入 YouTube 帳號 )5. YouTube Search -> Items -> “YouTube!Search(Listbox1!Selected!Value)”

Page 12: 20140730 siena training

畫面調整… (font, color, border, horizontal, size, etc.)

Page 13: 20140730 siena training

其他• 專案發佈

• 若使用到 Bing/YouTube/Facebook 等服務,必需線上申請 Service Keys 。在發佈頁面有連結至申請畫面。

• 發佈後會產生 .exe 的執行檔,可以安裝在自己會別台機器上• 需要申請 Developer License ( 免費,以 Microsoft

Account 申請即可 : http://msdn.microsoft.com/en-us/library/windows/apps/hh974578.aspx)

• 上架至 Windows Store:• http://

blogs.technet.com/b/projectsiena/archive/2013/12/30/submitting-a-project-siena-app-to-the-store.aspx

Page 14: 20140730 siena training

今天最重要的一張 slide

• http://www.microsoft.com/en-us/projectsiena/default.aspx

Page 15: 20140730 siena training

最困難的,不是 coding…

而是創意

再加上永遠可以更好的使用者經驗 (UX)

Page 16: 20140730 siena training

Q&A

Page 17: 20140730 siena training

MICROSOFT CONFIDENT IAL – INTERNAL ONLY

Beta release of a new technology for: Business experts Business analysts Consultants Other app “imagineers”

A tool for creating a new category of modern, purpose-specific apps that enable new business scenarios for employees and customers

What Project Siena is

Page 18: 20140730 siena training

MICROSOFT CONFIDENT IAL – INTERNAL ONLY

A developer tool (replacement for Visual Studio) A solution for business- or mission-critical application needs A means for integrating/representing transactions & complex

forms A way to develop a rich, data-intensive user interface A silver-bullet solution for all business scenarios

What Project Siena is notSome current limitations to keep in mind

Page 20: 20140730 siena training

MICROSOFT CONFIDENT IAL – INTERNAL ONLY

Data sources Beta 1

Azure Mobile Services

Excel

REST

SharePoint

RSS

Page 21: 20140730 siena training

MICROSOFT CONFIDENT IAL – INTERNAL ONLY

Data sources Beta 2

Azure Mobile Services

Excel

REST

SharePoint

RSS

Bing Search

Bing Translator

Facebook

Yammer