Browse all articles in history
构建在Cappuccino上的原型工具:Mockingbird
Cappuccino
Cappuccino是一个非常别致的Javascript框架,它由一群前Apple工程师开发,力图在Web上通过Javascript来重写Objective-C语言,他们把这个语言称为Objective-J。这样原有的Cocoa程序员就可以继续使用他们熟悉的语法来开发Web应用程序,Cappuccino内建的解析器将在浏览器端负责解析。
我不得不说这个想法很疯狂,和Bindows、Qooxdoo这些框架比起来,Cappuccino走得相当的远。不过这群天才做得不错!从官方文档来看,Cappuccino已经逐渐成形:兼容所有主流浏览器(包括该死的IE 6)、有知名的演示站点280 Slides、有Cocoa那丰富的资源和完善的文档支撑、控件库漂亮且齐全,它甚至有一个名为“Atlas”的可视化IDE(这个一会儿详细说)。
我前一阵子花了不少时间研究Cappuccino和SproutCore,总的感觉是这两个框架有很多好玩的东西,表面看起来也很是惊艳,可小问题很多,离实用还有一段距离。
回过头来说几句Atlas,这是个很强悍的可视化IDE,它完全用Cappuccino构建,包含了代码编辑器和界面编辑器两个部分-听起来很像XCode和Interface Builder的组合,对吧?实际也是如此,它的界面编辑器简直就是Interface Builder在浏览器上的翻版!而且从视频来看,还保留了Interface Builder的一些界面特效。
应该说他们能做到这步非常不容易,毕竟浏览器的能力在那儿摆着呢。可是我搞不懂Atlas中界面编辑器的意义何在,因为愿意使用Cappuccino的几乎肯定是Objective-C程序员,而目前Objective-C程序员必定用的是Mac,他们完全可以使用Interface Builder,然后用Cappuccino提供的nib2cib把Interface Builder界面文件转换为Cappuccino模板。既然如此谁还愿意用浏览器上的编辑器呢?
Atlas本月13号发布开发者预览版,具体有何独到之处,让我们拭目以待吧。
Mockingbird
最近冒出了不少基于浏览器的原型制作工具,比如Lovely Chart和Balsamiq Mockups,这两个都是用Flash做的,Mockingbird是第一个也是目前唯一的一个用JS做的工具。我曾和@soulhacker在Twitter上讨论过制作一个Web版的OmniGraffle克隆,在技术上遇到的问题就是,这东西必须得用Flash来做,否则辛辛苦苦写的JS很容易就被拿走了。因此我非常不解Mockingbird为什么选择用JS来做这事儿。

同Lovely Chart和Balsamiq Mockups比起来,Mockingbird在功能上并没有什么特别之处,基本上可以说它有的功能别的工具也都有,但,除了以下两个:
链接
用鼠标把界面左面pages中的页面图标拖到编辑区的某个元素上,就代表这个元素将会链接到这个页面。这不仅可以生成链接,更重要的是,通过这个功能你可以让你的原型具备交互能力!

