基于富互联网应用的初中物理电学试验系统实现.DOCVIP

基于富互联网应用的初中物理电学实验系统实现 松江区古松学校 何少莎 一、 Adobe富互联网应用介绍 选择Adobe富户联网应用，是因为Adobe富媒体不但提供了一种整合图文、动画、视频、音频等多媒体的新方式，还带来了比传统Web更加丰富的交互体验。富互联网应用（Reach Internet Applications，简称RIA）开发技术有很多种，其中以Adobe公司的Flex发展最为成熟。Flex的最大优势在于，有强大的Flash平台作为后盾。一方面，Flex生成的文件Flash文件体积较小，网络传输快。另一方面，Flash跨平台支持性高。主流的操作系统，如Windows系列，Linux系列，Mac OS系列都支持Flash，不受操作系统的约束。同时，主流的网络浏览器，如Internet Explorer，Firefox，Opera，Safari等也都支持Flash文件的播放。所以这些，不但为网络环境中制作体验良好的初中物理电学实验系统提供了基础，它所具备的强大媒体整合能力以及高度互动反馈能力对于实现理解也有很好的促进作用。 Adobe公司的网络富媒体应用，又称为AIR（Adobe Integrated Runtime），基于Flex技术开发。Flex是一种基于标准编程模型的高校RIA开发产品集，最初由Macromedia公司在2004年发布，后被Adobe公司收购。一个完整的Flex程序由MXML代码和Action Script代码组成。MXML基于XML标准，用于配置和设计Flex程序的界面及编写表现层数据模型；Action Script3.0基于ECMAScript，原来用于设计Flash动画，在Flex中用于实现程序逻辑，其语法类似于JavaScript，一种面向对象的程序设计语言，可以制定一系列的控件、类、事件的处理机制，可扩展性和定制性很强。近几年，Flex已经逐渐成为富互联网应用的首选利器，受到越来越多的关注和重视。 二、实验系统结构和开发框架 （1）实验系统结构。Flex一直以来都没有提供统一的接口操作数据库，Action Script 3.0也无法方便的与数据库直接建立连接，却能实现XML格式数据的输入与输出。要存储大量的信息，特别是需要稳定、安全的存储时，XML数据根本无法满足。要解决这个问题，必须采取其他方式来建立数据库与Flex应用程序之间的联系。本研究采用了PHP脚本语言作为服务器后台脚本，用以动态生成中间XML数据，实现Flex应用程序与数据库的相互交互。整个系统的具体结构，如图1所示。 图1 系统结构设计 （2）开发框架。本研究借用了Cairngorm开发框架实现所有代码的组织。Cairngorm，中文译名“烟水晶”，是Adobe公司为方便Flex企业级应用而开发的一个微架构，其主要目的是防止代码结构中的界面显示层和业务逻辑层的混杂。本次开发利用Cairngorm将所有代码分成三类组件，即模型（Model）、视图（View）和控制（Control）。图2，大致描述了三者之间的关系。 图2 模型、视图和控制之间的关系 “模型”主要负责所有的Action Script 3.0编写的业务逻辑操作和业务数据的数据储存，“模型”中的数据使用Flex中的数据绑定功能，实现数据与“视图”的同步，这样当数据产生变化时，用户的“视图”也将自动相应调整。 “视图”主要负责界面排布并将数据直观的显示给用户，并接收用户的操作行为，进而产生相应的“事件”。利用“事件”管理和发送机制，引起“控制”部分的相应操作。它使用MXML标记语言和Action Script 3.0联合编写。 “控制”主要负责系统中的各种 “事件”处理，通过操作模型中的数据和传递数据到模型层来实现来自于“视图”的请求，主要使用Action Script 3.0编写。 以上是关于整个开发框架的设计，具体实现上还需要借助Cairngorm一系列的类、对象和事件处理机制，包括Model Locator、View、Front Controller、Delegate、Dispatcher、Command、Service等，各部分的程序流程如图3，具体功能如下： Model Locator（模型定位）：将所有系统运行中生成的数据放在若干对象里并集中保存，Model Locator是共享的，整个实验系统都可以对其进行数据操作。 View（视图）：指的是用户在浏览器直接看到的用户界面，包括按钮（Button）、面板（Panel）、列表（List）等一系列可视Flex控件，这些控件所需要的数据可以和Model Locator绑定，两者同步变化。View还负责与用户交互行为（如点击、拖拽等），是学习者在实验系统中主要的可视部分。 Front Controller（前端