Silver Light

Session Code :

Silverlight 實務應用範例講 座 董大偉 MSDN 講座專屬講師

本場次大綱 - Develop Rich Web Application with Silverlight

緣起 - 解決方案總是從問題而來 Silverlight 是什麼 ? 對你重要嗎 ? Silverlight 對 Web 應用程式的影響 ? Silverlight 將對你帶來怎樣的改變 ? 你應該怎麼使用 / 導入 Silverlight 開發技術 ? Silverlight 開發架構 Silverlight 範例講座 Silverlight 實務技巧

What's Silverlight? - Develop Rich Web Application with Silverlight

解決方案總是從問題而來 - Develop Rich Web Application with Silverlight

Silverlight 的 5W 1H WHAT - 什麼是 Silverlight? WHEN - 何時需要使用 Silverlight? WHY - 為何要使用 Silverlight? WHO - Silverlight 適合誰來使用 ? WHERE - 在哪裡使用 Silverlight? HOW - 如何開發 Silverlight 應用程式 ?

WHAT - 什麼是 Silverlight? - Develop Rich Web Application with Silverlight

微軟的 RIA(Rich Interactive Application) 開發技術 真正適合實現 Web 應用程式的解決方案 4.6M 的 Run-Time, 在瀏覽器中運行 類似 FLASH/FLEX 崁入網頁 , 以 ActiveX 形式存在 開發人員撰寫 XAML 碼和 .cs 或 .vb 指令， 將建置好的程式，放到網站上讓使用者下載 到用戶端執行…

Silverlight 2.0 的架構圖

Silverlight 2.0 的架構圖

WHEN - 何時需要使用 Silverlight?

想拋開競爭對手時… - Develop Rich Web Application with Silverlight 想讓客戶耳目一新時… 需要在網頁 /Web AP 上實現不易完成的 UI 時… 想降低 Web 開發成本時… (Really?) 想開發具架構 ( 常用型 , 非拋棄式 ) 的 Web 應用 程式時…

Silverlight 2.0 的開發架構 SilverLight 2.0 開發架構

ASP.NET(Silverlight Web Control)

PHP 、 JSP 、 ASP

DB Server XML Web Services

Web Server(IIS 、 Others) WCF 、 AJAX 、 WS 、 soc kets •IE 6.0+

•VS2008 SP1 •Blend 2 SP1 •Silverlight SDK •Silverlight 2.0(4.6MB)

XAML (.xaml)

.Net Code (.xaml.vb/.xaml .cs)

Silverlight Player 2.0 ( 豐富的 GUI 能力 + .NET CLR 支援 )

Browser

•Mozilla Firefox •Apple Safari •Opera •…

WHEN - 何時需要使用 Silverlight?

- Develop Rich Web Application with Silverlight 現階段不適用

無法確定用戶瀏覽器狀態的環境 Mobile Solution

WHY - 為何要使用 Silverlight? - Develop Rich Web Application with Silverlight

徹底解決過去 Web 應用程式 UI 很難用的問題 一舉突破過去 HTML 框架的限制 , 讓 Web 應用 程式開發更加自由 跳過莫名其妙的 Postback, 與毫無道理的 AJAX 提供網頁與應用程式的動態效果解決方案 為何不用 FLASH/Flex?

WHO - Silverlight 適合誰來使 用?

ASP.NET ( 或其他 Web) - Develop Rich Web Application with應用程式開發人員 Silverlight Windows Form 應用程式開發人員 坦白說…

WHERE - 在哪裡使用 Silverlight? - Develop Rich Web Application with 網頁的一角 Silverlight

一整個網頁頁面 或 全螢幕 崁入在 Windows 應用程式中 崁入在 MOSS 網站中 以控制項型式出現在 ASP.NET 網頁當中

Demo Silverlight 可以做些什麼 ???

HOW - 如何開發 Silverlight? - Develop Rich Web Application with Silverlight

你需要準備的工具 VS2008 + SP1 Blend 2 + SP1 DeepZoom Composer Silverlight Tools For VS2008 SP1

HOW - 如何開發 Silverlight? - Develop Rich Web Application with Silverlight

建議您學習的技術 XAML/ASP.NET/Silverlight 一般 .NET 3.5 開發技術 Web Service / WCF Service LINQ (Language-Integrated Query) LinqToSql / ADO.NET Entity Framework ADO.NET Data Service

建立 Silverlight 2.0 應用程式開發工 具 - 使用 visual Studio 2008 SP 1+ Blend 2 SP1

•Page.Xaml 主場景，內含建立主場景的 Xaml 指令碼、區域資源、 動畫指令、場景外觀…等。 •Page.Xaml.vb( 或 cs) 主場景對應的程式碼檔案， 用以控制主場景中的 Xaml 元素、控件的事件處理… 等。 此為主要的程式碼撰寫位置

•App.Xaml 全域應用程式宣告，主要用 於宣告全域資源…等工作。 •App.Xaml.vb( 或 cs) 全域應用程式碼，主要用於 處理全域定義、物件宣告、 初始化…等功能。

•Bin 資料夾 Silverlight 編譯後的檔案 TestPage.html 為測試頁 面 .dll 檔案為編譯後的組件 .xap 為壓縮格式檔案，將 會被複製到 WebSite ，內 含 .dll 與 AppManifest.xaml

•ClientBin 資料夾 Silverlight 編譯且壓縮後 的 .xap 檔案，將複製到此資 料夾 再透過 .aspx 或 .html 頁面 承載 .xap 檔案 請注意： IIS 必須設定為支援 XAP 格式檔案

•TestPage.aspx .aspx 格式的測試頁面，內 含 Silverlight 控件 (Web Control)



TestPage.html .html 格式的測試頁面，透 過