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

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

繆曉燕楊雋穎摘要：教師在課程教育過程中恰當?shù)氖褂眯畔⒒侄慰梢源蟠蠹ぐl(fā)學(xué)生的學(xué)習(xí)興趣。本文開發(fā)了一個教育輔助軟件，讓學(xué)生完成藍印花布圖案和海寧皮影元素的設(shè)計，由此訓(xùn)練學(xué)生判斷、分析和評估等多方面的能力;同時，通過信息化技術(shù)實現(xiàn)和規(guī)范教學(xué)資源，有助于我們進行教學(xué)評價。Key：服飾基本樣式庫的管理;異步交互;結(jié)構(gòu)化數(shù)據(jù)庫：G712：A：1671-2064（2019）14-0034-021系統(tǒng)實現(xiàn)技術(shù)整個軟件以實時從服務(wù)器端獲取、處理與顯示圖片為主要核心功能在線設(shè)計的平臺。軟件的主要目的是提供網(wǎng)絡(luò)平臺，讓學(xué)生完成藍印花布圖案和海寧皮影元素的設(shè)計。系統(tǒng)主要采用如下幾項技術(shù)實現(xiàn)：1.1XAMLXAML即可擴展應(yīng)用程序標記語言，是微軟公司創(chuàng)建的一種可擴展，易定位的語音來構(gòu)建用戶界面，實現(xiàn)了與程序邏輯的分離。1.2MicrosoftSilverlightMicrosoftSilverlight可方便地集成到現(xiàn)有的WEB或客戶端應(yīng)用程序中，可跨平臺平臺運行中，帶給我們一致的內(nèi)容豐富、視覺效果絢麗的交互式體驗。1.3WebServiceWebService是一個可以遠程調(diào)用的類（組件），把本地的功能開放出去共他人調(diào)用。具體調(diào)用WebService的流程：第一步，通過添加WebService的引用，加入webservice服務(wù)。第二步，調(diào)用方法的參數(shù)值設(shè)置。第三步，生成調(diào)用WebService方法的SOAP請求信息。第四步，創(chuàng)建操作類對象。通過類的構(gòu)造方法可以指定WebService的WSDL文檔的URL，如：WSws=newWS（“http：///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是一樣的，負責頁面展現(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)框架。在ServiceLayer，采用了DomainService來處理Client與Service間的通信，Domainservice也是一種WCF通信方式，只不過是對它進行了封裝，使我們不用去關(guān)心具體的通信問題;DomainModel采用了AEntityData來處理數(shù)據(jù)連接。這里分為Client與Server兩部分：Client主要是負責頁面展現(xiàn)及相應(yīng)的頁面模型;Server則負責業(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：EntityModel，實體模型，我們可以添加一個AEntityDataModel來實現(xiàn)與數(shù)據(jù)庫的通信;Mvvm.Server.DataService：DataService，數(shù)據(jù)服務(wù)，通過它進行相對應(yīng)的數(shù)據(jù)操作;Mvvm.Server.RiaService：RiaService，業(yè)務(wù)服務(wù)，通過它調(diào)用DataService的數(shù)據(jù)服務(wù)來操作EntityModel，并且實現(xiàn)與Client端ViewModel的通信;我們可以添加一個DomainService來實現(xiàn)。同時，還有一個DtoModels文件夾，這里放置的是與View屬性相對應(yīng)的模型。RiaService通過DataService來操作Entitymodel，此時返回的是與數(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)頁拖拽功能;圖片元素無極放大縮小功能;圖片全角度旋轉(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主要包括鼠標俘獲狀態(tài)字段isMousecaptured;屏幕截屏矩形區(qū)域?qū)傩宰侄蝘tem;鼠標水平方向字段mouseHorizontalPosition和鼠標垂直方向字段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è)置圖片的左上角坐標點的X，Y值。在值發(fā)生修改后，圖片自動改變位置。同時，通過在設(shè)計區(qū)域的拖拽方法，可以改變X，Y文本框的值;通過手工錄入的方式設(shè)置圖片的旋轉(zhuǎn)的角度值。在值發(fā)生修改后，圖片自動改變顯示角度。同時，通過鼠標滾動軸的上下滾動可以改變角度文本框的值;系統(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ā)展方