信息技术课程教学网站设计与开发.docx

《信息技术课程教学网站设计与开发.docx》由会员分享，可在线阅读，更多相关《信息技术课程教学网站设计与开发.docx（86页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、(工程硕士） 论文题目： 信息技术课程教学网站设计与开发 作者姓名 陈一捃 指导教师 田贤忠副教授、余心申高级工程师 学科专业 计算机技术 所在学院 计算机科学与技术学院、软件学院 提交日期 2012年 10月 15日 iflifl 浙江工业大学硕士学位论文 信息技术课程教学网站设计与开发 作者姓名：陈一捃 指导教师：田贤忠副教授、余心申高级工程师 浙江工业大学计算机科学与技术学院、软件学院 2012年 10月 Dissertation Submitted to Zhejiang University of Technology for the Degree of Master The des

2、ign and development of the information technology teaching website Candidate: YiJun Chen Advisor: XianZhong Tian、 XinShen Yu College of Computer Science Technology College of software Zhejiang University of Technology 2012-10-15 浙江工业大学 学位论文原创性声明 本人郑重声明：所提交的学位论文是本人在导师的指导下，独立进行研究工作 所取得的研究成果。除文中已经加以标注引

3、用的内容外，本论文不包含其他个人或 集体已经发表或撰写过的研究成果，也不含为获得浙江工业大学或其它教育机构的 学位证书而使用过的材料。对本文的研究作出重要贡献的个人和集体，均已在文中 以明确方式标明。本人承担本声明的法律责任。 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定，同意学校保留 并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本 人授权浙江工业大学可以将本学位论文的全部或部分内容编入有关数据库进行检 索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。 本学位论文属于 1、 保密 ，在 _ 年解密后适用本授权书。 2、 不

4、保密 (请在以上相应方框内打 V ） 浙江 :丨 :业人学硕士学位论文 信息技术课程教学网站设计与开发 摘 要 随着信息技术的飞速发展，以计算机为教学工具的信息技术课程已经广泛普及开来， 从小学到大学，只要学校条件允许，就会开设信息技术的基础课程，对于相关专业学生还 会开设专业课程。本人所在单位为余杭区社区学院，院内学生种类比较多，有职高生、中 专生、大专生、业余本科生、业余大专生及各类培训班学员，而为各类学生开设的 信息技 术课程又各有不同，为了便于教师对课程和学生的管理，网络技术在信息技术课程的教学 中显得越来越重要，构建一个本校的信息技术教学网站也有着特殊的意义。 本文首先概述了课题的背

5、景、研究意义、研究现状及存在的问题，简单阐述了课题研 究的方法及研究的主要内容，其次对信息技术课程教学网站设计与开发过程中用到的关键 技术的特点及工作原理做了介绍，然后介绍了本网站在具体建设过程中需求分析过程、后 台管理系统和前台用户系统开发实现的主要界面设计和算法实现。 在需求分析过程中，作者首先对网站的设计思想和设计原则做了简单 的阐述，然后分 析了网站的功能模块需求，包括学生、教师、管理员三个层面的具体功能需求。此外，还 要对网站进行总体设计，包括结构设计、界面设计、交互设计和数据库设计。 开发的信息技术课程教学网站分为后台管理系统和前台用户系统两大部分，其中，后 台管理系统部分本文主要

6、介绍后台登陆、管理栏目、网站基本设置、站务管理、新闻管理、 教学信息管理、实验管理、用户信息管理及外观设置模块的主要界面和关键技术实现，前 台用户系统部分本文主要介绍网站首页、用户注册登录、投票、站内短信、教学实验平台、 教师评价、奖章排名模块的主 要界面和关键技术实现，其中，登录、站内短信、投票、留 言等模块的交互部分采用了 Ajax的异步传输技术以及 XML技术，减少了网站流量，增强 了用户的交互效果。 本次研究是对本校信息技术课程教学方式革新的一次尝试与探索，希望本网站能对学 校的信息技术课程教学工作有所帮助，在提高教学效率的同时，让学生与教师都感觉到 教 与 学 更加轻松、自由、愉快。

7、 关键词 ：信息技术课程，教学网站 ,ASP技术， AJAX技术 ,XML技术 浙江丨 :业大学硕士学位论文 THE DESIGN AND DEVELOPMENT OF THE INFORMATION TECHNOLOGY TEACHING WEBSITE ABSTRACT With the rapid development of information technology, computer teaching tool in the course of information technology has been widely spread, from primary school t

8、o university, as long as the school conditions allow, can offer information technology course, the students will be set up specialized courses.I unit for the Yuhang Area Community College, hospital students more variety, a vocational high school students, secondary school students, college students,

9、 part-time undergraduate, part-time college students and various training courses, and for all types of students in the course of information technology also vary, in order to facilitate teachers curriculum and student management, network technology in the information technology teaching becomes mor

10、e and more important, to build a school information technology teaching website also has a special significance. This paper first outlines the research background, research significance, research present situation and the existing problems, introduces the research method and main content of the rese

11、arch, followed by the information technology course teaching website design and development process used in the key technical features and working principle are introduced, and then describes the site in a specific construction process requirement analysis process, the backstage management system ma

12、nagement system and the user system development to achieve the main interface design and algorithm realization. During the course of analysis, the author firstly website design thinking and the design principle of a simple explanation, and then analyzed the website function module needs, including s

13、tudents, teachers, administrators at three levels of the specific functional needs.In addition, but also on the website design, including structure design, interface design, interface design and database design. Development of the information technology course teaching website divides into the backs

14、tage management system management system and front end user system two parts, wherein， the backstage management system this paper introduces the background, management section, 浙江丨 :业大学硕士学位论文 landing website basic settings, station management, news management, teaching information management, test m

15、anagement, user information management and appearance settings module of the main interface and key technical implementation, onstage user system this paper mainly introduced the website home page, user registration and login, voting, SMS station, platform for experiment teaching, teacher evaluation

16、, medal ranking module main interface and key technology, wherein, log, message, such as voting module interaction with Ajax asynchronous transmission technology, reducing the sites flow, enhance the user interaction effect. This research is on the school information technology curriculum teaching m

17、ode reform attempt and exploration, hope that this site to the school information technology curriculum teaching work help, while improving efficiency of teaching, make students and teachers feel teaching and learning more relaxed, happy, free. Key Words: Information technology curriculum, teaching

18、website, ASP technology, AJAX Technology, XML Technology iii 浙江 r.业人学硕 +学位论文 目 录 . i 第 i章绪论 . -1- l.i课题研究的背景 . -1 - 1.2 课题研究的现状 . . . -3 - 1.3 课题研究的方法和技术路线 . -4 - 1. 3. 1 研究方法 . 4 - 1. 3.2 研究步骤 . -4 - 1. 3. 3研究的技术路线 . -4 - 1.4 课题研究的主要内容 . -5 - 第 2章网站开发关键技术概述 . -8 2. 1页面开发技术 . . -8 - 2. 1. 1 HTML 技术

19、. -8 - 2. 1.2 CSS 技术 . -9 - 2.1.3 JavaScript 技术 . -10 - 2. 1.4 XML 技术 . -10 - 2.2服务器开发技术 . -11 2. 2. 1 ASP 技术 . -11 - 2. 2.2 AD0 技术 . -12 - 2. 2. 3 AJAX 技术 . -13 - 2. 3数据库技术 . -15 - 2. 4本章小结 . -16 - 第 3章信息技术教学网站的设计 . -17 - 3. 1信息技术课程教学网站的设计思想 . -17 - 3.2信息技术课程教学网站的设计原则 . -17 - 3. 3需求分析 . -18 - 3. 3.

20、 1网站分析的任务与步骤 . -18 - 3. 3. 2网站项 0范围 . -18 - 3. 3. 3功能需求 . -19 - 3. 4 . _ 21 - 3. 4. 1结构设计 . -21 - 3. 4. 2界面设计 . -23 - 3. 4. 3交互设计 . -25 - 3.4.4网站数据库设计 . -26 - 3.4.4. 1主要数据表设计 . -26 - 3. 4. 4_ 2主要表结构说明 . -27 - 3. 5本章小结 . -34 _ 浙江丨 :业人学硕士学位论文 第 4章信息技术教学网站的开发与实现 . -35 - 4. 1“ 后台管理系统建设 . -35 - 4. 1. 1后台

21、管理登陆 . -35 - 4. 1.2建立管理栏 0. - 37 - 4. 1. 3建立网站基本信息设置功能 . -38 - 4. 1.4建立站务管理 . -41 - 4. 1.5网站新闻管理 . -44 - 4. 1. 6建立教学信息管理 . -45 - 4. 1. 6. 1学科管理 . -46 4. 1. 6. 2课件管理 . -48 - 4. 1. 6. 3教学媒体文件管理 .-50 - 4. 1. 7建立实验管理 . _ 51 - 4. 1. 8建立用户信息管理 .“ - 53 - 4. 1. 9建立外观设置 . -55 - 4. 2前台用户系统建设 . 58 - 4. 2. 1网站宵

22、页 . -58 - 4.2.2用户登录与注册功能 . . -59 - 4.2.2. 1用户登录功能 .-60 - 4. 2. 2. 2用户注册功能 .: . -63 - 4. 2. 3建立投票功能 .-64 - 4. 2. 4建立师生交流平台 .-65 - 4.2.4. 1站内短信功能 .-65 - 4. 2. 4. 2留言功能 . - 66 - 4. 2. 4. 3评论功能 .-67 - 4. 2. 5建立教学实验平台 .-69 - 4. 2. 6建立教师评价功能 .-71 - 4. 2. 7建立奖章排名功能 .-72 - 4. 3本章小结 .-74 - 第 5 章总结与展望 . - 75

23、5. 1 总结 . 75 5.2 展望 . - 75 - 参考文献 . -76 - 麵 . -77 - 浙江 I:业人学硕士学位论文 第 1 章绪 论 1.1课题研究的背景 随着信息技术的飞速发展，以计算机为教学工具的信息技术课程已经广泛普及开来， 从小学到大学，只要学校条件允许，就会开设信息技术的基础课程，对于相关专业学生还 会开设专业课程。本人所在单位为余杭区社区学院，院内学生种类比较多，有职高生、中 专生、大专生、业余本科生、业余大专生及各类培训班学员，而为各类学生开设的信息技 术课程又各有不同，为了便于教师对课程和学生的管理，网络技术在信息技术课程的教学 中显得越来越重要，构建一个本校

24、的信息技术教学网站也有着特殊的意义。 1、 课程实践的特殊性 信息技术课程是以计算机为教学工具的一门课程，新课程改革的全面实施，使得该课 程的实践性成为教学重点，教师不再 纸上谈兵 ，而需要学生主动动起来，操作起来。 目前大部分教师的任务布置都是以口头说明，或利用教学软件下发 任务单 ，学生完成 结果则通过教学软件上传至教师机，这就造成了以下问题： 1) 学生的层次参差不齐，有些基础差的学生在课堂上完成不了任务，课后却无处补 救。 2) 学生之间无法交流完成结果，只能看见自己的作品，无法对比自己的完成情况。 3) 教师无法及时给出反馈意见，学习资料只能在课堂上下发或展示。 通过网络平台下的信息

