photoshop教学网站的设计与开发文档格式.docx
《photoshop教学网站的设计与开发文档格式.docx》由会员分享，可在线阅读，更多相关《photoshop教学网站的设计与开发文档格式.docx（34页珍藏版）》请在冰豆网上搜索。
1～7页
某某科技师X学院
“Photoshop〞教学的设计与开发
院〔系、部〕名称：
数学与信息科技学院
专业名称：
网络工程
学生姓名：
X一一
学生学号：
0913080104
指导教师：
可颂坊
2012年5月20日
某某科技师X学院教务处制
学术声明
本人呈交的学位论文，是在导师的指导下，独立的查阅资料研究设计的成果，所有数据、图片资料真实可靠。
尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。
对本论文所涉与的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。
本学位论文的知识产权归属于某某科技师X学院。
本人签名：
日期：
指导教师签名：
摘要
本课题结合photoshop课程的特点以与网络教学的优点，开发出适用于学生系统地学习photoshop这门理论性较强的课程的系统。
本系统采用ASP.NET动态网页设计技术，使用Access2007作为数据库，设计与实现基于web的“photoshop〞教学，可以改变以往教师占主动地位，同学们只能趋于被动的传统教学模式，学生和教师可以快速地相互双向交流信息。
本课题的特色在于利用理论教学、案例教学、实践教学、资料库、教学互动、试题库、公告等模块系统地培养学生。
通过该教学，巩固学生的理论知识、提高学生的项目实践能力和案例分析能力。
改变以往教师占主动地位，同学们只能趋于被动的传统教学模式，使学生从枯燥的理论教学中解放出来，实现学生与学生之间，教师与学生之间的互动交流。
关键词：
photoshop教学；
设计；
开发
Abstract
Thistopicbinedwiththephotoshopcharacteristicsofthecourseandtheadvantagesofonlineteaching,developedforstudentstolearnphotoshopisastrongtheoreticalcoursessystem.ThesystemusesASP.NETDynamicwebdesigntechnology,usingAccess2007asdatabasedesignandimplementationofweb-basedPhotoshopteachingwebsite,youcanchangethepast,teachersaccountedforthedrivingposition,studentscanonlytendtobepassive,traditionalteachingmode,studentsandteacherscanquicklymutualtwo-wayexchangeofinformation.Thecharacteristicsofthisprojectistousethetheoryofteaching,caseteaching,practiceteaching,databases,teachingandinteractivetestbank,announcementsmodulesystemtostudents.Throughtheteachingsites,andconsolidatethestudents'
theoreticalknowledge,toimprovethepracticalabilityandcasestudiesofstudents'
projects.Changethepasttheteachersaccountedfortheinitiative,studentscanonlytendtobepassive,traditionalteachingmode,freeingstudentsfromtheboringtheoreticalteaching,studentsandstudentsbetweentheinteractionbetweenteachersandstudents.
Keywords:
1绪论
1.1国内外开展现况
国外开展概况
国外网络教育的开展已经有过相当长的一段时间，相对于我国的网络来说，国外网络教育应用广泛，效果显著。
在美国，越来越多的人选择半工半读或在职学习的方式，他们中的许多人工作不定时，经常外出。
而网络教学突破了时间、地点的限制，满足了这些人的学习要求[1]。
现有三百五十多所大学和学院提供函授和因特网教育的远程学习学位，根本覆盖了美国高校的所有专业和学科。
目前美国通过网络教学获得高等教育学位的学生大约占全国高等学校在校生人数的8%[2]。
而据有关机构统计到2002年美国承受网络高等教育的人数将达到223万人。
国内的现状和开展趋势
我国国内的网络教学，相对于国外的网络教学来说，开展起点晚，经验也不足。
但是我国政府十分重视网络教育。
国务院转发教育部制订的“面向21世纪教育振兴行动计划〞中，明确提出了实施现代远程教育工程，并在第三次全国教育工作会议上，提出在2010年初步实现高等教育大众化的目标，建立现代远程教育网络，构建终身教育体系。
为此，国家对教育信息根底设施投入很大的人力物力，建成中国教育科研网（CER-NET），并开展地区性区域教育信息网络建设和校园网络建设[3]。
随着清华大学等38所试点大学网络教育的快速开展，远程教育也逐步成为一个倍受人们关注的领域。
目前我国各试点学校初步摸索出一套网上办学的模式，开发出一批网上课程和教学资源，初步形成了校内基于校园网的多媒体教学与校外远程教学同时进展并相互融合的开放式办学格局。
在高等教育方面，国家教育部于1998年正式批准了清华、北邮、浙大、湖大为首批开发远程教学的试点学校；
1999年初，国务院发布《面向二十一世纪振兴行动计划》，其中明确提出：
实施“现代远程教育工程〞，形成开放式教育网络，构建终身学习体系；
2000年，国家教育部连续批准了人民大学等26所高校开展现代远程教育试点。
这一系列举措，明确国家对INTERNET远程教育事业的重视，INTERNET远程教育的开展必将成为未来教育的焦点。
随着网络教学的开展，国家现在特别重视网络教学的建设问题[4]。
虽然我国现在大力的支持网络教学的建设，但是客观的说我国的网络教学建设还是处于起始阶段，还缺乏一些理论指导，以与统一的调配问题，形成现在的全而不精的局面。
我国的网络教学建设与国外相比还是有很大差距的[5]。
研究意义
Photoshop是迄今为止世界上最畅销的图象编辑软件。
它已成为许多涉与图像处理的行业的标准。
界面设计是一个新兴的领域，已经受到越来越多的软件企业与开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业[6]。
在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是Photoshop。
但是在实际教学过程中，这门课程的教学效果往往不是很理想，教师觉得这门课程教起来比拟困难，大局部学生感觉枯燥无味，所学知识没什么实际用处，很难达到较好的教学效果或获得较强的实践能力[7]。
随着万维网的不断提速与扩容，为基于Web开展网上教学和远程教育提供了物理根底。
如何有效地设计、开发和利用网络资源构建photoshop教学，可以提高学生的学习兴趣、扩大知识面、辅助课堂教学以与提高自身的实践能力和应用能力，成为一个令人关注的话题[8]。
2开发技术与环境
简介
ASP.NET的前身ASP技术，是在IIS2.0上首次推出（），当时与ADO1.0一起推出，在IIS3.0（WindowsNT4.0）发扬光大，成为服务器端应用程序的热门开发工具，微软还特别为它量身打造了VisualInterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展WindowsNT4.0平台的关键技术之一，数以万计的ASP也是这个时候开始如雨后春笋般的出现在网络上。
它的简单以与高度可定制化的能力，也是它能迅速崛起的原因之一[9]。
〔1〕强大性和适应性
因为是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发者的几乎全部的平台上〔笔者到现在为止只知道它只能用在Windows2000/2003Server，VISTA/WIN7/XP上〕。
通用语言的根本库，消息机制，数据接口的处理都能无缝的整合到的Web应用中。
t同时也是language-independent〔语言独立化〕的，所以，你可以选择一种最适合你的语言来编写你的程序，或者把你的程序用很多种语言来写，现在已经支持的有C#〔C++和Java的结合体〕，VB，Jscript,C++、F++。
〔2〕简单性和易学性
使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和配置变得非常简单。
例如ASP.net页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面[10]。
〔3〕自定义性和可扩展性
用户可以使用自己编写的自定义组件或扩展替换运行库的任何子组件。
基于通用语言，开发者可以使用任何.NET支持的语言〔比如，等〕来开发.NET的程序[11]。
〔4〕多种性能优良的功能
与其前身ASP最大的区别在于其不再是解释性的脚本了，而是运行于服务器端经过编译的代码，这使早期绑定、本地优化、缓存服务等技术成为可能，无疑这将大大的提高程序的执行效率。
〔5〕高效可管理性
程序的所有配置都存储于基于XML的文件中。
这将大大的简化对服务器环境和网络程序的配置过程[12]。
ASP.NET框架应用程序的部署时只需将必要的文件复制到服务器，即可将框架应用程序部署到服务器。
VisualBasic,并对其进展的彻底的变革，对底层进展了重建，使其成为了面向对象的程序设计语言。
VB.NET简单易学，同时因为得到了.NET框架的支持，功能更加强大[13]。
Access数据库
Access能够存取Access/Jet、MicrosoftSQLServer、Oracle，或者任何ODBC兼容数据库内的资料。
MicrosoftAccess在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统[14]。
它也常被用来开发简单的WEB应用程序。
这些应用程序都利用ASP技术在InternetInformationServices运行。
其主要特点如下：
〔1〕界面友好、易操作
Access是一个可视化工具，其风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进展拖放即可，非常直观方便[15]。
系统还提供了表生成器、查询生成器、报表设计器以与数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握[16]。
〔2〕面向对象
Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。
它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。
通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作[17]。
同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。
〔3〕集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进展[18]。
〔4〕Access支持ODBC〔开发数据库互连，OpenDataBaseConnectivity〕
利用Access强大的DDE〔动态数据交换〕和OLE〔对象的联接和嵌入〕特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。
Access还可以将程序应用于网络，并与网络上的动态数据相联接。
利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用[19][20]。
3需求分析
3.1系统的性能要求
〔1〕运行环境要求
运行环境需要一台服务器，安装windows2000以上操作系统，支持Access数据库。
客户端只需要安装Windows98以上的版本与浏览器即可浏览该。
〔2〕安全性要求
本系统有着权限设置，对于非法用户，不能够根据用户的相对网址来访问和对进展任何操作。
必须进展登陆才可以访问操作。
3.2系统的功能需求分析
功能划分与描述
“photoshop〞教学分为五大功能模块：
教学天地、资料殿堂、互动时间、课程作业、后台管理，根据系统的功能划分，每个模块的需求描述如下：
〔1〕教学
教学模块分为：
理论教学、案例教学、实践教学。
〔2〕资料
该功能模块主要分为课件、例题、相关和业界动态四个子功能模块。
〔3〕互动
该功能模块主要包括留言板和公告两个功能模块。
〔4〕课业
该功能模块主要包括优秀作品、作业信息和作业提交三个功能模块。
〔5〕后台管理
该模块用于管理员管理，管理通过主页进入管理界面，通过登录认证后可以对进展管理。
数据流图
以下是系统一级数据流图和二级数据流图，如图1、图2所示。
图1系统一级数据流图
图2系统二级数据流图
4系统的概要设计
系统的总体设计结构
本系统利用ASP.net技术和Access2007数据库构建基于Web的开放的、资源共享的、交互式的教学，该可以在基于Windows2000/XP/2003系统构建的局域网或Internet上使用。
本系统面向学生、管理员两种身份的用户，不过在系统中，把管理员的权限，下放给教师，所以教师同时担任了管理员的角色。
整个系统的功能框架图如如下图3所示。
图3总体功能结构图
4.2系统数据库概念结构设计
通过以上的分析可以知道，系统主要涉与的实体有：
学生、教师、留言、公告等，实体之间联系复杂，现分析如下：
〔1〕留言管理涉与的实体有：
学生、教师、留言内容。
学生属性有编号、用户名、密码、e_mail。
教师属性有编号、用户名、密码、e_mail。
留言内容属性有编号、留言者、留言内容、留言时间。
这些实体之间的联系如下：
学生主要通过留言提问，教师主要是回答留言。
实体联系图如图4所示。
图4留言板E-R图
〔2〕公告信息管理涉与的实体有：
学生、教师、教学信息。
教学信息属性有编号、标题、内容。
①一位教师可以更新多条公告信息，一条公告信息只能由一名教师来进展更新，因此教师和公告信息之间是一对多的联系。
②一位学生可以浏览多条公告信息，一条公告信息可以让多个学生浏览，因此学生与公告信息之间是多对多的联系。
实体联系图如图5所示。
图5公告信息管理E-R图
〔3〕业界动态信息管理涉与的实体有：
学生、教师、动态内容。
业界动态信息属性有编号、标题、内容。
教师更新动态，学生浏览动态。
实体联系图如图6所示。
图6业界动态信息管理E-R图
5详细设计与系统实现
5.1数据库表详细说明
表1学生信息/管理员信息表
字段名
描述
类型
长度
是否空
是否主键
ID
用户ID号
Bigint
4
否
是
UserName
用户名
Varchar
10
Pw
em
密码
20
表2案例教学/理论教学资料表
资料ID号
tm
资料名称
nr
资料内容
备注
表3留言信息表
信息ID号
author
Liuyan
留言内容
255
posttime
留言时间
datetime
表4业界动态表
动态ID号
动态名称
动态内容
表5公告表
公告ID号
公告名称
公告内容
5.2系统功能模块的详细设计与实现
首页的设计与实现
首页包括了教学、资料、互动、课业、后台管理五个大板块，点击各个相应的超，就会进入相应的功能页面。
首页的页面效果，如图7所示。
图7首页的页面实现效果
教学模块的设计与实现
点击首页中的“教学〞超，即可进入教学模块。
教学模块主要分为理论教学模块、案例教学模块、实践教学模块三个子功能模块。
这三个子模块分别向学生提供理论知识、教学案例和课上教学视频。
教学模块页面实现效果如图8所示。
图8教学模块的页面实现效果
该模块包揽了三个教学模块的内容，上面两个模块是理论教学和案例教学的一局部模块，中间嵌入的是实践教学中的视频文件，按播放按钮可以播放，最底下是一些优秀的PS图片，其中视频文件的主要实现代码是：
<
iframesrc="
../wd/a.swf"
name="
a1"
width="
660"
height="
469"
frameborder="
0"
id="
>
/iframe>
〔1〕理论教学模块如图9所示。
图9理论教学模块
该模块记录了photoshop理论知识，点击可进入相关知识内容页面，其实现主要代码如下：
scriptlanguage="
VB"
runat="
server"
>
SubPage_Load（SenderAsObject,EAsEventArgs）
'
建立Connection对象
DimconnAsNewOleDbConnection（"
Provider=Microsoft.Jet.OLEDB.4.0;
DataSource="
&
Server.Mappath（"
../ps.mdb"
））
DimadpAsNewOleDbDataAdapter（"
select*fromaljx"
conn）
建立DataAdapter对象
DimdsAsNewDataSet（）
建立DataSet对象
adp.Fill（ds,"
tm"
）
填充DataSet对象
MyDataGrid.DataSource=DS.Tables（"
）.DefaultView
指定数据源
MyDataGrid.DataBind（）
执行绑定
conn.close（）
EndSub
/script>
formrunat="
ASP:
DataGridid="
MyDataGrid"
HeaderStyle-BackColor="
lightblue"
390"
290"
AutoGenerateColumns="
false"
Columns>
asp:
HyperLinkColumndataTextfield="
HeaderText="
photoshop根底知识"
DataNavigateUrlField="
id"
DataNavigateUrlFormatString="
alnr1.aspx?
id={0}"
Target="
_blank"
/>
/Columns>
/asp:
DataGrid>
/form>
〔2〕案例教学如图10所示。
图10案例教学模块
该模块实现方法同理论教学，当点击该界面可以打开案例界面，案例界面包括Photoshop案例的具体实现步骤，由于该界面实现主要代码同理论教学界面在此不作赘述。
〔3〕实践教学模块主要是Photoshop教学视频，其中在教学模块已有表现，再次不做赘述。
资料模块的设计与实现
资料模块意在拓展学生的知识，开阔学生的视野。
资料模块主要有课件、例题、相关、业界动态四个子功能模块。
其中点击课件可进入课件界面，在该界面可以对课件进展下载；
点击例题可以进入例题界面，在该界面可以对例题进展下载；
点击相关，可以进入相关界面，在该界面主要是一些其他Photoshop教学的网址，点击可以浏览其他Photoshop教学；
点击业界动态可以进入业界动态界面，在该界面主要是和Photoshop有关的新闻动态。
资料模块页面实现效果如图11所示。
图11资料模块
资料模块设计思路同教学模块，从主页点击“资料〞后进入后资料模块，点击该模块导航的课件、例题、相关、业界动态四个可以分别进入对应的四个子功能模块。
其中课件子模块主要提供教师教课课件的下载，例题子模块主要提供，课本以与教师上课讲解的例题的下载，相关主要是一些其他Photoshop教学的，供学生参考学习，业界动态主要是给学生提供和Photoshop有关的新闻动态，拓展学生知识面。
〔1〕课件模块如图12所示。
图12
升级会员 