远程教学软件_Flex在远程教学系统开发中的应用研究
时间：2019-01-14 03:33:02 来源：雅意学习网 本文已影响 人 
【摘要】在远程教学系统中,学习者良好的体验能显著提升学习效率,而传统教学系统是基于HTML的、用户全方位的体验要求难以得到满足。Flex将客户端的设计从以页面为中心提升到以组件为中心,改进了客户端程序的设计,它还能将桌面应用程序的用户体验与传统Web应用的部署灵活性结合起来。文章就Flex在远程教学系统界面设计、交互设计、离线应用三方面做了探讨。
【关键词】远程教学系统;富因特网应用程序(RIA);Flex;离线应用
引言
目前,绝大多数远程教学系统都是基于HTML的,而HTML抛弃了很多重要的UI功能,使得基于HTML的教学系统可视化特性较差,此外,“请求―响应―刷新”模型使得基于HTML的应用系统要求多次提取网页来完成一项事务处理,从而导致交互速度过慢,影响了用户体验。随着Internet速率的提升,用户不再满足于传统的“图像+文本”的表现形式,越来越希望Web在表现上能够更智能、更人性化、更具个性化,这一点在远程教育领域体现得特别明显。作为富因特网应用程序(RIA)技术的领航者,Flex采用异步方式和服务器端通信,它既弥补了传统B/S结构应用系统页面表现单调、数据处理不智能的缺陷,又解决了C/S结构应用系统的难于部署不易维护和更新的问题。Flex 提供了一系列独特的功能, 包括:表现力、高执行效率、丰富媒体支持、脱机支持等,Flex在远程教学系统中的应用可以改变远程学习者与教学系统的交互方式、改进教学系统界面质量、带来良好的学习者体验。
一 Flex在远程教学系统界面设计中的应用
为了实现对数据和应用系统的快速访问,HTML抛弃了一些重要的UI功能,基于HTML的Web 系统不具备C/S模式应用程序的丰富数据展示效果、用户界面局限性明显、可视化特性较差。Flex用规范的、标准化的MXML描述界面,用ActionScript实现程序逻辑,实现了内部逻辑与外部界面的相互分离。MXML文件经解释后生成矢量格式的SWF文件,对客户端环境无特殊要求,客户端只需安装Flash Player即可,基于Flex的应用系统部署灵活、易于维护。
Flex提供了Alert、DateChooser、DividedBox、Hslider等组件,用Flex能实现可视化特性优越的用户界面,增强用户的沉浸感。Flex还提供了大量用于数据呈现的组件,如ComboBox、List、Tree、DataGrid等,这些组件支持数据绑定。组件提供了丰富的用户接口,使得Flex较传统的HTML应用更有优势。
HTML基于“请求―响应―刷新”模型,应用程序的请求会导致整个页面信息的提交,会在网络中传输大量重复的数据,频繁的批量数据交互导致较长的等待时间和较重的网络负荷,用户更高的、全方位的体验要求难以得到满足。同基于HTML的系统相比,Flex可通过应用程序状态的切换或使用Accordion容器组件等方法实现无刷新的快捷界面响应。
在教学系统界面设计中常采用状态切换和组件技术实现课程内容的切换:
1状态法解决方案
根据远程教学系统功能需要,将界面分成相对独立的部分,界面随用户的交互动作或系统事件在各个部分之间切换。通过状态的应用实现了多页面的访问,在页面切换时无页面刷新。状态的切换可通过鼠标单击事件触发以实现类似超链接的效果。图1是一MXML状态定义,在ActionScript代码中用currentState=’index’进行状态的切换。状态切换时可以播放组合到一起的一种或多种效果,实现状态切换时的过渡效果。
图1 状态定义示例
2容器法解决方案
Flex提供了多种导航组件,如TabNavigator、Accordion和ViewStack等。这些组件由若干个子容器组成的,某一时刻只有一个子容器是可见的。在ActionScript中可以通过对selectedChild属性设置实现容器的切换,TabNavigator与Accordion则提供了可视化的标签条来切换容器。布局容器的使用能清晰地划分功能模块。
在实际教学系统开发时,一般结合使用状态法和容器法来实现页面的切换,在具有明显功能差别的设计中用状态法实现,在同一功能模块中的切换使用容器法,从而使系统整体框架清晰、给学习者提供良好的导航。
二 Flex在远程教学系统交互设计中的应用
Flex提供了大量的用户交互组件,通过这些封装完善的组件能够接受用户输入、导航、大量数据的批量处理、查询和浏览。这些组件的组合使用能够提供给用户丰富的交互方式、多样化的数据展示接口,Flex组件也可以按需要进行扩展。
Web系统中树型导航菜单使用频率较高,传统B/S系统一般使用Javascript等客户端技术,菜单结构内嵌于脚本中,菜单项不易更新。使用Flex提供的Tree控件,可以将导航菜单数据存放在数据库中,查询数据库后将返回的XML格式数据绑定到Tree控件。运行效果如图2所示。
图2 TREE控件绑定外部XML文件运行效果图
在传统HTML应用中,客户端数据的验证过多地依赖于JavaScript、VBScript等脚本,这种方法实现起来既繁琐又容易出现错误,并且使得客户端臃肿、脚本载入时间较长、占用客户端CPU资源严重、执行效率不高。此外,脚本受客户端设置的影响,可能不能正常执行,致使验证功能不能正常使用。
Flex提供了类似于Asp.net中的验证控件的机制,可以使用其验证机制对表单内元素进行验证。验证类简化了对用户输入内容进行验证的工作,它们能自动生成相应脚本,实现了交互性和对用户友好性更加良好的应用。验证时Flex能自动维护控件状态、自动定位到未通过验证的项。常用的验证类有StringValidator,NumberValidator,DateValidator,EmailValidator,验证类的使用显著提升了程序开发效率、提升了程序的可读性和可维护性、增强了程序的交互性。
三 Flex离线应用研究
远程学习者学习进程通常受制于网络环境,通过在客户端存储数据,Flex应用程序能确保远程学习者在脱机、低带宽或网络不稳定的情况下学习进程不会中断。Flex应用程序在客户端把数据保存在一个本地数据存储中,当网络连接断开时,程序依然可以访问本地的数据存储,从而用户可在离线状态下对客户端数据进行修改,当恢复网络连接时再将本地数据与服务器端数据同步。
基于Flex的远程教学系统,客户端要求安装Flash Player虚拟机,在Flash设置管理器中允许设置本地存储容量。数据存储在客户端可提供内容丰富且响应迅速的用户界面,以及强大的客户端处理能力。数据在客户端的存储能最大限度地使用本地资源以及将本地资源集成到客户端应用程序,可以使应用程序更好、更有效地利用客户端的计算能力,极大地提高客户端表现能力与性能、加速网络教学系统。
在Flex应用程序中,URLRequest、URLLoader对象能得到当前网络状态,当应用程序加载远程数据时IOErrorEvent.IO_ERROR事件发生,表示网络中断;Event.COMPLETE事件发生,表示网络通信状况良好。在这两个事件的侦听器中设置应用程序的状态并设置一逻辑变量标识目前的网络状态,在NETWORK_CHANGE事件处理程序中,改变标识变量的值。在线状态时应用程序从服务器端加载数据,离线状态则从本地加载数据。当网络状态变化时,发生NETWORK_CHANGE事件,在该事件处理程序中实现:
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文 1 设置应用程序的状态(currentState);
2 离线加载本地文件,在线加载远程文件并保存到本地;
3 如果网络状态从离线切换到在线时,加载并同步更新远程文件。
Flex应用程序的离线运行能力使用户能对数据进行可视化、搜索或排序等复杂的数据操作。在网络教学系统中,服务器端的数据更新频率低,数据在客户端直接存储使远程学习者可使用本地数据而不需要连接服务器重新获取数据,从而能脱机使用数据,直至网络正常再重新连接到服务器。
四 回顾及展望
Web的发展经历了以HTML为代表的标记语言、以CSS为代表的样式语言以及以JavaScript为代表的程序设计语言、以ASP为代表的服务器端环境,以Flex为代表的RIA应用,Web的表现能力已经越来越丰富了。在RIA开发领域,Flex处于领航者的位置,最新版本的Flex3.0拥有全新的脚本语言ActionScript3.0、拥有丰富的类库和卓越的运行效率,它已经受到了越来越多的开发者关注。
快速响应用户的请求、减轻服务器的负载、平衡应用的资源、提供丰富的交互方式已经成为了基于Web的远程教学系统的发展趋势。Flex致力于实现浏览器、桌面和移动平台的支持,能支持包括移动学习在内的多种学习模式,能实现网络学习评价、智能导航、反馈,Flex在远程教学系统开发中具有广泛的应用前景。
参考文献
[1] 袁勤勇.XHTML实例精解[M].北京:清华大学出版社,2002:23-31.
[2] 于鹏.网页设计语言教程(HTML/CSS)[M].北京: 电子工业出版社,2003:3-12.
[3] 吕晓鹏.Flex3.0―基于ActionScript3.0实现[M].北京:人民邮电出版社,2008:5-9.
[4] 武法提.网络课程设计与开发[M].北京:高等教育出版社,2007:3-9.
[5] 尹增明.ASP.NET WEB应用开发[M].北京:机械工业出版社,2008:103-117.
[6] Sandeep Singhal等.网络虚拟环境设计与实现[M].北京:电子工业出版社,2006:12-27.
Research on Flex’s Application in the Development of Distance Teaching System
DENG Meng-de
(Institute of Educational Science and Technology, China West Normal University, Nanchong, Sichuan 637002, China)
Abstract:In the distance teaching system, excellent experience could significantly improve the learning efficiency, but most traditional teaching systems are based on HTML, users’ experience is difficult to be met. Flex brought new pattern for client design, that is: page-centered to component-centered, Flex also could combine the deployment flexibility of B/S model and excellent user experience of C/S model. This article discusses these areas: interface design, interactive design, and offline application.
Keywords: Distance Teaching System; Rich Internet Application; Flex; Offline Application
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文
