| Subcribe via RSS

360Flex及Max2008 sessions

01月 20th, 2009 | No Comments | Posted in 360Flex, ActionScript3, Flex3, MAX2008, RIA, adobe

对于Flex/AIR/BlazeDS/LCDS学习者来说,360Flex及Max2008应该是大家都想参加的会议,但对于大部分人来说,仍是价格不菲,不过还好,最近的360Flex及MAX2008大会的技术演讲大部分均有视频记录,而且效果非常好,相信对大家来说是份不可多得的好资源~~~观看这些视频通常有下面几种方式:

直接通过Adobe.com官方站点访问在线观看:

MAX2008:

通过Adobe Media Player订阅观看,订阅地址如下:

MAX2008:

 

360Flex:

http://sessions.adobe.com/360FlexSJ2008/feed.xml

 

还可以通过以下iTunes地址进行观看:

MAX2008:

http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=299639895

最近接触的东西很多…好多还需要消化

01月 16th, 2009 | No Comments | Posted in Flex3, Personal, RIA, Tools

由于所在项目组做的是对公司未来非常重要的产品,加上目前在China这边的开发人员对产品架构和细节都不是特别了解,公司接连派NA和CANADA的同事过来为我们指点,学到了不少东西,有些属于知识掌握方面,有些属工具相关,由于花的时间也不够,好多都一知半解,需要一一消化,有些还需要深入,先将这些相关知识列下来,过段时间再来对比,看吸收掌握了多少,呵呵

Java相关:

Technology Stack:

  • JMS/ActiveMQ-Messaging
  • Spring – Configuration /Wiring
  • Log4J – Logging
  • AspectJ – Auditing, Performance Metrics
  • CXF – WebService
  • Hibernate – JPA

 

Tools

  • Subversion / Jira
  • Maven
  • Junit
  • Cruise Control
  • CheckStyle /Clover
  • Crucible

 

Flex相关:

  • Coding Standard
  • Flex + Blaze/LCDS + Java
  • FlexUnit
  • Flexcover
  • Cairngorm(Current) / Mate(Future)

Flex+BlazeDS+Java初步:环境配置与“Hello,World”

12月 30th, 2008 | 4 Comments | Posted in BlazeDS, Flex3, LCDS, RIA

好久没更新文章了,问题多多的2008就要过去了,希望来年是个好兆头,大家都平平安安…

其实很早就接触过Flex BlazeDS Java结合使用,最初还用的是FDS(Flex Data Service,早已更名为LiveCycle Data Service),不过从来没实际在项目中用过,由于现在的做的产品主要就是在这个架构上运行,因此有必要重新学习学习。

Flex+LCDS(BlazeDS)+Java这种方式对大型的企业级相关应用是比较好的选择。

网上关于Flex + BlazeDS + Java的安装配置文章很多,大都是按照官方的方式,使用向导的方式来进行的,而且通常使用的是BlazeDS Turkey(集成了Tomcat的BlazeDS版本),而且使用了WTP(Web Tools Platform的简称,允许开发人员在Eclipse下开J2EE Web应用),虽然配置比较简单,但由于采用向导的方式,实际上并不灵活,通过实践,推荐下面一种比较灵活的方式 ^_^我会将我在安装配置的过程遇到的常见问题一并指出,我自己做个记录,大家也可少走点弯路

我用的软件环境:

JDK 1.6

Eclipse 3.4.1

Flex 3 plugin for Eclipse (升级到Flex 3.0.214193,Flex SDK为3.2)

Sysdeo Eclipse Tomcat Launcher plugin (一款Eclipse下的Tocamt插件)

Tomcat6.0.13 (我用的是zip包,直接解压就用)

BlazeDS (我下载的是 blazeds-bin-3.2.0.3978.zip)

其中Tomcat的插件下载地址为:http://www.eclipsetotale.com/tomcatPlugin.html#A1 其它的相关软件大家应该都知道。

