博客园_dodo

如何oracle调试存储过程

2012-02-07T05:50:00Z

1．打开PL/SQL Developer

如果在机器上安装了PL/SQL Developer的话，打开PL/SQL Developer界面

输入用户名，密码和host名字，这个跟在程序中web.config中配置的完全相同，点击确定

找到需要调试的存储过程所在的包（Package bodies），如PACK_ACTIVITY，点击右键，在弹出菜单中选择[查看]，得到包中的所有存储过程和他们的代码.

2．添加debug信息

为了能够单步跟踪存储过程，需要为其所在的包添加debug信息，右键点击需要调试的包，在弹出菜单中选中[添加调试信息].

这样就为包体添加了调试信息。

3．调试存储过程

现在所有的准备工作都做好了，可以调试跟踪存储过程了。

选择需要调试的存储过程，点击右键，在弹出菜单中选择[测试]，进去测试窗口. 测试窗口中有为了测试该存储过程自动所产生的代码，当然你也可以自己另外加入和修改代码，对于我们目前只是为了调试存储过程，自动生成的代码已经足够了。接着按照如下的步骤进行调试。

（1）添加存储过程所需要的参数，我们项目中的大多数存储过程都是需要参数的，参数可以在测试窗口右下部分输入。

如：GetPanNO_New需要一个输入参数v_employeeid，我们输入180，输出参数是mycursor,是查看结果的，不需要输入任何值。

（2）开始调试，点击[调试]菜单－>[开始]（或者按F9），就进去调试模式了，程序开始停在begin这一行.

（3）以后的调试过程跟我们熟悉的的调试过程就一样了：

运行（Ctrl＋R）

单步进入（Ctrl＋N）

单步跳过（Ctrl＋O）

单步退出（Ctrl＋T）

或者点击debug工具条上的按扭：当按Ctrl＋N进去存储过程的源代码中后

在这个窗口中可以查看过程中的变量值和堆栈。

（4）调试运行完了后，可以查看结果如下（点击mycursor变量旁边的按钮）.

本文链接

打包发布WinForm应用程序

2012-02-06T06:59:00Z

1:新建安装部署项目

打开VS,点击新建项目,选择:其他项目类型->安装与部署->安装向导(安装项目也一样),然后点击确定.(详细见下图)

此主题相关图片如下：

2:安装向导

点击下一步,或者直接点击完成.

3:开始制作

安装向导完成后即可进入项目文件夹:

双击"应用程序文件夹"在右边的空白处右击,选择添加->文件,将你的做的应用程序的可执行文件和相应的类库和组件添加进来.

一般添加 .exe文件就可以把其关联的库文件都加载进来, 不能自动加载的需要手动添加进来, 比如说明文档,测试数据...

然后右击你的可执行文件,创建快捷方式,然后把快捷方式分别剪切或复制到左边的"用户的´程序´菜单"和"用户桌面"中.

这样安装程序安装安装完成后会在 "开始->所有程序"和"桌面"上生成程序的快捷方式.

然后右击左边的"应用程序文件夹"打开属性对话框:

将属性中的"defaultlocation"的路径中的"[manufacturer]"去掉,

不然的话做好的安装程序默认安装目录会是"c:/programm file/你的用户名/安装解决方案名称";

然后打开解决方案管理器,右击你的解决方案名称,选择属性:

在打开的属性页中,选择"系统必备",

在打开的系统必备页中,选中如下中的选择项,这个很重要!!!!!1!!!!!

选上以后,在生成的安装文件包中包含.netframework组件.(这个选项默认是没有选中的)

好了,这样就配置完成了

4:编译项目

编译完成之后在Debug或者Release文件夹下就出现安装文件了.

5. 添加卸载程序

vs.net2005下并没有直接生成卸载程序的功能, 所以我们只好用msi来实现了,
【1】：在添加你的应用程序项目的时候，多添加一个msiexec.exe进去, 这个文件在c:/windows/system32文件夹下,

添加进去以后,为了让他更像个卸载程序,把他的名字改成其他名字比如"DynEdUn.exe". 用上面生成的***.msi安装包同时具有安装和卸载的功能, 这里多添加的一个msiexec.exe 就是想实现其卸载功能, 运行msiexec.exe的时候需要输入一系列参数, 但是它本身没有设置参数的地方, 所以需要在其快捷方式上设置参数, 如果想在开始-->程序里创建一个卸载程序,那么就把DynEdUn.exe的快捷方式放到用户的"程序"文件夹里, 如果要在安装后的文件夹自身目录下创建卸载程序就需要把DynEdUn.exe的快捷方式放到当前目录下, 没有这个快捷方式就不能实现卸载, 创建快捷方式之后把快捷方式的名字改为Uninstall.exe

选中该项目跟节点, 查看属性中的ProductCode, 把其中的内容拷贝下来

然后鼠标点到Uninstall.exe上,看其属性窗口, 把上面拷贝的ProductCode 组合成 "/x空格ProductCode" 输入到参数一栏.

然后编译就可以生成卸载程序了, 如下:

6. 注册一种文件类型, 并为之添加默认打开的应用程序和默认图标

就像 .doc文件是用word打开一样, 并且有一定的图标.

首先创建一种文件类型, 点击管理器中的某个图标(如下图), File Type Editor,

右键新建一种文件类型. 在属性窗口中输入相应的信息,比如文件类型名字, 扩展名..command 是选择默认打开的应用程序, ICON是文件类型的图标

创建文件关联:

双击用某程序打开, 比如双击 *.dyn用DynEdGS.exe打开, 需要创建一种文件类型,并加入启动参数" %1" 注意%号前面必须有一个空格

设置好之后就完成了...

关于对 .NetFramework ** 的依赖问题, 如何仅依赖.Netframework 2.0 ?

首先在安装项目上点右键-->选择启动条件

然后修改.net framewrok的属性设置为.net 2.0即可

本文链接

如何使用VS2008打开VS2010的解决方案

2012-02-03T05:35:00Z

发现VS2008的SLN文件的开头会有如下代码：

Microsoft Visual Studio Solution File, Format Version 10.00 # Visual Studio 2008

打开VS2010的SLN文件的开头却是如下代码：

Microsoft Visual Studio Solution File, Format Version 11.00 # Visual Studio 2010

试着将VS2010的SLN的前面这两行替换成了VS2008的那两行代码，

保存关闭，然后双击打开的时候就选择了VS2008，而且打开的项目也是完全没有问题的。

