photoshop教学网站的设计与开发.docx

1、photoshop教学网站的设计与开发本科毕业设计自然科学 题 目： “photoshop教学的设计与开发 院系、部： 数学与信息科技学院 资料目录1.学术声明1 1页2.某某科技师X学院本科毕业设计 128页3.某某科技师X学院本科毕业设计任务书12页4.某某科技师X学院本科毕业设计开题报告13页5.某某科技师X学院本科毕业设计中期检查表1 1页6.某某科技师X学院本科毕业设计辩论记录表11页7.某某科技师X学院本科毕业设计成绩评定汇总表12页8.某某科技师X学院本科毕业设计工作总结12页9.某某科技师X学院本科毕业设计文献综述1 5页10.某某科技师X学院本科毕业设计外文翻译与原文17页某

2、某科技师X学院本科毕业设计“Photoshop教学的设计与开发 院系、部名 称 ： 数学与信息科技学院 专 业 名 称： 网络工程 学 生 姓 名： X一一 学 生 学 号： 0913080104 指 导 教 师： 可颂坊 2012年 5月 20日某某科技师X学院教务处制学 术 声 明本人呈交的学位论文，是在导师的指导下，独立的查阅资料研究设计的成果，所有数据、图片资料真实可靠。尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。对本论文所涉与的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。本学位论文的知识产权归属于某某科技师X学院。本人签名：

3、 日期：指导教师签名： 日期：摘 要本课题结合photoshop课程的特点以与网络教学的优点，开发出适用于学生系统地学习photoshop这门理论性较强的课程的系统。本系统采用ASP.NET动态网页设计技术，使用Access 2007作为数据库，设计与实现基于web的“photoshop教学，可以改变以往教师占主动地位，同学们只能趋于被动的传统教学模式，学生和教师可以快速地相互双向交流信息。本课题的特色在于利用理论教学、案例教学、实践教学、资料库、教学互动、试题库、公告等模块系统地培养学生。通过该教学，巩固学生的理论知识、提高学生的项目实践能力和案例分析能力。改变以往教师占主动地位，同学们只能

4、趋于被动的传统教学模式，使学生从枯燥的理论教学中解放出来，实现学生与学生之间，教师与学生之间的互动交流。关键词： photoshop教学；设计；开发AbstractThis topic bined with the photoshop characteristics of the course and the advantages of online teaching, developed for students to learn photoshop is a strong theoretical courses system. The system uses ASP.NET Dynamic

5、 web design technology, using Access 2007 as database design and implementation of web-based Photoshop teaching website, you can change the past, teachers accounted for the driving position, students can only tend to be passive, traditional teaching mode, students and teachers can quickly mutual two

6、-way exchange of information. The characteristics of this project is to use the theory of teaching, case teaching, practice teaching, databases, teaching and interactive test bank, announcements module system to students. Through the teaching sites, and consolidate the students theoretical knowledge

7、, to improve the practical ability and case studies of students projects. Change the past the teachers accounted for the initiative, students can only tend to be passive, traditional teaching mode, freeing students from the boring theoretical teaching, students and students between the interaction b

8、etween teachers and students.Keywords: 1 绪论1.1 国内外开展现况 国外开展概况国外网络教育的开展已经有过相当长的一段时间，相对于我国的网络来说，国外网络教育应用广泛，效果显著。在美国，越来越多的人选择半工半读或在职学习的方式，他们中的许多人工作不定时，经常外出。而网络教学突破了时间、地点的限制，满足了这些人的学习要求1。现有三百五十多所大学和学院提供函授和因特网教育的远程学习学位，根本覆盖了美国高校的所有专业和学科。目前美国通过网络教学获得高等教育学位的学生大约占全国高等学校在校生人数的8% 2。而据有关机构统计到2002 年美国承受网络高等教育的人

