基于Flex与AIR的Mashup研究与实现
摘要
Mashup是Web 2.0发展的一个最新流行趋势,一种新型的信息服务。它是从各分散的站点获取信息源,组合成新网络应用的一种应用模式。Mashup让每个用户成为资源的创造者和使用者,充分体现了Web 2.0的开放性、去中心化以及网络外延的思想。
Flex是一个高效、免费的开放源框架,可用于构建具有表现力的Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR运行时跨浏览器、桌面和操作系统实现一致的部署。Flex使用MXML来描述UI布局和行为,使用面向对象的ActionScript 3.0编程语言创建客户端逻辑。
Adobe AIR运行时使开发人员能使用HTML、JavaScript、Adobe Flex软件和ActionScript构建Web应用程序,这些应用程序可以作为独立的客户端应用程序运行而不受浏览器的约束。借助Adobe AIR,可以将相同的代码用于各种桌面操作系统或移动平台上,这不仅为开发人员节省了时间和资金,还提高了部署效率。
本文首先介绍了Mashup的流行现状,然后分析了它产生的背景,并从概念、特征、类型、架构、发展关键技术等方面进行了阐述。接着,本文探讨了Adobe AIR运行时和Flex技术,并对其中的Flex自定义组件开发进行了详细的研究。然后,以实现一个多功能地图Mashup为例,具体阐述了基于Flex的以AIR为平台的Mashup设计与实现。最后进行总结并提出了对此方案的改进。
本文对AIR平台和Flex技术进行了探索和研究,并在此基础上实现了将RIA系统部署到桌面,使用户摆脱了浏览器的束缚,并且可以在没有联网的情况下依然使用部分程功能,展示了AIR平台的优良特性,验证了使用Flex技术构建Mashup的可行性以及优秀表现。
Mashup,a new type of informational service, is one of recent trends of web2.0. With informational source of each separate site gained, it has become a new application mode in the new network application. Being a new product of the continuous development of web2.0, it fully reflects the core ideas of web2.0 of decentralization, openness and network extension,enabling each user to become a creator and user of the resources.
Flex is a highly productive, free, open source framework for building expressive web applications that deploy consistently on all major browsers, desktops, and operating systems by leveraging the Adobe Flash Player and Adobe AIR runtimes. MXML is the language developers use to define the user interface layout, appearance, and behaviors of a Flex application. ActionScript 3.0, an object-oriented language based on industry-standard ECMAScript, is the language used to build client-side application logic.
The Adobe AIR runtime enables developers to use HTML, JavaScript, Adobe Flex software, and ActionScript to build web applications that run as standalone client applications without the constraints of a browser. With Adobe AIR developers use the same code for differernt desktop operationg system and mobile platform, which saves us time, money and provides efficiencies of deployment.
In the paper, firstly, popular present situation of the Mashup is researched. Its producing background is analyzed and the following aspects of Mashup are expounded: the concept, the characteristic, the type, the construction and the key development technologies. Then, this paper discusses the Adobe AIR runtime and Flex technology, and gives an insight into custom components of Flex. Then, the paper takes the realization of a multi-function map in Mashup application as an example. Mashup design and implementation has been elaborated based on the Flex with AIR as the platform. Finally improvement of this scheme is summarized and puts forward.
In this paper AIR platform and Flex technologies have been explored and researched, and on this basis, deploy of the desktop is realized so as to free the clients from the bondage of user browser, and part of the process function without network can still be used. The excellent characteristics of AIR platform are demonstrated. Feasibility and constructing performances of setting up Mashup by using Flex technology is verified.
Flex是一个高效、免费的开放源框架,可用于构建具有表现力的Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR运行时跨浏览器、桌面和操作系统实现一致的部署。Flex使用MXML来描述UI布局和行为,使用面向对象的ActionScript 3.0编程语言创建客户端逻辑。
Adobe AIR运行时使开发人员能使用HTML、JavaScript、Adobe Flex软件和ActionScript构建Web应用程序,这些应用程序可以作为独立的客户端应用程序运行而不受浏览器的约束。借助Adobe AIR,可以将相同的代码用于各种桌面操作系统或移动平台上,这不仅为开发人员节省了时间和资金,还提高了部署效率。
本文首先介绍了Mashup的流行现状,然后分析了它产生的背景,并从概念、特征、类型、架构、发展关键技术等方面进行了阐述。接着,本文探讨了Adobe AIR运行时和Flex技术,并对其中的Flex自定义组件开发进行了详细的研究。然后,以实现一个多功能地图Mashup为例,具体阐述了基于Flex的以AIR为平台的Mashup设计与实现。最后进行总结并提出了对此方案的改进。
本文对AIR平台和Flex技术进行了探索和研究,并在此基础上实现了将RIA系统部署到桌面,使用户摆脱了浏览器的束缚,并且可以在没有联网的情况下依然使用部分程功能,展示了AIR平台的优良特性,验证了使用Flex技术构建Mashup的可行性以及优秀表现。
Mashup,a new type of informational service, is one of recent trends of web2.0. With informational source of each separate site gained, it has become a new application mode in the new network application. Being a new product of the continuous development of web2.0, it fully reflects the core ideas of web2.0 of decentralization, openness and network extension,enabling each user to become a creator and user of the resources.
Flex is a highly productive, free, open source framework for building expressive web applications that deploy consistently on all major browsers, desktops, and operating systems by leveraging the Adobe Flash Player and Adobe AIR runtimes. MXML is the language developers use to define the user interface layout, appearance, and behaviors of a Flex application. ActionScript 3.0, an object-oriented language based on industry-standard ECMAScript, is the language used to build client-side application logic.
The Adobe AIR runtime enables developers to use HTML, JavaScript, Adobe Flex software, and ActionScript to build web applications that run as standalone client applications without the constraints of a browser. With Adobe AIR developers use the same code for differernt desktop operationg system and mobile platform, which saves us time, money and provides efficiencies of deployment.
In the paper, firstly, popular present situation of the Mashup is researched. Its producing background is analyzed and the following aspects of Mashup are expounded: the concept, the characteristic, the type, the construction and the key development technologies. Then, this paper discusses the Adobe AIR runtime and Flex technology, and gives an insight into custom components of Flex. Then, the paper takes the realization of a multi-function map in Mashup application as an example. Mashup design and implementation has been elaborated based on the Flex with AIR as the platform. Finally improvement of this scheme is summarized and puts forward.
In this paper AIR platform and Flex technologies have been explored and researched, and on this basis, deploy of the desktop is realized so as to free the clients from the bondage of user browser, and part of the process function without network can still be used. The excellent characteristics of AIR platform are demonstrated. Feasibility and constructing performances of setting up Mashup by using Flex technology is verified.
引文
[1]百度百科Web2.0 [EB/OL] http://baike.baidu.com/view/733.htm ,2010-12-25.
[2]何政儒.网站新技术WEB2.0在本会信息业务之应用研究[EB/OL]. http://www.cepd.gov.tatt/0012896/0012896.pdf, 2009-01-11.
[3]百度百科.API. [EB/OL] http://baike.baidu.com/view/16068.htm,2009-10-25.
[4]张莉.Mashup及其教育教育应用研究[D].河南大学.2010
[5]杨慧清.支持Mashup的数据集成技术研究与应用[D].山东科技大学.2009
[6]使用iGoogle[EB/OL].http://210.240.56.3/pub/www/97free/2.pdf,2009-11-25.
[7] Merrill,D.Mashups:Web应用程序新成员[EB/OL]. http://www.ibm.com/developerworks/cn/xml/x-mashups.html,2006-8-31.
[8]康敏捷.Mashup网络地理信息系统研究[D].辽宁师范大学硕士论文.2009
[9]姚飞,窦天芳.基于Mashup理念开展主动服务的探索与实践[J].图书馆建设,2009(9):57-60.
[10]王萍,张际平.Mashup聚合技术与网络学习[J].电化教育研究,2008,(03):63-66.
[11] Mashup Timeline.[EB/OL].http://www.programmableweb.com/,2011-3-5.
[12] Top Mashup Tags.[EB/OL].http://www.programmableweb.com/mashups,2011-3-5.
[13]百度百科AJAX.[EB/OL] http://baike.baidu.com/view/1641.htm, 2010-11-25.
[14]龙岳红.地图Mashup的研究与实现[D].中南大学,2008.
[15]百度百科RSS.[EB/OL] http://baike.baidu.com/view/1644.htm
[16]郭少瑞,张鑫. ADOBE AIR完整入门与开发实录:使用FLEX/FLASH/AJAX开发AIR应用(网站开发路线图)[M].北京:清华大学出版社,2009.
[17] Adobe AIR homepage .[EB/OL].http://www.adobe.com/products/air, 2011-1-3
[18] AIR中文官方帮助文档.[EB/OL]. http://help.adobe.com/zh_CN/air/build/index.html, 2010-9-03
[19]蔡学鏞 .Adobe AIR平台的新世界:桌面与Web的大统一[J].程序员.2008.1: 107-109.
[20]赵中枢.基于Adobe AIR构建部署到桌面的富互联网应用程序[J].中国教育技术备.2008.20:106-107.
[21]李靖.浅谈基于FLEX与AIR的RIA开发技术及应用[J].科技传播.2010.14:220.68
[22]百度百科SQLite[EB/OL].http://baike.baidu.com/view/19310.htm, 2010-11-03
[23] IBM developerWorks.开放源码嵌入式数据库SQLite简介[EB/OL]. http://www.ibm.com/developerworks/cn/opensource/os-sqlite, 2005-8-22
[24] Sqlite中文社区[EB/OL].http://www.sqlite.com.cn, 2010-11-03
[25] Flex开发人员中心.Flex入门.[EB/OL]. http://www.adobe.com/cn/devnet/flex,2010-02-04
[26]杨占坡,杨铭,翁颖. Flex 3 RIA开发详解与精深实践:企业级Web应用与AIR桌面应用[M].北京:清华大学出版社,2009.
[27]谢佶芸.基于Flex的企业级富客户端系统的研究与设计[D].浙江大学.2010.
[28]唐建强.基于RIA技术的Web应用的研究[D].北京交通大学.2009
[29]百度百科.W3C[EB/OL].http://baike.baidu.com/view/7913.htm,2010-10.25.
[30]吴庆涛.RIA技术在构建Web应用系统中的应用研究[D].重庆大学.2008
[31] Jeff Tapper , Michael Labriola , Matthew Boles著.杨博,杜昱宏等译.Flex3权威指南[M].北京:人民邮电出版社,2009.
[32]王黎,吴越胜,冉小旻等.Flex+JSP Web应用开发实战详解[M].北京:清华大学出版社,2010.
[33]兰天,曲鹏东,孙高飞等.Flex企业应用开发实战[M].北京:机械工业出版设,2010.
[34] Adobe.Flex开发人员中心.使用组件[EB/OL]. http://www.adobe.com/cn/devnet/flex/components.html
[35] CSDN. liruizhuang的专栏.构建自定义组─在MXML中构建组件[EB/OL]. http://blog.csdn.net/liruizhuang/archive/2010/08/26/5841117, 2010-08-26
[36] IBM developerWorks.探究Flex组件的生命周期. [EB/OL]. http://www.ibm.com/developerworks/cn/web/1011_simq_flexlifecycle/index.html?ca=drs-, 2010-11-17
[37]艾睿网. FB4教学专题.[EB/OL] http://www.airia.cn/FlashBuilder/read.html, 2009-06-21
[38] CSDN Flex爱好者专栏.理解Flex3的组件和框架的生命周期[EB/OL]. http://blog.csdn.net/lixuekun820/archive/2010/05/20/5612004.aspx, 2010-5-20
[39] IBM developerWorks.利用Lotus Connections API制作桌面应用.[EB/OL]. http://www.ibm.com/developerworks/cn/lotus/dogear-client/index.html, 2007-12-6
[40] IBM developerWorks..使用Adobe AIR和Dojo开发基于Ajax的Mashup应用.[EB/OL]. http://www.ibm.com/developerworks/cn/education/web/wa-air-mashup/index.html, 2007-10-18
[41] IBM developerWorks.使用开放API和工具快速开发情景式mashup应用.[EB/OL]. http://www.ibm.com/developerworks/cn/web/0910_chengfu_mashup/, 2009-10-26
[42] API Protocols. [EB/OL].http://www.programmableweb.com/apis, 2011-3-5.
[43]. Google Maps API.[EB/OL]. http://code.google.com/intl/zh-CN/apis/maps/index.html, 2010-10-4
[44] Google KML教程.[EB/OL]. http://code.google.com/intl/zh-CN/apis/kml/documentation/kml_tut.html, 2011-3-4
[45] MapABC Maps API.[EB/OL]. http://code.mapabc.com/, 2010-10-4
[46] Yahoo! Pipes.[EB/OL]. http://pipes.yahoo.com/pipes/, 2011-3-4
[2]何政儒.网站新技术WEB2.0在本会信息业务之应用研究[EB/OL]. http://www.cepd.gov.tatt/0012896/0012896.pdf, 2009-01-11.
[3]百度百科.API. [EB/OL] http://baike.baidu.com/view/16068.htm,2009-10-25.
[4]张莉.Mashup及其教育教育应用研究[D].河南大学.2010
[5]杨慧清.支持Mashup的数据集成技术研究与应用[D].山东科技大学.2009
[6]使用iGoogle[EB/OL].http://210.240.56.3/pub/www/97free/2.pdf,2009-11-25.
[7] Merrill,D.Mashups:Web应用程序新成员[EB/OL]. http://www.ibm.com/developerworks/cn/xml/x-mashups.html,2006-8-31.
[8]康敏捷.Mashup网络地理信息系统研究[D].辽宁师范大学硕士论文.2009
[9]姚飞,窦天芳.基于Mashup理念开展主动服务的探索与实践[J].图书馆建设,2009(9):57-60.
[10]王萍,张际平.Mashup聚合技术与网络学习[J].电化教育研究,2008,(03):63-66.
[11] Mashup Timeline.[EB/OL].http://www.programmableweb.com/,2011-3-5.
[12] Top Mashup Tags.[EB/OL].http://www.programmableweb.com/mashups,2011-3-5.
[13]百度百科AJAX.[EB/OL] http://baike.baidu.com/view/1641.htm, 2010-11-25.
[14]龙岳红.地图Mashup的研究与实现[D].中南大学,2008.
[15]百度百科RSS.[EB/OL] http://baike.baidu.com/view/1644.htm
[16]郭少瑞,张鑫. ADOBE AIR完整入门与开发实录:使用FLEX/FLASH/AJAX开发AIR应用(网站开发路线图)[M].北京:清华大学出版社,2009.
[17] Adobe AIR homepage .[EB/OL].http://www.adobe.com/products/air, 2011-1-3
[18] AIR中文官方帮助文档.[EB/OL]. http://help.adobe.com/zh_CN/air/build/index.html, 2010-9-03
[19]蔡学鏞 .Adobe AIR平台的新世界:桌面与Web的大统一[J].程序员.2008.1: 107-109.
[20]赵中枢.基于Adobe AIR构建部署到桌面的富互联网应用程序[J].中国教育技术备.2008.20:106-107.
[21]李靖.浅谈基于FLEX与AIR的RIA开发技术及应用[J].科技传播.2010.14:220.68
[22]百度百科SQLite[EB/OL].http://baike.baidu.com/view/19310.htm, 2010-11-03
[23] IBM developerWorks.开放源码嵌入式数据库SQLite简介[EB/OL]. http://www.ibm.com/developerworks/cn/opensource/os-sqlite, 2005-8-22
[24] Sqlite中文社区[EB/OL].http://www.sqlite.com.cn, 2010-11-03
[25] Flex开发人员中心.Flex入门.[EB/OL]. http://www.adobe.com/cn/devnet/flex,2010-02-04
[26]杨占坡,杨铭,翁颖. Flex 3 RIA开发详解与精深实践:企业级Web应用与AIR桌面应用[M].北京:清华大学出版社,2009.
[27]谢佶芸.基于Flex的企业级富客户端系统的研究与设计[D].浙江大学.2010.
[28]唐建强.基于RIA技术的Web应用的研究[D].北京交通大学.2009
[29]百度百科.W3C[EB/OL].http://baike.baidu.com/view/7913.htm,2010-10.25.
[30]吴庆涛.RIA技术在构建Web应用系统中的应用研究[D].重庆大学.2008
[31] Jeff Tapper , Michael Labriola , Matthew Boles著.杨博,杜昱宏等译.Flex3权威指南[M].北京:人民邮电出版社,2009.
[32]王黎,吴越胜,冉小旻等.Flex+JSP Web应用开发实战详解[M].北京:清华大学出版社,2010.
[33]兰天,曲鹏东,孙高飞等.Flex企业应用开发实战[M].北京:机械工业出版设,2010.
[34] Adobe.Flex开发人员中心.使用组件[EB/OL]. http://www.adobe.com/cn/devnet/flex/components.html
[35] CSDN. liruizhuang的专栏.构建自定义组─在MXML中构建组件[EB/OL]. http://blog.csdn.net/liruizhuang/archive/2010/08/26/5841117, 2010-08-26
[36] IBM developerWorks.探究Flex组件的生命周期. [EB/OL]. http://www.ibm.com/developerworks/cn/web/1011_simq_flexlifecycle/index.html?ca=drs-, 2010-11-17
[37]艾睿网. FB4教学专题.[EB/OL] http://www.airia.cn/FlashBuilder/read.html, 2009-06-21
[38] CSDN Flex爱好者专栏.理解Flex3的组件和框架的生命周期[EB/OL]. http://blog.csdn.net/lixuekun820/archive/2010/05/20/5612004.aspx, 2010-5-20
[39] IBM developerWorks.利用Lotus Connections API制作桌面应用.[EB/OL]. http://www.ibm.com/developerworks/cn/lotus/dogear-client/index.html, 2007-12-6
[40] IBM developerWorks..使用Adobe AIR和Dojo开发基于Ajax的Mashup应用.[EB/OL]. http://www.ibm.com/developerworks/cn/education/web/wa-air-mashup/index.html, 2007-10-18
[41] IBM developerWorks.使用开放API和工具快速开发情景式mashup应用.[EB/OL]. http://www.ibm.com/developerworks/cn/web/0910_chengfu_mashup/, 2009-10-26
[42] API Protocols. [EB/OL].http://www.programmableweb.com/apis, 2011-3-5.
[43]. Google Maps API.[EB/OL]. http://code.google.com/intl/zh-CN/apis/maps/index.html, 2010-10-4
[44] Google KML教程.[EB/OL]. http://code.google.com/intl/zh-CN/apis/kml/documentation/kml_tut.html, 2011-3-4
[45] MapABC Maps API.[EB/OL]. http://code.mapabc.com/, 2010-10-4
[46] Yahoo! Pipes.[EB/OL]. http://pipes.yahoo.com/pipes/, 2011-3-4