25、技术教学网站可以解决这些问题。教学资料、教学大纲、实验 内容等学生即使不在学校也可以下载，课堂上完不成的任务，课后也可以完成并上传交于 老师评阅；学生不仅可以上传自己的实验结果到教学网站，还可以查看别的同学的完成情 况；教师可以通过站内短信、留言板等功能模块和学生互动，及时给学生的实验打分、点 评，提高教学效率。 2、 提高学习兴趣，增强学生自主学习的能力 新课程改革中要求现代教存要改变传统的教学模式，从培养知识型的人才向培养能力 型的人才转变，也就是 授之以羽，不如授之以渔 。因而学校 教育的趋势也应由教师主 导学生学习的过程转变成为学生主导学习的过程，多留给学生更多自主发展的时间和空 间，

26、帮助学生完成由 学会 到 会学 的转轨。 m这就要求在教学过程中增强学生自主 _ 浙江丨 :业大学硕士学位论文 _ 学习的能力，而要学生能够自觉主动地去学习，必须先提高学生的学习兴趣。信息技术教 学网站这个平台，可以提供较生动的多媒体学习资料，也可以利用网络技术和交互技术在 网络中设置对学习者的奖励机制，如： 1) 学习者注册成功可获得 10奖章，每次登录获得 1奖章，以此激励学习者多登录网站 学习。 2) 学习者对学习文章、学习资料的评论，每次获得 2奖章，以此鼓励学习者多看多学 多发表自己的意见。 3) 学习者每完成 1次实验得 3奖章，成绩优异者得 5奖章，以此激发学习者完成学习任 务的

