電子下單系統變天！

臺灣電子下單市占第一的寶來證券，發動新一波攻勢！於8月30日微軟MIX07 Taipei研討會中，首度展示新型態電子下單系統的概念雛形。利用微軟新一代網頁技術與工具，開發直覺易用的3D互動證券下單概念網站，也是首批臺灣企業核心服務的RIA（Rich Interaction Application）應用之一。

寶來證券的新一代證券下單網站預計在明年春節後推出，將提供如個人營業廳般的3D空間，把複雜且多管道的金融資訊，整合到單一應用網站中。使用者不需了解複雜的操作方式，能直覺的點選切換不同資訊面版。能同時觀看電視解盤節目、股市資訊跑馬燈、股票漲跌趨勢圖等訊息，也能讓顧客從3D圓柱圖的高度和顏色變化上，直接看到個人股票的庫存情形與漲跌賺賠的即時結果。直接點選其中一個股票項目，就可以馬上進行下單交易的買賣。不同於過去下單方式，顧客需邊看電視解盤、邊留意股票機的即時股市訊息、同時又透過網路查詢公司狀態後，再打電話聯繫營業員下單的繁複過程。

寶來用直覺易用的下單介面擴大銀髮客群

寶來證券是臺灣電子下單市占率第一的證券公司，早在1997年就搶先多數同業發展電子交易。寶來證券資訊長姜蕙文表示，目前電子下單市場競爭激烈，各家業者競相提高客戶的滿意度與忠誠度，更有走向價格戰的傾向，而寶來希望還能擴大客戶規模，她說：「需要用IT科技創造差異化，拉大與競爭者的差距……希望打造出直覺而容易使用的操作介面，可以將專業而複雜的金融系統推介給更多人使用。」

寶來證券電子商務負責人進一步說明：「寶來希望能吸引的對象不只是已經很熟練的使用者，更希望吸引那些未上網的人，因此，必須很直覺，不需要Help或說明就能使用。」目前臺灣主要上網人口多在40歲以下，對年齡較長的使用者而言，一般常見電子商務網站的介面仍然過於複雜，多數老年人對電腦熟悉度低，不易學會如何操作。他指出希望透過高互動技術降低操作門檻，類似來到證券公司的營業大廳，顧客想要什麼，想做什麼，就可以很容易看到找到。

寶來證券使用微軟的RIA技術WPF（Windows Presentation Foundation）進行開發。使用Blend設計使用者介面的視覺元件，透過XAML（eXtensible Application Markup Language）語言整合到VS 2005中，用C#程式控制動態效果與後端既有資料庫系統的連結。寶來證券電子商務負責人表示WPF所開發的是前端介面，而實際下單過程的安全確保，還是由後端伺服器進行稽核，並且考慮透過第三方憑證來確保傳遞至客戶端的資料真確性。未來WPF支援行動裝置後，寶來證券也打算將服務拓展至各種上網裝置。

資料庫整合是RIA企業應用前提
寶來證券原本就預定於明年推出新的電子下單服務，因此，當微軟在臺灣尋找RIA技術的合作對象時，寶來證券很短時間內就決定採用。寶來證券電子商務負責人說明其中的關鍵是：「因為寶來後端的資料庫系統，已經全部整合，可以很容易提供不同前端介面需要的各種資訊，而無須因為新介面所需而重新開發，同時寶來過去一直採用微軟的開發平臺，IT部門對.NET平臺技術相當熟悉，因此，銜接新技術的門檻也不高。」他初步估算新系統的開發成本不到200萬元，主要是投入6～8人為期半年的人力成本。

寶來證券的電子下單概念系統由北士視覺設計負責視覺設計，晶睿科技負責程式開發，寶來證券的開發人員則提供過去證券下單系統的開發經驗，從旁協助與觀摩。但寶來證券電子商務負責人表示：「經過概念網站的嘗試，寶來的開發團隊下週就會開始投入新服務的實際開發，希望明年春節後能夠推出。」

