RIA案例不完全参考[0.01 草案]

前些天和一个朋友谈起开发web上的飞车类游戏的方案。我突然意识到，

1 RIA技术有多么的重要： apple公司的历史足以证明： 用户界面是一种核心竞争力。

2 具体的ajax, flash, Silverlight, java的这些RIA技术争论是多么的无聊，很多开发者需要的

是case by case的案例说明。

我把我知道的RIA的案例列举出来，大家可以看一下。从这些案例中大家可以从中选择自己需要的技术。不同的开发员从事不同的领域。我分为下面8个方向，

8个方向	我需要强调一下，上面的划分的标准大体是 用2005年为界，用2005年前的流行的设计思维开发的 叫做1.0，用2005年后流行的设计思维的 叫做2.0。双方没有优劣，不是相互竞争而是相互补充。可能1.0的盈利 是2.0的100倍，但是2.0代表未来的发展趋势。
Web1.0	成熟的应用，比如个人拖拽式门户，email,地图等。
Web2.0	比如在线的图片,video,漫画的编辑或者其他的消费类产品
Enterprise1.0	用于企业内部的MIS系统，如CRM,scm,erp,OA等等
Enterprise2.0	主要分为2类，一类是web上的office工具或者协同系统, 二类是基于web上的SAAS方式类提供的可定制的专业系统
Game1.0	传统的rpg，策略，休闲，动作游戏。
Game2.0	主要分为2类，一类是加入很多DIY, 可以自定义道具，情节, 的游戏，保留打怪升级。 2类是图形化社区。以生活交友为主题的。
Mobile1.0	采用手机专有技术如j2me开发出来的传统上的手机应用，game,map等.
Mobile2.0	智能手机上的应用,可以采用pc桌面的开发方式.

web

Web1.0需要的技术能力：需要在web中包含各种UI控件，实现类似于桌面的拖拽效果．

个人门户：google ig, <city w:st="on"><place w:st="on">Ajax</place></city>

Email: yahoo email ,163 email, <city w:st="on"><place w:st="on">Ajax</place></city>

Map: google map, baidu map <city w:st="on"><place w:st="on">Ajax</place></city>

Yahoo map, mapabc Flex

流量统计：Google Analytics Flash

Web2.0需要的技术能力，能够在web上提供对image, audio, video的操作能力,对经典的web应用提供离线操作的能力。

案例：

slide: http://www.viddler.com

技术：flash

成果：因为创始人的paypal背景。获得了4轮累计超过7000万美金的投资。号称全球注册人数1亿多。

内容：通过flash编辑image,video为动画。Slide 可以获取 flickr、MySpace、Photobucket（需要登录）三个图片分享服务的相片,把你的相片变成闪秀相册Widget 分享在facebook，myspace中。可选择多个widget 样式，从不同的风格、主题、尺寸大小中自行组合设计，并且还可以设定特定用户可访问该相册。

StoryBlender：http://www.storyblender.com

技术：flash

内容：类似“视频维基百科”模式的视频网站。站点拥有易用和简单的用户界面。用户不必具有专业的知识要求，就可以轻松添加音乐、视频、文字和动画等东西。

Picnik: http://www.picnik.com

技术：flash

内容：支持本地上传图片进行编辑，可实现自动修复、图片旋转、裁减、光亮色深的调节、锐化以及去红眼等常见功能，一般的应用足够了。

<place w:st="on"><city w:st="on"><span lang="EN-US">Enterprise</span></city></place>

Enterprise1.0需要的技术能力，局域网内部实现基于数据驱动的UI控件，报表，图形系统[工作流程，组织结构图，甘特图等]

案例：

用友 NC系统

技术：java

内容：采用java swing来构建复杂的界面系统。

SAP

技术：flex

内容： 采用flex作为新一代平台的界面工具：比如 SAP NetWeaver Visual Composer，Briefing Book，Spend Analytics

