服装设计专业课程的信息化建设与改革

服装设计专业课程的信息化建设与改革

缪晓燕杨隽颖摘要：教师在课程教育过程中恰当的使用信息化手段可以大大激发学生的学习兴趣。本文开发了一个教育辅助软件，让学生完成蓝印花布图案和海宁皮影元素的设计，由此训练学生判断、分析和评估等多方面的能力;同时，通过信息化技术实现和规范教学资源，有助于我们进行教学评价。Key：服饰基本样式库的管理;异步交互;结构化数据库：G712：A：1671-2064（2019）14-0034-021系统实现技术整个软件以实时从服务器端获取、处理与显示图片为主要核心功能在线设计的平台。软件的主要目的是提供网络平台，让学生完成蓝印花布图案和海宁皮影元素的设计。系统主要采用如下几项技术实现：1.1XAMLXAML即可扩展应用程序标记语言，是微软公司创建的一种可扩展，易定位的语音来构建用户界面，实现了与程序逻辑的分离。1.2MicrosoftSilverlightMicrosoftSilverlight可方便地集成到现有的WEB或客户端应用程序中，可跨平台平台运行中，带给我们一致的内容丰富、视觉效果绚丽的交互式体验。1.3WebServiceWebService是一个可以远程调用的类（组件），把本地的功能开放出去共他人调用。具体调用WebService的流程：第一步，通过添加WebService的引用，加入webservice服务。第二步，调用方法的参数值设置。第三步，生成调用WebService方法的SOAP请求信息。第四步，创建操作类对象。通过类的构造方法可以指定WebService的WSDL文档的URL，如：WSws=newWS（“http：///imageDesign/ImageWS.asmx”）;。第五步，调用WebService方法。使用异步数据访问方法调用WebService方法，如：ws.LoginAsync（Name，Pwd）;。第六步，获取返回值。使用EventHandler方法获得WebService方法的返回结果。2系统框架结构系统采用MVVM框架结构，即Model-View-ViewModel。这种模式跟MVP模式相似，只是对它进行了相应改进。View这里跟MVP中的View是一样的，负责页面展现;ViewModel是对应于View的页面模型，包含与View想对应的属性与行为;Model可以分为业务模型与实体模型。通过这种方式，我们可以实现页面与逻辑的分析，只有我们的ViewModel不变，那么View既可以用WPF，也可以用SilverLight等来展现。随着SilverLight技术与WCF的不断完善，也使我们可以更灵活的搭建相应框架。在ServiceLayer，采用了DomainService来处理Client与Service间的通信，Domainservice也是一种WCF通信方式，只不过是对它进行了封装，使我们不用去关心具体的通信问题;DomainModel采用了AEntityData来处理数据连接。这里分为Client与Server两部分：Client主要是负责页面展现及相应的页面模型;Server则负责业务逻辑处理。（1）Client。Mvvm.Client：View，这里是我们要实现的UI展现，可以用SilverLight、WPF等;Mvvm.Client.ViewModel：ViewModel，包含與View相对应的属性与行为;（2）Server。Mvvm.Server.Data：EntityModel，实体模型，我们可以添加一个AEntityDataModel来实现与数据库的通信;Mvvm.Server.DataService：DataService，数据服务，通过它进行相对应的数据操作;Mvvm.Server.RiaService：RiaService，业务服务，通过它调用DataService的数据服务来操作EntityModel，并且实现与Client端ViewModel的通信;我们可以添加一个DomainService来实现。同时，还有一个DtoModels文件夹，这里放置的是与View属性相对应的模型。RiaService通过DataService来操作Entitymodel，此时返回的是与数据库相对应的实体模型，所以需要转换为与View相对应的模型，我们将这些类放在DtoModels文件夹下，相互间的转换可以采用AutoMapper或Linq来实现。Mvvm.Server.Web：web应用程序。3功能说明3.1功能结构主要功能包括图片库管理、图片处理、多图片处理和设计结果处理四个模块。3.2功能简述（1）图片库管理模块：主要完成图片的管理，包括添加和修改。主要以文件的是形式存储在服务器端。采用一步动态加添的方式，完成相关操作;（2）图片处理模块：主要包括：图片元素的网页拖拽功能;图片元素无极放大缩小功能;图片全角度旋转功能;（3）多图片处理模块：主要完成多图片的拼接功能;（4）设计结果处理模块：主要完成图片的设计结果的网页截图功能。4系统实现说明如图1所示，系统实现的解决方案主要包括两个项目，ImageSet设计项目和ImageSet.Web项目。ImageSet项目主要完成项目的核心功能的实现。ImageSet.Web项目，主要完成图片的库的管理与维护和网路服务的支撑平台。项目主要通过按钮控件的Click事件，完成基本的操作;通过MouseDown，MouseUp，MouseMove事件完成图片的旋转操作;通过MouseWheel事件完成图片的放大和缩小;通过TextChanged事件完成图片大小的手动调整。系统实现的核心类MainPage主要包括鼠标俘获状态字段isMousecaptured;屏幕截屏矩形区域属性字段item;鼠标水平方向字段mouseHorizontalPosition和鼠标垂直方向字段mouseVerticalPosition;旋转角度字段rtAngel。如图2所示，为系统实现后的Web页面设计区域截图。该区域主要完成图片的拖拽、放大、缩小、旋转等设计的操作区域。此外，截屏保存功能也在该区域完成。该区域为白色背景区域。通过手工录入的方式或者右侧滑动条的方式可以设置图片的宽度;通过手工录入的方式或者右侧滑动条的方式可以设置图片的高度;通过手工录入的方式设置图片的左上角坐标点的X，Y值。在值发生修改后，图片自动改变位置。同时，通过在设计区域的拖拽方法，可以改变X，Y文本框的值;通过手工录入的方式设置图片的旋转的角度值。在值发生修改后，图片自动改变显示角度。同时，通过鼠标滚动轴的上下滚动可以改变角度文本框的值;系统实现后的Web页面素材库操作区主要完成图片素材库的添加和删除操作。点击添加素材，可以完成图片库的添加，且保存到服务器中;在设计区域点击某图片后，点击素材删除，可以完成设计区域图片的删除;点击保存图片，完成出现一矩形选择区域，进而完成图片的截图保存。5项目的意义通过信息化技术实现和规范教学资源，有助于我们进行教学评价。我们要避免信息技术与课程脱节，只有将信息技术和课程融为一体，信息化才能发挥良好的作用。同时，优化配置信息资源并对信息化建设的质量和发展潜力进行全面评价才能很好地引导课程信息化建设的发展方