Flex与XML在网络自测系统中研究与设计.docVIP

Flex与XML在网络自测系统中研究与设计 　　摘要：网络自测在网络自主学习中有着重要的地位。基于RIA的网页可以给用户提供更好的用户体验，Flex是开发RIA的应用程序框架。描述了Flex和XML的优势，设计了基于Flex和XML的网络自测系统的架构，给出了试卷XML结构的设计和系统主界面的设计，展示了系统运行效果。系统可提供较好的用户体验并具有良好的可扩展性。 　　关键词：网络自测系统；RIA；Flex；XML；用户体验好 　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2013）30-6773-02 　　随着互联网络的出现，网络自主学习成为一种新型的重要的学习途径。网络自主学习模式是指以自主—建构主义理论指导的网络环境下学生把握学习过程的一种学习模式。它是在建构主义理论基础的网络环境下进行的自主认知学习过程。网络自测在网络自主学习中有着重要的地位，使用网络自测系统的自主学习，学生能对自己的学习情况有所了解，并能及时调整学习计划，决定学习进度，这不仅能调动学生的学习积极性，也能增强学生学习的自信心。 　　具有易访问性和良好互动性是网络自测系统得以推广的内在要求。由于基于HTML Web网页的具有易访问性，使得基于HTML Web技术的在线自测系统广为流行。但传统的基于HTML页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求。随着Web技术的不断发展，Web开发有了新的发展分支，即包含丰富用户体验的应用，这就是RIA（Rich Internet Application，富互联网应用程序）。[1] 　　Flex是Adobe为满足希望开发RIA的企业级程序员的需求，而推出的表示层应用程序框架。Flex无缝整合了Flash、ActionScript以及MXML，并提供了丰富的可扩展用户界面及数据访问组件。[2] 　　XML（eXtensible Markup Language）是一种扩展性标识语言，是一种符合规定的语法和文法的标准标记符号集合，是一种跨平台的数据描述语言。XML语言具有自描述性，可以对复杂对象进行详尽的结构化描述；具有语言独立性，可把数据、结构和显示方式相分离；并具有良好的可扩展性和平台无关性。[3] 　　本文将研究：利用Flex丰富的展现功能，来设计网络自测系统的友好的互动式界面。利用XML的可对复杂对象进行详尽的结构化描述能力及其良好的可扩展性和平台无关性，来描述、存储网络自测系统中试题信息的结构与数据。设计一个可把数据和显示方式相分离的、可扩展性强、用户体验好的网络自测系统。 　　1 系统架构 　　图1展示了基于Flex和XML的网络在线自测系统架框。客户端是运行在浏览器上的Flex应用，服务器端可以是ASP、JSP、PHP等Web应用服务程序。当Web服务器接收到Flex应用发出的HTTP请求后，开始执行业务逻辑代码并与数据库进行交互，取出存储在数据库中的试题信息，然后按照试卷XML结构的设计要求生成XML格式的试卷信息，返回给客户端的Flex应用。Flex应用接收XML数据完毕后，对数据进行渲染展示。 　　客户端Flex程序可以使用HTTPService组件向服务器发送请求。Flex程序可识别数组、XML、Object等类型。HTTPService组件返回的数据存储于ResultEvent类对象中，使用HTTPService组件的 result事件可以处理返回的数据。 　　2 设计与实现 　　试卷XML文档的的根元素为questions， questions表示试题集，questions根元素可设置name属性表示试题集名称、id属性标识试题集。questions根元素的子元素为question元素，question表示单个试题，其id属性用于标识试题，其type属性用于表明该试题的类型：“1”表示单选题、“2”表示多选题、“3”表示问答题。question元素有以下元素：weight、subject、option、answer。weight元素表示分值。subject元素表示试题的题干。option元素表示选择题各选项，option元素只有当其父元素的type属性为1或2时才需要。answer元素表示试题的答案，当question的类型为单选或多选题时，answer的值为顺序排列的option元素的id属性值。 　　2.2 主界面设计 　　自测系统的主界面从整体上分左右两个部分：左侧为“试卷列表区”，用于显示可用的试卷清单；右侧为“试卷显示区”，用于展现选定试卷的试题。界面设计中使用了HDividedBox容器组件和两个Panel组件作为子容器将显示空间分成左右两个部分，来实现上述效果。由于使用了HDividedBox容器组件，左、