技术开发 频道

三大RIA开发工具谁主沉浮?

  【IT168 专稿】RIA产品的林林总总我们前面已经开始了介绍,对于RIA和现有商业模式的关系我们也在上一篇文章中给了充足的证明,估计各位读者已经亟不可待要开始您的RIA之旅了。但是所谓工欲善其事必先利其器,没有趁手的开发工具,一切好的RIA创意只能永远停留在脑海里,本文就专为给大家介绍各种好用的RIA开发工具,使用这些工具可以让大家的开发工作事半功倍。

  微软旗下的重头戏Expression Studio

  Microsoft Expression Studio是微软针对开发者与设计师开发的设计与媒体套件应用程式,其中包含:

  Microsoft Expression Web(开发代号Quartz)- 所见即所得网站设计器与HTML编辑器

  Microsoft Expression Blend(开发代号Sparkle)- 视觉化制作Windows Presentation Foundation应用程式的用户界面

  Microsoft Expression Design(开发代号Acrylic)- 点阵与向量图像编辑器

  Microsoft Expression Media - 数位资产与媒体管理器

  Microsoft Expression Encoder - VC-1内容编码器

  这其中尤以Expression Blend 最为重要的产品,这一产品起初的设计目标就是为了SilverLight和WPF开发设计,所以内建了对SilverLight开发的支持,但是随着3.0版本的推出,其应用更加丰富,已经向着全能的UI设计器跨进。

  其卓越的特别包括,

  1.增加交互功能无需编程

  行为模式(Behaviors)是一组可重用的代码。通过简单的拖动操作,它们可以被应用在任何的一个对象上,赋予该对象某个特定的交互特性,而设计人员无需为此编写一行代码。例如你可以把一个名为“拖拽”的行为模式拖放到故事面板(artboard)的一个按钮上,然后运行该程序。你会发现这个按钮已经可以在应用程序的窗口里被四处拖动。在下面的照片编辑应用示例里,用户可以拖动那个绿色的按钮滑过照片的不同部位。在按钮所过之处,照片上相应位置的图像点的亮度就会被显示出来。

图1 行为模式示例

  这种封装等于为设计人员提供了开发人员早已熟悉的复用功能,不过这一复用功能并非是代码复用,而是逻辑复用,这种复用为设计者提供了更多共享号设计的选择。

  2.草图与工作流设计

  好的应用交互设计师都需要在完成具体页面之前由一个整体把握设计,也就是整个网站的页面都有哪些,包括哪些模块,这些模块之间的调用关系等等。通常每个设计师也都有自己的方式来实现这个工作,有人使用“脑图”软件,有人喜欢在白板上写写画画,但是在Blend3 里提供了一个叫做SketchFlow的功能,其应用界面如下图所示

图2 SketchFlow应用界面

  使用SketchFlow,您可以

  a) 为您的想法设计草图

  b) 把这些想法转化为可工作的原型,其精细程度可根据您的需要,从极其粗糙到接近真实产品都可胜任

  c) 在SketchFlow播放器中,展示这些交互用户体验,以供审查和评论

  SketchFlow用来创建快速、非正式的原型,从而使设计人员能够轻松地探索各种想法。您可以从第一张粗略草图开始运行、探讨原型。当您准备进一步开发时,可以将原型通过Expression Blend或Visual Studio转换成一个真正的应用程序。

  SketchFlow提供了一种方法来向他人展示您的原型“SketchFlow播放器”。该播放器可以让您浏览您的原型、运行动画来说明您的原型将如何工作、或切换到用户界面的不同状态,同时还支持开放的评价系统,用户可以根据他的情况对这一内容进行点评和反馈。如下图所示,这样一来,设计师的思想就可以和用户进行交互了。

图3 提供了交互平台

  此外,Blend 3已经开始支持导入Photoshop (.psd)和Illustrator (.ai)文件。那些文件里包含的层(layers)信息在导入后,将做为独立的布局容器(layout containers),以方便使用。同时Expression Blend 3现在已经和Microsoft©Team Foundation源代码控制系统集成在了一起。这意味着,开发人员可以轻松地在开发团队成员之间共享项目源代码文件,并对这些文件实施源代码控制。这大大降低了项目开发中的代码管理风险——由于人为的疏忽,导致一个开发人员对某个源代码文件做出的改动被另外一个开发人员在不经意间覆盖掉。有了源代码控制系统,开发人员可以随时查看某个文件的历史版本,并把它和该文件的最新版本进行比较,找出改动发生的地方。

  Adobe的重量级武器 Flash Builder 4

  Flash Builder 4.0版重点:

  Flex 2~3版间做的功能己够商用化,但好的产品还是要不断更好才行,这次Adobe卯足18个月的努力,将此版本重心放在三个,如:

  设计者与程序员间更紧密的工作流程

  以资料开发为中心

  提供更好的开发环境与测试环境

  新版的Flash Builder 4加了"New Flash Component"与"New Flash Container",以符合更佳的开发流程,你可以在原先的Flash开发环境上建立或编辑内容,按下"done"后, Fla与SWC档就可以就直接回到Flash Builder 4里续编辑。而在Flash Catalyst里,你可以利用Photoshop或Illustrator,把编辑好的图形汇入到Flash Catalyst中,Flash Catalyst主要是让你将图形转换更佳的RIA界面,提供给Flash Builder使用,程序员打开Flash Catalyst的程序后,就清楚知道界面与动画时间线的来龙去脉。

  Adobe Flash Catalyst beta

  Adobe Flash Catalyst beta 是一个新的产品,它使得设计人员可以很轻松的通过素材创建RIA 的UI ,这些素材可以从Adobe Creative Suite工具中导入。Catalyst中创建的程序就是Flex程序,而且Flash Builder 4 beta提供了一个方便的导入这些项目的功能,因此设计者和开发者之间的合作就比以前容易了许多。

  虽然许多应用程序开始于全面的设计,但也有很多是从数据开始的。 您可能会创造一个显示栏,提供企业数据库的直观显示,或者您的应用程序将提供一个到现有的ColdFusion或PHP程序的新的前端;可能你会严重依赖第三方的基于REST或SOAP的服务。 虽然服务器或服务的细节可能会改变,但基本原理是相同的:你需要一个简单的方式连接到所有这些服务,并将它们与Flex组件进行绑定。 这就是Flash Builder 4 beta中以数据为中心进行开发的主题。 无论您是一位经验丰富的Flex开发者或是刚刚接触该技术的web开发人员,这些功能都将大大加快你的工作,并让您建立以数据为导向的经验,而这些几乎不可能只通过在浏览器中提交HTML来完成。

  其它开发工具

  可能是由于公司整合的缘故JAVAFX似乎有点先天不足,所以JAVAFX的开发工具JAVAFXBuilder似乎也是少有人知道,不过就界面看来这一工具倒是似乎秉承了JAVA一贯的简约风格

  图4 JAVAFXBuilder

  其官方网站在http://www.reportmill.com/jfx/,有兴趣的朋友可以去此处下载。

  作为最早的RIA解决方案Ajax技术现在依然具有广泛的市场占有率,不过所使用的开发工具无外乎DramaWave和VisualStudio,这两款产品相信大家都耳熟能详,这里就不在赘述了。

0
相关文章