分享一下这个小技巧，可能会有人需要哦。

备注：使用的.Net framework一定不要高于VS2008哦，也就是说一定要是VS2008中有的才可以，不然会报错的。

补充一点，我这里测试的C/S程序，也就是winform下是没有什么问题的，当然也不完全保证一定正确。

希望测试发现有问题可以在回复中发一下，我们一起研究一下怎么去解决。

2010-11-19 补充

在我尝试中发现就算更改这些以后有可能某些VS2010的项目仍然无法使用VS2008打开，因为VS2010新建的.csproj文件中toolsversion版本与VS2008不同，如图所示：

VS2008的是：

<?xml version="1.0" encoding="utf-8"?> <Project ToolsVersion="3.5" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">

而VS2010的是：

<?xml version="1.0" encoding="utf-8"?> <Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">

所以在VS2010的sln文件修改完毕后，先检查一下sln下的所有.csproj文件是否还是4.0如果是4.0请修改为2.0或者3.5，然后再尝试使用VS2008打开。

本文链接

使用HttpHandler做文件过滤器,验证下载文件权限

2012-02-01T08:10:00Z

公司的下载中心文件从tomcat迁移到了IIS下,原先在tomcat通过过滤器来控制文件的下载,现在也要在IIS里实现过滤器功能.

当然想到的就是用HttpHandler,在网上找了一下,有很多关于图片防盗链的程序,功能相似,但关于文件下载控制的则只有提及,没有程序.
图片和下载中心的需要区别是:
1. 图片只是根据来源地址来看是否盗链,下载中心则要能完url参数来验证权限.
2. 图片文件小,容易WriteFile,下载中心文件有的几G,WriteFile会非常占资源,而且还要考滤续传的问题.

经过修改,最终用了这个版本的:

过滤器

    public class DownloadAuthHttpHandler : IHttpHandler, IRequiresSessionState

{

public DownloadAuthHttpHandler()

{

}



#region IHttpHandler 成员



public bool IsReusable

{

get { return false; }

}



public void ProcessRequest(HttpContext context)

{

bool isOk = false;

string username = string.Empty;

string strFileFullName = context.Server.MapPath(context.Request.FilePath);



//是否为断点续传

            if (context.Request.Headers["Range"] == null)

{

try

{

string sid = context.Request.QueryString["sid"] == null ? "" : context.Request.QueryString["sid"].ToString();

//验证sid(单点登录认证)

                    if (!String.IsNullOrEmpty(sid) && LtpaToken.isValid(sid))

{

//解密获得用户名

                        LtpaToken l1 = new LtpaToken(sid);

username = l1.getUser();

isOk = true;

}

else

{

isOk = false;

}

}

catch (Exception e)

{

throw (new Exception("认证失败", e));

}

}

else

{

isOk = true;

username = "<断点续传>";

}



if (isOk)

{

//写日志记录

                WriteLog(string.Format("用户{0}开始下载文件{1}", username, strFileFullName));

context.Response.ContentType = Path.GetExtension(strFileFullName);

context.Response.TransmitFile(context.Request.FilePath);

}

else

{

context.Response.Write("验证失败,你不是合法用户");

//写日志记录

                WriteLog(string.Format("已拒绝用户下载文件{0}", strFileFullName));

context.Response.End();

return;

}

}

}

复制代码

