Flex在远程教学系统开发中应用探究.doc

Flex在远程教学系统开发中应用探究【摘要】在远程教学系统中,学习者良好的体验能显著提升学习效率,而传统教学系统是基于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等客