寶來證券電子商務負責人認為這些RIA技術反映出網頁應用與桌面應用逐漸整合的趨勢，他指出RIA技術可以善用使用者端的電腦效能，不需高效能的伺服器，也能提供使用者端足夠的業務應用需求，適合發展企業精簡型電腦（Thin-Client），或像醫療業有廣大不諳電腦的高齡病患的產業，他認為都相當適合採用。

臺灣企業尚未了解RIA應用的效益
臺灣微軟開發工具暨平臺推廣處產品行銷經理胡德民表示：「相較於國外企業已經開始善用豐富互動應用技術，臺灣企業多數對這樣的技術仍然很陌生，因此，微軟希望先讓臺灣企業看到RIA應用的效益。」

這類RIA技術，其實已經發展多年，除微軟新推出的WPF/Silverlight技術之外。如Adobe的Flash已發展多年，具有超過九成的瀏覽器穿透率，技術相當普及。但目前臺灣使用Flash的實際應用仍以動畫（animation）居多，而非應用（application）。臺灣企業網站多半是採用Flash來設計網站首頁動畫或是導覽選單等，而非用來開發網頁主要功能的應用系統。僅有少數企業應用系統採用的實例，如大買家科技採用Flash/Flex技術開發裝潢業的ERP系統，但大買家科技資訊處長吳至偉曾表示臺灣在Flash/Flex技術這方面的技術支援與開發人力比較少。因此，日前Adobe也增加臺灣技術人力，加強Flash/Flex的技術支援。

一般採用新技術時的隱憂，如是否跨平臺、是否不同平臺就需重新開發、3D效果是否會影響執行速度、結合後端資料庫是否有安全疑慮、是否使用者需要很高的頻寬才能使用等問題。姜蕙文認為：「初步看起來都可以解決。」

寶來展示新一代電子下單系統的概念雛形

整合多種資訊管道，如電視解盤節目、股市資訊跑馬燈、股票趨勢圖等訊息，顧客透過單一畫面，能同時掌握多種交易參考資訊。也能從3D圓柱圖的高度和顏色變化上，直接看到個人股票的庫存情形與漲跌賺賠的即時結果。

滑鼠滑過任何圓柱，能顯示該個股的即時交易情形，直接點選就可以馬上進行下單交易。

提供如個人營業廳般的3D空間，顧客不需學習複雜的操作方式，直接點選，就能切換不同資訊面版。

接下一頁設計與開發人員早期投入可拉大差距
北士視覺設計是臺灣最大設計師入口網站黑秀網的創立者，負責人唐聖瀚也相當看好RIA技術的發展，他表示：「其實設計人員已經可以想像到這樣的互動設計，但過去受限於技術限制，不易將這樣的創意設計實際落實。」他從設計人員的角度來看，認為：「微軟的RIA技術讓設計人員的創意展現出來。早期投入可以拉大差距。」因此，他投入3~4百萬元，招募3位熟諳Flash技術的設計人員，參與微軟新技術的應用，相當於另外成立一個獨立工作室的成本。

強調高互動的RIA應用，改變了設計端與開發端的合作模式。唐聖瀚指出：「過去流程多半是設計人員拿到架構圖後，將美術部分完成，再交到開發端後就甚少聯繫，除非有修改或要新加畫面等。」設計人員與開發人員彼此各自任務的區分，相當清楚。設計人員也只負責視覺畫面的部分，甚少參與其他開發過程，與開發人員的互動也很少。但RIA應用的開發過程完全不同。

開發與設計必須不斷溝通
唐聖瀚以打網球來比喻新的合作模式，他說：「設計人員與開發人員的互動是不斷交叉，兩邊都要互相配合，而且是一來一往，相互接續，就像是打網球，對方打過來，這邊要能夠打過去，才能繼續下去。」在整個開發過程中，設計與開發要不斷來回溝通。

