基于Flex的网络课程建设中界面交互的设计

论文摘要

在网络课程的学习过程中,界面是连接学习者和网络课程的主要通道,学习者通过界面接收和获取来自网络课程的信息,整个学习过程也是围绕着二者之间的交互展开的。今天,突飞猛进的计算机技术使得人与界面的交互越来越复杂,这使得有关界面交互的设计变得日益重要。而优秀的界面交互设计可以吸引学习者的注意力,调动学习者的学习积极性从而使学习者能够更好的专心于学习过程和网络课程之间的互动上。此外,它还能带给学习者轻松、愉快的学习感受,这种正面、积极的学习情绪有助于学习者更好的完成学习任务。然而,一方面表现为学习者对界面交互性要求的与日俱增,另一方面基于传统Web程序开发的网络课程在界面交互性上却始终跟不上步伐。针对此困境,为了能更好的改善界面的动态表现力,出现了一种新的互联网技术解决方案-Flex技术。Flex技术不仅具备了Web应用程序轻松部署、广泛传播的特点,而且它还结合了桌面程序快速反应、动态交互性强的优势。Flex技术开发的网络课程界面可以带给学习者动态性、响应性更强的学习体验。从改善网络课程界面交互表现力的角度来讲,这样的研究是非常有价值的。本研究首先通过文献法对相关的理论与技术进行搜集和整理,界定了网络课程界面交互的相关概念并对界面交互的理论基础进行了梳理。以此为基础,对国内外现有的一些网络课程项目,从界面交互的角度对其进行调查分析,发现优缺点,提出基于Flex的网络课程界面交互设计的设计要点和操作流程。最后利用Flex开发网络课程界面交互模块,通过系统运行测试,使用问卷调查和访谈的方式获取反馈意见,进行修改完善。通过研究,本文认为Flex在设计网络课程界面交互方面有独到的优势,很好的改善了网络课程的学习体验,提高了学习者的学习兴趣,增强了学习参与度。

论文目录

• 摘要
• Abstract
• 1 绪论
• 1.1 问题的提出
• 1.2 本研究的目的和意义
• 1.3 界面交互文献综述
• 1.3.1 国内研究现状
• 1.3.2 国外研究现状
• 1.4 概念界定
• 2 理论和技术基础
• 2.1 认知心理学
• 2.2 人机工程学
• 2.3 Flex 技术概述
• 2.3.1 互联网应用程序框架
• 2.3.2 Flex 技术
• 3 网络课程界面交互现状分析
• 3.1 界面信息的大量堆积
• 3.2 界面元素的认知困难
• 3.2.1 不正确的按钮和界面元素比喻
• 3.2.2 导航系统的不便
• 3.3 缺乏个性化定制课程界面
• 3.4 不友好的界面交互信息
• 3.4.1 反馈信息
• 3.4.2 对话框
• 3.5 对用户出错的宽容率和帮助功能
• 3.6 网页交互模式的束缚和Web 开发技术受限
• 4 基于Flex 的网络课程的界面交互设计要点
• 4.1 基于无刷新的页面设计
• 4.2 界面元素的组织
• 4.2.1 基于容器的页面排版设计
• 4.2.2 利用导航容器和状态进行页面的跳转
• 4.2.3 样式表控制界面外观
• 4.3 模块化的加载设计
• 4.4 利用事件和组件进行交互活动开发
• 4.4.1 事件设计
• 4.4.2 Flex 组件开发
• 5 基于Flex 的网络课程界面交互设计流程和部分模块实现
• 5.1 开发背景
• 5.2 需求分析
• 5.2.1 学习对象分析
• 5.2.2 教学内容分析
• 5.2.3 原型模型的建立
• 5.3 摄影网络课程功能模块分析
• 5.4 系统整体架构设计
• 5.4.1 Cairngorm 框架
• 5.4.2 数据库设计
• 5.4.3 数据访问层架构设计
• 5.5 界面元素和交互活动设计
• 5.5.1 登录模块
• 5.5.2 主界面模块
• 5.5.3 样式和MXML 界面皮肤设计
• 5.5.4 理论学习模块
• 5.5.5 图片欣赏模块
• 5.5.6 第三方组件的使用
• 5.5.7 视频模块
• 5.6 测试与评价
• 6 总结
• 6.1 研究结论与创先点
• 6.2 存在的不足
• 参考文献
• 附录 基于Flex 的网络课程界面交互性的调查
• 在学研究成果
• 致谢