context.Response.ContentType = Path.GetExtension(strFileFullName),这样可以不要每种扩展名都去写一个ContentType,非常方便.
值得一提的是,Response.TransmitFile()这个方法找了很多地方才找到的,之前用的是WriteFile(),非常占资源,而且大文件就下不了,后来还是在台湾同胞的网站上找到的(http://www.dotblogs.com.tw/topcat/archive/2008/03/06/1255.aspx).

至于如何在web.config里添加httphandler,如何在IIS里配置文件映射,我这就不细讲了,网上讲的很多.

本文链接

网页兼容性测试工具

2012-02-01T07:53:00Z

网页兼容性测试工具很多，比如残疾的IETESTER；在线测试的各种服务，还有通过插件实现游览器并存的在线服务SPOON。很多，而今天推荐的是一款比较权威霸道的MS产品。该软件在09年已经面试经过2年的开发出来了如今的试用版版本。已经是完整版了。Expression Web SuperPreview

Expression Web SuperPreview 加快了针对跨浏览器兼容性调试网站这一主要任务的速度。利用 Expression Web SuperPreview，无需使用 Web 服务便可在用于开发的计算机上调试页面。

Expression Web SuperPreview 是一款独立的可视化调试工具，用于跨浏览器测试。利用 Expression Web SuperPreview，您可以确保您的网站与如今流行的 Web 浏览器正确兼容。

Expression Web SuperPreview 可显示所有 Internet Explorer 版本呈现的网页。它还支持在 Firefox for Windows 中呈现。它还通过联机测试服务提供其他浏览器支持，目前支持 Chrome、Safari for Mac、Firefox、Internet Explorer 8 和 Internet Explorer 9。您可以并排或以描图覆盖纸的形式查看页面，以及使用标尺、参考线和缩放/平移工具精确地找出布局差异。您甚至能够将页面 comp 与目标浏览器呈现的页面外观进行比较。

Expression Web SuperPreview 不仅能够高保真地呈现页面在不同浏览器中的外观，还能够确定元素的标记、大小和位置、应用的样式以及 DOM（文档对象模型）树中的位置，以便您能够快速修复错误。

Expression Web SuperPreview 是一款免费的独立应用程序。在 60 天的试用期中，它所提供的功能与 Expression Web 中包含的 SuperPreview 版本提供的功能相同。试用期过后，SuperPreview 会继续在 Internet Explorer 的所有版本中呈现您的页面。

系统要求

支持的操作系统：Windows 7;Windows Vista;Windows XP Service Pack 3

配装不低于 1 GHz 的处理器的 PC
不少于 1 GB 的 RAM
不少于 2 GB 的可用硬盘空间
.NET Framework 4.0
Silverlight 4.0
支持采用 Windows Vista 显示驱动程序模型 (WDDM) 技术的驱动程序的 Microsoft DirectX(R) 9.0 显卡，不少于 128 MB 的图形 RAM，硬件支持 Pixel Shader 3.0，32 位/像素
DVD 兼容驱动器
1024 x 768 或更高分辨率的监视器，24 位色
要求能够访问 Internet 的 Internet 功能（可能需要额外付费）
某些产品功能需要 FireFox 3.0 或更高版本和 Internet Explorer 8

win7下的测试结果本地测试为IE6+。 FF； CHROME； SAFARI； SAFARI FOR MACW为远程服务需要注册。注册仅仅是提供一个邮箱不收费。软件大小52M左右，提供了各种流行浏览器测试服务，MS的东西要比其他厂家更了解自己的IE。

本文链接

网站用户体验76条原则

2011-12-20T07:49:00Z

发现很多的网站不仅没有把用户体验这个最重要的部分处理好，并且对用户体验的概念都比较模糊，更不知道从何下手，尤其对于电子商务网站而言，直接的后果就是网站的转化率提不上去，销售额无法突破，其实袁勇认为，用户体验就是把自己当作目标受众，在自己的网站上不停的逛来逛去，看看哪里的感觉不好就是用户体验有问题。当然，说起来简单做起来难，因为每个人都网站的使用习惯不一样，功能要求也不一样，要做到最好的用户体验只能是照顾最主要目标受众的需求，因此要实现用户体验的优化，前提之一是必须对自己的目标受众了如指掌。因此，要有一个详细的背景调查，分析目标受众的属性，分析他们的需求和行为特征，这样才能有的放矢，实现网站用户体验优化的目的。

　　了解完用户之后，还是要回到从哪些方面或角度来进行网站用户体验优化这个问题上来，袁勇在网络上参考了很多的资料，各有各的说法，最后看到有篇文章总结了用户体验的76个要素，比较全面，大家可以参考下：
　　
　　网站用户体验的分类
　　
　　1、感官体验：呈现给用户视听上的体验，强调舒适性。
　　
　　2、交互体验：呈现给用户操作上的体验，强调易用/可用性。 www.yixieshi.com
　　
　　3、情感体验：呈现给用户心理上的体验，强调友好性。
　　
　　4、浏览体验：呈现给用户浏览上的体验，强调吸引性。
　　
　　5、信任体验：呈现给用户的信任体验，强调可靠性。
　　
　　网站用户体验的76个要素
　　
　　一、感官体验：呈现给用户视听上的体验，强调舒适性。
　　
　　1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。
　　
　　网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。
　　
　　2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。
　　
　　3. 页面速度：正常情况下，尽量确保页面在5秒内打开。如果是大型门户网站，必须考虑南北互通问题，进行必要的压力测试。
　　
　　4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。
　　
　　5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

互联网的一些事

　　
　　6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。
　　
　　7. 页面导航：导航条清晰明了、突出，层级分明。
　　
　　8. 页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。
　　
　　9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。
　　
　　10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。
　　
　　11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。
　　
　　12. 背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。
　　
　　二、交互体验：呈现给用户操作上的体验，强调易用/可用性。
　　
　　13. 会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。
　　
　　14. 会员注册：流程清晰、简洁。待会员注册成功后，再详细完善资料。
　　
　　15. 表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制。（如手机位数、邮编等等，避免无效信息） www.yixieshi.com
　　
　　16. 表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示。
　　
　　17. 按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。
　　
　　18. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。
　　
　　19. 错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作。
　　
　　20. 在线问答：用户提问后后台要及时反馈，后台显示有新提问以确保回复及时。
　　
　　21. 意见反馈：当用户在使用中发生任何问题，都可随时提供反馈意见。
　　
　　22. 在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。
　　
　　23. 在线搜索：搜索提交后，显示清晰列表，并对该搜索结果中的相关字符以不同颜色加以区分。
　　
　　24. 页面刷新：尽量采用无刷新（AJAX）技术，以减少页面的刷新率。
　　
　　Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。

互联网的一些事

　　
　　25. 新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。
　　
　　26. 资料安全：确保资料的安全保密，对于客户密码和资料进行加密保存。
　　
　　27. 显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径。
　　
　　三、浏览体验：呈现给用户浏览上的体验，强调吸引性。
　　
　　28. 栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。
　　
　　29. 栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。
　　
　　30. 内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。
　　
　　31. 内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。
　　
　　32. 内容的原创性：尽量多采用原创性内容，以确保内容的可读性。
　　
　　33. 信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。
34. 信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构。

www.yixieshi.com

　　
　　35. 新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。
　　
　　36. 文章导读：为重要内容在首页设立导读，使得浏览者可以了解到所需信息。文字截取字数准确，避免断章取义。
　　
　　37. 精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。
　　
　　38. 相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。
　　
　　39. 收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。
　　
　　40. 栏目的订阅：提供Rss或邮件订阅功能
　　
　　41. 信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。
　　
　　42. 页面打印：允许用户打印该页资料，以便于保存。
　　
　　43. 文字排列：标题与正文明显区隔，段落清晰。
　　
　　44. 文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。
　　
　　45. 页面底色：不能干扰主体页面的阅读。
　　 www.yixieshi.com
　　46. 页面的长度：设置一定的页面长度，避免页面过长而影响阅读。
　　
　　47. 分页浏览：对于长篇文章进行分页浏览。
　　
　　48. 语言版本：为面向不同国家的客户提供不同的浏览版本。
　　
　　49. 快速通道：为有明确目的的用户提供快速入口。
　　
　　四、情感体验：呈现给用户心理上的体验，强调友好性。
　　
　　50. 客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。
　　
　　51. 友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。
　　
　　52. 会员交流：提供便利的会员交流功能（如论坛），增进会员感情。
　　
　　53. 售后反馈：定期进行售后的反馈跟踪，提高客户满意度。
　　
　　54. 会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。
　　
　　55. 会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。
　　
　　56. 鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。
　　
　　57. 会员活动：定期举办网上会员活动，提供会员网下交流机会。 www.yixieshi.com
　　
　　58. 专家答疑：为用户提出的疑问进行专业解答。
　　
　　59. 邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。
　　
　　60. 好友推荐：提供邮件推荐功能。
　　
　　61. 网站地图：为用户提供清晰的网站指引。
　　
　　五、信任体验：呈现给用户的信任体验，强调可靠性。
　　
　　62. 搜索引擎：查找相关内容可以显示在搜索引擎前列。
　　
　　63. 公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。
　　
　　64. 投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。
　　
　　65. 服务保障：将公司的服务保障清晰列出，增强客户信任。
　　
　　66. 页面标题：准确地描述公司名称及相关内容。
　　
　　67. 文章来源：为摘引的文章标注摘引来源，避免版权纠纷。
　　
　　68. 文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。
　　
　　69. 联系方式：准确有效的地址、电话等联系方式，便于查找。 www.yixieshi.com
　　
　　70. 服务热线：将公司的服务热线列在醒目的地方，便于客户查找。
　　
　　71. 有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。
　　
　　72. 安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。
　　
　　73. 法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。
　　
　　74. 网站备案：让浏览者确认网站的合法性。
　　
　　75. 相关链接：对于集团企业及相关企业的链接，应该具有相关性。
　　
　　76. 帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。
　　
　　其实对一个网站做一次用户体验分析是很细很累的活，但是意义却很大，尤其对年销售额上千万级的电子商务网站而言，用户体验做好了，转化率能增加千分之一那就能促进数百上千万的销售额，你说要不要重视呢？

本文链接

Gamification：互联网产品的游戏化设计思路

2011-12-20T01:25:00Z

概念

在2011年的GDC大会上，Gamification（游戏化）作为一个热门新词被提出来。简单来说就是将游戏的思维和游戏的机制运用到其他的领域，来引导用户互动和使用的方法。

它能在互联网、医疗/健康、教育、金融等领域中影响到用户使用时的心理倾向，进而促进用户的参与与分享。简单的说，它可以用来鼓励人们做一些通常认为“无聊”的事，例如完成调查、购物或者阅读网页等。
Wiki：Gamification

为什么要关注它

我们设计完产品，做完用户测试确保它好用，由运营方来加入运营方案，然后……祈祷用户来使用。事实上，在用户使用时我们缺乏有效的引导、激励手段。

我们先来看两个例子，第一个来自一个叫DevHub的自助建站服务：

DevHub 最初发起是09年2月。很多用户都是看客（僵尸用户），用户建立了自己的主页，但不会花时间（或者不知道该如何）为这个站点添加栏目、内容和做优化，更不会为增值服务的功能花钱。7月9日，他们推出了Gamification优化后重新设计的版本，通过任务、奖励、成长等机制来引导、激励用户。

在Gamification优化之前，大约只有10%的用户建立好了自己的网站，但是现在，大约有80%能完成。原来，用户注册后只做1-2个操作就不再继续了，现在增长了9倍。单个用户平均收入也增加了4倍。现在他们每周增加40000名用户，新增4800个网站。

另一个例子，来自美国电视台的数字科技副主管 Jesse Redniss：

新节目Psych Show网站上加入了游戏化设计的元素之后，该网站的浏览人数增加了130%。另外，回访的浏览者人数也增加了40%。大部分浏览者在该网站的停留时间也相对增加，从原本的4分钟增加到了28分钟。

现在，我们回头看一看设计的目标，简单的理解，包括了：

产品数据表现提升（UV、参与度、活跃度、回头率）
用户体验提升（满意、享受、乐趣）
商业ROI 提升（支付成功率、 Return on Investment ）

从上面的例子可以看出，游戏化可以在这些方面有很好的表现，也就是：可以用游戏化设计的方法来帮助我们达成设计目标

是什么让人着迷

虽然Gamification作为一个新词刚刚被提出，但其实在生活中，一些商业活动早已经在应用一些类似的方法了，例如：信用卡积分兑换、航空公司里程积累、各种商家的会员卡计划，等等。只是，它们的设计往往看起来并不那么有趣，所以并没有体现出应有的价值。

但是我们知道，游戏是确实会改变人们的行为和习惯的。有些游戏（例如魔兽）中的职业玩家，每天有10个小时以上在玩游戏。而我们身边许多人到今天还在为之着迷的农场（偷菜）游戏、植物大战僵尸，都有大量的铁杆粉丝。在偷菜风头最盛的时候，甚至有玩家半夜设置闹钟来偷菜。还有的使用EXCEL表格来记录好友的果实成熟时间。事实上，网民玩游戏比例高达 70%，并且乐此不疲，游戏已经影响了人们的行为和生活。

是什么吸引了人们？让人着迷的游戏机制

是什么吸引了人们做出这样疯狂的举动呢？这里列举了部分的因素，它们在上述让人入迷的游戏中发挥了重要作用。包括但不限于：

约定机制
例如商场在某个特定时间点打折
奖励机制
做某事，得到一些奖励，这个很常见
成就机制（身份、收集）
例如有人喜欢收集麦当劳玩具，有人喜欢集邮
进度机制（完成、升级）
一个做的不那么有趣的例子：学校的年级和升学
自我表现
喜欢装扮自己的工作间/小窝，打扮自己
社区（助人/合作、竞争）
包括与他人合作完成某事，或者在某件事情中与他人竞争

方法：一些可以利用的元素和规则

在了解了游戏中让人入迷的机制之后，如何把它们应用在互联网产品设计中呢？这里有一些你可以参考的设计元素和规则：

新手引导
升级/进度条
收集
角色
排行榜
礼物
虚拟货币
竞争
积分

下面是两种最常见的方法，结合游戏中和网站产品中的例子体会一下具体用法。

例子:自助建站服务 DevHub

最后，我们来看一看本文开头提到的DevHub，如何用游戏化设计来帮助引导用户，并且把枯燥的建站行为变成有趣的事情。

新注册用户的介绍页：由机器人角色介绍站点的特色和功能。

建站主界面：由于较高级的网络用户基本不会使用这类产品，所以该产品的定位主要面向初级用户，但是点开下面的大图可以看到，即使是优化之后，操作还是比较复杂的。但是网站利用左下角的浮层提示用户现在应该去做的“任务”并且用经验值、金币来激励。这是一个亮点。

市场界面：当用户提升了级别并有足够的金币之后，他们可以在市场购买更高级的装备来让他们的站点更强大、更漂亮。

用户的控制面板：有趣的图形化管理，包括各种醒目的激励元素。

排行榜界面：一个人玩终于会没意思的，排行榜让用户可以不断的挑战极限。通过排行榜，用户还可以去那些做得好的人网站上去看看有什么可以学习的。这很赞。

奖励的陈列柜：系统会给用户设定一系列的发展路线，当用户在某方面（例如SEO）达到了一定的要求之后，就会获得一个奖励并展现在这里。它很有趣，它告诉用户该向哪个方向努力，并且及时的奖励他们。

一些需要注意的地方

• 有明确的业务目标。游戏机制用来驱动。

• 游戏机制直接融入产品实际使用过程中，而不是一个附加的东西。

• 这方法仅是催化剂，不是灵丹妙药。产品本身的质量必须有保证。

一些相关资源

• 塞思·普瑞巴什：现实和虚拟世界中的游戏机制

• 汤姆•查特菲尔德：电脑游戏中激励大脑的七种方式

本文链接

Working with Symbols （在Balsamiq Mockups中复用自定义控件和页面模板）

2011-12-19T04:02:00Z

这篇文章是Balsamiq Mockups网站《Working with Symbols》的译文。
原文在这里：Working with Symbols

Symbol是Balsamiq Mockups桌面版2.0的新功能，通过它可以灵活复用自定义控件和页面模板。
通过项目资源文件夹的设定，还可以实现跨项目以及团队协作多种环境调用。这些期待已久的特性，使得Mockups更加强大和灵活，非常值得推荐给大家。

感谢Roline帮忙审阅翻译。欢迎大家审阅，帮助继续修订。

Working with Symbols

Starting with version 2.0, Mockups for Desktop supports the concept of Symbols. Other software refers to this same feature as templates or master pages, components or widgets.

从版本2.0开始，Mockups桌面版支持Symbol概念。类似特性在其它软件中称为Templates、Master pages、Components 或者Widgets。

In essence, Symbols let you reuse common elements across different mockups.

本质上，Symbol让你可以在多个Mockup文件引用公共的元素。

Here’s a quick video introduction that shows the benefits of this feature.

这里是介绍该特性优点的简短视频。

Creating Symbols 创建Symbol

Symbols in Mockups are simply named groups which have been “converted” to symbols (we’ll talk more about what goes on under the hood later), but first, let’s create a symbol!

在Mockups中，Symbol是简单命名转化为Symbol形态的Group。待会我们会讨论更多它的帽底乾坤。现在，让我们先创建一个Symbol！

You may create a new group to convert to a symbol or use a group you already have. The following steps assume you are creating a new group.

你可以创建一个新的Group或者选择一个已经创建好的组来转化为Symbol。下列步骤假设从创建一个新的Group开始。

1. Select the controls you want to group
2. Group your selection (Select Edit->Group and group turns bluish color)
3. Name the Group (i.e. login form)

1. 选择想要群组的控件
2. 群组选中控件。（选择Edit菜单下的Group命令，Group后会呈蓝色。）
3. 为Group命名。（比如login form）

4. Save the File with the new group (File must be saved to convert a group to a symbol.)
5. Click on the ‘Convert to Symbol’ icon in the Property Inspector to Symbol。

4. 保存带有这个新Group的文件。（转化Group为Symbol之前文件必须要保存。）
5. 在Property Inspector点击Convert to Symbol按钮转化为Symbol。

You will notice that the group selection becomes a light green. This means that the selection is now an instance of a symbol.

你会注意到Group选择变为了亮绿色。这表示选中的是Symbol的一个实例。

You now have a symbol named ‘login form’ which will be displayed in the Project Assets tab of the UI Library. (You can also add the symbol via Quick Add).

你现在就有了一个名为“login form”的Symbol，它会显示在UI Library的Project Assets标签里。（同样也可通过Quick Add添加它。）

Under the Hood 帽底乾坤

When you hit “Convert to Symbol”, Mockups for Desktop added the named group you selected to a file called symbols.bmml in a folder called “assets” right next to your bmml files. You might want to refer to our best practices for creating projects with Mockups if you haven’t read it yet.

一旦点击“Convert to Symbol”，Mockups桌面版会将选中的已命名Group添加到你BMML文件旁assets文件夹下symbols.bmml 文件中。如果不了解assets文件夹，你可能需要参考best practices for creating projects with Mockups（使用Mockups创建项目最佳实践）。

The key to understanding Symbols in Mockups is that Symbols are named groups contained inside BMML files that are stored in your projects’ assets folder.

理解Symbol的关键是，Symbol是存放在项目assets文件夹BMML文件中的已命名Group。

We know the definition above is pretty dense, but understanding it fully will help you make the most out of this awesomely powerful feature. Don’t worry if it makes little sense to you right now, we’ll come back to it. Just read it one more time and move on. :)