設計與開發的配合過程中，唐聖瀚表示會遇到很多技術習慣與任務分工的調整。例如過去設計人員經常採用時間軸的概念，來設計動態效果，但採用時間軸的設計，反而會造成開發人員，很難將視覺元件包裝成程式可控制的物件，因此，設計人員只需完成視覺元件的設計，將變化的動態效果，告知開發人員，由開發人員透過程式控制，才能減少開發人員重做元件的時間。例如在寶來證券系統中呈現股票價值漲跌的圓柱體，設計人員做好一個圓柱體，至於漲跌的變化效果則由程式控制。開發人員透過物件程式，很容易可以將同一個視覺元件，複製到很多物件上，不需設計人員，重複製作。

開發人員需了解設計工具

晶睿科技副總經理馬秋生指出設計與開發的分工與合作，主要透過XAML語言與Blend設計工具來整合，他進一步說明：「例如設計人員先用Blend，調整出視覺元件的動態效果，Blend會自動產生這些效果的XAML程式碼，開發人員再將這些程式碼，放入VS 2005中，轉換成程式可控制的物件。」他表示雖然開發人員也可以用程式做出視覺元件，但美感與精細控制，不如設計人員使用工具製作來的有效率。他建議在整體設計完成後，最好設計人員製作出每一個部分的視覺元件，再由開發人員依據整體設計圖，使用程式重新組合。

以寶來證券的概念網站為例，馬秋生表示主要是在VS 2005中使用C#語言開發，因此與後端資料庫的連結，完全沒有問題。但當資料實際連結到視覺元件時，會因為實際數據的變化，使原本設計的效果發生例外或位置不一致的效果，因此，經常需要將實際數據套用後的呈現結果，與設計人員溝通，重新由設計人員調整視覺元件的細節，他說：「這是造成彼此必須緊密配合的原因之一。」他建議開發人員除需熟悉XAML指令以外，最好熟悉一些視覺元件的控制參數，並且最好能夠實際使用過設計工具Blend，才能了解設計人員的處理方式，提高雙方溝通的效率。

熟Flash需適應不同操作概念
對設計人員而言，參與寶來證券概念網站設計的北士視覺設計的網頁設計人員宋在田表示：「多數設計人員，習慣Flash介面，但使用Blend時，需特別注意一些不同的操作概念。」他指出幾個最常不適應的操作概念，例如在Blend中最先看到的物件是位於圖層清單中的最下方，而Flash或Photoshop剛好相反。再者如Blend的時間軸，是採取實際時間的概念，Blend可以不斷細分出更短的時間，而不是像Flash先設定每秒多少影格，最小的一格時間長度是固定的。播放Blend做出來的WPF/Silverlight動態效果時，會比較順暢。

另外宋在田也指出WPF/Silverlight技術的一個優點是動態變化採用終點位置的概念。以華航精緻旅遊網站為例，使用者點選A地點，再點選B地點時，會跳出兩地間的旅遊行程說明，若使用者點完B地點，馬上點選C地點時，不需等B地點對應的行程執行完，就會直接跳到最後位置（終點）所對應的C地點行程。若使用Flash需撰寫很多判斷狀態的程式碼才能達到同樣的效果，而在WPF/Silverlight中，可以很簡單做到。

在MIX07 Taipei研討會中，除展示寶來證券的證券下單的概念網站外，其他展示的企業應用如中華航空的精緻旅遊，也運用WPF與Silverlight的高畫質影音技術，讓使用者可以直接感受旅遊行程的細節。昱泉國際則運用WPF開發清明上河圖的數位導覽實驗，可以提供使用者自由放大檢視各部分細節，同時整合多媒體解說。臺灣微軟表示目前不少證券業、服務業或線上購物服務的廠商，也開始評估RIA技術的應用。因此，微軟表示會加快提供相關的技術資源，除9月會出版3本中文Silverlight參考書，也將全省巡迴舉辦Silverlight技術研討會。文⊙王宏仁