安装:

上面的所有工具安装都很简单,注意安装后请配置好JDK与Tomcat的环境变量,BlazeDS这里不需安装,下面讲 Hello World再说怎么使用。

Tomcat Launcher plugin插件安装好后,在eclipse中配置如下:

2008-12-30_150727

然后一步一步来创建Hello World:

先看一下完成后的项目结构图:

2008-12-30_171420

一、创建Java项目:

选择new->Java Project创建一个普通Java项目,其中注意的是为了与flex源文件目录区分,将java项目的源文件目录自定义为javasrc,并设定java class默认的输出目录,如下图:

2008-12-30_153522

(创建完成后可将本身的src目录删掉)

创建一简单的HelloWorldService类,用来当Flex端通过BlazeDS以RemoteObject的方式直接访问,SimpleService.java内容很简单,如下:

   1: package com.jexchen.blazeds;
   2:
   3: public class HelloWorldService {
   4:     public String sayHello(String str) {
   5:         return “Hello, “ + str;
   6:     }
   7: }

将blazeds-bin-3.2.0.3978.zip解压,得到flex.war, war其实就是一打包文件,使用解压软件将其解压,得到META-INF与WEB-INF两个目录,将WEB-INF目录下的flex、lib目录及web.xml文件复制到当前应用程序的WEB-INF目录下,在HelloBlazeDS项目上点右键,刷新,这时eclipse中HelloBlazeDS项目目录结构如下图所示:

2008-12-30_154523

二、为当前Java项目增添Flex Project支持

在HelloBlazeDS项目上点击右键,选Flex Project Nature –> Add Flex Project Nature如下图:

2008-12-30_155726

不选任何服务器支持,呆会手动配置:

2008-12-30_160010

指定Flex的编译生成目录至WEB-INF\flex,其中flex目录为新创建的:

2008-12-30_160036

按提示,切换到Flex视图,这时会报一个错误

2008-12-30_160413

在错误提示信息上点击右键,选择Recreate HTML Templates,为生成的swf重建HTML模板。

三、增添Tomcat服务器支持

在HelloBlazeDS项目上点击右键,选择Properties,打开的配置面板中选择Tomcat,设置参数如下:

2008-12-30_160950

完成设置。

(你会发现在我的d:\tomcat6.0.13\conf\Catalina\localhost\目录下生成了名为hello.xml的文件,生成该文件的目的就是为HelloBlazeDS项目在Tomcat下配置了一个独立的Context,这样就不必将文件布署到Tomcat的webapps下去了。

四、完成BlazeDS配置并创建Flex客户端程序

编辑WEB-INF\flex\remoting-config.xml文件,增添下面的语句:

   1: <destination id=”helloservice”>
   2:     <properties>
   3:         <source>com.jexchen.blazeds.HelloWorldService</source>
   4:     </properties>
   5: </destination>

在src下创建Flex应用程序HelloBlazeDS.mxml (MXML Application类型),代码如下:

   1: <?xml version=”1.0″ encoding=”utf-8″?>
   2: <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical”>
   3: <mx:Script>
   4:     <![CDATA[
   5:         import mx.controls.Alert;
   6:         private function onCall():void {
   7:
   8:             myService.sayHello(nameInput.text);
   9:         }
  10:     ]]>
  11: </mx:Script>
  12: <mx:RemoteObject id=”myService” destination=”helloservice” endpoint=”http://localhost:8080/hello/messagebroker/amf” />
  13:     <mx:TextInput id=”nameInput” />
  14:     <mx:Button label=”Call” click=”onCall()”/>
  15:
  16:     <mx:TextArea text=”{myService.sayHello.lastResult}” />
  17: </mx:Application>

需要注意的是Flex compiler的参数设置,我们这种完全手动配置的情况尤其需要注意,下面是我的参数配置,具体含义请查看相关资料:)