我们知道这个定义相当晦涩难懂，但彻底理解它有助于你掌握这个及其强大的特性。如果现在对Symbol还是没有什么概念，请别担心，我们一起回到前面，再学习一遍之后继续前进。；）

Overriding Symbol Properties 重定义Symbol属性

Once you have created a symbol, you will often want to change it a little each time you use it. Imagine for instance a Symbol you created as a master page / template, containing a web page’s title and navigation.

创建了Symbol后，每次使用时常常需要做一些小调整。假设你创建了一个Symbol作为Master Page/Temple，它包含了一个网页的标题和导航。

All your website pages will have the same font size and position for the title, but the title’s text should be different on each page. Same goes for which page should be shown as current in your navigation bar.

整个网站的Page Title具有相同大小的字体和位置，但是每一个页面Title文本都有所不同。同样道理，导航栏标识某一个页面的当前地址也有所不同。

Symbols allow you to achieve this result by letting you override symbol properties each time you use a symbol. To do so, start by double-clicking (or hitting ENTER, or F2) on a symbol to “enter it”.

Symbol允许每一次使用时重定义属性达到这个目的。需要的时候，请在Symbol上双击、Enter或者按快捷键F2 “进入内部”。

Although this experience is very similar to editing a group’s contents, you will notice that Mockups for Desktop warns you that what you’re doing is really overriding some properties of a Symbol.

