《可交互英语视听系统的开发》由会员分享,可在线阅读,更多相关《可交互英语视听系统的开发(8页珍藏版)》请在金锄头文库上搜索。
1、 基于基于 WEBWEB 的可交互英语视听系统开发的可交互英语视听系统开发摘要: 分析了英语视听教学的现状;介绍了基于网络的英语视听远程教学系统的组成和系统开发的主要技术;结合应用,重点论述了 flvplayback 视频播放组件的应用、flash 中 textarea 组件与 asp 相结合的应用。abstract: this article analyses the status quo of the audiovisual english teaching and introduces the composition of the long-distance audiovisual en
2、glish teaching system, with an emphasis on the application of the flvplayback and the application of asp and textaea in flash put together.关键词: 英语远程视听教学;flvplayback;textarea;动态管理key words: long-distance audiovisual english teaching;flvplayback;textarea;dynamic management1 系统开发目的英语教学由于条件的限制,长期以来听、说、读
3、、写发展不平衡,造成了阅读能力强,而听说能力弱的结果。而多媒体教学系统是一个现代化的教学平台,它集声音、图像、视频和文字等媒体为一体,能产生生动直观的效果,有助于改善语言环境,有助于提高学生学习的兴趣和记忆力,有助于消除年龄,身份,地域,时间等方面的限制,实现因材施教和个性化教学的目的,尤其适合远程教育。能让学生高效率,低成本尽可能多地接触现实的英语,改变长期以来英语教学在听说方面事倍功半的状态。2 系统的总体结构本系统根据英语在不同场合用词、语音、语调、语速等方面的差异,将它划分成新闻、电影、卡通、谈话、讲解、演讲等几个栏目,然后根据以上栏目,通过电视、网络、光盘等多种渠道收集各类素材,并利
4、用计算机多媒体技术,整理编辑素材。制作出基于网络的、可动态管理的、交互功能强的多媒体课件,能用于不同层次高校英语视听教学。使用者可以根据教学对象的不同,方便地修改教学内容。系统总体结构如图 1 所示。主程序:包括片头、引导程序、各章节的链接等。使用者可以方便地进入学习系统进行各章节的学习,或进入后台数据管理,更新教学内容。一级子模块(课程目录):目录项通过超链连接进入教学章节选择界面。我们结合英语视听课程的教学,和英语的实际使用情况,将教学内容分成新闻、电影、动画、解说、谈话、演讲等六个模块,让学生身临其境地感受各模块之间的差异。各教学章节由自主学习模块和同步测试模块组成。通过目录,学生自主选
5、择要学习的内容,从而实现个性化的学习。后台数据管理:是课程系统的动态更新模块。使用者可以根据教学对象的不同,方便地修改教学内容和同步测试内容,以适应不同层次高校英语视听教学的需要。3 系统开发的主要技术在英语视听教学系统中,核心内容:一是快捷高效的控制视频的播放;二是数据的动态管理。在早期的 flash 版本中,多数作者都是自己开发播放器,flash 针对 flv 增加了一个非常好的组件flv playback,它非常容易使用,可更换界面,并且可以结合actionscript 脚本动态控制影片。在作者制作的英语视听教学系统中,为了便于使用者根据实际教学的需要,适时更新题目,所有题目采取可动态更
6、新的管理方法。在 flash 中如何实现数据的动态管理功能,作者将 flash 中的树管理与 access 数据库、asp相结合,实现了上述功能。31 flvplayback 视频播放组件的应用3.1.1 在场景中加入 flvplayback 组件 打开组件面板,将flvplayback 组件拖到场景适当的位置,并命名组件的实例名为“mc” ,以便用 actionscript 脚本控制组件内容的加载。3.1.2 修改播放器的外观 打开 mc 的属性面板(或打开组件检查器) ,选择参数选项卡,向下滚动参数面板打开 skin 项目,选中它点击右侧的放大镜按钮,选择一种你喜欢的播放器的外观。选择一种
7、皮肤后,这个皮肤的名字会显示在属性面板参数栏的skin 右侧,而且被选中的皮肤将会从 flash 的”configuration/skins”目录复制到保存文件所在的目录下。3.1.3 利用 actionscript 动态控制影片要播放的视频指定要播放的视频可以有 2 种方法,一是在组件的参数中有一项名为”contentpath”,选中后,用户可以在右侧手动输入位置,也可以点击右侧的放大镜选择 flv 的路径,这种方法简单,但不利于动态加载;二是用 actionscript 动态加载,作者采用的是第二种方法。3.1.3.1 设置 flvplayback 组件的链接属性在库中设置 flvplay
8、back 组件的链接属性为 actionscript 导出,以便利用脚本控制 flvplayback 的动态加载。3.1.3.2 利用 flvplayback 的 contentpath 属性动态加载视频在关键帧上或按钮上加入控制脚本:mc.contentpath=“end.flv” ;就可实现视频的动态加载。或使用远程网址的加载形式:mc.contentpath=“http:/ flash 与数据库的链接 为了方便使用者按章节管理后台数据库,作者利用了 flash 中 textarea 组件,结合 asp 制作出同步测试题管理的树型目录结构,并通过 loadvars 类将 textarea与
9、后台数据库链接,使用户很方便地实现数据的读取、修改和更新。321 准备工作在场景中创建 2 个 textarea 组件,分别命名为 textarea1 和textarea2。其中 textarea1 用来在前台显示接收的值,textarea2 用来在后台显示并修改数据。创建 access 数据库。在 access 环境下,创建名为 pb.mdb 的数据库,并运用表格设计器创建数据库中的信息表 data,该表由 4 个字段组成:id,ename,etype,content,分别存放信息的编号、一级目录名、二级目录名、同步测试题。322 创建与数据库连接的 asp 文件建立一个从数据库读取数据的
10、asp 文件(read.asp) ,供前台调用。核心代码如下:建立一个向数据库写数据的 asp 文件(updata.asp) ,供后台调用。核心代码如下:0 thenrs.closers.open sql,conn,1,3conn.execute strsqlresponse.write(“zhuce=true”)elseresponse.write(“zhuce=false”)end ifrs.closeconn.closeset rs=nothingset conn=nothing%以上代码的关键是:response.write(“_root.logindata.etype = news1
11、._name;logindata.sendandload(“read.asp”, logindata, “post”);logindata.onload = function(success) if (success) if (logindata.success != 0) mytextarea1.text = logindata.content; else mytextarea1.text = “找不到该记录”; else mytextarea1.text = “连接网络失败”;在 flash 中向数据库写数据的实现:核心代码如下:var logindata:loadvars = new l
12、oadvars();update.onrelease = function() logindata.content = mytextarea2.text;logindata.sendandload(“updata.asp”, logindata, “post”);logindata.onload = function(success) if (success) if (logindata.zhuce = “true”) msg.text = “成功”; else msg.text = “失败”; else msg.text = “连接网络失败”;4 结语本多媒体课件在制作过程中,由于素材和人手的不足,制作过程相当艰辛。因此我们想,如果有一个交流的平台,聚全社会的资源来办英语视听之窗,那么这小小的窗子将变成一个巨大的,更加丰富多彩的大窗子,所以我们将其设计为可动态更新的系统,增加课件的通用性,给用户留下二次开发的接口,以方便用户动态的更新教学内容,减少课件开发成本,尽可能避免资源的浪费。参考文献:1石潇等.flash8.0 动画实用教程m.江西高校出版社,2007.8.2唐治平,石潇等.多媒体技术与大学英语教学江西医学院学报,cn36-1029/r 2004.6.3王汝义.flash 网站建设技术精粹m.人民邮电出版社,2007.2.