27、热情，端正完成学习任务的态度。 4) 学习者在留言板留言、发站内短信，每次获 2奖章，以此促进学生与学生之间、教 师与学生之间的交流。 5) 列出奖章排行榜，排名前五的学生给予更多的网站使用权限。 以上网站交互奖励措施设计可以提高学生的学习兴趣，更加主动地使用网站进行自主 学习。 3、师生互动，建立评价机制，发货教师的引导者作用 新课程改革中虽然要求以学生为主导，但是教师的引导作用也是不容忽视的。如何在 信息技术这样以学生实践为主，教师讲授为辅的课程中较好地体现教师的引导者作用，进 行合理的师生互动，也是当下很多信息技术教师的难题。目前很多学校的信息技术课堂教 学模式为：教师讲 15分钟，学生

28、做 30分钟，教师讲学生发呆 （ 教师讲授时一般利用教学软 件广播），学生做时教师发呆，这样的教学模式不但提高不了教学 效率，久而久之，学生 对学的兴趣，教师对教的热情都会逐渐褪去。而利用信息技术教学网站中设计的一些功能， 可以更好地提高教学效率，激发教学热情。如： 1) 师生的站内互动，利用站内短信、留言板等模块实现。 2) 建立评价机制，不仅是教师对学生的评价，还有学生对教师的评价。这种形式既 可以让教师之间有所竞争，鼓励教师互相学习教学方法，取长补短，也可以体现学生在教 学中的主导作用，激励教师认真教学。 3) 教师登录网站、发表文章、上传课件、评分、留言等都能获得相应的奖章，建立 教师