内容界面：http://www.flexcoders.cn/showtopic.aspx?forumid=7&topicid=233&go=prev

Enterprise2.0需要的技术能力，web的word,excel,ppt和基于数据驱动的UI控件，报表，图形系统[工作流程，组织结构图，甘特图等]

协同系统案例：

协同office:

<city w:st="on"><place w:st="on"><span lang="EN-US">Ajax</span></place></city>: google docs , http://docs.google.com

zoho suite http://www.zoho.com

Flash/Flex: best<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="4" unitname="C">4c</chmetcnv> http://www.best<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="4" unitname="C">4c</chmetcnv>.com,

Buzzword http://www.buzzword.com

Java: thinkfree http://www.thinkfree.com

MIS系统案例：

Coghead: http://www.coghead.com/

类型：SAAS,MDA platform

技术：flex

项目开始运行时间：2005年

成果:第一轮 Dorado Ventures出资 320 万,2007年初第二轮American Capital 和 SAP Ventures，总额达 800 万美元，2007年度Web2.0展会最佳5个web2.0应用之一。

内容：是一个集 CRM、客户跟踪、团队管理和协调的团队应用在线工具，coghead2.0版本提供了强大的图形和自定义程序功能，在线可视化应用程序设计服务。

备注： 原来coghead是用ajax开发，后在采用flex，按照他们的话说：

A lot of people are talking about <city w:st="on">Ajax</city>, but we see a world that goes beyond <city w:st="on"><place w:st="on">Ajax</place></city>

Brings Game-Changing Performance and Scalability to Web Application Platform

Game:

Ajax只能开发策略类，模拟养成类的游戏。

对于2D 的rpg或者动作类或者休闲游戏应该选用Flash

对于3D可以采用java 。[java 3d的渲染消耗的资源是c++写的程序的1.2－2倍。Jogl可以获得和c++一样的效率]

或者采用shockwave。

Game1.0需要的技术能力，web上2d/3d的图形引擎，物理引擎

案例：

Adventure Quest: http://www.battleon.com

类型：欧式2D mmoprg游戏

技术：flash

开始运行时间：2002年

成果：alexa排名稳定在1000名左右。平均每天有50多万ip访问。

内容：这是一款诞生于2002年的美国Web Game，游戏的前端界面采用Flash制作，画面效果不俗。游戏是采用回合制战斗的正统RPG，虽然现在看来有些平庸保守，但从其发布时间来说是Web Game中的优秀先驱作品。

Docus: http://www.docus.com

类型：欧式Q版2D mmoprg游戏

技术：flash

项目开始运行时间： 2004年，2005年免费。

内容：是一部将英雄奇幻和色彩鲜明的2D设计结合起来的MMORPG，由Ankama Studio出品。它不仅是角色扮演游戏，同时也是互动卡通，意在引游戏高手和休闲玩家。游戏中充满创意的画面使探险旅程充满幽默，游戏中将角色扮演、多彩的图象和紧张的智谋战斗有机结合在一起。玩家可以结成联盟或是独力去对抗其他的探险者和怪物。，角色创造、练功升级、avatar系统、回合制战斗系统、物品交换、地图系统，Dofus一个都没少，操作上也十分容易上手。美术的部份水平也很高，场景看不太出来是一格一格拼出来的。

界面地址：http://weblogs.macromedia.com/xd/archives/2005/09/dofus_flash-bas.cfm

点评：2005年，当我看到这款游戏的时候，我就意识到，开发纯web的 大话西游2和传奇已经不是问题了。 当时我们团队做了尝试。最终只开发了一个没有打怪升级的社区。

Ikariam: http://www.ikariam.org

类型：策略游戏

技术：<city w:st="on"><place w:st="on"><span lang="EN-US">Ajax</span></place></city>

项目开始时间： 2007年

点评： 这是国外的非常游戏的策略游戏，用 ajax开发。画质非常精密。但是也暴露了

