做好RIA開發的3大重要觀念

傳統大雜燴的網頁開發方式，讓程式開發人員在維護上吃足苦頭，RIA的開發，分為美術設計與程式開發兩部分，所以有很大的機會是由兩種不同角色分工合作。

這樣的特性正巧強迫RIA的開發方式，是分層、分工且元件化地完成。雖然工作的分配與合作上，需要磨合出新的模式，但架構上明確切割，讓企業在未來維護與改版時，有明顯的好處。

「分層」與「分工」尤其是發揮RIA價值的關鍵

能否套用成熟的開發方式是一個平臺的重點。聯銓資訊總經理林健勝在評估Silverlight 1.0時一度認為：「它無法元件化封裝，將使開發的成果無法再利用，所以暫不投入。」至Silverlight推出第2版，才大舉投入相關技術。

林健勝認為RIA的關鍵作法，必須「分層」與「分工」與「元件化」。

觀念1：分層

林健勝解釋分層的意義在於：「RIA最少可以分成3層，一個是Theme，再來是前端所有的程式，接著是伺服器端程式。」

Theme（佈景主題風格）包括配色、風格、按鈕的樣式及版面配置，也就是Silverlight的XAML，或者Flash/Flex的MXML中描述的內容。

而前端程式可能是互動功能、運算邏輯，或者使用者按下一個按鈕，呼叫伺服器的某個程式，這在Silverlight是以.NET程式開發；而Flash/Flex使用的則是ActionScript。而伺服器端程式，可能處理的是關於資料庫存取的工作。

觀念2：元件化

精誠資訊多媒體產品處知識產品部產品經理宋志峰表示：「很多企業送員工來上課的原因，是架構越寫越大之後，遭遇做不下去的瓶頸。追根究柢，問題出沒有元件化。」

事實上，切成3層是最基本的分工。前端Theme的部分，可以將負責版面配置的CSS再拆解出來，而Flash或Silverlight中用到的圖，例如背景或按鈕圖示，也可以分割、獨立成為個別的檔案或元件。

分層、分工的好處，是未來需要置換風格或樣式時，設計人員不需要更動XAML/MXML檔，然後重新編譯RIA程式，只要抽換CSS、圖檔及動畫，即可改變呈現效果。而將程式的部分元件化，受益的是開發團隊，在不影響其他程式的情況下，可調整小部分機制，或者達到再利用的目的。

觀念3：分工

所謂的分工是指3層中，每一層的開發都可以分工，由專人將常用的單元，設計成可再利用的主題、元件或類別，這樣整個開發過程便可以事半功倍，而且比較容易維護。

開發者撰寫互動程式，美術設計師負責版面設計

分工作業的延伸議題，是切割工作的方法。宋志峰說得明白：「我不認為美術設計師寫互動程式會有什麼好下場，因為這牽扯到元件化的能力。」。美術設計師的專業在版面設計、繪圖和動畫，把程式的部分交給開發者處理，才能做到物件導向，以利程式再利用性。這方面，米蘭數位設計就有獨立的「互動技術部」，負責前端ActionScript的開發。

企業不應該期待美術設計師會寫物件導向的程式，他們真正需要強化的能力並不是這項技術，宋志峰特別提到：「是CSS與Ajax。」因為如果CSS沒有和Ajax結合，只能設定外觀，作用就顯得薄弱。

設計與開發需要磨合出新的工作模式

至於開發的工作流程，目前前述幾家企業的經驗，是由美術設計師提供第一版的靜態設計圖（Layout），有可能只是雛型，經過幾次溝通與調整，拍板定案之後，美術設計與程式開發人員，才會開始元件的設計及程式的撰寫。

到了這個階段，理論上，雙方只要溝通好版面配置、互動設計和元件的命名方式，是可以分頭行事。然而習慣右腦思考的美術設計人員，與慣用左腦思考的程式設計人員，在RIA領域可能會發生溝通上的障礙。

在互動的過程中，其實主要的責任在程式設計師身上。新光證券資深系統設計／分析師趙偉如以開發Silverlight為例解釋：「程式開發人員在美術設計人員著手製作XAML前，要先分析並規畫版面元素的拆解方式，以及專案目錄的分類。」

即使RIA經驗豐富的米蘭數位設計，總經理賀德潤也表示：「RIA的設計，牽涉到X、Y、Z軸，再加上時間的變化、資料庫的動態存取，所以設計與開發人員的磨合，需要經驗的累積。」

 開發RIA應用的分工模式大剖析 

導入RIA，企業本身一定要精通設計嗎？

設計與開發人員的合作，不容易在短時間之內克服溝通障礙。新光證券與北士設計合作開發Silverlight 版「富貴角7 號」網路下單系統，有很深刻的體會，新光證券資深系統設計／分析師趙偉如解釋：「RIA對雙方而言都是全新的領域，彼此都在摸索與學習，難免出現做白工的情況。」

但宋志峰認為企業導入RIA ，這方面問題不大。「因為注重形象的R I A 對外網站，通常會委由設計公司處理；而對內的R I A 應用，美醜不是重點，實用性才重要。」就像傳統開發桌面應用程式一樣，RIA也可由程式開發人員包辦所有工作，而所謂「版面設計」其實就是控制項擺一擺而已。

如果希望進一步美化版面，事實上，開放源碼有很多元件可以免費使用。此外，聯銓資訊總經理林健勝透露：「待RIA 市場成熟，會有標準化的『Theme』可以買。」事實上國外已經出現這類的公司，企業可以用便宜的價格，購買多款不同風格的元件，搭配使用。

企業若對RIA 高互動、低維護成本，可以更少的硬體及頻寬資源服務等優點感到心動，卻擔心美術設計與程式開發人員的合作，可能帶來一連串災難。其實善用社群資源，可以找到很多免費又有設計感的元件，那麼，RIA也可以很簡單。

【相關報導請參考「宅經濟來臨，RIA網站應用趁勢起飛」專題】