分享
原型图做好了以后,可以按右上角的Share按钮,Mockingbird会生成一个链接地址,把这个地址发给同事,就可以直接看到效果了。这功能其实挺方便的,不用再把原型图上传到服务器上了。
-----下面帮朋友发条广告---------
注重独立的生活观念,关注服装、影像、时尚,以轻松的视角体察城市生活 www.ochosto.com
给人间网做了个主界面
应该说人间网的产品设计还是有不少亮点的,可就是那个界面设计实在让人找不着北,所有的对话、个人资料、朋友资料等等都混在一起,我研究了好一阵子才基本搞明白怎么用。
晚上边吃饭边瞎琢磨怎么能改进这个界面,晚饭过后方案在心中确定-三栏布局,从左到右分别为导航-分类-项目,层层递进,这样信息之间的层次变得清晰很多。
下图是我用OmniGraffle画的,一共只用了20分钟,省略了很多很多的细节,但足以说明问题了:
负责人间网面子工程的just老弟看后冒个泡,让我知道你的想法。人间上讨论的热烈着呢,有账号的看这个。
参加SD2.0 2009的一点杂感(2009-10-28更新)
这是我第一次参加SD2.0,所以倒是有一些有趣的见闻和感受:
1. 云计算、敏捷和移动平台开发,是本次会议的三大主题
我仔细看了下大会的日程,发现有关移动开发的主题演讲最多,包括oPhone、iPhone、Symbian和Android等平台开发的场次达到了14个!云计算的场次数量排在第二位,有8个;敏捷相关则有6个。云计算和移动平台的兴起,反映了人们随时随地进行计算和存储的要求。徐锋老师幽默地将这次大会概括为“8朵云、6个敏捷和4部手机”,可谓精辟。
2. iPhone开发在国内渐成气候
1年多前国内只有一本讲Objective C的著作《Cocoa入门——使用Objective-C》,专门讲iPhone开发的书根本没有,而这次会展上看到多本iPhone开发的专著。
3. 开发人员更多地追逐新技术,对产品和用户的关注仍非常有限
整个会议只有一场是讲产品需求的,而在另外一个会场上主讲人居然声称“互联网产品的需求是凭空创造的”!
有趣的是,上述这场专门讲产品需求的题为“用例的事实与谬误”的演讲的作者,就是我以前提到的《软件需求最佳实践——SERU过程框架原理与应用》一书的作者,也就是刚才说的徐锋老师。
4. 产品设计产物到开发的过渡仍旧不是很理想
产品设计文档究竟该写成什么样,才能既清晰全面、又能让工程师快速看懂;另外如何提高设计师和工程师之间的协作效率,这些都不是简单的问题。Adobe在它的Flex 4平台上,试图用Flash Catalyst + Photoshop + Flash Builder来打通“产品 - 视觉 - 开发”的流程,从目前的情况来看问题还是不少,比如Flash Catalyst自身制作原型的能力,以及它和Photoshop之间的衔接等方面,我试用下来都不是非常理想。另外这东西自动生成的代码质量如何也不得而知。我一向觉得用Axure之类的软件生成的HTML非常的鸡肋,而要想在制作原型时提高代码质量,就要求设计师有一定的前端知识,在大多数情况下这恐怕都是个两难问题。
5. Mac逐渐普及
在程序员和设计师中Mac已经相当普及了,会场上一眼望过去都是Macbook/Macbook Pro和Thinkpad。有趣的是,程序员用的Mac几乎都是unibody的型号,而设计师那里旧型号的比例稍高一些,反映了两个群体对Mac的接受程度和时间上的差异。
在北京还和包括@tinyfool在内的众程序开发高手吃了个饭,话说北京人可真能侃啊,尤其是这个tiny……
临走前又和伴我网的宏伟小聚了一下,其实我们不过是第二次见面,但这个土生土长的北京土著十分热情,还开车把我送到机场,在此表示感谢!
去北京参加软件开发2.0大会
明天(周三)去北京,参加一年一度的软件开发2.0大会。在大会的日程安排中,我比较感兴趣以下几场:
程序员的中医保健(黄飞龙)
最近差不多半年来我一直深受腰肌劳损和颈椎病的困扰,严重的时候除了躺着什么都不能干。8月份因失业赋闲在家的时候,为了养病,每天24个小时至少要在地板上躺20个小时,唯一能长时间做的就是听单田芳的《童林传》,那痛苦劲儿就别提了!现在blog不怎么更新了,LonelyThinker的开发也陷入了停滞的状态。电工们,身体真的是革命的本钱呀!
Scala:一种Java平台的新语言(Bill Venners)
Scala被称为“下一代Java”,了解一下还是有必要的。
社会网络和云计算在企业2.0中的应用实践(毛新生)
用例的事实与谬误(徐锋)
我用例写的不多,这次刚好学习一下。
只是会场又是在北京的偏远地带(北五环外),不知道会不会有时间进城瞧瞧。






