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,            Ajax

Email: yahoo email ,163 email,     Ajax

Map: google  map, baidu map    Ajax

     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

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

 

 

Enterprise

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:

Ajax :  google docs ,  http://docs.google.com

zoho suite   http://www.zoho.com

Flash/Flex:  best 4c          http://www.best 4c .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 Ajax , but we see a world that goes beyond  Ajax

       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

类型：策略游戏

技术： Ajax

项目开始时间： 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

 

 

Mobile

 

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

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

 

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

 

 

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

 

 

	ajax	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支持，开发速度，项目成本等多方面细节的。