这很像编辑Group内容，但你会注意到一个提示，是否真的需要重新定义Symbol的属性。

At this point, you can manipulate each control inside the symbols at will, as if you were editing a group. Some operations are not permitted while overriding symbol properties, such as adding, deleting or grouping controls.

如同编辑Group一样，你可以随意调整Symbols里面每一个控件。超过Symbol属性的操作不被允许，比如添加、删除或者群组控件。

If you make a mistake, you can always undo to get back. If you want to remove a single property change and go back to a Symbol’s default property, you can click on the little green “x” icon in the property inspector.

如果做了误操作，你可以一直撤销返回。如果只想撤销Pos. & Size恢复为Symbol默认数值，可以点击Property Inspector中（Pos. & Size右边）绿色的“x”icon。

You can also revert all changes you made to a Symbol’s instance at once, via the “x” icon in the property inspector you see when selecting the whole symbol.

通过Property Inspector中（Symbol一栏最右边）的“x”icon，也可以一次性撤销全部操作（Pos. & Size和内容），恢复为Symbol实例。

Editing a Symbol’s Source 编辑Symbol源文件

The main benefit of reusable Symbols is that if you need to make a change, you can just do it in one place and it will be propagated to all the instances (uses) of that Symbol.

重复使用Symbol的主要优点是，一旦需要做调整，只是编辑一个地方，就会更新所有Symbol的实例。