9、数将达到223 万人。 国内的现状和开展趋势我国国内的网络教学，相对于国外的网络教学来说，开展起点晚，经验也不足。但是我国政府十分重视网络教育。国务院转发教育部制订的“面向21 世纪教育振兴行动计划中，明确提出了实施现代远程教育工程，并在第三次全国教育工作会议上，提出在2010 年初步实现高等教育大众化的目标，建立现代远程教育网络，构建终身教育体系。为此，国家对教育信息根底设施投入很大的人力物力，建成中国教育科研网(CER-NET) ，并开展地区性区域教育信息网络建设和校园网络建设3。随着清华大学等38 所试点大学网络教育的快速开展，远程教育也逐步成为一个倍受人们关注的领域。目前我国各试点学校

10、初步摸索出一套网上办学的模式，开发出一批网上课程和教学资源，初步形成了校内基于校园网的多媒体教学与校外远程教学同时进展并相互融合的开放式办学格局。在高等教育方面，国家教育部于1998年正式批准了清华、北邮、浙大、湖大为首批开发远程教学的试点学校；1999年初，国务院发布面向二十一世纪振兴行动计划，其中明确提出：实施“现代远程教育工程，形成开放式教育网络，构建终身学习体系；2000年，国家教育部连续批准了人民大学等26所高校开展现代远程教育试点。这一系列举措，明确国家对INTERNET远程教育事业的重视，INTERNET远程教育的开展必将成为未来教育的焦点。随着网络教学的开展，国家现在特别重视网

11、络教学的建设问题4。虽然我国现在大力的支持网络教学的建设，但是客观的说我国的网络教学建设还是处于起始阶段，还缺乏一些理论指导，以与统一的调配问题，形成现在的全而不精的局面。我国的网络教学建设与国外相比还是有很大差距的5。研究意义Photoshop是迄今为止世界上最畅销的图象编辑软件。它已成为许多涉与图像处理的行业的标准。界面设计是一个新兴的领域，已经受到越来越多的软件企业与开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业6。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是Photoshop。但是在实际教学过程中，这门课程的教学效果往往不是

12、很理想，教师觉得这门课程教起来比拟困难，大局部学生感觉枯燥无味，所学知识没什么实际用处，很难达到较好的教学效果或获得较强的实践能力7。随着万维网的不断提速与扩容，为基于Web开展网上教学和远程教育提供了物理根底。如何有效地设计、开发和利用网络资源构建photoshop教学，可以提高学生的学习兴趣、扩大知识面、辅助课堂教学以与提高自身的实践能力和应用能力，成为一个令人关注的话题8。2 开发技术与环境简介ASP.NET的前身ASP技术，是在IIS 2.0上首次推出()，当时与 ADO 1.0 一起推出，在IIS 3.0 (WindowsNT 4.0)发扬光大，成为服务器端应用程序的热门开发工具，微

13、软还特别为它量身打造了Visual InterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一，数以万计的ASP也是这个时候开始如雨后春笋般的出现在网络上。它的简单以与高度可定制化的能力，也是它能迅速崛起的原因之一9。1强大性和适应性因为是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发者的几乎全部的平台上笔者到现在为止只知道它只能用在Windows 2000/2003 Server，VISTA/WIN7/XP上。通用语言的根本库，消息机制，数据接口的处理都能无缝的整合到的Web应用中。

14、t同时也是language-independent语言独立化的，所以，你可以选择一种最适合你的语言来编写你的程序，或者把你的程序用很多种语言来写，现在已经支持的有C#C+和Java的结合体，VB，Jscript , C+、F+。2简单性和易学性使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和配置变得非常简单。例如ASP.net页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面10。3自定义性和可扩展性用户可以使用自己编写的自定义组件或扩展替换运行库的任何子组件。基于通用语言，开发者可以使用任何.NET支持的语言比如，等来开发.NET的程序11。4多种性能优良