29、奖章排行榜，以此鼓励教师多利用网络平台教学，给学生 提供更多的学习资料，多和 学生交流互动，不仅是在课堂，课后也能及时回答学生的疑问。 信息技术教学网站的开发可以使我校信息技术课程的教学更上一个台阶，让教与学变 得更轻松，更主动。 浙江 :丨 :业人学硕士学位论文 1.2课题研究的现状 我国互联网行业较国外起步晚， 1994年中国获准进入互联网，并于同年完成所有中国 互联网工作。次年 5月，张树新创立瀛海威，这是中国第一家互联网服务供应商。自此以 后，在一代代 IT人才的推动下，中国互联网事业获得蓬勃发展。 2因此，我国信息技术课 程的普及，网络环境下学习平台的起步也都较晚，但目前我国网络环境

30、下学习平台的发展 十分迅速，从各种培训课程到学校精品课程，内容丰富而冗余，分类庞杂而紊乱，大多功 能相似，内容相仿。 3 信息技术课程在我国大多数的学校并未受到重视，常以 无关紧要的副课 的标签出 现在人们的脑海中，这使得很多信息技术教师忽视本门学科的教学，只求完成基本教学任 务，而不去设法利用自己的专长改进教学方法。因而目前我国学校建立网络环境下信息技 术课程学习平台的并不多，现有的信息技术教学网站一般都存在以下几个问题 ： 1) 界面呆板，个性化程度不够。大部分信息技术教学网站的界面都没有特别能体现 信息技术课程的特点，也没有能吸引学生眼球，激发起学生登录、使用该学习平台兴趣的 个性化设计

31、。界面设计一般都采用文字与图片的普通结合，不能满足学科的特色需求。 2) 网站多为课程信息的呈现，未与课程实验相结合。大部分信息技术教学网站上的 内容多为教学大纲、教学课件、课外学习资料的呈现及下载，没有涉及到信息技术课程非 常重要的实践部分，而这部分功能的缺失，使得该学习平台的应用广泛性和普及性大大降 低，学生和教师对该平台的关注程度也会大打折扣， 从而使得网站未能很好地在教学中起 到作用。 3) 网站交互设计环节支持较弱。一些信息技术教学网站缺乏必要的师生、生生在线 交流的功能模块，学生利用网络进行学习时，遇到问题不能及时和老师或其他学习者交流， 无法得到及时的解决，影响学习平台的使用效果

32、。大部分信息技术教学网站没有考虑增 强学生学习兴趣的交互设计，使得学生在使用网站时显得较为乏味 ，一 成不变，提不起兴 致。 4) 系统孤立，无法与其他信息管理系统进行深层次集成。目前许多高校都在原有的 各信息管理系统和教学资源之间进行整合，有的学校还构建了统一的信息门户，提供一站 式服务，整合的前提是各系统共享最基础的数据库，但现有的信息技术教学网站尚未考虑 到这一现实需求。 浙江 I:业人学硕十学位论文 1.3课题研究的方法和技术路线 1.3.1研究方法 (1) 使用 文献研究法 ，对国内外的信息技术教学、网站构建的相关理论及其应用 进行检索，查阅，整理分析，积累有价值的信息。 (2) 使

