服裝設(shè)計專業(yè)課程的信息化建設(shè)與改革

繆曉燕 楊雋穎

摘 要：教師在課程教育過程中恰當(dāng)?shù)氖褂眯畔⒒侄慰梢源蟠蠹ぐl(fā)學(xué)生的學(xué)習(xí)興趣。本文開發(fā)了一個教育輔助軟件，讓學(xué)生完成藍印花布圖案和海寧皮影元素的設(shè)計，由此訓(xùn)練學(xué)生判斷、分析和評估等多方面的能力;同時，通過信息化技術(shù)實現(xiàn)和規(guī)范教學(xué)資源，有助于我們進行教學(xué)評價。

關(guān)鍵詞：服飾基本樣式庫的管理;異步交互;結(jié)構(gòu)化數(shù)據(jù)庫

中圖分類號：G712 文獻標(biāo)識碼：A 文章編號：1671-2064（2019）14-0034-02

1 系統(tǒng)實現(xiàn)技術(shù)

整個軟件以實時從服務(wù)器端獲取、處理與顯示圖片為主要核心功能在線設(shè)計的平臺。軟件的主要目的是提供網(wǎng)絡(luò)平臺，讓學(xué)生完成藍印花布圖案和海寧皮影元素的設(shè)計。系統(tǒng)主要采用如下幾項技術(shù)實現(xiàn)：

1.1 XAML

XAML即可擴展應(yīng)用程序標(biāo)記語言，是微軟公司創(chuàng)建的一種可擴展，易定位的語音來構(gòu)建用戶界面，實現(xiàn)了與程序邏輯的分離。

1.2 Microsoft Silverlight

Microsoft Silverlight可方便地集成到現(xiàn)有的WEB或客戶端應(yīng)用程序中，可跨平臺平臺運行中，帶給我們一致的內(nèi)容豐富、視覺效果絢麗的交互式體驗。

1.3 WebService

WebService是一個可以遠(yuǎn)程調(diào)用的類（組件），把本地的功能開放出去共他人調(diào)用。

具體調(diào)用WebService的流程：

第一步，通過添加WebService的引用，加入web service服務(wù)。

第二步，調(diào)用方法的參數(shù)值設(shè)置。

第三步，生成調(diào)用WebService方法的SOAP請求信息。

第四步，創(chuàng)建操作類對象。

通過類的構(gòu)造方法可以指定WebService的WSDL文檔的URL，如：

WSws=new WS （“http：//192.168.1.1/imageDesign/ImageWS.asmx”）;。

第五步，調(diào)用WebService方法。使用異步數(shù)據(jù)訪問方法調(diào)用WebService方法，如：ws.LoginAsync（Name， Pwd）;。

第六步，獲取返回值。使用EventHandler方法獲得WebService方法的返回結(jié)果。

2 系統(tǒng)框架結(jié)構(gòu)

系統(tǒng)采用MVVM框架結(jié)構(gòu)，即Model-View-ViewModel。這種模式跟MVP模式相似，只是對它進行了相應(yīng)改進。View這里跟MVP中的View是一樣的，負(fù)責(zé)頁面展現(xiàn);ViewModel是對應(yīng)于View的頁面模型，包含與View想對應(yīng)的屬性與行為;Model可以分為業(yè)務(wù)模型與實體模型。通過這種方式，我們可以實現(xiàn)頁面與邏輯的分析，只有我們的ViewModel不變，那么View既可以用WPF，也可以用SilverLight等來展現(xiàn)。

隨著SilverLight技術(shù)與WCF的不斷完善，也使我們可以更靈活的搭建相應(yīng)框架。在Service Layer，采用了Domain Service來處理Client與Service間的通信，Domain service也是一種WCF通信方式，只不過是對它進行了封裝，使我們不用去關(guān)心具體的通信問題;Domain Model采用了Ado.net Entity Data來處理數(shù)據(jù)連接。

這里分為Client與Server兩部分：Client主要是負(fù)責(zé)頁面展現(xiàn)及相應(yīng)的頁面模型;Server則負(fù)責(zé)業(yè)務(wù)邏輯處理。

（1）Client。Mvvm.Client：View，這里是我們要實現(xiàn)的UI展現(xiàn)，可以用SilverLight、WPF等;

Mvvm.Client.ViewModel：ViewModel，包含與View相對應(yīng)的屬性與行為;

（2）Server。Mvvm.Server.Data：Entity Model，實體模型，我們可以添加一個Ado.net Entity Data Model來實現(xiàn)與數(shù)據(jù)庫的通信;

Mvvm.Server.DataService：Data Service，數(shù)據(jù)服務(wù)，通過它進行相對應(yīng)的數(shù)據(jù)操作;