15、的功能与其前身ASP最大的区别在于其不再是解释性的脚本了，而是运行于服务器端经过编译的代码，这使早期绑定、本地优化、缓存服务等技术成为可能，无疑这将大大的提高程序的执行效率。5高效可管理性程序的所有配置都存储于基于XML的文件中。这将大大的简化对服务器环境和网络程序的配置过程12。ASP.NET框架应用程序的部署时只需将必要的文件复制到服务器，即可将框架应用程序部署到服务器。简介Visual Basic,并对其进展的彻底的变革，对底层进展了重建，使其成为了面向对象的程序设计语言。VB.NET简单易学，同时因为得到了.NET框架的支持，功能更加强大13。Access数据库Access能够存取 A

16、ccess/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容数据库内的资料。Microsoft Access在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统14。它也常被用来开发简单的WEB应用程序。这些应用程序都利用ASP技术在InternetInformation Services运行。其主要特点如下：1界面友好、易操作Access是一个可视化工具，其风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进展拖放即可，非常直观方便15。系统还提供了表生成器、查询生成器、报表设计器以与

17、数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握16。2面向对象Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作17。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。3集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了

18、各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进展18。4Access支持ODBC开发数据库互连，Open Data Base Connectivity利用Access强大的DDE动态数据交换和OLE对象的联接和嵌入特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用19 20。 3 需求分析3.1 系统的性能

19、要求1运行环境要求运行环境需要一台服务器，安装windows2000以上操作系统，支持Access数据库。客户端只需要安装Windows98以上的版本与浏览器即可浏览该。2安全性要求本系统有着权限设置，对于非法用户，不能够根据用户的相对网址来访问和对进展任何操作。必须进展登陆才可以访问操作。3.2 系统的功能需求分析 功能划分与描述“photoshop教学分为五大功能模块：教学天地、资料殿堂、互动时间、课程作业、后台管理， 根据系统的功能划分，每个模块的需求描述如下：1教学教学模块分为：理论教学、案例教学、实践教学。2资料该功能模块主要分为课件、例题、相关和业界动态四个子功能模块。3互动该功能

20、模块主要包括留言板和公告两个功能模块。4课业该功能模块主要包括优秀作品、作业信息和作业提交三个功能模块。5后台管理该模块用于管理员管理，管理通过主页进入管理界面，通过登录认证后可以对进展管理。 数据流图以下是系统一级数据流图和二级数据流图，如图1、图2所示。图1 系统一级数据流图图2系统二级数据流图4 系统的概要设计 系统的总体设计结构本系统利用ASP.net技术和Access 2007数据库构建基于Web的开放的、资源共享的、交互式的教学，该可以在基于Windows 2000/XP/2003系统构建的局域网或Internet上使用。本系统面向学生、管理员两种身份的用户，不过在系统中，把管理员

21、的权限，下放给教师，所以教师同时担任了管理员的角色。整个系统的功能框架图如如下图3所示。图3 总体功能结构图4.2 系统数据库概念结构设计通过以上的分析可以知道，系统主要涉与的实体有：学生、教师、留言、公告等，实体之间联系复杂，现分析如下：1留言管理涉与的实体有：学生、教师、留言内容。学生属性有编号、用户名、密码、e_mail。教师属性有编号、用户名、密码、e_mail。留言内容属性有编号、留言者、留言内容、留言时间。这些实体之间的联系如下：学生主要通过留言提问，教师主要是回答留言。实体联系图如图4所示。图4 留言板E-R图2公告信息管理涉与的实体有：学生、教师、教学信息。学生属性有编号、用户

22、名、密码、e_mail。教师属性有编号、用户名、密码、e_mail。教学信息属性有编号、标题、内容。这些实体之间的联系如下：一位教师可以更新多条公告信息，一条公告信息只能由一名教师来进展更新，因此教师和公告信息之间是一对多的联系。一位学生可以浏览多条公告信息，一条公告信息可以让多个学生浏览，因此学生与公告信息之间是多对多的联系。实体联系图如图5所示。图5 公告信息管理E-R图3业界动态信息管理涉与的实体有：学生、教师、动态内容。学生属性有编号、用户名、密码、e_mail。教师属性有编号、用户名、密码、e_mail。业界动态信息属性有编号、标题、内容。这些实体之间的联系如下：教师更新动态，学生浏

