论文部分内容阅读
摘要:网络教学平台是以学生学为主体、教师教为主导进行网络教学的平台,是对传统教学形式的改革,适应了当前教育模式的发展和Internet远程多媒体互动教学的发展需求。本文介绍了一个采用PHP语言设计的网络教学平台,该平台包括教学动态、资源中心、在线测试、智能搜索、在线多媒体交流等功能模块。重点介绍了基于PHP_SOAP的Web Sevice和FMS(Adobe Flash Media Interactive Server)技术的应用。实践表明其具有一定的参考价值和实用价值。
关键词:网络平台;Web服务;FMS技术;互动教学
作者简介:李建奇(1980-),男,湖南桃源人,湖南文理学院电气与信息工程学院,副教授,工学硕士,主要研究方向:计算机控制与优化的教学与研究;李晓峰(1957-),男,湖南常德人,湖南文理学院电气与信息工程学院,教授,工程硕士,主要研究方向:计算机在纺织检测控制技术中的应用。(湖南 常德 415000)
21世纪现代化建设对人才提出了更高的要求,也对教育事业的发展提出了新的要求,为此各大高等院校对教学模式也进行了各种探索。目前普遍认同了从“以教为中心”转变为“以学为中心”的教学设计理论,这种以“学”为中心的教学设计理论与传统的以“教”为中心的教学设计理论完全不同,教师和学员的地位、作用都发生了变化。[1]如何有效促进学生的自主学习是新时期亟待解决的问题。许多高校正在积极推动院校教育信息化的工作,借助于网络教学活动如网络协作式学习、网络研究性学习等多种形式,实现模式的转变,并取得了一定进展。本文将介绍一种个性化多媒体网络互动教学平台的设计与实现。
一、系统功能
信息化社会要求必须培养学生的自主学习能力,教会学生接受新知识和新技能的本领,而互联网的Web Service可以为学生的自主学习提供资源平台。其次,从可行性分析层面上来说,目前的Web技术能够提供这样一个供学生自主学习的平台,实现信息综合、资源汇集、在线视频聊天、智能搜索等服务。多媒体网络互动教学平台从某个层面上弥补了传统教学的不足,适应了目前信息化社会的发展需求。整个系统被分为六大模块,各大模块互相关联又相对独立。这个平台制作的基本目标是:结构清晰、内容丰富、方便快捷。系统平台模块包括新闻资讯模块、资源下载模块、在线练习模块、在线测试模块、智能搜索模块、实时交流模块。教师使用该系统可以进入网站后台管理相关的资料、发布课件、布置作业、编辑题库等。学生使用该系统可以了解课程、下载学习资源、信息搜索、在线练习、在线测试、实时讨论交流等。平台设置如图1所示。
二、系统的关键技术
系统采用PHP编写动态脚本程序,PHP开发环境采用了Easyeclipse,Easyeclipse是一个大型PHP项目开发编译器,从Eclipse底层开发而来,并且集成了JDK,免除了安装配置的麻烦,一次安装即可使用,无须配置。使用PHP进行平台开发,优点是PHP的执行效率非常高,同时在Apache服务器的支撑下PHP显得更加有效,不仅适合中小型系统开发,而且对于大型系统应用也可以很好支持。使用LAMP开源组合是目前Web的主流应用组合,这样可以保证初期投入不大又能开发出安全高效的应用平台。[2]从CNNIC关于中国互联网网页编程语言的调查报告中可以看到PHP的占有率位居第一。前台Web用户界面采用DIV+CSS布局,这种布局方式的优点是页面结构清晰,主次分明,适合较为正式严肃的平台。
1.建立全局数据库连接文件
平台设计中使用SQL脚本创建数据库,并使用PhpMyAdmin来管理MySQL数据库,和ASP相比PHP在数据库应用方面更出色。通过mysql_connect函数建立数据库连接时可以通过返回值判断连接是否成功,如果成功则返回一个MySQL连接标志,失败则返回FALSE。设计中从全局建立数据库连接,这样就不再需要每次操作数据库时都建立连接。[3]全局配置文件config.php定义了整个平台的公共变量,包括数据库主机地址、数据库用户名、数据库密码、数据库名称、数据表前缀等等。
2.基于Web Service的FAQ搜索
本系统中设置的智能搜索功能是通过资料库中的标题字段和内容字段来进行相关内容的搜索。搜索的内容采用Ajax实现无刷新插入到搜索页面,结果显示搜索的题库标题和内容。输入文本框采用了jQuery的Autocomplete插件实现自动文本输入功能,并将常用词汇单独写入一个PHP文件,方便词库的更新修改。同时统计用户输入,按照关键词频率来显示提示信息。
智能搜索的运行机制是用户输入信息被系统捕捉,并行执行两个处理过程,其中之一是检索Tag标签,也就是用户输入提示关键词库,将检索到的关联关键词库的结果返回到检索输入框下,做辅助用户输入用;另一个处理是根据用户的输入检索数据库信息,具体是匹配标题和内容。使用Ajax技术将搜索到的结果无刷新地插入到搜索结果页面。实现过程的关键是两个处理的并行执行,方便用户使用。
要在PHP中实现SOAP必须启用SOAP的扩展,需在php.ini文件中找到如下所示的一行代码,去掉前面的注释(;)然后重启Web服务器即可。
;extension=php_soap.dll
使用SOAP,需要首先创建一个SoapServer对象,然后使用该对象的方法addFunction添加可供客户端调用的方法。服务器端实例如下:
include_once("soapfunc.php");//载入函数脚本文件
$soap = new SoapServer();
$soap->addFunction("reverse");//声明reverse方法可以被客户端调用
$soap->handle();//handle方法用来处理用户输入并调用相应的函数
客户端使用和服务器端相似,不过要指定服务器端文件,实例如下:
$client = new SoapClient("soap/soapserver.php?var=.$var");
实例化类之后可以操作类的方法,如$reversed = $client->reverse($str),如此实现SOAP的访问。
搜索结果页面会显示资料库中的问题和解释字段的内容,智能搜索的具体执行过程如图2所示。
后台PHP查询程序是使用Ajax和jQuery的Autocomplete来实现的,下面给出关键脚本。
$("#search_term").autocomplete([<?=tags_db();?>],{//Autocomplete插件运用
width: 253,max: 14,scroll: true,scrollHeight: 300
});
function ajax_search(){//Ajax提交数据到PHP执行文件,并将结果返回DIV(#context)
var search_val=$("#search_term").val();
$.post("engine/search_php.php",{searchvar:search_val},
function(data){
if(data.length>0){
$("#context").html(data);
}})}
3.在线交流模块
(1)文字聊天设计。在线文字聊天模块中用户进入聊天模块必须登录,否则不允许使用该功能。设计的聊天模块基于Ajax无刷新提交留言,支持多用户同时在线交流,提供的聊天功能是多对多的聊天形式,方便学生老师在线实时交流。使用Ajax进行数据提交,使用JavaScript的settimeout函数进行定时触发,实现页面自动刷新。
(2)视频语音聊天设计。FMS(Adobe Flash Media Interactive Server)是一款可伸缩、高性能的流媒体服务器,它支持包括网络摄像聊天、在线游戏、VoIP在内的多路应用程序和其他各种交互可能性,FMS成为流视频和实时通信领域业界领先的解决方案。系统的运行需要构建FMS服务器,学生和教师只需通过客户端浏览器连上Internet,访问FMS服务器发布的视频会议页面就可以随时进行视频会议。[4]客户端与流媒体服务器通信首先要建个NetConnection()。
如:nc.connect("rtmp://localhost/test1");//使用RTMP
(Routing Table Maintenance Protocol路由选择表维护协议)。
顺利连接服务器后会触发一个onStatus事件,可以trace一下info.code
nc = new NetConnection();
nc.onStatus = function(info){
trace(info.code);
if(info.code == "NetConnection.Connect.Success"){
trace("接通");
}};
连接时每当客户端试图连接服务器的一个NetConnection.connect(),服务器将会调用application.onConnect来鉴定是不是允许客户端连接,onConnect()方法返回null或不返回则将进入未决状态,直到onConnect()方法中返回true或执行acceptConnection(client)则允许,返回false或执行rejectConnection(client)则拒绝。在线视频聊天Flash采用Flash8制作,在媒体库中拖视频控件和TextInput,在第一帧编写连接FMS脚本程序,导出影片格式为swf。
4.新闻模块设计
新闻模块主要作用是发布教学新闻,也就是一个内容管理系统(CMS)的设计。新闻模块设计主要部分是后台信息发布设计,网络教学平台的后台目录定义为Manage,后台管理包括信息管理、下载管理、友情链接管理、试题管理、分类管理、用户管理等。[5]
三、小结
本文实现了基于PHP的多媒体网络互动教学平台,系统中的智能搜索功能采用Ajax实现用户输入的实时响应,采用jQuery实现智能Tag提示,这样方便了用户查找信息。同时该部分还使用PHP_Soap设计基于Web Service的API接口调用,实现资源的简单通用访问,功能齐全。平台采用FMS+Flash实现网络多媒体交流,系统投入运行后运行稳定,收到了较好的教学效果,有一定的使用价值。
参考文献:
[1]胡炳林,吕爱杰,韩健,等.基于WEB平台下以“学”为中心的教学探讨与思考[J].电化教育研究,2006,(5):56-60.
[2]邧征,徐晓昕,邹晨.Web 2.0动态网站开发——PHP技术与应用[M].北京:清华大学出版社,2008.
[3]Chris Newman.Sams Teach Yourself MySQL in 10 Minutes[M].Indianapolis:Sams,2006.
[4]吴征远.基于FMS的网络视频会议系统设计[J].山东理工大学学报(自然科学版),2009,(1):83-86.
[5]王绍卜.基于WEB的校园多媒体教学平台技术研究[J].实验技术与管理,2006,(11):88-90.
(责任编辑:麻剑飞)
关键词:网络平台;Web服务;FMS技术;互动教学
作者简介:李建奇(1980-),男,湖南桃源人,湖南文理学院电气与信息工程学院,副教授,工学硕士,主要研究方向:计算机控制与优化的教学与研究;李晓峰(1957-),男,湖南常德人,湖南文理学院电气与信息工程学院,教授,工程硕士,主要研究方向:计算机在纺织检测控制技术中的应用。(湖南 常德 415000)
21世纪现代化建设对人才提出了更高的要求,也对教育事业的发展提出了新的要求,为此各大高等院校对教学模式也进行了各种探索。目前普遍认同了从“以教为中心”转变为“以学为中心”的教学设计理论,这种以“学”为中心的教学设计理论与传统的以“教”为中心的教学设计理论完全不同,教师和学员的地位、作用都发生了变化。[1]如何有效促进学生的自主学习是新时期亟待解决的问题。许多高校正在积极推动院校教育信息化的工作,借助于网络教学活动如网络协作式学习、网络研究性学习等多种形式,实现模式的转变,并取得了一定进展。本文将介绍一种个性化多媒体网络互动教学平台的设计与实现。
一、系统功能
信息化社会要求必须培养学生的自主学习能力,教会学生接受新知识和新技能的本领,而互联网的Web Service可以为学生的自主学习提供资源平台。其次,从可行性分析层面上来说,目前的Web技术能够提供这样一个供学生自主学习的平台,实现信息综合、资源汇集、在线视频聊天、智能搜索等服务。多媒体网络互动教学平台从某个层面上弥补了传统教学的不足,适应了目前信息化社会的发展需求。整个系统被分为六大模块,各大模块互相关联又相对独立。这个平台制作的基本目标是:结构清晰、内容丰富、方便快捷。系统平台模块包括新闻资讯模块、资源下载模块、在线练习模块、在线测试模块、智能搜索模块、实时交流模块。教师使用该系统可以进入网站后台管理相关的资料、发布课件、布置作业、编辑题库等。学生使用该系统可以了解课程、下载学习资源、信息搜索、在线练习、在线测试、实时讨论交流等。平台设置如图1所示。
二、系统的关键技术
系统采用PHP编写动态脚本程序,PHP开发环境采用了Easyeclipse,Easyeclipse是一个大型PHP项目开发编译器,从Eclipse底层开发而来,并且集成了JDK,免除了安装配置的麻烦,一次安装即可使用,无须配置。使用PHP进行平台开发,优点是PHP的执行效率非常高,同时在Apache服务器的支撑下PHP显得更加有效,不仅适合中小型系统开发,而且对于大型系统应用也可以很好支持。使用LAMP开源组合是目前Web的主流应用组合,这样可以保证初期投入不大又能开发出安全高效的应用平台。[2]从CNNIC关于中国互联网网页编程语言的调查报告中可以看到PHP的占有率位居第一。前台Web用户界面采用DIV+CSS布局,这种布局方式的优点是页面结构清晰,主次分明,适合较为正式严肃的平台。
1.建立全局数据库连接文件
平台设计中使用SQL脚本创建数据库,并使用PhpMyAdmin来管理MySQL数据库,和ASP相比PHP在数据库应用方面更出色。通过mysql_connect函数建立数据库连接时可以通过返回值判断连接是否成功,如果成功则返回一个MySQL连接标志,失败则返回FALSE。设计中从全局建立数据库连接,这样就不再需要每次操作数据库时都建立连接。[3]全局配置文件config.php定义了整个平台的公共变量,包括数据库主机地址、数据库用户名、数据库密码、数据库名称、数据表前缀等等。
2.基于Web Service的FAQ搜索
本系统中设置的智能搜索功能是通过资料库中的标题字段和内容字段来进行相关内容的搜索。搜索的内容采用Ajax实现无刷新插入到搜索页面,结果显示搜索的题库标题和内容。输入文本框采用了jQuery的Autocomplete插件实现自动文本输入功能,并将常用词汇单独写入一个PHP文件,方便词库的更新修改。同时统计用户输入,按照关键词频率来显示提示信息。
智能搜索的运行机制是用户输入信息被系统捕捉,并行执行两个处理过程,其中之一是检索Tag标签,也就是用户输入提示关键词库,将检索到的关联关键词库的结果返回到检索输入框下,做辅助用户输入用;另一个处理是根据用户的输入检索数据库信息,具体是匹配标题和内容。使用Ajax技术将搜索到的结果无刷新地插入到搜索结果页面。实现过程的关键是两个处理的并行执行,方便用户使用。
要在PHP中实现SOAP必须启用SOAP的扩展,需在php.ini文件中找到如下所示的一行代码,去掉前面的注释(;)然后重启Web服务器即可。
;extension=php_soap.dll
使用SOAP,需要首先创建一个SoapServer对象,然后使用该对象的方法addFunction添加可供客户端调用的方法。服务器端实例如下:
include_once("soapfunc.php");//载入函数脚本文件
$soap = new SoapServer();
$soap->addFunction("reverse");//声明reverse方法可以被客户端调用
$soap->handle();//handle方法用来处理用户输入并调用相应的函数
客户端使用和服务器端相似,不过要指定服务器端文件,实例如下:
$client = new SoapClient("soap/soapserver.php?var=.$var");
实例化类之后可以操作类的方法,如$reversed = $client->reverse($str),如此实现SOAP的访问。
搜索结果页面会显示资料库中的问题和解释字段的内容,智能搜索的具体执行过程如图2所示。
后台PHP查询程序是使用Ajax和jQuery的Autocomplete来实现的,下面给出关键脚本。
$("#search_term").autocomplete([<?=tags_db();?>],{//Autocomplete插件运用
width: 253,max: 14,scroll: true,scrollHeight: 300
});
function ajax_search(){//Ajax提交数据到PHP执行文件,并将结果返回DIV(#context)
var search_val=$("#search_term").val();
$.post("engine/search_php.php",{searchvar:search_val},
function(data){
if(data.length>0){
$("#context").html(data);
}})}
3.在线交流模块
(1)文字聊天设计。在线文字聊天模块中用户进入聊天模块必须登录,否则不允许使用该功能。设计的聊天模块基于Ajax无刷新提交留言,支持多用户同时在线交流,提供的聊天功能是多对多的聊天形式,方便学生老师在线实时交流。使用Ajax进行数据提交,使用JavaScript的settimeout函数进行定时触发,实现页面自动刷新。
(2)视频语音聊天设计。FMS(Adobe Flash Media Interactive Server)是一款可伸缩、高性能的流媒体服务器,它支持包括网络摄像聊天、在线游戏、VoIP在内的多路应用程序和其他各种交互可能性,FMS成为流视频和实时通信领域业界领先的解决方案。系统的运行需要构建FMS服务器,学生和教师只需通过客户端浏览器连上Internet,访问FMS服务器发布的视频会议页面就可以随时进行视频会议。[4]客户端与流媒体服务器通信首先要建个NetConnection()。
如:nc.connect("rtmp://localhost/test1");//使用RTMP
(Routing Table Maintenance Protocol路由选择表维护协议)。
顺利连接服务器后会触发一个onStatus事件,可以trace一下info.code
nc = new NetConnection();
nc.onStatus = function(info){
trace(info.code);
if(info.code == "NetConnection.Connect.Success"){
trace("接通");
}};
连接时每当客户端试图连接服务器的一个NetConnection.connect(),服务器将会调用application.onConnect来鉴定是不是允许客户端连接,onConnect()方法返回null或不返回则将进入未决状态,直到onConnect()方法中返回true或执行acceptConnection(client)则允许,返回false或执行rejectConnection(client)则拒绝。在线视频聊天Flash采用Flash8制作,在媒体库中拖视频控件和TextInput,在第一帧编写连接FMS脚本程序,导出影片格式为swf。
4.新闻模块设计
新闻模块主要作用是发布教学新闻,也就是一个内容管理系统(CMS)的设计。新闻模块设计主要部分是后台信息发布设计,网络教学平台的后台目录定义为Manage,后台管理包括信息管理、下载管理、友情链接管理、试题管理、分类管理、用户管理等。[5]
三、小结
本文实现了基于PHP的多媒体网络互动教学平台,系统中的智能搜索功能采用Ajax实现用户输入的实时响应,采用jQuery实现智能Tag提示,这样方便了用户查找信息。同时该部分还使用PHP_Soap设计基于Web Service的API接口调用,实现资源的简单通用访问,功能齐全。平台采用FMS+Flash实现网络多媒体交流,系统投入运行后运行稳定,收到了较好的教学效果,有一定的使用价值。
参考文献:
[1]胡炳林,吕爱杰,韩健,等.基于WEB平台下以“学”为中心的教学探讨与思考[J].电化教育研究,2006,(5):56-60.
[2]邧征,徐晓昕,邹晨.Web 2.0动态网站开发——PHP技术与应用[M].北京:清华大学出版社,2008.
[3]Chris Newman.Sams Teach Yourself MySQL in 10 Minutes[M].Indianapolis:Sams,2006.
[4]吴征远.基于FMS的网络视频会议系统设计[J].山东理工大学学报(自然科学版),2009,(1):83-86.
[5]王绍卜.基于WEB的校园多媒体教学平台技术研究[J].实验技术与管理,2006,(11):88-90.
(责任编辑:麻剑飞)