1 / 20

RIA 与 Flex 的技术概览与特性展示

RIA 与 Flex 的技术概览与特性展示. 内容概要. 1 、 RIA 简史. 2 、 RIA 体验实例. 3 、 Flex 的技术概览. 4 、 Flex 的特性展示. 5 、 Flex 可以为我们带来什么. 6 、 Flex 的操作演示. 第一部分. RIA 简史. RIA 的定义. RIA ： R ich I nternet A pplication 又称作 富互联网应用，简称（通称）富互联网程序 / 富界面应用 / 胖客户端等。. RIA 的来历. 传统的网络应用程序（非 RIA 程序）一般都采用页面表现形式，使用大家熟知的 HTML 标记语言

blair-benson
Download Presentation

RIA 与 Flex 的技术概览与特性展示

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. RIA与Flex的技术概览与特性展示

  2. 内容概要 1、RIA简史 2、RIA体验实例 3、Flex的技术概览 4、Flex的特性展示 5、Flex可以为我们带来什么 6、Flex的操作演示

  3. 第一部分 • RIA简史 • RIA的定义 RIA：Rich Internet Application又称作富互联网应用，简称（通称）富互联网程序/ 富界面应用/胖客户端等。 • RIA的来历 传统的网络应用程序（非RIA程序）一般都采用页面表现形式，使用大家熟知的HTML标记语言 来表现界面层，因此它们（非RIA程序）只适合图文等内容。由于现在网络带宽的加大，电脑 运算性能的大幅提高，用户体验性需求增强的情况下暴露出一些问题，例如：厌倦传统网页单 调的表达方式、有限并且和桌面应用程序无法比拟的控件种类以及用户体验性差等诸多问题。 而这些问题被Macromedia公司首先提出来并称之为“体验问题”（Experience Matters） 综上所述，RIA就是在这种情况下诞生的，而它的作用就是恰恰弥补上述“体验问题”造成的 缺点和不足。

  4. 第一部分 • RIA简史 • RIA概念的提出者及其提出时间 Macromedia公司在2001年提出的RIA概念（在2004年被Adobe公司收购） • RIA的特点 RIA将桌面应用程序的交互性强的特点与传统Web服务（非RIA程序）的灵活性相结合，带来 了全新的用户体验性及更增强的数据传输、交互能力。由于RIA程序与服务器通讯是采用的是 异步交互方式，因此当用户提交数据时不需要对提交页面进行刷新操作，并且在通讯中只传输 已更改的数据，所以减小了数据量的传输，同时比传统程序更加利用了网络资源，最终降低了 带宽的占有率，因此RIA程序更适合生存于目前的这种“网络环境”。

  5. 第一部分 • RIA简史 • RIA的特点

  6. 第一部分 • RIA简史 • Adobe RIAs简介 • 定义 Adobe RIA技术可以帮助设计师、开发人员快速地创建和部署引人入胜的RIA应用程 序，而这种应用程序可以运行在任何装有Flash Player的浏览器里面甚至于最终的客 户端桌面上面。 • 种类 1、Flex 2、AdobeAIR

  7. 第一部分 • RIA简史 • Adobe RIAs简介 • 特点 1、在任意浏览器中外观保持一致 2、现在支持客户端桌面程序（Adobe AIR） 3、具有Flash一样的超炫的特效。 4、设计师（Flash）、开发人员（Flex）通过ActionScript可以更出色的互 动、更有效的提高效率。 5、可以读取CSS样式表，以及使用FireWork等绘图工具进行自定义样式。

  8. 第一部分 • RIA体验 • 国外在线图片编辑：http://www.picnik.com/ • 在线文本编辑：https://buzzword.acrobat.com/#o • 千脑体验：http://www.qiannao.com/ • 图片编辑，电子相册制作：http://www.picidea.net/

  9. 第一部分 • RIA体验 • 一些小例子： http://demos.ezse.com/midiair/ http://www.5isc.net/default.jsp

  10. 第二部分 • Flex的技术概览 • 什么是Flex • 程序员眼中的Flex Flex是天生为开发人员（Developer）量身定做的“Flash”。 • Flash与AS3开发者眼中的Flex 用编程的方式来实现Flash的效果。 再也不用看着那枯燥的AS代码了，可以使用Flex Builder这种基于 Eclipse的可视化开发IDE来开发Flash。 • 普通人眼中的Flex 将它（Flex）当作Flash就好了。

  11. 第二部分 • Flex的技术概览 • Flex的初级印象 1、它（Flex）是一门地地道道的编程语言。 2、它在某些程度上可以代替Flash。 3、它在某些程度上可以代替ActionScript 3（Flash的脚本语言） 4、它可以使用可视化开发工具（Flex Builder）进行开发。 5、Flex的针对人群是开发者（Developer） Flash的针对人群是设计者（Design） • Flex文件构成 .MXML程序文件，.as的AS文件，.css的样式表文件

  12. 第二部分 • Flex的技术概览 • Flex的前世今生 • Macromedia公司的Flex 1、Macromedia不仅是RIA的缔造者，同时也是Flex缔造者。因此不严格的 说，Flex就是RIA概念的具体表现形式，这也是Flex为什么这么流行的 原因之一。 2、当时Flex的版本仅仅限于Flex1.0与Flex1.5版。 3、当时支持Flex1.X版本的脚本语言是ActionScript1.0与ActionScript2.0

  13. 第二部分 • Flex的技术概览 • Flex的前世今生 • Adobe公司的Flex 1、自从收购后，推出了Flex 2.0、Flex 2.0.1及Flex 3.0共三个版本。 2、自从Flex 2.X+以上包含的脚本语言是全新的ActionScript 3.0 3、ActionScript 3.0是完全的面向对象编程语言。 4、ActionScript 3.0官方说明的执行效率要比AS1、AS2高20~80倍。 5、 Flex 2.X+以上版本比Flex1.X时代提供了更加丰富的组件库。

  14. 第二部分 • Flex的技术概览 • Flex相比其他RIA程序的优势 1、Adobe技术覆盖了7亿+PC和3亿+设备 2、Flash Player 9.X已经在超过了99%的PC上面“安家落户” 3、Flash Player 9.X每天以8,000,000的速度增长。 4、76%的视频文件在使用Flash技术构建（包括世界上流量第一个的Youtube等视频网站） 5、Flex就是为RIA概念量身定做的RIA程序，比其他RIA程序具有更纯正的“血缘”。 6、由于Flash与Flex内嵌了相同的脚本语言（ActionScript3.0）因此，在同等条件下，由Flash开发者迁移到Flex开发者所需要的迁移成本是最低的。 7、Flex生成的是以swf为结尾的flash文件。

  15. 第二部分 • Flex的技术概览 • Flex与Flash的区别 • 相同点 1、最终都可以生成SWF文件。 2、都必须通过Flash Player来解释运行 3、具有相同的内置脚本语言（ActionScript 3.0） • 不同点 1、产品的市场定位不同 Flash：在平面动画、广告设计、矢量动画、多媒体应用处理方面。 Flex：它是一种RIA解决方案，针对的是企业级的网络应用程序。 2、开发人员定性不同 Flash：一般以设计者（Design）居多。 Flex：一般以开发者（Developer）居多。

  16. 第二部分 • Flex的技术概览 • Flex的特性 1、使用矢量图形，因此在图片的缩放过程中，避免了位图经常遇到的“图像失真”问题。 2、提供了丰富的组件库 3、通过CSS样式表方式可以制定“适合”自己的组件。 4、对多媒体的广泛支持，甚至包括了Flash Media Servers（FMS）流媒体服务器 5、多种方式与服务器端通讯（HTTPService、WebSerivce和Remoting方式）

  17. 第三部分 • Flex特性展示 • Flex Weather使用方法 1、在任意浏览器里面输入tq.flexblog.cn、tianqi.flexblog.cn、weather.flexblog.cn即可查到本机所在城市的天气情况。2、在任意浏览器里面输入邮编 +.flexblog.cn的形式，即可查询邮编所在城市的天气情况。例如 116023.flexblog.cn3、在任意浏览器里面输入城市所在的区号+ .flexblog.cn的形式，即可查询邮编所在城市的天气情况。例如 0411.flexblog.cn4、在任意浏览器里面输入城市（拼音） + .flexblog.cn的形式，即可查询邮编所在城市的天气情况。例如 dalian.flexblog.cn5、在天气预报输入框中直接输入想要查询城市的拼音、邮编、区号和城市名（汉字），回车后即可得到天气情况。例如：在输入框中直接输入大连市

  18. 第三部分 • Flex特性展示 • Flex Weather开发原理 Flex + PHP + HTTPService + 自定义组件（KUIComponent） + 泛域名解析

  19. 第三部分 • Flex特性展示 • Flex Weather结构图 PHP（查询IP） Flex PHP（通过IP查询所在城市） Yahoo Weather

  20. 第四部分 • Flex可以为我们带来什么 • 由于Flash Player的普及率可以导致Flex的程序将会更加普及 • 由开发人员（Java、Dotnet程序员）迁移到Flex开发阵营的几率大大增加。 • 由设计人员（Flash）迁移到Flex开发阵营的迁移成本大大降低。 • 更加模糊桌面应用程序与网络应用程序的界限。 • 可以提供更多的就业环境与就业机会。 • 由于Flex目前算作是新型企业级应用，因此市场前景广阔。 • 由于ActionScript3.0属于面向对象编程语言，因此刚刚踏入编程领域的朋友可以完全由AS程序员转行到其他程序员（例如Java、DotNet）而难度也将大大降低。

More Related