第01讲 Adobe Flex 4 简介.pptVIP

第一章 Adobe Flex 4 简介 第01讲 课程 基础知识 教学目的 掌握RIA与AIR的概念 掌握Flex的概念 了解RIA领域的重要成员 了解Adobe Flash 平台的相关产品 了解Flex开发的相关技术 熟悉Flex开发环境 教学重点 掌握富互联网应用的概念 掌握Flex的概念 熟悉flex的开发环境 教学难点 熟悉Flex开发环境 教学内容 课程导入：随着时代的进步，网络的飞速发展，网络上的用户也越来越多，从双绞线到光纤，网速越来越快，客户对于网络的需求也是越来越丰富，在如今竞争激烈的网络世界里，如何提高用户体验已成为网络应用开发的思考方向，因而应用于网络上的技术也越来越多，Flex技术便是在这样的环境中孕育而生。 程序模式 C/S 模式—客户端/服务器模式 必须安装指定的客户端软件 数据由服务器提供并处理 代表程序，QQ等，俗称桌面式应用程序 B/S 模式—浏览器/服务器模式 需要安装浏览器 服务器提供软件与数据 代表程序，如webQQ，邮箱等，俗称web应用程序 C/S的优点与缺点 缺点 客户端更新麻烦，例如QQ版本升级 需要占用客户端容量 给用户增加了操作上的负担 优点 运行速度快 用户体验丰富 服务器负担相对较小 B/S的优点与缺点 缺点 过分依赖网页的刷新 服务器端的负担过重 功能与运行速度成反比 用户体验太差 优点 只需要安装一个浏览器 用户操作负担相对较小 用户体验太差 模式展望-RIA 概念：富互联网应用程序，将传统的桌面式应用程序的丰富用户体验和方便快捷的操作与传统的web程序相结合,通俗点说，就是在浏览器中体验c/s架构的桌面级应用。 cs与bs 模式的优势集合 不需要安装客户端 不要太大的硬盘容量 只需要一个网址的快捷方式 速度快，交互性强，减少对刷新的依赖 用户体验丰富，人性化交互 在线图片处理程序 /flauntr/ 要解决的难题 速度 尽管随着网络的发展，网速已经不是大的问题，但是和硬盘的速度相比，还是有一定差距，程序在硬盘上和在网络上运行的速度完全不是一个级别，目前可用于提高运行速度的技术如P2P、P2SP等。 服务器 对服务器的要求太高，需要承受高流量的访问，维护难度大 常见的RIA技术 Ajax 概念 javaScript为核心结合HTML、CSS等综合运用的一种技术。 优缺点 Ajax框架，浏览器不用安装任何插件就可以运行，由于是静态的代码，在网页打开的时候就下载到客户端，所以响应快，稳定。 需要编写大量的Javascript来实现特殊的效果，但js受浏览器兼容问题，代码在不同的浏览器之间的表现不同，解决这个问题，程序员几乎要写双倍甚至三倍的代码来解决兼容的问题。 常见的RIA技术 Flex 概念 由Adobe公司推出的一种RIA技术，主要利用actionscript与mxml语言进行开发 优缺点 具有独立的播放引擎FlashPlayer，需要在浏览器中安装插件，也因此在体验上更加丰富，如桌面式的拖拽，不需要刷新等，重要的是，不存在浏览器的兼容问题。 其他RIA技术 微软的 Silverlight SUN公司的 Java FX 小结：每种技术各有自己的优点，具体采用哪种要视项目而定，例如，flex开发效率高，上手快，目前运用于企业级的开发更多，而Ajax运行快，稳定，目前web应用非常多！ Adobe Flash 平台 Flex应用程序部署 1、先用开发工具（FB、FL、FC）构建一个应用程序 2、将ActionScript和MXML代码编译成SWF文件 3、将项目文件上传服务器，等待分发 4、用户请求，或用FP打开，或用AIR打开 5、SWF文件可以再请求其它的数据或服务 可以使用任何服务器端技术，包括ColdFusion、PHP、Java、.NET、LCDS、BlazeDS，使用HTTP、SOAP 或 AMF Flex框架、工具、SDK Flex Web应用程序部署流程图 Flex 桌面应用程序部署流程图 小结 Flash Platform 是一组技术，包含工具、框架、运行时和服务器。 Flex 应用程序开发基于开源的Flex 框架。 Flex 框架包含两种语言：MXML 和ActionScript，分别用于可视布局和业务逻辑。 Flex SDK 是免费的，包含Flex 框架、编译器和调试器。 Flash Builder 基于Eclipse，用于创建Flex 应用程序，可以以独立产品或插件的形式使用。 Flex 应用程序编译为SWF 文件，后者可以在拥有Flash Player 的浏览器或桌面AIR 应用程序中呈现。 术语工作台指的是完整的Flash Builder 开发环境。 课后作业 1、画出Flex程序部署流程图 2、Ajax与Flex的区别 * 设计和开发