To edit a Symbol’s source, you simply open the BMML file that contains the symbol and edit it normally, just as you would edit a group. Save your changes, go back to a mockups that uses that symbol and notice that your changes have been applied, just like that!

编辑Symbol源文件，如同编辑Group。只需要打开BMML文件包含Symbol，然后编辑就可以了。保存你的更新，回到Mockups中使用Symbol，就会注意到变动已经生效了，就这样而已。

There are a couple of shortcuts in the app that help you reach a Symbol’s source in order to edit it:

程序提供2种快捷方式帮助你打开Symbol源文件以便于编辑。

• You can select a Symbol instance and hit the “Edit Source” button in the property inspector.
• 你可以选中一个Symbol实例，在Property Inspector点击“Edit Source”。

• You can enter a Symbol for overriding, then hit the “Edit” button there.
• 你可以进入一个Symbol实例，然后点击如下图的“Edit”按钮。

Symbol Libraries

A Symbol Library is a collection of symbol definitions. You might want to create a Symbol Library in order to share common controls with your team, or share them with the community via Mockups To Go.

To create a Symbol Library, all you have to do is to create a bmml file, create some groups (one per symbol) and give each group a name.

Symbol Library是Symbol集合。你可以创建Symbol Library共享控件给你的团队，或者通过社区Mockups To Go分享它们。

创建一个Symbol Library，必须创建一个BMML文件以及一些Group(每一个是一个Symbol)，并且Group有各自的名字。

Whenever someone saves your BMML in an asset folder, they’ll be able to use the groups contained in it as Symbols in any mockup of that project.

只要有BMML文件存到asset文件夹，其中的Group就会转化为在这个项目任何Mockup中都可以使用的Symbol。

One more thing…Using Whole Mockups As Symbols 还有一件事情……将整个Mockup作为Symbol

There’s a little secret we haven’t shared with you yet. Remember how Symbols in Mockups are simply named groups contained inside BMML files that are saved in a project’s asset folder?

Well, it turns out that’s not entirely true. There’s one more way to create a Symbol in Mockups: just create a mockup with NO GROUPS in it and save it in an assets folder. Mockups will detect this, and treat THE WHOLE MOCKUP as a symbol, named after the mockup’s file name.

我们还有个小秘密还没有跟你分享。记得这句话吗？“在Mockups中，Symbol是简单命名转化为Symbol形态的Group，储存于项目assets文件夹的BMML文件中。”

其实，这不是完全正确的。这里还有一个方式可以在Mockups中创建Symbol：创建一个没有Group的Mockup到assets文件夹。Mockups把将整个Mockup作为一个Symbol，名称跟随Mockup的文件名称。

With this in mind, the full definition of symbols becomes as follows:
考虑到这点，完成Symbol定义如下：

Symbols in Mockups are either named groups contained inside BMML files that are saved in a project’s asset folder, or BMML files with no groups in them, saved in a project’s asset folder.
在Mockups中，Symbol是保存在项目assets文件夹下BMML文件中被名命名的Group，以及该文件夹中没有Group的BMML文件。

Sharing Symbols Across Projects 跨项目分享Symbol

What? You’re still reading? You just can’t get enough of Symbols can you? ;)
什么？你还在看？这些Symbol的信息对你来说还不够吗？

Allright, since you’ve asked for it, we’ll spill all the beans for you. So far we’ve been talking about “project assets folders”, the directory called “assets” sitting next to your BMML files.

好吧，既然你找上门来，我们只好彻底坦白。到现在我们已经多次谈及项目资源文件夹，这个名为“assets”的目录就在你BMML文件旁边。

That’s all nice and good, but what if you want to share Symbols across all of your projects?

这一切都很好，但是如果你想在所有项目中共享这些Symbol呢？

To help uber-power-users like yourself, Mockups has a concept of an “account assets” folder. By default Mockups looks for it in your Documents folder, in a directory called “Balsamiq Mockups”, but you can specify where Mockups should look for it via the config file.

为了帮助你这样的超级用户，Mockups引入了账户文件资源夹的概念。默认情况Mockups会寻找到你的“文档”文件夹，放置 “Balsamiq Mockups”文件夹，你也可以通过Config.file指定位置。

If you put images or BMML files in a folder called “assets” inside of a folder called “Balsamiq Mockups” inside of your documents folder, those images and symbols will be accessible from any of your projects, under the “Account Assets” folder in your UI Library, which magically shows up only if the account assets folder exists and has something in it.

如果放置图片或者BMML文件在你的文档\Balsamiq Mockups\assets文件夹，这些图片和Symbol在任意项目都可用。只要账户资源文件夹有适用的文件，在UI Library的Account Assts标签中都会魔法般的显示出来。

I’m writing this smaller because it’s so exciting you might faint: consider creating a shared Account Assets folder in DropBox, and tell everyone on your team to point their config files to that folder. Let that sink in for a minute. I know, wow. WOW.

我现在用这么小的字写，因为接下来的非常令人激动，甚至会让你晕倒：考虑在DropBox创建共享账户资源文件夹，然后告诉你团队的每一个人指向他们的配置文件到这个地址……稍等一下。我知道，哇，哇哇~。

Next Steps and Feedback　下步计划和反馈

At the moment, Symbols only work in Mockups for Desktop, and you cannot nest symbols inside of other symbols. If those features are important to you, let us know!

当前，Symbol仅仅能够在桌面版本的Mockups工作，并且支持Symbol嵌套其它Symbol。如果这些特性对你来说非常重要，请让我们知道。

Got any questions about Symbols or any feedback on this document? Post them here!

对Symbol或者这个文档有任何问题？请发布在这里。

本文链接

Balsamiq Mockups 小技巧

2011-12-19T04:00:00Z

很喜欢有点Wiki风范的Balsamiq Mockups，这里列出一些小技巧。

Grid

“*”号表示加粗，“_”表示斜体，“[]”表示链接，“[X]”表示复选框，“(X)”表示单选框（或者写成[*]、(*)也可以）。效果如下：

文本如下：

Name, Last Name, Age, Nickname, Kid
*加粗*, Guilizzoni, 33, Peldi, []
_斜体_, Guilizzoni, 3, The Guids, [x]
[链接], Maclachlan, 34, Patata, (*)

复制代码

Label 生成器

