论文部分内容阅读
【摘要】无线应用系统基于江苏省青少年无线电科技活动计划，构建了一个无线应用设计开发系统创新竞赛平台。本设计的研究依托原有平台，根据当前B/S架构下技术的发展方向，选用Flex作为系统升级的主要技术方式，使之在达到原有系统功能的基础上，提升用户体验，同时解决原系统在不同浏览器平台上差异性问题。
【关键词】flex；系统架构；MVC；系统界面
1.引言
无线应用系统基于江苏省青少年无线电科技活动计划，构建了一个无线应用设计开发系统创新竞赛平台。该平台为各个参赛小组提供硬件模块和软件平台，各参赛小组可以在硬件平台上发挥创意，通过硬件模块所提供的各个接口连接外部扩展控制，通过软件平台进行创意展示。
本系统分为网站系统和硬件系统两个部分，硬件系统采用低功耗高效的MSP430单片机作为主控芯片控制多路输入口和输出口并控制GPRS通信模块进行数据通信。
网站程序给用户提供一个控制界面和最终演示界面，用户可以通过网页连入系统控制和数据中心，网站提供了实现创意特性管理模块，用户可以将自己的想法创意进行配置，然后进入最终演示界面展示其创意。网站程序也为大赛管理员提供入口，方便对大赛的系统模块进行统一管理。在参赛用户界面中，用户可以对自己的密码信息，模块方案，模块特性等方面进行设定。
在客户端，用户可以将从网站系统中下载下来的配置文件通过我们提供的串口工具写入系统模块，同时可以查看方案配置信息，也可以通过客户端程序了解方案的配置信息。这样当用户因为时间的关系分辨不清配置信息属于哪个方案时，就可以通过客户端程序在下载前实时查看。
2.系统总体结构
2.1 程序结构
软件平台采用C/S和B/S混合结构，其中监控程序属于C/S结构，采用异步socket技术；网站是基于B/S结构，采用Flex技术进行表现层设计，利用FlourieFx组件进行通信
数据中心采用SqlServer 2005，采用存储过程进行编写。
框架采用.net 2.0。
编程语言采用C# 2.0，actionscript，Transql。
2.2 技术框架
Sqlserver作为数据中心和交换中心，实现双向数据通信。
GPRS到网站：服务器端监控程序在固定端口监听，一旦发现有GPRS发来的信息就进行解包，然后写入数据库；网站到GPRS：用户通过网站进行控制，服务器端定时轮询数据库，发现有从网站发来的控制数据，将该数据发给GPRS。
3.Flex技术概述
3.1 Flex技术简介
Flex是一种基于标准编程模型的高效RIA开发产品集，最初由Macromedia公司在2004年发布，后被Adobe公司冠以商标。Flex最大的特点是基于全球流行的网络动画平台——Macromedia Flash。通过Flex技术，开发人员可以将RIA程序编译成为Flash文件，为Flash Player所接受，也就是说，Flex技术所开发出来的程序对于大部分浏览者而言并不需要安装额外的客户端支持，这是一个得天独厚的优势。
3.2 Flex技术优势
Flex可以在企业内部或在Web上创建并交付丰富Internet应用程序（RIA），堪称最完整、最强大的RIA开发解决方案。它使企业能够创建个性化的丰富多媒体应用程序，极大地提高用户的体验，彻底革新人与Web的交互关系。
Flex是Adobe公司最新的服务器端产品，该技术提供了一个新的、基于标准的语言和编程模型，其编程模型支持常用的设计模式，能够使企业创建许多有吸引力的、交互的快速应用，这些应用会戏剧性的增强用户的体验、增加客户的满意度和用户的工作效率。
4.用户系统架构
4.1 用户系统前端界面
用户系统的主体部分采用分块式结构，分为提示信息、系统菜单、界面主体和版权信息四个部分。实际效果如图1所示：
根据系统所需元素将系统分割为四大模块，同时突出程序主体部分。使系统功能在直观上使用户有一个清晰地认识，同时分散式的布局在Flex的使用中还可以给动态效果以更好的展示空间，尽可能地提高用户体验。
4.2 系统MVC模式介绍
在采用Flex技术作为表现层技术过程中，采用MVC模式进行项目的管理和开发。
MVC（Modal View Controler）本来是存在于Desktop程序中的，M是指数据模型，V是指用户界面，C则是控制器。使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据你可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。
通过MVC模式进行本系统程序结构的设计，使系统的层次性更加清晰，耦合度降低、有利于代码的重用和复用。是系统更易于管理和维护。
4.3 系统文件结构
系统的包结构如图2所示，其划分依据为MVC模式和系统文件所属类型。
component和org包为本系统中的主体部分包含了封装的自定义组件等内容。events包为本系统中事件的定义。models包为本系统Module层所需模块。control包中为本系统Control层所需类。其他包为根据系统需要和文件类型进行匪类存储。通过包结构的划分，使系统的文件结构清晰，利于项目管理。
4.4 系统模型类结构设计
模型（对应MVC中的Module层）中存储了本系统中所需的所有信息，包括前后台交互的信息，系统状态信息等。根据系统信息类型，将信息分成SystermInformation类、UserInfo类、Project类、UserShowInfo类、HardwereSetInfo类、PropertySetInfo类。 各个类所存储的信息如下：
SystermInformation类：存储系统的所有信息，是系统状态信息和交互信息的集合。
UserInfo类：存储当前正在使用用户相关信息，如用户名、密码、所拥有的模块等信息。
HardwereSetInfo类：存储当前选中方案的硬件配置界面所需信息
UserShowInfo类：存储当前选中方案用户演示界面所需信息
PropertySetInfo类：存储当前选中方案特性管理界面所需信息
Project类：存储方案信息。
4.5 界面划分
根据系统需求，将系统最终划分为如图3所示模块：
5.结束语
本课题在原系统的需求基础上应用Flex技术上将系统进行升级和改造，使之拥有了更好的用户体验。这很大程度上得益于作为主流RIA技术之一的Flex技术的跨平台性。
同时，本系统因在软件方面采用B/S和C/S混合架构，这在一定程度上决定了其复杂度相较其他系统而言要高。同时硬件方面包括当前的GPRS通信技术和传感器技术、嵌入式技术等多种技术。通过软硬件平台的协同工作，使系统可以依托低成本、高速率的GPRS通信模式构建传感网络模型，探索传感网发展新方向。类似平台在商业应用中已经有实际例子，如智能远传水表、无人仓库监控等。相信在未来该类型系统可以有更加广泛的应用。
参考文献
[1]程光磊.Flex技术研究[J].软件世界，2011（03）.
[2]吕辉等编著，刘晖，欧阳，杨建英译.Flex从入门到实践[M].北京：清华大学出版社，2009，9.
[3]黄曦等编著.Flex 4.0 RIA开发详解[M].北京：电子工业出版社，2010.
[4]胡丹瑞.基于Flex的Web应用系统开发探索[J].电信交换，2009（03）.
[5]向模军.基于Flex的RIA应用系统的设计和研究[J].信息与电脑（理论版），2009（02）.
[6]王瑞玲.RIA及其基于Flex的应用开发模型[J].科技情报开发与经济，2007（14）.
作者简介：许萌（1979—），男，江苏南京人，讲师，工程师，主要研究方向：电子通信技术。
【关键词】flex；系统架构；MVC；系统界面
1.引言
无线应用系统基于江苏省青少年无线电科技活动计划，构建了一个无线应用设计开发系统创新竞赛平台。该平台为各个参赛小组提供硬件模块和软件平台，各参赛小组可以在硬件平台上发挥创意，通过硬件模块所提供的各个接口连接外部扩展控制，通过软件平台进行创意展示。
本系统分为网站系统和硬件系统两个部分，硬件系统采用低功耗高效的MSP430单片机作为主控芯片控制多路输入口和输出口并控制GPRS通信模块进行数据通信。
网站程序给用户提供一个控制界面和最终演示界面，用户可以通过网页连入系统控制和数据中心，网站提供了实现创意特性管理模块，用户可以将自己的想法创意进行配置，然后进入最终演示界面展示其创意。网站程序也为大赛管理员提供入口，方便对大赛的系统模块进行统一管理。在参赛用户界面中，用户可以对自己的密码信息，模块方案，模块特性等方面进行设定。
在客户端，用户可以将从网站系统中下载下来的配置文件通过我们提供的串口工具写入系统模块，同时可以查看方案配置信息，也可以通过客户端程序了解方案的配置信息。这样当用户因为时间的关系分辨不清配置信息属于哪个方案时，就可以通过客户端程序在下载前实时查看。
2.系统总体结构
2.1 程序结构
软件平台采用C/S和B/S混合结构，其中监控程序属于C/S结构，采用异步socket技术；网站是基于B/S结构，采用Flex技术进行表现层设计，利用FlourieFx组件进行通信
数据中心采用SqlServer 2005，采用存储过程进行编写。
框架采用.net 2.0。
编程语言采用C# 2.0，actionscript，Transql。
2.2 技术框架
Sqlserver作为数据中心和交换中心，实现双向数据通信。
GPRS到网站：服务器端监控程序在固定端口监听，一旦发现有GPRS发来的信息就进行解包，然后写入数据库；网站到GPRS：用户通过网站进行控制，服务器端定时轮询数据库，发现有从网站发来的控制数据，将该数据发给GPRS。
3.Flex技术概述
3.1 Flex技术简介
Flex是一种基于标准编程模型的高效RIA开发产品集，最初由Macromedia公司在2004年发布，后被Adobe公司冠以商标。Flex最大的特点是基于全球流行的网络动画平台——Macromedia Flash。通过Flex技术，开发人员可以将RIA程序编译成为Flash文件，为Flash Player所接受，也就是说，Flex技术所开发出来的程序对于大部分浏览者而言并不需要安装额外的客户端支持，这是一个得天独厚的优势。
3.2 Flex技术优势
Flex可以在企业内部或在Web上创建并交付丰富Internet应用程序（RIA），堪称最完整、最强大的RIA开发解决方案。它使企业能够创建个性化的丰富多媒体应用程序，极大地提高用户的体验，彻底革新人与Web的交互关系。
Flex是Adobe公司最新的服务器端产品，该技术提供了一个新的、基于标准的语言和编程模型，其编程模型支持常用的设计模式，能够使企业创建许多有吸引力的、交互的快速应用，这些应用会戏剧性的增强用户的体验、增加客户的满意度和用户的工作效率。
4.用户系统架构
4.1 用户系统前端界面
用户系统的主体部分采用分块式结构，分为提示信息、系统菜单、界面主体和版权信息四个部分。实际效果如图1所示：
根据系统所需元素将系统分割为四大模块，同时突出程序主体部分。使系统功能在直观上使用户有一个清晰地认识，同时分散式的布局在Flex的使用中还可以给动态效果以更好的展示空间，尽可能地提高用户体验。
4.2 系统MVC模式介绍
在采用Flex技术作为表现层技术过程中，采用MVC模式进行项目的管理和开发。
MVC（Modal View Controler）本来是存在于Desktop程序中的，M是指数据模型，V是指用户界面，C则是控制器。使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据你可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。
通过MVC模式进行本系统程序结构的设计，使系统的层次性更加清晰，耦合度降低、有利于代码的重用和复用。是系统更易于管理和维护。
4.3 系统文件结构
系统的包结构如图2所示，其划分依据为MVC模式和系统文件所属类型。
component和org包为本系统中的主体部分包含了封装的自定义组件等内容。events包为本系统中事件的定义。models包为本系统Module层所需模块。control包中为本系统Control层所需类。其他包为根据系统需要和文件类型进行匪类存储。通过包结构的划分，使系统的文件结构清晰，利于项目管理。
4.4 系统模型类结构设计
模型（对应MVC中的Module层）中存储了本系统中所需的所有信息，包括前后台交互的信息，系统状态信息等。根据系统信息类型，将信息分成SystermInformation类、UserInfo类、Project类、UserShowInfo类、HardwereSetInfo类、PropertySetInfo类。 各个类所存储的信息如下：
SystermInformation类：存储系统的所有信息，是系统状态信息和交互信息的集合。
UserInfo类：存储当前正在使用用户相关信息，如用户名、密码、所拥有的模块等信息。
HardwereSetInfo类：存储当前选中方案的硬件配置界面所需信息
UserShowInfo类：存储当前选中方案用户演示界面所需信息
PropertySetInfo类：存储当前选中方案特性管理界面所需信息
Project类：存储方案信息。
4.5 界面划分
根据系统需求，将系统最终划分为如图3所示模块：
5.结束语
本课题在原系统的需求基础上应用Flex技术上将系统进行升级和改造，使之拥有了更好的用户体验。这很大程度上得益于作为主流RIA技术之一的Flex技术的跨平台性。
同时，本系统因在软件方面采用B/S和C/S混合架构，这在一定程度上决定了其复杂度相较其他系统而言要高。同时硬件方面包括当前的GPRS通信技术和传感器技术、嵌入式技术等多种技术。通过软硬件平台的协同工作，使系统可以依托低成本、高速率的GPRS通信模式构建传感网络模型，探索传感网发展新方向。类似平台在商业应用中已经有实际例子，如智能远传水表、无人仓库监控等。相信在未来该类型系统可以有更加广泛的应用。
参考文献
[1]程光磊.Flex技术研究[J].软件世界，2011（03）.
[2]吕辉等编著，刘晖，欧阳，杨建英译.Flex从入门到实践[M].北京：清华大学出版社，2009，9.
[3]黄曦等编著.Flex 4.0 RIA开发详解[M].北京：电子工业出版社，2010.
[4]胡丹瑞.基于Flex的Web应用系统开发探索[J].电信交换，2009（03）.
[5]向模军.基于Flex的RIA应用系统的设计和研究[J].信息与电脑（理论版），2009（02）.
[6]王瑞玲.RIA及其基于Flex的应用开发模型[J].科技情报开发与经济，2007（14）.
作者简介：许萌（1979—），男，江苏南京人，讲师，工程师，主要研究方向：电子通信技术。