-context-root “webRoot” -services “e:/workspace/javaeeworkspace/HelloBlazeDS/webRoot/WEB-INF/flex/services-config.xml” -locale en_US

ok,现在可以点击工具栏上的小猫图标,启动Tomcat了,在浏览器输入以下地址:

http://localhost:8080/hello/flex/HelloBlazeDS.html

运行运行~~~效果如下:

2008-12-30_164501

一篇采访Adobe首席技术官Kevin Lynch的文章(内含链接)

09月 26th, 2008 | No Comments | Posted in RIA, adobe

Adobe Talks Open Source, Innovation and the Future of Flash

http://www.eweek.com/c/a/Application-Development/Adobe-Talks-Open-Source-Innovation-and-the-Future-of-Flash/

这篇访谈是在Adobe Creative Suite CS4发布之际进行的,访谈中,Kevin Lynch谈到了Adobe在开源、创新方面的相关内容,也谈及了Flash的未来发展,值得一看。

感觉上,Adobe在RIA方面继续大量投入,这次CS4中,提及到最大的更新应该是Flash Player 10,有不少令人激动的新特性……

Tags:

Flash、Flex资源收集之十全大补

07月 23rd, 2008 | No Comments | Posted in ActionScript3, Collection, Flash, Flex3, Lib, RIA, Tool

断断续续收集了Flash、Flex相关的不少资源,但好多存着都没看,加上自己没太整理好,反而到想找的时候找不到。在此做个“十全大补”,来个群英汇萃,一来方便自己,二来大家也可参考参考。这些资源均来自网上,感谢这些作者们。不断更新中……