Grid可以用一段Wiki风格的文本来搞定，很爽。但是Label就得一个一个地拖放到编辑器里面，再一个一个地输入文本，很麻烦。所以很希望能够使用代码生成器生成Label控件。好在这款软件的文件是以XML格式保存的，而且十分体贴地提供了 Export Mockups... 和 Import Mockups... 功能（在 Mockup菜单里）。
新建一个空白文件，放置一个Label控件，然后执行 Export Mockups... ，再在文本编辑器里面执行粘贴操作，可以看到如下XML标记：

复制代码

我们只要想办法生成符合要求的 <control></control> 标记，然后放置到<controls> 标记里面，再把整段 XML Import到一个空Mockup文件里面就行了。我是用的Excel作为代码生成器，可以下载我的文件作为参考：Mockup-Label.rar

本文链接

2010全球最值得模仿的230个网站

2011-12-14T10:27:00Z

互联网是一个不断创新的平台，新的思想、新的理念总是通过特定的产品表现出来，也许有些产品可能会昙花一现，但所体现出来的不断求新、不断求变的精神值得我们图书馆人学习与借鉴。2010年哪些网站值得我们浏览，图客最近发现一本书《复制互联网——2010全球最值得模仿的230个网站》相当不错，后附230个网站的介绍。

001 oMoby.com——手机视觉搜索
002 AmazType.tha.jp——基于亚马逊的新型搜索
003 Groupon.com——每天团购一次
004 Ezdia.com——知识交易平台
005 DealBK.com——本地手机优惠券
006 PleaseRobMe.com——搜索记录行踪日志
007 Seed.com——分发原创内容平台
008 WordItOut.com——让你的文字“云”起来
009 虾米网——新锐P2P数字音乐社区
010 ListFreeSamples.com——免费物品集中地
011 BuyerCommand.com——另类视角浏览eBay
012 Etacts.com——管理你的联系人
013 Avatara.com——创建属于你的阿凡达
014 AdPoppr.com——页脚广告管理系统
015 MyAdEngine.com——网络广告自助平台
016 Bitspace.at——会唱歌的浏览器
017 SeeSpend.com——可视化虚拟购物中心
018 TheBrainTraining.com——不仅仅是训练大脑的游戏
019 SlimElephant.com——定制旅游纪念品
020 BoonSpace.com——融合虚拟礼物与真实礼物
021 Emotify.com——情绪网站
022 IntroducingSuccess.com——电子商务虚拟教室
023 Wattbot.com——家庭能源管理系统
024 BreathingEarth.net——人类生死与地球CO2统计图
025 IMG4Me.com——文字转化为图片
026 Monoface.com——搞怪脸部图像
027 FutureMe.org——写给未来的Email
028 MagoFun.com——你是杂志封面人物
029 Layers.com——留下你的网页批注
030 CherryDeals.com——离线优惠,在线购买
031 MillionDollarHomePage.com——100万美元的网页
032 MissRice.com——学习单词，捐献大米
033 Wizi.com——手机短信定位
034 giv.eU——祝福博客&交换礼物
035 KangoGift.com—— 一条短信一份礼物
036 Zhift.com——专注于论坛的搜索引擎
037 iNum.net——全球电话号码系统
038 TaxiMagic.com——便捷的出租车预约系统
039 Sprixi.com——挑选图片的搜索引擎
040 WidgetIfYr.com——将代码转化为Widget
041 Archive.org——互联网档案馆
042 Pachube.com——实时传感数据
043 MyLatch.com——新社交化求职网站
044 FunMail.com——可视化文本彩信
045 友播网——实验性人肉音乐搜索
046 Inspire.com——病情与健康SNS
047 AlikeList——信任清单连接企业和SNS
048 TextPlus——基于SMS的群组聊天
049 Sputtik.com——网络应用操作系统
050 SourceCow.com——为什么人们会follow
051 Patapage.com——直接给你的网站添加服务
052 EasyTasker.com——移动商务掌控器
053 Milo.com——网上搜寻、实体店购买
054 SiteAgeRatings.com——给网站分级
055 Dailymakeover.com——在线虚拟化妆
056 Tsoni——简单的翻译工具
057 SitePal.com——你的网站接待员
058 TheCostSavingsGuy——帮助你节省成本
059 BillOnSite.com——手机发票平台
060 FacteryLabs——获取事实而非链接的搜索引擎
061 TheUniformProject——1件衣服的365种穿法
062 GamesThatGive——慈善和游戏的双赢
063 PageMage.com——eBay店面解决方案
064 FileFollow——分享链接地址赚钱
065 Lootslinger.com——开放的网络拍卖社区
066 搜道——赏心悦目的“美女时钟”
067 NationalBLS.com——网络房产交易平台
068 Kijubi.com——活动、探险交易市场
069 LastMessagesClub.co.uk——遗言俱乐部
070 AdsBringCustomers.com——报纸广告DIY
071 BidBlink.com——拍卖以获得折扣
072 NeedCube.com——需求引导的搜索引擎
073 Pinboard.in——渐进收费的书签服务
074 ThatsSoSwag.com——时尚Twitter
075 Ventnation.com——发泄情绪
076 Mitto.com——账号密码管理平台
077 Zakta.com——深度搜索引擎
078 滴（Dii.cn）——话痨专用工具
079 Xm.my——创建地图超短URL
080 MyZoox.com——技能买卖SNS平台
081 ToReadNext.com——告诉你下一本看什么书
082 DoGoodHQ.com——支持环保和公益的浏览器插件
083 OneMarketplace.com——随时随地买卖物品
084 SpiffBox.com——可赚钱的SNS社交网站
085 MoLoRewards.com——手机优惠券
086 SealTale.com——用图标彰显个性
087 DiscountShuffle.com——条形码背后的价值
088 MyHexColor.com——颜色也能买卖
089 min.jp——“30分钟”生活门户网站
090 CrimeReports——美国犯罪记录查询网站
091 ItsMyGiftRegistry.com——礼品管理服务
092 BidSwish——eBay拍卖信息搜索引擎
093 OneRiot——开放API的实时搜索引擎
094 家谱网——传承家族历史
095 Recycleagift——牛皮癣广告VS个人电子商务平台
096 Pricefalls.com——设定最高卖价的拍卖网站
097 TwitterHawk——基于Twitter的定向广告
098 SpaceOut.com.au——出租“空间”
099 DSee.net——自动创建3D模型
100 RunMyErrand.com——你的跑腿“差使”
101 Fiverr.com——5美元服务区
102 HouseOfNothing.com——视觉分类信息
103 Auctionopia.com——用IM进行拍卖
104 HaveASec.com——手机问卷调查平台
105 Toolwi.com——美化网站
106 Pixable.com——打印Facebook相片
107 Vulevu.com——移动约会平台
108 SupaLogo.com——简单的在线logo生成器
109 Emotionr.com——你的心情指数
110 Producteev.com——多人多平台项目管理平台
111 FindToto——群播电话寻找走失宠物
112 Pikeo——基于地理的图片分享网站
113 TheRentables.com——新的网络租房服务
114 Fwix——混搭方式做门户网站
115 BeerPetitions.com——啤酒“请愿书”
116 MovieRecipes.net——品尝电影中的美食
117 BaconTies.com——专卖“培根”领带
118 Dressphile.jp——在线衣柜
119 PocketSmith.com——你的个人银行管家
120 TwitSavings.com——用Twitter省钱
121 OneWed.com——婚礼服务，一步到位
122 Docstock.com——文档分享和电子商务平台
123 TipJoy——基于Twitter的在线支付
124 SprinklePenny.com——资助你喜欢的网站
125 SmokinApps.com——搜索最新移动应用App
126 由我世界——中国化3D虚拟网络
127 Fefoo.com——18合1的全新搜索引擎平台
128 GoBYO.com——网罗能让你带酒水的餐馆
129 TweeMaid.com——清理Twitter好友
130 和信——手机、互联网的实时“推客”
131 TweetMart.com——基于Twitter的分类信息
132 SocialSafe.net——备份你的Facebook数据
133 MessagePub.com——整合各类通信和消息平台
134 书飞网——送书上门的“租书馆”
135 斑马森林网——“书式博客”书写生活
136 PhotoSnack.com——在线PPT制作平台
137 DoYouPoken.com——握在手中的社交网络名片
138 Card.ly——你的网络在线名片
139 Aloqa.com——不一样的移动搜索
140 iBidCondo.com——付费拍卖赢得低价房产
141 Twingly——微博客搜索网站
142 游鱼网——本土在线旅游互动平台
143 GumGum.com——图片CPM式授权
144 PlayFoursquare——地理定位的移动SNS
145 BodyTrace.com——互联网体重秤
146 Tuenti——西班牙最大社交网站
147 TeachStreet——电子商务模式网络教育
148 Jolkona——网络“微捐赠”平台做慈善
149 G.ho.st——跨越界限的虚拟电脑
150 试手机网——在线手机仿真平台
151 Kapipal——为你的梦想筹集资金
152 SportDriven——用互联网为比赛拉赞助
153 eChirpy——当140个字符已经不够
154 WellPer——收藏品协同定价平台
155 Gdgt——出身名门的科技产品网站
156 SellingBin——二手物品“匹配买卖”
157 Muziic——基于Youtube的音乐社区网站
158 Limmz.com——搜索引擎中的hao123
159 Zugara——在线逼真试穿服装
160 别来无恙——本土健康信息管理互动平台
161 AKykaChat——群体聊天应用
162 DealitLive——电子商务网络电视
163 Layar——用手机浏览器连接现实世界
164 Flippa——网站买卖电子商务平台
165 BabelWith.Me——用母语和世界交流
166 SuperFish——以色列视觉搜索引擎
167 Collecta.com——真正实时的搜索引擎
168 TrunkClub——男士服装网购新花样
169 Tagito——把智慧卖成金钱
170 fav——Twitter模式和社会化网络书签
171 Twitcaps——微博客上的图片搜索
172 PutACart——在个人博客上卖商品
173 Wonga.com——网站提供小额贷款
174 数城网——国内3D在线数字地球平台
175 Topsy——微博客搜索引擎
176 Swoopo——“邪恶版”eBay
177 足迹网——基于地理位置的富媒体微博客
178 TinyChat——微聊天室应用
179 Vizoo——数据图表DIY
180 Wowd——用BT的方法做搜索引擎
181 PollyTrade——通过Twitter买卖股票
182 RingCube——面向企业的虚拟化桌面
183 Bubbl——来一场在线的头脑风暴
184 MySomeday——梦想如何成真
185 GlobalFM——你出资，你的记者
186 Ginipic——一站式聚合图片搜索
187 Facesaerch——可视化人脸搜索
188 Feedmil——长尾Feed搜索引擎
189 CubeTree——企业版社交网络平台
190 DeeperWeb——谷歌之外的搜索结果
191 ZooToo——宠物社交网站
192 OldVersion——古董级软件大全
193 Tazaar——到Twitter上去做生意
194 Spezify——华丽的灵感搜索引擎
195 英来网——在线英语学习交互社区
196 KickStarter——靠创意去筹资
197 TweExchange——买卖Twitter账号
198 WeAreHunted——社会化音乐聚合平台
199 Whostalkin——社会化媒体搜索引擎
200 WishMirror——基于礼物交换的SNS
201 Prezi——在线制作更华丽的幻灯片
202 Convertfiles——在线文件转换工具
203 Prosper——基于P2P的网络银行
204 CometDocs——又一款文件格式在线转换
205 WolframAlpha——万众瞩目的搜索引擎
206 Mybrute——一个月火遍全球的Webgame
207 Picnik——把图片分享到Twitter
208 Omegle——陌生人聊天交友
209 Songza——社会化专业音乐搜索
210 ShirtMyWay——在线DIY的衬衫
211 盒子世界——面向儿童的SNS社区
212 LoveLogger——情侣博客社交网络
213 WhatDoYouSuggest.net——随机的搜索引擎
214 Yauba搜索——来自印度的“颠覆者”
215 Pixelpipe—— 一站式信息发送平台
216 Ambiently——互联网探索引擎
217 Nomee——把人从SNS网站中解放出来
218 Flutter——比Twitter更小的微博客
219 PostRank——减轻RSS阅读负担
220 chi.mp——管理你的网络身份
221 Sideline——Twitter关键词监测工具
222 OnLive——云计算游戏平台
223 Hunch——社会化在线决策平台
224 Alertpedia——当搜索结果来敲门
225 reQall ——提醒服务更趋于智能化
226 记忆日——借助SNS的电子商务尝试
227 拍拍贷网络银行——引入现实人际网络
228 酷配网——整合搜索与IM的生活信息平台
229 Aardvark——比Twitter更出色的问答平台
230 MogoTix.com——移动票务中心

本文链接