Zman’s Blog

Archive for RIA

参与客户端（RIA）项目后的几点收获

July 27, 2009 at 12:58 am · Filed under RIA, 前端, 行业

08年底通过邮件方式分享给UED团队的几个观点，现在公之于众，抛砖引玉。

在经历几个富客户端（RIA）项目后，有几点收获，希望和大家探讨。

1、 视觉展现和脚本开发分离

在传统WEB项目开发中，前端开发往往既需要负责页面本身的coding化，又需要负责交互的脚本编码，工作量很大，也容易造成项目开发的瓶颈；RIA项目中视觉和脚本很容易分离，视觉设计师的产出物只要经过简单的处理就可以和脚本结合的很好，前端可以更专注于脚本编码，团队可以更好的协作。

2、 围绕API展开的开发

由于富客户端项目在前端需要进行大量的脚本编码（包括数据展现和处理，交互效果等等）所以必须与后台开发制定统一的的数据通讯接口（API），前端和后台共同围绕API展开迭代开发，测试，发布。与以往页面驱动的项目有很大不同。什么是API(Application Programming Interface,应用程序编程接口)

3、 项目流程的转变

基于以上的开发核心的转变，整个项目流程发生了很大变化，UED在项目过程中比重也随之提升，所以我统称类似以API驱动的项目开发过程为“前端主导的项目开发”。经过实践，开发工程师对这一流程也是认可的。

4、 交互设计师的新要求

富客户端产品的交互具有很强的连续性，SO,在项目前期交互模型制作阶段就需要交互设计师把握这种连续性，目前互动行业普遍做法是前期通过分镜头，故事板来描绘交互，必要的时候还需要制作演示DEMO。这对交互设计师技能提出的新的要求。

5、 视觉设计&音效设计

由于富客户端产品的可以包含多种媒体，视觉设计师需要同时处理多种媒体（视频，动画，音乐等），也是一项不小的挑战，有时在大的富客户端项目中也会加入音效的需求，处理的好的话可以给产品增色不少。

附上YY的“前端主导的项目开发流程” 以及“RIA产品团队角色及职责”

Permalink Comments

AIR NativeWindow 试用~

May 24, 2008 at 6:28 am · Filed under RIA

周末尝试着把淘宝试衣间转成AIR，其中涉及到AIR的一些NativeWindow对象知识

下面简单介绍下air的原生窗口对象（NativeWindow）的使用

窗口属性

每个AIR应用的发布设置里都会有3种窗口样式供选择：

默认的系统镶边：显示传统的应用程序边框，包括最小化、最大化、关闭按钮，背景不透明。

自定义镶边（不透明）：不显示系统边框，背景不透明

自定义镶边（透明）：不显示系统边框，背景透明

这些设置实质上是给AIR初始NativeWindow设置了对应的参数。

我们在应用程序内部动态创建NativeWindow的时候，可以通过NativeWindowInitOptions对象来改变窗口的属性，

其中包括是否透明，是否显示系统边框，窗口类型等等。NativeWindow对象本身含有标题、大小等属性，代码如下

var options:NativeWindowInitOptions = new NativeWindowInitOptions();
    options.transparent = false;
    options.systemChrome = NativeWindowSystemChrome.STANDARD;
    options.type = NativeWindowType.NORMAL;

    //create the window
    var newWindow:NativeWindow = new NativeWindow(options);
    newWindow.title = “A title”;
    newWindow.width = 600;
    newWindow.height = 400;

窗口控制

NativeWindow 的orderToFront() 、orderInFrontOf()、orderToBack()等方法可以控制窗口在桌面中的显示层次，

activate()、close()、可以激活和关闭窗口，maximize()、minimize()最大化最小化窗口。

窗口事件

activate	当窗口得到焦点的时候抛出事件
deactivate	当窗口失去焦点的时候抛出事件
closing	当窗口即将关闭的时候抛出事件，（只有在系统边框上关闭按钮被按下的时候才才抛出）
close	当窗口关闭的时候抛出事件

moving	当窗口左上角即将产生位移前抛出事件，（移动、缩放、改变窗口形态都可能）.
move	当窗口左上角产生位移时抛出事件
resizing	当窗口即将产生高度或者宽度变化时.
resize	当窗口产生了高度或者宽度变化时