[毕竟是自己辛苦整理的,转载的话请注明出处:http://www.jexchen.com 谢谢]

APIs、Libs、Components

1、as3ebaylib

http://code.google.com/p/as3ebaylib/

2、as3youtubelib

http://code.google.com/p/as3youtubelib/

3、as3flickrlib

http://code.google.com/p/as3flickrlib/

4、Yahoo ASTRA Flash Components

http://developer.yahoo.com/flash/astra-flash/

5、facebook-as3

http://code.google.com/p/facebook-as3/

6、as3awss3lib

http://code.google.com/p/as3awss3lib/

7、Adobe ActionScript 3:resources:apis:libraries (官方,包括corelib、FlexUnit、Flickr、Mappr、RSS and Atom libraries、Odeo、YouTube)

http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

8、Tweener   用于过渡与切换的一组动画库

http://code.google.com/p/tweener/

9、uicomponents-as3    一组轻量级的AS3 UI组件库

http://code.google.com/p/uicomponents-as3/

10、as3ds    AS3的数据结构实现

http://code.google.com/p/as3ds/

More »

Tags: , ,

搜索Flash内容变为现实(Adobe Google Yahoo)

07月 1st, 2008 | No Comments | Posted in Flash, RIA, SEO, adobe

Adobe官方今天的消息,他们将与Google及Yahoo合作,让检索Flash内容成为现实,不知道MS看到这一消息的反应会如何?

简单来说,就是Adobe将为Google及Yahoo提供一个特殊的、优化过的Flash Player版本,充当Crawl(爬虫),它能自动的执行用户可能的交互动作,包括点击按钮、键入文字及拖曳等,这样,Flash中的内容(包括文字、链接,甚至包括从服务请求所截入的动态数据)则可以被Google Yahoo得到,从而让Flash内容可检索。当然,这一切,并不需要对你现有的SWF作任何改动。

广大的Flash Developer该高兴了~~~

 

更多参考请查看以下地址内容:

Adobe Official Release Note
Ted Patrick
Ryan Stewart
TechChrunch
InsideRIA

Tags: ,

Flex应用程序启动详解

05月 11th, 2008 | No Comments | Posted in ActionScript3, Flex3, RIA

转载请注明出自:http://www.jexchen.com,谢谢!

编写一个简单的Flex应用程序并不复杂,就算你从来没接触过Flex程序设计,照着帮助的实例步骤,不需花多长时间也能做出一个漂亮简捷的小程序出来。不过,随着对Flex程序编写的深入,会越来越觉得,其实要编写一个好的Flex应用程序并不简单,涉及到各个方面的知识,需要对Flex应用程序的架构、事件机制的处理、设计与程序的结合等等各个方面均要有所掌握。

接下来我会写一个系列文章,对Flex应用程序编写在上述方面所需掌握的知识作一个梳理,希望对大家有所帮助…

这第一部分的内容从Flex应用程序的启动与运行讲起。另外,Flex应用程序总的来说是以事件驱动的程序,因此,大家在深入学习Flex的各个方面知识的时候,应该随时以事件驱动的观点来进行思考。

大家都知道,我们在编写Flex应用程序时,通常是以<mx:Application>标签作为开头,实际上,Flex应用程序在启动运行的时候并不是直接从Application开始运行,在这之前还有一部分悄悄的先运行了,正如大家所看到的,当我们运行编写好的Flex应用程序时,尽管我们没有编写任何与启动进度载入条相关的代码,但无一例外的,应用程序均会为我们自动加上这一部分。因此才有我们看到的如下图所示的标准的Flex loading载入条(在下一篇文章中,我们将一起来改变这千篇一律的载入条,创建自定义的loading效果)。

loading

通常我们所说的Flex应用程序,本质上来说是基于Flex框架、采用ActionScript 3.0编写的Flash应用程序,从这一点来说,它和普通的Flash应用程序没有任何差别。相对来说,传统的使用Flash IDE(如Flash CS3)创建Flash程序时更多的基于“时间线”(Timeline)及“帧”(Frame)的概念,更易于设计师理解;而基于Flex框架来创建的Flash应用程序更多是强调程序性,很少提及“时间线”与“帧”的概念,更易于程序员理解。其实Flex应用程序一样也有时间线,只是这部分由Flex框架隐藏起来了,通常不为大家所熟悉,在默认创建Flex程序时,这一切Flex已帮我们完成了,但了解这部分内容更有助于大家对Flex应用程序的启动有更深刻的认识,以便能对程序更灵活的控制与发挥~~

application

我们来看看上面这幅示意图,Flex应用程序共由两帧组成,第1帧为preloader部分,第2帧为主应用程序部分,此两部分由Flex应用程序的根SystemManager统管,SystemManager是flash.display.MovieClip的子类,影片剪辑(movie clip)支持帧。由于swf属于一种渐进式(progressive)下载的格式,正是由于swf格式这个特性,Flash Player并不需要等待整个程序下载完成便可直接访问已载入帧的内容,因此第一帧通常用来作为应用程序载入时的loading画面显示,一般来说,第一帧包含的内容应该尽可能的少(在第一帧中尽量不要含有Flex框架的组件),以便能很快的下载并立即显示;第二帧才是主应用程序真正的内容,一旦SystemManager实例进入到第二帧后,即开始内部主应用程序运行的生命周期(life cycle),也就是进入我们最为熟悉的<mx:Application>运行的部分(SystemManger实例有一application的属性,在第1帧时,此属性为null,当进入到第2帧时,该属性才指向真正的主程序application实例)

注:帧是时间线的一个基本单元,如PAL电视制式,每秒25帧;而电影通常为每秒24帧,其实和我们这里讲的Flash中的帧类似的概念

记住我们开始所说的,Flex应用程序总的来说是以事件驱动的程序

在程序进入第2帧,主程序application开始运行后,便会相应的触发相应的一系列事件,按事件发生的先后顺序依次来介绍:

preinitialize

应用程序application已实例化,但此时还未创建任何相关的孩子组件(child component)

initialize

此时,创建了相应的孩子组件,但还未对这些子组件进行布局

creationComplete

应用程序application完成全部实例化,并完成所有子组件的布局

apllicationComplete

上面三处事件的完成,表明application内部启动的整个进程完成,接下来便会通知SystemManager派发applicationComplete事件。此时,启动程序启动完成并准备运行。

运行下面这个小程序,再次理解这几次事件,注意:由于在preinitialize事件产生时,此时还未创建任何子组件,故在此事件的处理函数中,不能直接将相应显示的字符串赋给TextArea组件显示。

点击运行程序(右键选择view source可查看源码)

Tags: ,

AXNA (MXNA) 回来了~~

05月 7th, 2008 | No Comments | Posted in RIA

AXNA (MXNA) 终于复活了,并且现在有了新的访问地址:
http://feeds.adobe.com/

现在可以不去偶的Google Reader看得眼花缭乱了,哈哈!!!

Tags:

Adobe Open Screen Project ,感谢Adobe

05月 3rd, 2008 | No Comments | Posted in RIA, adobe

(翻译整理了部分)
消息来源及更详细的介绍参见下面的地址:
http://www.adobe.com/openscreenproject/
http://www.riapedia.com/2008/05/01/adobe_opens_swf_format_launches_open_screen_project

Adobe最近一段时间真是动作多多阿,这不,五一期间,又给大家送上一份惊喜~~~

Adobe刚刚和许多顶尖的业界厂商共同宣布了一项叫“Open Screen Project”的计划,该项计划致力于推动跨平台的富因特网体验(Rich Internet experiences),包括电视、个人电脑、移动设备及消费数码电子产品等,大家可以看看下面支持这项计划的厂商有哪些(点击图可放大)

对RIA的开发人员来说,或许这将完全改变当前整个游戏规则,Open Screen Project移除了在SWF及FLV上的使用限制,现在任何人都可以创建自己的播放器或工具去创建SWF内容,就像现在的PDF一样。Adobe也正在为Flash Player发布porting layer APIs ,这样,任何人均可为当前一些不支持FP的设备(尤其那些移动设备)创建自己的Flash Player。

另外,由于去掉了将Flash Player及Adobe AIR发布到相关设备的许可费用(license fees),移动开发也将会得到蓬勃地发展。手机制造商也不必再为安装Flash Player在他们的设备而向Adobe付费了,HOHO~~~

Tags: ,

Flex | AS3 书籍推荐及简评

04月 9th, 2008 | 1 Comment | Posted in ActionScript3, Book, Flex3, RIA

着RIA被越来越多人知道,学习Flex的人越来越多了,Flex又是基于ActionScript 3.0的,经常在论坛和群里面见有人问有没好的书推荐…… 我根据自己的学习体会和了解,来推荐一下(目前关于Flex及AS3的书已经有很多了,我仅挑我至少翻过并觉得值得推荐的简单介绍一下)

首先说明的是:Adobe官方的文档是最好的学习资料了,仅Flex 3 beta2 devguide就有1435页,programming as3 也有576页,应该是很全很强大了。还有就是官方的Language Reference是开发必备的,需随时查阅…

当然,有些书籍也很好,作为辅助学习…

ActionScript 3 书籍:

  • Essential ActionScript 3.0

Essential-actionsscript-30

Colin Moock的这本书应该是最经典的了,作为AS3的开发人员需必备的, 中文版已经由机械工业出版社出版了,原价:98 RMB,不知翻译得如何阿,若翻译还行的话,别嫌贵,毫不犹豫的买下吧!

  • Foundation Actionscript 3.0 Animation

这本由FriendsofED出版的书前一版就评价很高,这是作者更新为AS3完成的新版,对使用AS3进行动画程序设计(游戏或交互动画设计)感兴趣的朋友一定不要错过,这本书也有中文版的了,翻译得也不错,就是有点偏贵,原价:59 RMB,不过书还是值的,中文名叫《FlashActionScript 3.0动画教程 》

More »

Tags: