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

1. Project Siena:
非開發者也能打造 Windows 8.1 App
蔡孟儒 Raymond
DX (Developer Experience and Evangelism)
http://blogs.msdn.com/mengtsai

2. 今天最重要的一張slide
• http://www.microsoft.com/en-us/projectsiena/default.aspx

3. 主題
• Siena 基本操作
• 範例1: RSS新聞
• 範例2: Excel+YouTube
• Q&A

4. Siena 基本操作

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

6. 範例1: RSS新聞

7. 範例1: RSS新聞
1. Add a Visual -> Label
2. Add a Visual -> Galleries -> Text Gallery
3. 取得RSS: 台灣 Windows 官方部落格
4. Gallery1 -> Items -> Add Data Source -> RSS Feed -> Import Data
5. Gallery1 -> Items -> rss_1
畫面調整…
(font, color, horizontal, size, etc.)
有注意到!嗎?

8. 範例2: Excel + YouTube

9. 範例2: Excel + YouTube
1. 準備Excel資料: 插入表格、Table Name
2. Add a Visual -> Listbox
3. Listbox1 -> Items -> Add Data Source

10. 4. 選擇 Excel -> 勾選Table Name -> Import
data
5. Listbox1 -> Items -> Movie (你輸入的
Table Name)

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

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

13. 其他
• 專案發佈
• 若使用到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/201
3/12/30/submitting-a-project-siena-app-to-the-
store.aspx

14. 今天最重要的一張slide
• http://www.microsoft.com/en-us/projectsiena/default.aspx

15. 而是創意
再加上永遠可以更好的使用者經驗 (UX)

16. Q&A

17. 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

18. 




Some current limitations to keep in mind

19. http://blogs.msdn.com/b/mengtsai/archive/2013/12/21/projec
t-siena-windows-8-1-app.aspx

20. Azure Mobile Services
Excel
REST
SharePoint
RSS

21. Azure Mobile Services
Excel
REST
SharePoint
RSS
Bing Search
Bing Translator
Facebook
Yammer