Silverlight 企業應用案例 - 研華 (ADVANTECH)

成立於 1981 年的研華股份有限公司是全球工業電腦第一品牌，二十餘年來始終深耕此一領域，自2004年起營收便超過百億新台幣，並始終保持穩定獲利與成長，似乎完全未受到個人電腦市場日趨飽和之影響。每個成功的公司背後，都有著特有之企業文化，這些深化在每個員工心中的文化認同，往往都是公司能夠持續成長的原因。專注本業、鼓勵創新的研華電腦，即便在資訊處內的基層工程師工作中；都可看到此一企業文化特質。

2007年10月研華資訊處同仁得知 Microsoft Silverlight 技術後，林詠傑課長便開使與所屬同仁討論，如何將此一技術應用於研華對外之產品搜尋網頁中，以提升客戶之滿意度。擁有自有品牌的研華，向來重視客戶滿意度，過去曾有用戶反應產品搜尋畫面單調，當了解 Microsoft Silverlight 技術能夠讓網頁互動更為豐富後，便決定藉此機會驗證以 Microsoft Silverlight 製作搜尋介面之可行性。

資訊處同仁陳俊霖先生接下此一任務，由於10月份時尚未有 Silverlight 書籍問世，陳俊霖先生便從 https://silverlight.net/community/communitygallery.aspx 取得大量的範例開始學習，專注品牌經營的研華原本便擁有相當數量之美術設計人員，但此案開始之初並未有美術設計人員參與，而是以有開發經驗的陳俊霖先生上網搜尋可用之圖示，自行利用 Microsoft Expression Blend 2 September Preview 加以組合運用。時至今日已有了初步的成果:

新的產品搜尋網頁，當產品列出時會逐漸浮現出各個產品項目，倘若此產品有相關驅動程式或手冊文件可下載，在每項產品品項後方即會以綠色燈號表示，讓用戶可以進一步下載。此一新功能將與現有產品搜尋功能並存，並已經對外公開了 https://www.advantech.tw/products/search/default.aspx，這很可能是台灣大型企業用戶第一個採用 Silverlight 於對外網站的案例。

過去研華對於產品搜尋的軟體架構如左，藉由 Microsoft ASP.NET 2.0 直接對資料庫搜尋取得產品資訊，是典型之 Web Application 模式。當要提供 Silverlight 這類新類型的應用時，由於以 Silverlight XAML 表達使用者介面必須要借助 Web Services 方可與後端資料庫連繫，因此需要為產品資料查詢增添新的 Web Services，於是俊霖便開始針對此案以 ASP.NET 2.0 開發新的 Web Services，並採用 Simple Object Access Protocol (SOAP) 實作，而軟體架構也因而有了調整，調整後的架構如下圖所示。

就我的觀察，研華之所以能夠用一個人月的人力，於短時間內將 Silverlight 用於真實環境，主要的原因在於開發人員對於 JavaScript、Document Object Model (DOM) 極為熟悉，因此可運用 Microsoft Expression Blend 2 快速了解 XAML 有哪些可用 Element ，藉由範例程式中得知如何運用 JavaScript 存取與控制 XAML Element 之後，即可發揮出 Rich Internet Application 的優異特質。

陳俊霖先生表示，目前已經使用 Microsoft Inetrnet Explorer 6.0 與 FireFox 2.0 測試過此一程式，皆可正常運作，而目前也在研讀 Silverlight 1.0 中文問題解決方法，期望增添中文之查詢介面。有趣的是當研華的美術設計同仁看過此新界面後，產生更多的新想法，未來可預見將與俊霖搭配產生更豐富、更好之顯示效果。

此外研華陳大鈞工程師也開使驗證 Windows Communication Foundation，在初步的驗證過程中，發覺執行效率較過去 ASP.NET 2.0 所開發的 Web Services 來的好，未來也極可能運用於真實系統中。

 

一個鼓勵工程師嘗試新技術的IT環境，對於一個擁有自有品牌的公司是有正面助益的，也期待能在明年初在研華網站上；我們能看到辛勤工作的工程師產出的新頁面。