基于Flex技術的無線應用系統平臺設計

【摘要】無線應用系統基于江蘇省青少年無線電科技活動計劃，構建了一個無線應用設計開發系統創新競賽平臺。本設計的研究依托原有平臺，根據當前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—），男，江蘇南京人，講師，工程師，主要研究方向：電子通信技術。