一种基于Internet互动学习平台的设计与应用

刘国辉，王东政

（沈阳大学 教务处计算中心，辽宁 沈阳 110044）

随着Internet的普及，网络已成为人们学习、工作、生活不可或缺的一部分.网络学习将必定成为信息化社会学习的主要途径之一，而目前网络中这种互动学习平台极少，导致学习者的学习数据主要来源于搜索引擎.所以构建一个虚拟的互动网络学习平台就显得尤为重要，它不仅满足了学习者对传统的文件数据和图片数据的需求，还可以使学习者通过视频、音频以及论坛提问和在线聊天的方式进行交互式的学习［1－2］.

在网络发展如火如荼的今天，网络学习已经成为人们社会化学习的一种新方式，网络学习之所以受到广大学习者的青睐是因为在网络上的学习数据丰富、学习时间灵活，还可以通过互动交流的方式进行学习［3－4］.而互动交流是非常有效的网络学习手段，对学习者的创新能力和认知能力的发展，发挥出不可低估的作用.然而当今网络上提供这种互动学习平台少之又少，仅有的学习平台也大部分以收费为主，并且与学习者互动性不够，学习数据也不能及时更新较为陈旧，不能满足人们学习社会化的需求.基于Internet的互动学习平台是为学习者进行网络学习和交流所专门开发的平台.学习者不仅可以通过这个平台获得文件、图片等传统学习数据，还可以发布视频教程或语音教程与他人分享，遇到问题还可以在系统论坛上或聊天室上与其他学习者互动交流，使得学习的方式更为灵活［5－6］.

1 基于Internet的互动学习平台需求分析

根据本系统的实际情况，用户登录系统后，可以完成发布教程、使用网络硬盘、在线聊天、发表和回复帖子等操作.

登录用户业务流程描述如下：

（1）发布教程.当用户发布的教程信息成功添加到数据表后，将教程文件上传到服务器指定目录，管理员将在后台教程管理模块中对教程信息进行管理，并将修改过的教程信息反馈给该用户.

（2）网络硬盘.当用户完成对网络硬盘空间的操作，管理员可以在后台管理网络硬盘模块中管理该用户的网络硬盘的使用信息，并将对该用户网络硬盘的管理信息反馈给该用户.

（3）发表主题.当用户填写完主题信息后，将该主题信息添加到数据表中，并由论坛管理员对用户发表的主题进行管理，将管理后的主题信息反馈给该用户.

（4）发表回复.用户选择相应的主题进行回复后，论坛管理员可以对用户发表的主题回复进行管理，并将论坛管理员的回复信息反馈给该用户.

登录用户部分业务流程如图1所示.

图1 登录用户部分业务流程图Fig.1 Part of the business process diagrams of login user

2 基于Internet互动学习平台的总体设计

2.1 基于Internet的互动学习平台总体设计

依据上述功能的分析，系统中模块分别为：个人信息管理、发布教程、上传影音、视频课堂、语音课堂、网络硬盘、聊天室、论坛、公告管理、教程管理、用户管理、网络硬盘管理、系统管理.互动学习平台系统功能结构如图2所示.

图2 互动学习平台系统功能结构图Fig.2 System function structure chart of interactive learning platform

2.2 基于Internet的互动学习平台数据库设计

在这里每一个实体便代表数据库中的一个表，由于表与表是有联系的，所以实体之间必然也存在联系.经分析可得到系统的E－R模型图，见图3.

图3 互动学习平台系统数据库E－R图Fig.3 E－R diagram of database of interactive learning platform system

2.3 基于Internet互动学习平台的实现

系统共有13个模块，下面对系统主要功能模块进行说明.

2.3.1 系统主界面实现

本系统的主界面是在表格布局的基础上利用用户自定义控件技术实现的，并且为增加网站的视觉效果还利用了css样式表技术对界面进行了美化.在首页局部模块（如网站公告模块）还利用html技术实现了滚动效果，增添了网站的视觉美感.系统主界面如图4所示.

图4 系统主界面Fig.4 Main interface of the system

2.3.2 发布教程功能实现

用户只有成功登录以后才具有发布教程的权限，用户可以选择发布教程的类型视频教程或语音教程，并且可以查看已发布过的教程，对于发布过的教程根据点击率的多少在前台页面排序显示.发布教程页如图5所示.

图5 发布教程Fig.5 Presentation of a tutorial

实现目标：只有登录用户才能通过首页导航条上的发布教程按钮进入到此发布教程页，用户需要填写教程名称、教程类型、课程类型、内容简介和需要上传的文件才能成功发布教程，发布成功以后就可以与其他学习者分享自己发布的教程了.如果选择教程类型是视频，那么格式限制为wmv；如果选择教程类型是语音，那么格式限制为mp3；如果想要发布其他媒体格式的教程，那么需要进入上传影音页，由管理员审核并格式转化后才能发布教程.