Ajax最大的确点，就是往往都没有写代码去控制图片的载入速度，因此在网速不好的情况非常影响用户体验。

SeaFight (http://www.seafight.com)

类型：策略游戏。

技术：flash

项目开始时间：2007年

成果：《Seafight》以上线当月超过百万注册用户的数字,缔造了网页游戏的神话。其运营公司：Bigpoint公司2007年更以其超过4,500%的增长率,名列德勤科技EMEA企业最快进步500强的第19名。

内容：seafight是一款免费的海战游戏，实时与真正的对手海盗作战，可以赢取奖金，画面非常优秀，有智能的等级系统，独特的3D海图，即时的时间演算，真实的日夜交替，使得游戏格外引人入胜。

RuneScape (http://www.runescape.com)

类型： mmorpg

技术： Java 3D

项目开始时间：2003年

成果：该游戏名字“RuneScape”在雅虎本年度的十大关键词中位列第7，平均同时在线人数10万以上。Alexa排名在200到300之间。日IP超过100万。

具体内容：在这中世纪的rpg游戏中，你可以选做武士、弓箭手、魔法师；也可以选做厨师、木匠、冶炼师。 在游戏里你会见到矮人、巨人、巫师、僧侣、野人、海盗、疆尸、蜥蜴人、怪兽、恶魔和不同的动物(小到老鼠大到飞龙都有)等。有51种攻击魔法，15种保护魔法，50个过关问题，5个城市，1个荒芜大陆和无数个地下城堡，构成了整个江湖。

界面地址： http://www.wangtam.com/50226711/runescape_ceaec_91194.php

另外一个Wurm Online http://www.wurmonline.com采用jogl有更好的界面效果

视频地址：http://www.youtube.com/watch?v=tiTVTcNQj74&feature=related

Game2.0需要的技术能力，web上2d/3d的图形引擎，物理引擎

图形社区案例：

Gaia、Club Penguin则使用二维平面的小精灵以鸟瞰视图在一个固定的静态场景中运动，营造一种童话氛围和童真体验；而诸如Cyworld和Neopets则很简单地使用图片和Flash动画来营造一个某种虚拟世界的“人性化氛围”；Barbie Girls则更强调女性视角，环境设计、Avatar形象塑造完全以女性化方式出发，营造一个以女性为主角的虚拟世界。

尼奥宠物 http://www.neopets.com

类型： 2D pet game

开始时间 1999年

成果：它在2005年被维亚康姆以1.6亿美元巨资收购，注册用户超过1亿。

内容：全球注册用户最大的虚拟宠物网站。提供了各种虚拟宠物的游戏。现在变成了一个宠物社区。

企鹅俱乐部(Club Penguin) http://play.clubpenguin.com/

类型： 2D community

技术：java

服务开始时间：2005年

成果：迪斯尼3.4亿美元收购，如果两年后网站能够达到运营目标，还会再追加3.5亿投资

内容：以可爱卡通的企鹅为形象,创造的一个虚拟世界,分为 8岁以下, 9-12岁, 13-17岁, 18岁以上四个年龄段区间. 主要内容是卡通化的简单的场景区域, 简单的游戏配合虚拟道具的形式. 已有1200万活跃用户，主要来自于加拿大和美国

运营参考：http://www.dol007.com/show_featuredworks.aspx?id=294

Meez: http://www.meez.com

类型： 3D avatar

技术：java

项目开始时间： 2007年

内容：免费建立用户虚拟形象的在线服务，类似QQ 的 3D 形象秀，在自定义方面固然无可挑替，支持的网络服务也相当广泛，已知的有：MySpace、Facebook、hi5、Xanga、Blogger、Tagworld、Xuqa、YFly、Windows Live Spaces、Yahoo Messenger 以及电子邮件等等。

Flowplay: http://www.flowplay.com

类型：2D社区

技术：flash

项目开始时间：2007年

成果：Techcrunch40奖，获得370万美元首轮投资 此轮主要投资方为Intel Capital 和 Ambient Sound Investments.

内容： 这个世界是一个有avatar的无缝环境, 主要是给青少年提供休闲游戏。

DIY game案例：

Metaplace http://www.metaplace.com/

类型：2D游戏制作工具

项目开始时间：2007年

成果：Techcrunch40奖

内容：通过web界面直接创造虚拟世界,而不是巨型客户端下载, 游戏内所有物体都是web元素，有唯一的url和feed地址，可以建立好游戏放在自己的网站或者blog上

查看制作过程：http://www.youtube.com/watch?v=tZiB_JcRH_s

备注：很早就有RPG Director可以在网页中制作了。 看不出Metaplace 这个东西好在那里

Shockwave:

注，mm公司以前还有一个软件，就是桌面多媒体的霸主 Macromedia Director ,可惜随着flash的流行而逐渐衰落。在欧美的安装率还挺高，超过1/3。2000年，intel和 mm联合推出

Shockwave3D，开始提供lingo命令很多3d design工具都支持导出w3d这种shockwave支持的3d格式。而且包括一个物理引擎 Havok 。。后来改成 actionscript版本的scene API.。主要是因为在中国安装率不高，而且未来adobe对其投入不大，所以我没有把它详谈。应该随着flash player 10,11,12的发布,shockwave有的功能都会加入到flash player中的。

Shockwave也有一些成熟的应用，

Habbo Hotel http://www.habbo.com

哈宝已有近8000万青少年用户，其中63%每天登录，用户在社区的平均停留时间是32分钟。Habbo以五星级豪华酒店为基地，具有大厅、酒吧、餐厅、泳池、游戏机室等设施，同时，每个前来注册的用户都可免费拥有一个自己房间，然后通过各种各样的活动建立社交圈。哈宝最主要的收入来源是用户为装饰房间、举行活动用的虚拟道具的支出。还包括游戏内置广告、无线收入、品牌授权(如授权哈宝人物形象)费等。

在线的second life:

http://www.maidmarian.com/MariansWorldOne.htm

是由http://www.maidmarian.com/ 这个优秀团队推出的。这个团队还提供了3d rpg, tank大战等3d game.

在线的Quake 3

http://necromanthus.com/Games/ShockWave/quake3.html

在线的 CS，Phosphor

http://www2.rasterwerks.com/game/phosphor/beta1.asp

<place w:st="on"><city w:st="on"><span lang="EN-US">Mobile</span></city></place>

Mobile1.0时代主要的工具就是j2me，为了跨越symbian,pocket PC,palm平台,唯一的选择就是j2me,j2me不仅仅有成熟的UI,对移动多媒体的操作能力，高端手机还提供了opengl

ES和m3d(scene api)的功能．flash lite安装率不高。

mobile是以iphone中的AJAX,,javaFX这些为代表，让用户可以用pc上相同的语言，相同的API，只是更改一下界面布局，可以把pc上的应用直接转化为为移动上的应用。

通过上面的案例，最终得出结论：

	<place w:st="on"><city w:st="on"><span lang="EN-US">ajax</span></city></place>	Flash/Flex	java	sliverlight
pc安装率	10	10	2	1
	100%	99%	美国87％中国不足8％	不到2％
语言功能	5	7	10	9
离线能力	2	7	8	10
文本操作	10	6	4	2
UI Component	7	9	8	8
多媒体	1	10	3	6
2D graphic	6	10	8	8
3D graphic	2	5	9	5
最终得分

最终结论： Ajax可以开发和文本(text,html)紧密联系的应用。

Flash擅长开发 2d graphic和多媒体相关的.

Java擅长开发 企业内部 mis或者 3D graphic

Silverlight在正式支持 C#之前都是一个玩具。没有任何特色。

这只是一个2个多小时完成的草案，我会把案例补充到50个。继续补充 IDE支持，开发速度，项目成本等多方面细节的。