可交互英语视听系统的开发.doc

基于WEB的可交互英语视听系统开发摘要： 分析了英语视听教学的现状；介绍了基于网络的英语视听远程教学系统的组成和系统开发的主要技术；结合应用，重点论述了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 english 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 系统开发目的英语教学由于条件的限制，长期以来听、说、读、写发展不平衡，造成了阅读能力强，而听说能力弱的结果。而多媒体教学系统是一个现代化的教学平台，它集声音、图像、视频和文字等媒体为一体，能产生生动直观的效果，有助于改善语言环境，有助于提高学生学习的兴趣和记忆力，有助于消除年龄，身份，地域，时间等方面的限制，实现因材施教和个性化教学的目的，尤其适合远程教育。能让学生高效率，低成本尽可能多地接触现实的英语，改变长期以来英语教学在听说方面事倍功半的状态。2 系统的总体结构本系统根据英语在不同场合用词、语音、语调、语速等方面的差异，将它划分成新闻、电影、卡通、谈话、讲解、演讲等几个栏目，然后根据以上栏目，通过电视、网络、光盘等多种渠道收集各类素材，并利用计算机多媒体技术，整理编辑素材。制作出基于网络的、可动态管理的、交互功能强的多媒体课件，能用于不同层次高校英语视听教学。使用者可以根据教学对象的不同，方便地修改教学内容。系统总体结构如图1所示。主程序：包括片头、引导程序、各章节的链接等。使用者可以方便地进入学习系统进行各章节的学习，或进入后台数据管理，更新教学内容。一级子模块（课程目录）：目录项通过超链连接进入教学章节选择界面。我们结合英语视听课程的教学，和英语的实际使用情况，将教学内容分成新闻、电影、动画、解说、谈话、演讲等六个模块，让学生身临其境地感受各模块之间的差异。各教学章节由自主学习模块和同步测试模块组成。通过目录，学生自主选择要学习的内容，从而实现个性化的学习。后台数据管理：是课程系统的动态更新模块。使用者可以根据教学对象的不同，方便地修改教学内容和同步测试内容，以适应不同层次高校英语视听教学的需要。3 系统开发的主要技术在英语视听教学系统中，核心内容：一是快捷高效的控制视频的播放；二是数据的动态管理。在早期的flash版本中，多数作者都是自己开发播放器，flash针对flv增加了一个非常好的组件flv playback，它非常容易使用，可更换界面，并且可以结合actionscript脚本动态控制影片。在作者制作的英语视听教学系统中，为了便于使用者根据实际教学的需要，适时更新题目，所有题目采取可动态更新的管理方法。在flash中如何实现数据的动态管理功能，作者将flash中的树管理与access数据库、asp相结合，实现了上述功能。31 flvplayback视频播放组件的应用3.1.1 在场景中加入flvplayback组件 打开组件面板，将flvplayback组件拖到场景适当的位置，并命名组件的实例名为“mc”，以便用actionscript脚本控制组件内容的加载。3.1.2 修改播放器的外观 打开mc的属性面板（或打开组件检查器），选择参数选项卡，向下滚动参数面板打开skin项目，选中它点击右侧的放大镜按钮，选择一种你喜欢的播放器的外观。选择一种皮肤后，这个皮肤的名字会显示在属性面板参数栏的skin右侧，而且被选中的皮肤将会从flash的”configuration/skins”目录复制到保存文件所在的目录下。3.1.3 利用actionscript动态控制影片要播放的视频指定要播放的视频可以有2种方法，一是在组件的参数中有一项名为”contentpath”,选中后，用户可以在右侧手动输入位置，也可以点击右侧的放大镜选择flv的路径，这种方法简单，但不利于动态加载；二是用actionscript动态加载，作者采用的是第二种方法。 设置flvplayback组件的链接属性在库中设置flvplayback组件的链接属性为actionscript导出，以便利用脚本控制flvplayback的动态加载。 利用flvplayback的contentpath属性动态加载视频在关键帧上或按钮上加入控制脚本：mc.contentpath=“end.flv”；就可实现视频的动态加载。或使用远程网址的加载形式：mc.contentpath=“/flash/end.flv”32 flash与数据库的链接 为了方便使用者按章节管理后台数据库，作者利用了flash中textarea组件，结合asp制作出同步测试题管理的树型目录结构，并通过loadvars类将textarea与后台数据库链接，使用户很方便地实现数据的读取、修改和更新。321 准备工作在场景中创建2个textarea组件，分别命名为textarea1和textarea2。其中textarea1用来在前台显示接收的值，textarea2用来在后台显示并修改数据。创建access数据库。在access环境下，创建名为pb.mdb的数据库，并运用表格设计器创建数据库中的信息表data，该表由4个字段组成：id,ename,etype,content，分别存放信息的编号、一级目录名、二级目录名、同步测试题。322 创建与数据库连接的asp文件建立一个从数据库读取数据的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(“&ename” & i & “=“ & ename & “&”)。目的是为了让flash能利用loadvars类读懂asp数据。它的一般形式：变量1=变量值1&变量2=变量值2&323 利用loadvars类变量实现flash与asp通讯在flash中接收数据库的值的关键技术：一是利用flash中场景中已建立的textarea组件，显示或编辑数据库的值；二是在动作脚本中创建一个loadvars类变量，用来实现flash与asp通讯。在flash中接收并显示数据库的值：var logindata:loadvars = new loadvars();_root.logindata.etype = news1._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 loadvars();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 结语本多媒体课件在制作过程中，由于素材和人手的不足，制作过程相当艰辛。因此我们想，如果有一个交流的平台，聚全社会的资源来办英语视听之窗，那么这小小的窗子将变成一个巨大的，更加丰富多彩