实现过程：首先用一个DropDownList控件来绑定tb＿Type（语言类型表）的语言类型名称，当用户点击发布按钮后，后台代码判断文件类型是否符合格式要求、判断在服务器上此文件名称的文件是否存在，如果均符合要求，则将教程信息添加到数据库，并将文件上传到系统服务器.在编写文件类型判断代码时如果采用大家常用的if（FileUpload1. FileName. Substring （File Upload1.File Name.LastIndexOf（“.”）＋1）＝＝“wmv”）代码来判断文件类型，攻击者就可以通过修改文件后缀格式为wmv的方法实现服务器欺骗，如果欺骗的文件是一个网页木马，那么很有可能整个平台就会成为黑客挂马的工具，使访问该网站的用户都会成为传播木马的受害者，即使是普通文件，也会因为不能正常播放而扰乱网站的正常次序.本系统采用的文件格式判断方法是利用上传控件PostFile对象的ContentType属性来获取客户端发送的文件的 MIME内容类型，由于浏览器在向服务器发送请求前，首先会确定发送内容的MIME类型，并将MIME类型作为信息的一部分提交到服务器端.

2.3.3 网络硬盘功能实现

网站注册用户享有100M最大上传文件和10M的私人网上磁盘空间，但允许用户上传文件的格式限于zip、rar、jpg、gif、bmp、doc.初始界面如图6所示.

图6 网路硬盘初始界面Fig.6 Initial interface of network hard disk

实现目标：

（1）在 Web.config文件中定义文件上传路径、上传类型限制、总文件夹容量限制、单个文件大小限制等参数，方便以后随时调整.程序通过读取Web.config文件夹获取这些数据.

（2）4个界面通过 MultiView进行切换，页面顶部下拉列表框提供4个界面的切换，改变选项自动切换界面.

（3）管理文件界面中使用ListBox列出目录中所有文件，单击任何一项都自动在右部给出文件详细信息，并且把文件名输入到“对文件重命名”按钮前的文本框中.

（4）对没有选择上传文件、上传文件的类型不匹配、大小超过单个文件限制、大小超过文件夹可用容量、上传成功等情况都使用客户端警告框给予提示.

实现过程：本模块不涉及到利用ADO.NET数据库访问技术而是应用 Directory、DirectoryInfo、File、FileInfo类利用C＃编程思想实现对文件和文件夹的操作.只有登录用户才能拥有使用此功能的权限，每个用户名对应服务器端的一个文件夹名称，当用户登录时首先判断该用户名的文件夹在服务器上是否存在，如果不存在则利用Directory类的CreateDirectory方法创建一个文件夹.

3 结 论

本文主要介绍了基于Internet的互动学习平台的研发项目的分析和设计过程，系统完成了预期的全部功能，具有个人信息管理、教程发布、上传影音、视频／语音课堂、网络硬盘、聊天室、论坛、公告管理、教程管理、用户管理、网络硬盘管理、系统管理等功能.本系统利用动态网页来与用户交互.本系统中采用ASP.NET＋SQL Server的数据库连接技术，开发了一个基于Internet的互动学习平台，实现了自主学习交互式管理.

［1］ 张伟远.网络教学发展模式的理论构建与应用［J］.现代远程教育研究，2013（1）：14－23.

（Zhang Weiyuan. The Theoretical Construction and Application of the Development Mode for Online Instruction［J］.Modern Distance Education Research，2013（1）：14－23.）

［2］ 刘莹昕，石伟.基于ASP的电子档案袋评价系统的设计［J］.沈阳大学学报，2011，23（6）：111－114.

（Liu Yingxin，Shi Wei.E－Portfolio Evaluation System Design Based on ASP［J］.Journal of Shenyang University，2011，23（6）：111－114.）

［3］ 徐苑苑，张际平.开放教育资源的应用模式研究［J］.现代教育技术，2013，23（5）：78－83.

（Xu Yuanyuan，Zhang Jiping.Research on Open Education Resources Application Model［J］. Modern Educational Technology，2013，23（5）：78－83.）

［4］ 张静，蒋立兵，杨方正.远程教育视野下的成人在线学习平台设计［J］.江苏教育研究，2013（24）：12－15.

（Zhang Jing，Jiang Libing，Yang Fangzheng.On the Design of Adult Learning Platform from the Perspective of Distance Education［J］.Jiangsu Education Research，2013（24）：12－15.）

［5］ 李萍.Web 2.0环境下基于 Moodle的读者自助学习平台的实现［J］.科技情报开发与经济，2013，23（16）：124－126.

（Li Ping.The Implementation of Reader's Self－learning Platform Based on Moodle under Web 2.0Environment［J］.Sci－Tech Information Development ＆ Economy，2013，23（16）：124－126.）

［6］ 安文广，陈刚.基于Internet的网络工程虚拟实验室平台架构设计［J］.无线互联科技，2013（9）：84－85.

（An Wenguang，Chen Gang.Platform Structuring Design of Network Engineering Virtual Laboratory Based on Internet［J］.Wireless Technology，2013（9）：84－85.）