23、览动态。实体联系图如图6所示。图6 业界动态信息管理E-R图5 详细设计与系统实现5.1 数据库表详细说明表1 学生信息/管理员信息表字段名描述类型长度是否空是否主键ID用户ID号Bigint4否是UserName用户名Varchar10否否Pwem密码VarcharVarchar2020否否否否表2 案例教学/理论教学资料表字段名描述类型长度是否空是否主键ID资料ID号Bigint4否是tm资料名称Varchar10否否nr资料内容备注否否表3 留言信息表字段名描述类型长度是否空是否主键ID信息ID号Bigint4否是author用户名Varchar10否否Liuyan留言内容Varchar

24、255否否posttime留言时间datetime否否表4 业界动态表字段名描述类型长度是否空是否主键ID动态ID号Bigint4否是tm动态名称Varchar10否否nr动态内容备注否否表5 公告表字段名描述类型长度是否空是否主键ID公告ID号Bigint4否是tm公告名称Varchar10否否nr公告内容备注否否5.2 系统功能模块的详细设计与实现 首页的设计与实现首页包括了教学、资料、互动、课业、后台管理五个大板块，点击各个相应的超，就会进入相应的功能页面。首页的页面效果，如图7所示。图7 首页的页面实现效果 教学模块的设计与实现点击首页中的“教学超，即可进入教学模块。教学模块主要分为理

25、论教学模块、案例教学模块、实践教学模块三个子功能模块。这三个子模块分别向学生提供理论知识、教学案例和课上教学视频。教学模块页面实现效果如图8所示。图8 教学模块的页面实现效果该模块包揽了三个教学模块的内容，上面两个模块是理论教学和案例教学的一局部模块，中间嵌入的是实践教学中的视频文件，按播放按钮可以播放，最底下是一些优秀的PS图片，其中视频文件的主要实现代码是：1理论教学模块如图9所示。图9 理论教学模块该模块记录了photoshop理论知识，点击可进入相关知识内容页面，其实现主要代码如下：Sub Page_Load(Sender As Object, E As EventArgs)建立Con

26、nection对象Dim conn As NewOleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&Server.Mappath(./ps.mdb) 建立Connection对象Dim adp As New OleDbDataAdapter(select * from aljx, conn)建立DataAdapter对象Dim ds As New DataSet() 建立DataSet对象adp.Fill(ds, tm) 填充DataSet对象MyDataGrid.DataSource=DS.Tables(tm).Defau

27、ltView 指定数据源MyDataGrid.DataBind() 执行绑定conn.close()End Sub2案例教学如图10所示。图10 案例教学模块该模块实现方法同理论教学，当点击该界面可以打开案例界面，案例界面包括Photoshop案例的具体实现步骤，由于该界面实现主要代码同理论教学界面在此不作赘述。3实践教学模块主要是Photoshop教学视频，其中在教学模块已有表现，再次不做赘述。 资料模块的设计与实现资料模块意在拓展学生的知识，开阔学生的视野。资料模块主要有课件、例题、相关、业界动态四个子功能模块。其中点击课件可进入课件界面，在该界面可以对课件进展下载；点击例题可以进入例题界

28、面，在该界面可以对例题进展下载；点击相关，可以进入相关界面，在该界面主要是一些其他Photoshop教学的网址，点击可以浏览其他Photoshop教学；点击业界动态可以进入业界动态界面，在该界面主要是和Photoshop有关的新闻动态。资料模块页面实现效果如图11所示。图11 资料模块资料模块设计思路同教学模块，从主页点击“资料后进入后资料模块，点击该模块导航的课件、例题、相关、业界动态四个可以分别进入对应的四个子功能模块。其中课件子模块主要提供教师教课课件的下载，例题子模块主要提供，课本以与教师上课讲解的例题的下载，相关主要是一些其他Photoshop教学的，供学生参考学习，业界动态主要是给学生提供和Photoshop有关的新闻动态，拓展学生知识面。1课件模块如图12所示。图12