33、用 原型开发方法 进行信息技术教学网站的开发，主要使用 ASP， AJAX， HTML，XML、 ODBC, ACCESS， Dreamweaver， IIS， Photoshop， Flash等开发技术及开 发工具。 1.3.2研究步骤 (1) 理论准备。学习网站构建的相关理论知识，研究网络教学平台实例及其制作技 术，结合当下信息技术课程的教学现状，为进一步研究做好理论和技术基础。 (2) 网站构思。根据需求分析，确定网站所需模块及界面风格，为进一步确定网络 教学平台的具体内容与技术提供依据。 (3) 网站制作。根据教学实际需求，结合新课程改革精神和信息技术课程的实际特 点，运用相关网站构建

34、技术，建立一个信息技术教学网站。 (4) 教学实践，评价修改。把初步完成的信息技术教学网站用到课堂上，让学生和 相关教师根据使用情况提出实际意见，并根据网站测试结果和师生意见做修改网站。 (5) 归纳总结，撰写论文。根据自己设计和开发网站的过程，撰写论文，总结研究 过程和不足的地方，并准备论文答辩。 1.3.3研究的技术路线 信息技术教学网站的体系结构是三层体系结构，即包括数据库系统，应用服务器，客户 浏览器三部分，服务器可以在网中的任何位置，运行在任何操作系统上，在后台处理请求后将 处理结果发送给用户，数据库服务器端采用的是 ACCESS， 用户运行环境为标准的中文浏 览器环境(Netsca

35、pe4.0或以上版本或 IE6.0或以 上版 )采用网络教学模式中的网页浏览，通过 Internet与用户连接 ,实现远程通讯，服务器端负责数据的存储，维护，处理；客户端则负责 人机界面操作，送出用户需求和显示取回的数据，利用动态 Web技术 （ ASP)与后台数据库 相连实现网上管理等功能。 本网站米用 ASP方法实现动态查询和更新数据库， ASP方法是由 Internet Information Server 3.0 (IIS 10)以上版本支持的。文件的后缀为 asp,所使用的语言是一种由 Script语 言和HTML语言混合组成的扩展语言。文件在服务器端由 IIS解释执行，转化成标准的

36、页面 _ 浙江丨 :业人学硕士学位论文 _ 传递给客户端。而 ASP访问数据库信息是通过中间件 （ ODBC)实现的。 4 本网站采用 AJAX技术来实现无刷新投票系统、无刷新评价系统、用户登录及退出等 功能模块。 AJAX技术的本质是使用 XMLHttpRequest对象和服务器交换数据，在与 web服务 器交换的过程中只传输页面上须做更改的区域，而不传输整个页面，这样使传输的数据量 大大减少，从而缩短了传输时间；同时，在于 web服务器交互的过程中，客户端仍然可以 在当前页面继续操作，正常使用应用程序，而不必等待服务器的响应，它使用户对 web应 用程序的操作看上去像桌面应用程序了，大大改

37、善了用户的体验，可加快网站的访问速度。 本网站中也用到了 XML技术，主要用于实现留言板的功能。随着网络应用越来越广泛， 仅仅靠 HTML单一文件类型来处理千变万化的文档和数据己经力不从心，而且 HTML本身 语法十分不严密，严重影响网络信息传送和共享。 5使用 XML简化了定义文件类型的过程， 简化了在 WEB上的传送和共享操作。 1.4课题研究的主要内容 本课题的主要任务是利用 ASP,AJAX， HTML， XML,Javascript等网站开发技术，针对目前 信息技术教学网站所存在的问题，构建具有灵活高效性、可靠性、可扩展性、可复用性、 易用性等方面要求的，并且适合我校教学特点的信息技术课程教学网站，该网站具备的主 要功能和特点如下： 1、 充备的学习功能 本网站的学习功能模块，可分为教学大纲、课程介绍、课件下载、视频教学、课外资 料、实验任务下载、实验结果上传、实验成绩查询、站内短信、留言板等，操作功能健全、 简单。 2、 有效的奖励机制 本网站可根据学