Mvvm.Server.RiaService：Ria Service，業(yè)務(wù)服務(wù)，通過它調(diào)用DataService的數(shù)據(jù)服務(wù)來操作Entity Model，并且實現(xiàn)與Client端ViewModel的通信;我們可以添加一個Domain Service來實現(xiàn)。同時，還有一個DtoModels文件夾，這里放置的是與View屬性相對應(yīng)的模型。Ria Service通過Data Service來操作Entity model，此時返回的是與數(shù)據(jù)庫相對應(yīng)的實體模型，所以需要轉(zhuǎn)換為與View相對應(yīng)的模型，我們將這些類放在DtoModels文件夾下，相互間的轉(zhuǎn)換可以采用AutoMapper或Linq來實現(xiàn)。

Mvvm.Server.Web： web應(yīng)用程序。

3 功能說明

3.1 功能結(jié)構(gòu)

主要功能包括圖片庫管理、圖片處理、多圖片處理和設(shè)計結(jié)果處理四個模塊。

3.2 功能簡述

（1）圖片庫管理模塊：主要完成圖片的管理，包括添加和修改。主要以文件的是形式存儲在服務(wù)器端。采用一步動態(tài)加添的方式，完成相關(guān)操作;

（2）圖片處理模塊：主要包括：圖片元素的網(wǎng)頁拖拽功能;圖片元素?zé)o極放大縮小功能;圖片全角度旋轉(zhuǎn)功能;

（3）多圖片處理模塊：主要完成多圖片的拼接功能;

（4）設(shè)計結(jié)果處理模塊：主要完成圖片的設(shè)計結(jié)果的網(wǎng)頁截圖功能。

4 系統(tǒng)實現(xiàn)說明

如圖1所示，系統(tǒng)實現(xiàn)的解決方案主要包括兩個項目，ImageSet設(shè)計項目和ImageSet.Web項目。ImageSet項目主要完成項目的核心功能的實現(xiàn)。ImageSet.Web項目，主要完成圖片的庫的管理與維護和網(wǎng)路服務(wù)的支撐平臺。

項目主要通過按鈕控件的Click事件，完成基本的操作;通過MouseDown，MouseUp，MouseMove事件完成圖片的旋轉(zhuǎn)操作;通過MouseWheel事件完成圖片的放大和縮小;通過TextChanged事件完成圖片大小的手動調(diào)整。

系統(tǒng)實現(xiàn)的核心類MainPage主要包括鼠標(biāo)俘獲狀態(tài)字段isMousecaptured;屏幕截屏矩形區(qū)域?qū)傩宰侄蝘tem;鼠標(biāo)水平方向字段mouseHorizontalPosition和鼠標(biāo)垂直方向字段mouseVerticalPosition;旋轉(zhuǎn)角度字段rtAngel。

如圖2所示，為系統(tǒng)實現(xiàn)后的Web頁面設(shè)計區(qū)域截圖。該區(qū)域主要完成圖片的拖拽、放大、縮小、旋轉(zhuǎn)等設(shè)計的操作區(qū)域。此外，截屏保存功能也在該區(qū)域完成。該區(qū)域為白色背景區(qū)域。

通過手工錄入的方式或者右側(cè)滑動條的方式可以設(shè)置圖片的寬度;

通過手工錄入的方式或者右側(cè)滑動條的方式可以設(shè)置圖片的高度;通過手工錄入的方式設(shè)置圖片的左上角坐標(biāo)點的X，Y值。在值發(fā)生修改后，圖片自動改變位置。同時，通過在設(shè)計區(qū)域的拖拽方法，可以改變X，Y文本框的值;

通過手工錄入的方式設(shè)置圖片的旋轉(zhuǎn)的角度值。在值發(fā)生修改后，圖片自動改變顯示角度。同時，通過鼠標(biāo)滾動軸的上下滾動可以改變角度文本框的值;系統(tǒng)實現(xiàn)后的Web頁面素材庫操作區(qū)主要完成圖片素材庫的添加和刪除操作。點擊添加素材，可以完成圖片庫的添加，且保存到服務(wù)器中;在設(shè)計區(qū)域點擊某圖片后，點擊素材刪除，可以完成設(shè)計區(qū)域圖片的刪除;點擊保存圖片，完成出現(xiàn)一矩形選擇區(qū)域，進而完成圖片的截圖保存。

5 項目的意義

通過信息化技術(shù)實現(xiàn)和規(guī)范教學(xué)資源，有助于我們進行教學(xué)評價。我們要避免信息技術(shù)與課程脫節(jié)，只有將信息技術(shù)和課程融為一體，信息化才能發(fā)揮良好的作用。同時，優(yōu)化配置信息資源并對信息化建設(shè)的質(zhì)量和發(fā)展?jié)摿M行全面評價才能很好地引導(dǎo)課程信息化建設(shè)的發(fā)展方向。