photoshop教学网站的设计与开发毕业论文

目录摘要 I I1绪论 11.1国外发展现况 11.1.1国外发展概况 11.1.2国的现状和发展趋势 11.2研究意义 2 22.1ASP.NET简介 22.2VB.NET简介 3 3 4 4 4 4 5 6 6 7 9 9 5.2.1首页的设计与实现 5.2.5课业模块的设计与实现 5.3后台管理模块的详细设计 结论27 1绪论1.1国外发展现况1.1.1国外发展概况国外网络教育的发展已经有过相当长的一段时间，相对于我国的网络来说，国外网络教育应用广泛，效果显著。在美国，越来越多的人选择半工半读或在职学习的方式，他们中的许多人工作不定时，经常外出。而网络教学突破了时间、地点的限制，满足了这些人的学习要求[1]。现有三百五十多所大学和学院提供函授和因特网教育的远程学习学位，基本覆盖了美国高校的所有专业和学科。目前美国通过网络教学获得高等教育学受网络高等教育的人数将达到223万人。1.1.2国的现状和发展趋势我国政府十分重视网络教育。国务院转发教育部制订的“面向21世纪教育振兴行动计划”中，明确提出了实施现代远程教育工程，并在第三次全国教育工作会议上，提出在 2010年初步实现高等教育大众化的目标，建立现代远程教育网络，构建终身教育体系。并开展地区性区域教育信息网络建设和校园网络建设[3]。随着清华大学等38所试点大学网络教育的快速发展，远程教育也逐步成为一个倍受人们关注的领域。目前我国各试点学校初步摸索出一套网上办学的模式，开发出一批网上课程和教学资源，初步形成了校基于校园网的多媒体教学与校外远程教学同时进行并相互融合的开放式办学格局。在高等教育方面，国家教育部于1998年正式批准了清华、北邮、浙大、湖大为首批开发年，国家教育部连续批准了人民大学等26所高校开展现代远程教育试点。这一系列举措，表明国家对INTERNET远程教育事业的重视，INTERNET远程教育的发展必将成为未来教育的焦点。随着网络教学的发展，国家现在特别重视网络教学的建设问题[4]。虽然我国现在大力的支持网络教学的建设，但是客观的说我国的网络教学建设还是处于起始阶段，还缺乏一些理论指导，以及统一的调配问题，形成现在的全而不精的局面。我国的网络教学建设与国外相比还是有很大差距的[5]。1.2研究意义Photoshop是迄今为止世界上最畅销的图象编辑软件。它已成为许多涉及图像处理的行业的标准。界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业[6]。在当前还没有用于做界面设计的专业软件，Photoshop。但是在实际教学过程中，这这门课程教起来比较困难，大部分学生感觉枯燥无味，所学知识没什么实际用处，很难达到较好的教学效果或获得较强的实践能力[7]。础。如何有效地设计、开发和利用网络资源构建photoshop教学，可以提高学生的学习兴趣、扩大知识面、辅助课堂教学以及提高自身的实践能力和应用能力，成为一个令人关注的话题[8]。2.1ASP.NET简介年之间，ASP技术已经成为微软推展WindowsNT4.0平台的关键技术之ASP也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能因为ASP.net是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以在Windows2000/2003Server，VISTA/WIN7/XP上）。通用语言的基本库，消息机制，数据接口的处理都能无缝的整合到ASP.net的Web应用中。ASP.net同时也是写你的程序，或者把你的程序用很多种语言来写，现在已经支持的有C#（C++和Java），护您现在的基于COM+开发的程序，能够完整的移植向ASP.net。ASP.net使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和配置变得非常简单。例如置变得非常简单。例如ASP.net页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面[10]。用户可以使用自己编写的自定义组件或扩展替换ASP.NET运行库的任何子组件。ASP.NET基于通用语言，开发者可以使用任何.NET支持的语言（比如C#，V来开发.NET的程序[11]。ASP.NET与其前身ASP最大的区别在于其不再是解释性的脚本了，而是运行于服务器端经过编译的代码，这使早期绑定、本地优化、缓存服务等技术成为可能，无疑这将大大的提高ASP.NET程序的执行效率。ASP.NET程序的所有配置都存储于基于XML的文件中。这将大大的简化对服务器环境和网络程序的配置过程[12]。ASP.NET框架应用程序的部署时只需将必要的文件复制到服务器，即可将ASP.NET框架应用程序部署到服务器。2.2VB.NET简介VBVB.NET的前身是VisualBasic,并对其进行的彻底的变革，对底层进行了重建，使其成为了面向对象的程序设计语言。VB.NET简单易学，同时因为得到了.NET框架的支Access能够存取Access/Jet、MicrosoftSQLServer、Oracle，或者任何ODBC兼容数据库的资料。MicrosoftAccess在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统[14]。它也常被用来开发简单的WEB应用程序。这些应用程序都利用ASP技术在InternetInformationServices运行。其主要特点如下：只要使用鼠标进行拖放即可，非常直观方便[15]。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握[16]。能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作[17]。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行[18]。（4）Access支持ODBC（开发数据库互连，OpenDataBaseConnectivity）利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用[19][20]。运行环境需要一台服务器，安装windows2000以上操作系统，支持Access数据库。客户端只需要安装Windows98以上的版本及浏览器即可浏览该。任何操作。必须进行登陆才可以访问操作。业、后台管理，根据系统的功能划分，每个模块的需求描述如下：教学模块分为：理论教学、案例教学、实践教学。该功能模块主要分为课件、例题、相关和业界动态四个子功能模块。该功能模块主要包括留言板和公告两个功能模块。该功能模块主要包括优秀作品、作业信息和作业提交三个功能模块。管理。D1管理用户信息管理员管理员1用户管理管理员管理员1用户管理3管理员操作用户名密码权限D2学生用户信息42学生操作教学信息课件信息例题信息相关网站信息业界动态信息公告信息作业信息图1系统一级数据流图D1管理用户信息注册登录注册登录提问交流提问交流答疑管理浏览学习浏览学习下载学习D5课件信息下载学习参考学习D6例题信息参考学习D7相关网站信息更新动态动态浏览D8业界动态信息更新动态动态浏览获取公告获取公告更新公告更新作业图2系统二级数据流图本系统利用ASP.net技术和Access2007数据库构建基于Web的开放的、资源共享的、交互式的教学，该可以在基于Windows2000/XP/2003系统构建的局域网或Internet上使用。给教师，所以老师同时担任了管理员的角色。整个系统的功能框架图如下图3所示。教学互动后台管理优秀作品管理优秀作品管理公告管理业界动态管理学生信息管理实践教学实践教学案例教学理论教学留言板作业提交作业信息作业提交作业信息优秀作品业界动态相关网站例题例题件图3总体功能结构图通过以上的分析可以知道，系统主要涉及的实体有：学生、教师、留言、公告等，（1）留言管理涉及的实体有：学生、教师、留言容。教师属性有编号、用户名、密码、e_mail。留言容属性有编号、留言者、留言容、留言时间。这些实体之间的联系如下：实体联系图如图4所示。用户名编号编号留言者编号用户名用户图4留言板E-R图（2）公告信息管理涉及的实体有：学生、教师、教学信息。教师属性有编号、用户名、密码、e_mail。教学信息属性有编号、标题、容。这些实体之间的联系如下：①一位老师可以更新多条公告信息，一条公告信息此教师和公告信息之间是一对多的联系。②一位学生可以浏览多条公告信息，一条公告信息可与公告信息之间是多对多的联系。实体联系图如图5所示。公告内容图5公告信息管理E-R图（3）业界动态信息管理涉及的实体有：学生、教师、动态容。教师属性有编号、用户名、密码、e_mail。这些实体之间的联系如下：教师更新动态，学生浏览动态。实体联系图如图6所示。教师更新动态内容浏览学生动态内容图6业界动态信息管理E-R图5详细设计与系统实现UserNamePw描述用户ID号用户名BigintVarcharVarcharVarchar4是否空否否否否是否主键是否否否表2案例教学/理论教学资料表描述资料ID号资料名称BigintVarchar4是否空否否是否主键是否nr资料容备注否否表3留言信息表authorLiuyanposttime描述信息ID号用户名留言容留言时间BigintVarcharVarchardatetime4是否空否否否否是否主键是否否否nr描述动态ID号动态名称BigintVarchar备注4是否空否否否是否主键是否否nr描述公告ID号BigintVarchar备注4是否空否否否是否主键是否否5.2.1首页的设计与实现首页包括了教学、资料、互动、课业、后台管理五个大板块，点击各个相应的超，就会进入相应的功能页面。首页的页面效果，如图7所示。图7首页的页面实现效果点击首页中的“教学”超，即可进入教学模块。教学模块主要分为理论教学模块、教学案例和课上教学视频。教学模块页面实现效果如图8所示。图8教学模块的页面实现效果块，中间嵌入的是实践教学中的视频文件，按播放按钮可以播放，最底下是一些优秀的PS图片，其中视频文件的主要实现代码是：（1）理论教学模块如图9所示。图9理论教学模块该模块记录了photoshop理论知识，点击可进入相关知识容页面，其实现主要代码如下：SubPage_Load(SenderAsObject,EAsEve'建立Connection对象NewOleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;DataSourc'建立Connection对象DimadpAsNewOleDbDataAdapter("select*'建立DataAdapter对象'建立DataSet对象'填充DataSet对象MyDataGrid.DataSource=DS.Tables("tm").Defa<ASP:DataGridid="MyDataGrid"HeaderStyle-BackColor="lightblue"width="390"height="290"AutoGenerateColumns="false"runat="server">DataNavigateUrlFormatString="alnr1.aspx?id={0}"Target="_b（2）案例教学如图10所示。图10案例教学模块述。不做赘述。资料模块意在拓展学生的知识，开阔学生的视野。资料模块主要有课件、例题、相关、业界动态四个子功能模块。其中点击课件可进入课件界面，在该界面可以对课件进行下载；点击例题可以进入例题界面，在该界面可以对例题进行下载；点击相关，可以进入相关界面，在该界面主要是一些其他Photoshop教学的网址，点击可以浏览其他Photoshop教学；点击业界动态可以进入业界动态界面，在该界面主要是和Photoshop有关的新闻动态。资料模块页面实现效果如图11所示。图11资料模块资料模块设计思路同教学模块，从主页点击“资料”后进入后资料模块，点击该模块导航的课件、例题、相关、业界动态四个可以分别进入对应的四个子功能模块。师上课讲解的例题的下载，相关主要是一些其他Photoshop业界动态主要是给学生提供和Photoshop有关的新闻动态，拓展学生知识面。（1）课件模块如图12所示。图12课件模块如图所示点击课件进入可见模块，点击章节可进行课件下载，下载的主要实现代码如下：<ahref="../wd/pho.doc">第1章初识Photoshop</a>（2）例题模块，其实现方法同课件模块再次不做赘述。（3）相关如图13所示。图13相关模块图14业界动态模块一图15业界动态模块二点击相应动态则打开相应网页从数据库中读取数据，其实现代码如下：SubPage_Load(SenderAsObject,EAsEventArgs)'建立Connection对象DimconnAsNewOleDbConnectioSource="&Server.Mappath("../psDimadpAsNewOleDbDataAdapter("select*fromyjdt",cDimdsAsNewDataSet()'建立DataSet对象DataSet对象MyDataGrid.DataSource=DS.Tables("tm").DefaultView'指定数据源MyDataGrid.DataBind()'Width="390"Height="290"AutoGenerateColumns="false"runat="server">DataNavigateUrlField="id"DataNavigateUrlFormatString="dtnr.target="_blank"/></columns></asp:DataGrid></趣与积极性，要使用该模块功能则要登录，也可以在该界面进行注册，以进入留言板模块，其实现如图16所示。图16互动模块该模块实现主要代码如下：<scriptLanguage="VSubenter_click(SenderAsObject,EAsEve'建立Connection对象,注意从web.Config中获取数据库连接字符串OleDbConnection(ConfigurationSettings.AppSettings("str'建立Command对象，注意要根据用户输入的用户名和密码进行查找DimconnAsNewOleDbConnection("Provider=Microsoft.Jet.OLEDB.4Source="&Server.Mappath("../ps'建立Connection对象DimcmdAsNewOleDbCommand(strSql,DimdrAsOleDbDataReader=cmd.ExecuteRResponse.Redirect("liuyanmessage.Text="登录成功，欢迎您！"message.Text="您必须输入有效的用户名和密码"<tableborder="1"width=270px><td><asp:textboxid="username"run<td><asp:textboxid="password"textMode="password"run<td><asp:buttonid="Enter"text="登录"onClick="Enter_Click"<asp:hyperlinkid="HyperLink1"text="注册"Navi（1）留言板模块如图17所示。图17留言模块DimconnAsNewOleDbConnection("Provider=Microsoft.Jet.OLEDB.4Source="&Server.MapPath("../psDimcmdAsNewOleDbPrivateSubPage_Load(ByValsenderAsSystem.Object,ByVSystem.EventArgs)HandlesMyBacmd=NewOleDbCommand(strcmd=NewOleDbCommand(strDimdrAsOleDbDataReader=cmd.ExecuteRhref='liuyan.aspx?action=del&id="+dr.Item("id").ToString+"'><font言Dim_author,_liuyanAs_author=author.Text.ToString_liuyan=addliuyan.Text.ToStringcmd=NewOleDbCommand(str<formid="Form1"method="pos<tablebackground=../img/<tdwidth="750"height="570"bgcolor="lightblue"valign="top">留言显示：容<asp:TextBoxID="addliuyan"Runat="server"/>（2）公告模块的实现如同业界动态在此不做赘述。5.2.5课业模块的设计与实现点击首页中的“课业”超，即可进入课业模块。课业模块主要分为优秀作品、作业信息、作业提交三个子功能模块。（1）优秀作品模块如图18所示。图18优秀作品模块的页面实现效果点击该模块相关则可以对优秀学生作品进行下载。（2）作业信息模块如图19所示。图19作业信息模块该模块代码原理同“公告”模块，在此不作赘述。（3）作业提交模块如图20所示。图20作业提交模块该模块主要代码如下：subupload(srcasobjecshowuploadfile.innertext="上传失败或文件不存在！"dimtemp()asstring=split(uploadfile.postedfile.filenamedimfilenameasstring=temp(temp.leuploadfile.postedfile.saveas(server.mappath(".")&"\files\"&fishowuploadfile.innerhtml="文件上传成功！<tablewidth="778"height="478cellspacing="0"bgcolo<tdwidth="709"><tableborder="1"><tralign="center"><td>作业提<td>请同学们注意提交作业文件命名方式<inputtype="file"id="uploadfile"runat="serv<asp:buttonrunat="server"text="提交"onclick="<spanid="showuploadfil5.3后台管理模块的详细设计用户点击首页后台管理可进入管理员登录界面，其实现代码同学生登录。登录成功则可进入管理界面，后台管理主要利用detailsview控件实现对数据库信息的编辑，删除，增加，查询等的基本操作，现以学生信息管理模块为例说明后台管理的基本功能。图21学生信息管理界面一图22学生信息管理界面二图23学生信息管理界面三在该界面用户可实现对数据库信息的增加、编辑、删除查询等。实现这些功能的关键代码如下所示：AutoGenerateDeleteButton="True"AutoGenerateEditButtonAutoGenerateInsertButton="True"AutoGenerateRows="False"DataSourceID="AccessDataSource1"Height="50px"Width="ReadOnly="True"SortExpression="id"/><asp:BoundFieldDataField="username"HeaSortExpression="username"/><asp:BoundFieldDataField="pw"HeaderText="pw"SortExpres<asp:BoundFieldDataField="em"HeaderText="em"SortConflictDetection="CompareAllValues"DataFile="~/OldValuesParameterFormatString="origin<asp:ParameterName="original_id"Typ<asp:ParameterName="original_username"Type<asp:ParameterName="original_username"Type<asp:ParameterName="original_pw"Type<asp:ParameterName="original_pw"Type<asp:ParameterName="original_em"Type<asp:ParameterName="original_em"Type<asp:ParameterName="id"Typ<asp:ParameterName="username"Type<asp:ParameterName="pw"Type<asp:ParameterName="em"Type<asp:ParameterName="username"Type<asp:ParameterName="pw"Type<asp:ParameterName="em"Type<asp:ParameterName="original_id"Typ<asp:ParameterName="original_username"Type<asp:ParameterName="original_username"Type<asp:ParameterName="original_pw"Type<asp:ParameterName="original_pw"Type<asp:ParameterName="original_em"Type<asp:ParameterName="original_em"Type结论另一方面还可以提高学生实践能力，使学生从被动的教学模式解放出来。本设计基本上实现了上述功能模块的实现，但技术运用上有待提高，每个功能模块的具体细节有待完善和改进。由于时间仓促以及自身能力的原因，系统功能还不够完善，不能涉及到photoshop课程的具体容，每个模块的子模块功能还需要细致的加工；教学课件模块主要是提供学生下载学习，不直观，努力方向是让课件在网页上就可以浏览，这样学生学起来会更方便；教学视频模块中的视频资源所占系统存较大，需要采用某种技术来进行改进；留言板模块设计过于简单，努力方向是形成开放的教学论坛，后台管理界面需要美化，努力方向是美化排版布局，让界面有好些等等。设计的整个过程虽然辛苦，但看着自己的研究成果一步步完成，心中很是喜悦。这次毕业设计是一次难忘的实践经历。最后感谢老师与同学的帮助与鼓励，使得毕业设计得以顺利完成。参考文献[1]熊才平，娟玉.教师课程主页的设计与实现[J].中国电化教育，2003，203(12):82-84.[2]eye4u视觉设计工作室.创意的PhotoshopCS5（1dvd）[DB/CD].北京：中国青年，2010.11.[3]金明，金荣.中文版PhotoshopCS5完全自学教程[M].北京：人民邮电，2010.[4]普悠玛.ASP.NET程序设计示例导学[M].北京：北京科海电子，2003.[5]王爱民.基于Web的《计算机应用基础》网络教学系统的研制[EB/OL]中.国教育和科研计算机网，2006.[6