<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>思维 &#187; 应用</title>
	<atom:link href="http://blog.acmind.com/archives/tag/%e5%ba%94%e7%94%a8/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.acmind.com</link>
	<description>Acme of Mind</description>
	<lastBuildDate>Mon, 19 Apr 2010 02:23:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>果动网:基于Web的3D应用互动娱乐平台</title>
		<link>http://blog.acmind.com/archives/927</link>
		<comments>http://blog.acmind.com/archives/927#comments</comments>
		<pubDate>Tue, 02 Jun 2009 09:02:32 +0000</pubDate>
		<dc:creator>笑谈</dc:creator>
				<category><![CDATA[创意创业]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[娱乐]]></category>
		<category><![CDATA[平台]]></category>
		<category><![CDATA[互动]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[果动网]]></category>

		<guid isPermaLink="false">http://blog.acmind.com/?p=927</guid>
		<description><![CDATA[果动网是一个基于网页操作的3D应用互动娱乐平台，用户能够在此创建属于自己的动态3D虚拟形象。
果动网是一个基于网页操作的3D 应用互动娱乐平台，用户能够在此创建属于自己的动态3D虚拟形象。事实上，果动网的真正目的在于引导用户，并希望他们能够将自己创建的3D虚拟人物以 Widget的形式输送到个人的博客或者社区网站中去，作为自己的个性化名片或者美好页面空间的第三方插件存在。另外，果动网还结合自身优势为校内网用户开发了一款“3D动感聊天”应用，实现了在Web页面内产生3D场景和人物互动，让用户之间的交流不只是停留在文字上，从而让聊天真实更生动更娱乐化。

果动网的商业模式再清晰不过了， 即传说中的“Avatar盈利”——通过部分绚丽的虚拟人物造型、服饰、礼品等收取会员的费用。不过，我想说的是，表面腾讯因为QQShow赚得盆满钵 满，但是，单纯依赖于自身 Avatar&#160; 所进行的任何商业实践实际上上并不是一件十分靠谱的事儿，到目前为止，事实证明，我只看见了三家公司是真正将Avatar 运作成功的，那就是，腾讯QQ以及韩国的Hangame和Cyworld。什么Voki、Gizmoz、Meez 等等，就是昙花一现，现在我已经基本上不再有耳闻了。我认为，只有那种Avatar 目标市场的用户行为与娱乐化行为重度重叠和产生交集的网站，才有可能有机会将 Avatar 运作好。果动网的目标用户被锁定在了第三方的博客用户：通过 Widget 开展的病毒营销？——想法不错，实际的可操作性也比较强；但是，试图借鉴 QQShow 的 Avatar&#160; 盈利手段，向和自身网站实际上已经不存在托管和被托管关系的用户收取费用？——是一则起码看似不着边际的天方夜谭。
&#160;
摘自：http://www.showeb20.com/?p=1832
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guodong.com/">果动网</a>是一个基于网页操作的3D应用互动娱乐平台，用户能够在此创建属于自己的动态3D虚拟形象。</p>
<p><a href="http://www.guodong.com/">果动网</a>是一个基于网页操作的3D 应用互动娱乐平台，用户能够在此创建属于自己的动态3D虚拟形象。事实上，果动网的真正目的在于引导用户，并希望他们能够将自己创建的3D虚拟人物以 Widget的形式输送到个人的博客或者社区网站中去，作为自己的个性化名片或者美好页面空间的第三方插件存在。另外，果动网还结合自身优势为校内网用户开发了一款“3D动感聊天”应用，实现了在Web页面内产生3D场景和人物互动，让用户之间的交流不只是停留在文字上，从而让聊天真实更生动更娱乐化。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0029.jpg" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image002" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="372" alt="clip_image002" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image002-thumb8.jpg" width="537" border="0" /></a></p>
<p><a href="http://www.guodong.com/">果动网</a>的商业模式再清晰不过了， 即传说中的“Avatar盈利”——通过部分绚丽的虚拟人物造型、服饰、礼品等收取会员的费用。不过，我想说的是，表面腾讯因为QQShow赚得盆满钵 满，但是，单纯依赖于自身 Avatar&#160; 所进行的任何商业实践实际上上并不是一件十分靠谱的事儿，到目前为止，事实证明，我只看见了三家公司是真正将Avatar 运作成功的，那就是，腾讯QQ以及韩国的Hangame和Cyworld。什么Voki、Gizmoz、Meez 等等，就是昙花一现，现在我已经基本上不再有耳闻了。我认为，只有那种Avatar 目标市场的用户行为与娱乐化行为重度重叠和产生交集的网站，才有可能有机会将 Avatar 运作好。果动网的目标用户被锁定在了第三方的博客用户：通过 Widget 开展的病毒营销？——想法不错，实际的可操作性也比较强；但是，试图借鉴 QQShow 的 Avatar&#160; 盈利手段，向和自身网站实际上已经不存在托管和被托管关系的用户收取费用？——是一则起码看似不着边际的天方夜谭。</p>
<p>&#160;</p>
<p>摘自：<a title="http://www.showeb20.com/?p=1832" href="http://www.showeb20.com/?p=1832">http://www.showeb20.com/?p=1832</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.acmind.com/archives/927/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>互联网应用表单设计</title>
		<link>http://blog.acmind.com/archives/901</link>
		<comments>http://blog.acmind.com/archives/901#comments</comments>
		<pubDate>Tue, 02 Jun 2009 03:44:00 +0000</pubDate>
		<dc:creator>笑谈</dc:creator>
				<category><![CDATA[设计技巧]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://blog.acmind.com/?p=901</guid>
		<description><![CDATA[“表单元素应按照逻辑组织，使得用户思维对表单能按相关字段组成的块进行处理。”——HTML: 定义指南。
大部分网络应用都要使用大量的表单以进行数据录入和配置。但是不是所有的网络应用的表单都是统一的。表单字段的不同对齐方式，不同的标签，动作调用以及周围的视觉元素都能对用户的行为的不同方面起到正面或负面的作用。
表单布局
如果填写表单的时间需要尽可能短。而且用户对需要填写的数据是非常熟悉的（比如，在订单流程中输入姓名、地址和支付账户信信息），标签和输入框最好垂直对齐。每个标签和 对应的数据框排列在垂直方向上临近的位置，所有的输入框和标签垂直对齐能够节省视线移动的过程和时间，用户只需要在垂直向下一个方向上移动视线。

在这种布局方式中，建议对标签使用加粗字体。可以强调视觉重量感，在整体布局中突出标签。如果不加粗的话，标签会在视觉吸引力上和输入区域相混。
如果表单取得数据并不为用户所熟悉，又或者不好按照过程分组（比如地址的不同部分），左对齐比较容易看出表单需要的信息。用户可以上下浏览标签就可以了解需要填写的 数据而不会受到输入框的影响。但是，标签和输入框之间的距离通常会被最长的标签撑开，填写表单的时间可能会受到影响。用户需要在列于列之间跳跃寻找标签和输入框之间合适的组合。

还有一种选择就是右对齐标签，这样标签和输入框的对应组合就比较明了了。但是，左侧的参差不齐影响到快速了解所需信息的效率。在西方，习惯从左到右阅读，眼睛更习惯左边有轮廓鲜明的边线。

使用视觉元素
由于“左对齐水平排列标签”的优点（容易纵览标签信息以及节省垂直空间），则有可能会尝试去削弱其主要缺点：表单输入框和对应的标签的分散问题。
其中一种办法就是为标签曾加背景色和横隔线为特征：不同的背景色将表单分成垂直标签列和输入框列；横隔线将每个标签和对应的输入框划分成一组。虽然这些方法可能看起来是可取的，但也的确制造一些问题。
通过格式塔（人们的先天视觉感知规则）可知，另外还有15个视觉元素也被一同加到布局中：中线、每个有背景的方块，每个水平线。这些元素开始分散用户注意力从而使得将焦点放到重要的元素上——标签和输入框——增加了难度。Edward Tufte曾经指出：“信息包含着有重要影响的差异”（信息由差异性构成&#8211;译者）。换句话说，所有不能帮助布局的视觉元素都将会伤害到布局。这一点在你需要扫视左列标签时可以表现出来。视线一再受到水平线、边框和背景构成的方块的影响而停顿。

当然也不是说表单布局中绝对不能使用背景颜色和分隔线。当有必要向用户指出组与组之间的关系的时候，细分隔线或者浅背景色可以再视觉上将有关联的数据组合起来。这两个元素（分割线和背景颜色）都可以有效地帮助吸引用户对表单基本动作的注意力。

基本动作和次级动作
表单的基本动作（通常是“确认”或者“保存”）需要更明显的视觉感受有别于其他的表单元素（在上面的例子中鲜明的颜色、加粗字体、背景颜色等等）而且需要与输入框垂直对齐。这能指引用户完成表单。
如果表单含有多个动作，例如“继续”和“返回”，则减弱次级动作的视觉重量感则比较明智。这可以最大程度减少潜在的错误，进一步指导用户完成表单。

尽管有这些指南可以帮助你更好的设计表单位置，但是布局的组合，视觉元素以及所需的内容，仍然需要通过用户测试和数据分析进行验证（完成率、出错等等）。
&#160;
摘自：http://www.yeeyan.com/articles/view/danqing/42079
]]></description>
			<content:encoded><![CDATA[<p>“表单元素应按照逻辑组织，使得用户思维对表单能按相关字段组成的块进行处理。”——HTML: 定义指南。</p>
<p>大部分网络应用都要使用大量的表单以进行数据录入和配置。但是不是所有的网络应用的表单都是统一的。表单字段的不同对齐方式，不同的标签，动作调用以及周围的视觉元素都能对用户的行为的不同方面起到正面或负面的作用。</p>
<p><strong>表单</strong><strong>布局</strong></p>
<p>如果填写表单的时间需要尽可能短。而且用户对需要填写的数据是非常熟悉的（比如，在订单流程中输入姓名、地址和支付账户信信息），标签和输入框最好垂直对齐。每个标签和 对应的数据框排列在垂直方向上临近的位置，所有的输入框和标签垂直对齐能够节省视线移动的过程和时间，用户只需要在垂直向下一个方向上移动视线。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0014.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image001" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="529" alt="clip_image001" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image001-thumb4.gif" width="553" border="0" /></a></p>
<p>在这种布局方式中，建议对标签使用加粗字体。可以强调视觉重量感，在整体布局中突出标签。如果不加粗的话，标签会在视觉吸引力上和输入区域相混。</p>
<p>如果表单取得数据并不为用户所熟悉，又或者不好按照过程分组（比如地址的不同部分），左对齐比较容易看出表单需要的信息。用户可以上下浏览标签就可以了解需要填写的 数据而不会受到输入框的影响。但是，标签和输入框之间的距离通常会被最长的标签撑开，填写表单的时间可能会受到影响。用户需要在列于列之间跳跃寻找标签和输入框之间合适的组合。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0022.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image002" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="426" alt="clip_image002" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image002-thumb2.gif" width="553" border="0" /></a></p>
<p>还有一种选择就是右对齐标签，这样标签和输入框的对应组合就比较明了了。但是，左侧的参差不齐影响到快速了解所需信息的效率。在西方，习惯从左到右阅读，眼睛更习惯左边有轮廓鲜明的边线。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0032.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image003" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="426" alt="clip_image003" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image003-thumb2.gif" width="553" border="0" /></a></p>
<p><strong>使用视觉元素</strong></p>
<p>由于“左对齐水平排列标签”的优点（容易纵览标签信息以及节省垂直空间），则有可能会尝试去削弱其主要缺点：表单输入框和对应的标签的分散问题。</p>
<p>其中<a href="http://synapticburn.com/comments.php?id=39_0_1_0">一种办法</a>就是为标签曾加背景色和横隔线为特征：不同的背景色将表单分成垂直标签列和输入框列；横隔线将每个标签和对应的输入框划分成一组。虽然这些方法可能看起来是可取的，但也的确制造一些问题。</p>
<p>通过格式塔（人们的先天视觉感知规则）可知，另外还有15个视觉元素也被一同加到布局中：中线、每个有背景的方块，每个水平线。这些元素开始分散用户注意力从而使得将焦点放到重要的元素上——标签和输入框——增加了难度。<a href="http://www.cpcug.org/user/houser/websiteman/style/chartjunk.html">Edward Tufte</a>曾经指出：“信息包含着有重要影响的差异”（信息由差异性构成&#8211;译者）。换句话说，所有不能帮助布局的视觉元素都将会伤害到布局。这一点在你需要扫视左列标签时可以表现出来。视线一再受到水平线、边框和背景构成的方块的影响而停顿。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0042.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image004" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="520" alt="clip_image004" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image004-thumb2.gif" width="553" border="0" /></a></p>
<p>当然也不是说表单布局中绝对不能使用背景颜色和分隔线。当有必要向用户指出组与组之间的关系的时候，细分隔线或者浅背景色可以再视觉上将有关联的数据组合起来。这两个元素（分割线和背景颜色）都可以有效地帮助吸引用户对表单基本动作的注意力。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0051.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image005" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="356" alt="clip_image005" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image005-thumb1.gif" width="553" border="0" /></a></p>
<p><strong>基本动作和次级动作</strong></p>
<p>表单的基本动作（通常是“确认”或者“保存”）需要更明显的视觉感受有别于其他的表单元素（在上面的例子中鲜明的颜色、加粗字体、背景颜色等等）而且需要与输入框垂直对齐。这能指引用户完成表单。</p>
<p>如果表单含有多个动作，例如“继续”和“返回”，则减弱次级动作的视觉重量感则比较明智。这可以最大程度减少潜在的错误，进一步指导用户完成表单。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0061.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image006" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="280" alt="clip_image006" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image006-thumb1.gif" width="553" border="0" /></a></p>
<p>尽管有这些指南可以帮助你更好的设计表单位置，但是布局的组合，视觉元素以及所需的内容，仍然需要通过用户测试和数据分析进行验证（完成率、出错等等）。</p>
<p>&#160;</p>
<p>摘自：<a title="http://www.yeeyan.com/articles/view/danqing/42079" href="http://www.yeeyan.com/articles/view/danqing/42079">http://www.yeeyan.com/articles/view/danqing/42079</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.acmind.com/archives/901/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>你需要知道的开发Web应用程序的结构化过程</title>
		<link>http://blog.acmind.com/archives/875</link>
		<comments>http://blog.acmind.com/archives/875#comments</comments>
		<pubDate>Tue, 02 Jun 2009 03:06:37 +0000</pubDate>
		<dc:creator>笑谈</dc:creator>
				<category><![CDATA[设计技巧]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[程序]]></category>
		<category><![CDATA[结构]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.acmind.com/?p=875</guid>
		<description><![CDATA[开发web应用程序是一件非常辛苦的事情，你需要花大把大把的时间来做无数的事情。假如你不运用有条理的方法，尤其是在复杂的项目中，你会承受忽视项目，不能按时完成，浪费时间一无所获的风险。
这篇文章中，结构化过程的插图可以帮助你运用简化的方法更加节省时间更加有效的建立你的web开发程序。
下载 Woork Papers N1幻灯片 &#124;你需要知道的开发Web应用程序的结构化过程
工序的主要阶段
     一般的web应用程序开发流程分为五个主要的阶段:     1. 明确需求     2. 设计     3. 执行     4. 测试     5. 发行
规划与跟踪监测是一个“跨阶段”的跟随开发发展的过程，定义一个在项目执行期间你需要跟踪监测的项目计划活动名单，并且每项活动需要定义一套行之有效的信息报告来进行跟踪监测，例如：
- 拥有者    - 持续的时间     - 所耗    [...]]]></description>
			<content:encoded><![CDATA[<p>开发web应用程序是一件非常辛苦的事情，你需要花大把大把的时间来做无数的事情。假如你不运用有条理的方法，尤其是在复杂的项目中，你会承受忽视项目，不能按时完成，浪费时间一无所获的风险。</p>
<p>这篇文章中，结构化过程的插图可以帮助你运用简化的方法更加节省时间更加有效的建立你的web开发程序。</p>
<p><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjjj.fpevoq.pbz%2Fqbp%2F10042348%2FGur-Jbbex-Cncref-A1"><b>下载 Woork Papers N1</b><b>幻灯片 |</b><b>你需要知道的开发Web</b><b>应用程序的结构化过程</b></a></p>
<h6>工序的主要阶段</h6>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0012.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image001" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="226" alt="clip_image001" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image001-thumb2.gif" width="207" border="0" /></a>     <br />一般的web应用程序开发流程分为五个主要的阶段:     <br />1. 明确需求     <br />2. 设计     <br />3. 执行     <br />4. 测试     <br />5. 发行</p>
<p><b>规划与跟踪监测</b>是一个“跨阶段”的跟随开发发展的过程，定义一个在项目执行期间你需要跟踪监测的项目计划活动名单，并且每项活动需要定义一套行之有效的信息报告来进行跟踪监测，例如：</p>
<p>- 拥有者    <br />- 持续的时间     <br />- 所耗     <br />- &#8230;     <br />看一看这些前一段我所写的文章，怎样使用Excel或者Google制表软件设计制作项目实施计划：     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F11%2Fcebwrpg-znantrzrag-betnavmr-cebwrpg.ugzy">How to organize a project plan</a> 怎样组织项目规划     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2008%2F02%2Fcebwrpg-znantrzrag-rkpry-tnagg-puneg.ugzy">Excel Gantt chart template</a> Excel图表设计绘制模板     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F11%2Fhfvat-tbbtyr-fcernqfurrgf-gb-vzcyrzrag.ugzy">Implement a project plan and manage activities with Google Spreadsheets</a> 使用google电子表格实施并灵活管理项目规划</p>
<h6>1. 需求定义</h6>
<p>在这第一阶段你必须确定范围和Web应用程序的需求，在你的应用程序中必须做的，主要特点和技术要求：</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0021.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image002" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="225" alt="clip_image002" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image002-thumb1.gif" width="428" border="0" /></a></p>
<p><strong>范围</strong>     <br />为了确定Web应用程序的范围,足以编制一份明确说明适用功能的详细清单。目前重要的不是“如何”实现他们，而是“什么”需要实现！     <br /><strong>需求</strong>     <br />需求分析需求分析是一个开发过程的关键组成部分。在这一步中你需要估计潜在流量，选择一个服务器端语言（ PHP， ASP， Coldfusion &#8230;),数据库，选择一个托管服务&#8230;<strong>这里需要非常注意</strong>不要高估 /低估预期！准确的平衡的预估时间，成本和目标之间每件事情！</p>
<h6>2. 设计</h6>
<p>在需求定义阶段，你需要明确的规划“设计”你的应用。在这个阶段，可以按照以下步骤：</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0031.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image003" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="231" alt="clip_image003" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image003-thumb1.gif" width="456" border="0" /></a></p>
<p><strong>设计: 应用图</strong>     <br />应用图包含对应用有意义的和必要的结构信息：页面（用区块表示）和他们之间的主要关联。你的应用图可以像这样：</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0041.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image004" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="338" alt="clip_image004" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image004-thumb1.gif" width="407" border="0" /></a></p>
<p>通过这种方式，您拥有了有关一些“位置” （页）和“路径” （关系页）的图，您可以非常容易的遵循它，逐页，以执行应用程序的下一阶段。运用这种方式，可以节省大量的时间，并明确什么是你需要执行的。    <br /><strong>设计: 数据库</strong>     <br />Ok,现在到了设计数据库的时候了。一个简单的实现方法是使用实体关系（ER）模型 。一般来说，你可以俺咋好下面的顺序：定义第一个表确定第一个表，而不是属性和关系的表格。您的ER模型将是这样的：</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image005.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image005" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="134" alt="clip_image005" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image005-thumb.gif" width="422" border="0" /></a></p>
<p>1:1表示集的关系（在这种情况下，例如1用户只能分派1的任务， 1个用户只生活在一个城市） 。欲了解更多有关这一主题的内容，来看看我的旧文章：    <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F10%2Fcebwrpg-qngnonfr-qrsvar-eryngvbafuvcf.ugzy">Define the entities-relationships model</a> 定义实体关系模型     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F11%2Fpbeerpg-nccebnpu-gb-qrsvar.ugzy">A correct approach to define relationships between database tables</a> 正确对待，以定义数据库表格关系     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2008%2F09%2F10-hfrshy-negvpyrf-nobhg-qngnonfr.ugzy">10 Useful articles about Database design</a> 十篇有用的数据库设计文章     <br /><strong>设计: 页面结构</strong>     <br /><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image006.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image006" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="228" alt="clip_image006" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image006-thumb.gif" width="246" border="0" /></a>     <br />下一步工作是设计大体的页面结构，用名称命名确定所有的主要部分 (例如 <em>#header</em>, <em>#navbar</em>, #mainContent, <em>#sidebar</em>).     <br /><strong>设计: 服务端语言</strong>     <br />使用面向对象的开发方法进行开发，你可以定义类，函数和所有你所需要的，记住&#8230; 那不是“执行”只是下一阶段实施的“指南”.     <br /><strong>设计: JS 框架</strong>     <br />这一步选择JavaScript 框架(jQuery, Scriptaculous, MooTools&#8230;), 通过确定主要的特点和所需实施的效果（拖放，动画效果&#8230; ）编制简单的关于在一个或多个网页中有关联的每一个具体功能应用图的列表。</p>
<p>次点设计阶段已完成。让我们实施吧！</p>
<h6>3. 实施</h6>
<p>Ok.. 现在是真正的挑战的开始，因为“执行”才是实现应用。您可以划分这一阶段为以下几个步骤:</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image007.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image007" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="270" alt="clip_image007" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image007-thumb.gif" width="445" border="0" /></a></p>
<p><strong>执行: 数据库</strong>     <br />创建一个新数据库，写SQL代码定义表，属性和关系。看看下面的，过去我致力于一些有关此主题的文章的链接，以获取更多信息：     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F10%2Fcebwrpg-qngnonfr-ubj-gb-hfr-cuc-naq-fdy.ugzy">How to use PHP and SQL to create DB tables and relationships</a> 怎样使用PHP创建DB表和关系     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2007%2F10%2Fcebwrpg-qngnonfr-perngr-gnoyr-naq.ugzy">Create tables and relationships with SQL</a> 使用SQL创建表和关系     <br /><strong>执行: HTML</strong>     <br />使用在设计阶段定义的页面结构实施 HTML 代码:</p>
<p>&lt;div id=&quot;header&quot;&gt; &lt;/div&gt;    <br />&lt;div id=&quot;navbar&quot;&gt; &lt;/div&gt;     <br />&lt;div id=&quot;mainContent&quot;&gt; &lt;/div&gt;     <br />&lt;div id=&quot;sidebar&quot;&gt; &lt;/div&gt;     <br />&lt;div id=&quot;footer&quot;&gt; &lt;/div&gt;</p>
<p>这是目前在已经确定的设计阶段需要田间的所有的HTML元素。例如 <b>mainContent</b> 部分包含了所发表的文章的标题，正文本，标签，添加他们:</p>
<p>&lt;div id=&quot;header&quot;&gt; &lt;/div&gt;    <br />&lt;div id=&quot;navbar&quot;&gt; &lt;/div&gt;     <br />&lt;div id=&quot;mainContent&quot;<b>&gt;</b></p>
<p>&lt;h1&gt;&lt;!&#8211; Post title &#8211;&gt;&lt;/h1&gt;    <br />&lt;p&gt;&lt;!&#8211; Text body &#8211;&gt;&lt;/p&gt;     <br />&lt;small&gt;&lt;!&#8211; Post tags &#8211;&gt;&lt;/small&gt;</p>
<p><b>&lt;/div&gt;</b>     <br />&lt;div id=&quot;sidebar&quot;&gt; &lt;/div&gt;     <br />&lt;div id=&quot;footer&quot;&gt; &lt;/div&gt;</p>
<p><strong>实施: <a href="http://www.yeeyan.com/articles/tag/CSS"><em>CSS</em></a></strong>     <br />当主体结构已经准备就绪，开始编写CSS代码添加样式。如果您需要一些如何撰写更好的CSS代码建议，请看看这些文章：     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2008%2F11%2Fpff-pbqvat-frznagvp-nccebnpu-va-anzvat.ugzy">CSS coding: semantic approach in naming convention</a> CSS编码：语义的方法命名惯例     <br /><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjbbex.oybtfcbg.pbz%2F2008%2F11%2Fhfrshy-thvqryvarf-gb-vzcebir-pff-pbqvat.ugzy">Useful guidelines to improve CSS coding and maintainability</a> 有益的改善的CSS编码和可维护性的指南     <br /><strong>实施: 服务器端语言</strong></p>
<p>实施应用类，应用功能,DB互动，查询，以及一切需要服务器端的实现的交互。</p>
<p><strong>实施: JavaScript</strong>     <br />使用在设计阶段选择的框架（ jQuery ， Scriptaculous ， MooTools &#8230;)来实施Ajax的功能（拖放，动画效果&#8230; ）</p>
<h6>4. 测试</h6>
<p>在这一阶段需要“强调”的是。你的应用程序能在各种条件下执行（例如使用不同的浏览器）。您的目标是在最后释放前检测和修复所有的应用程序错误。</p>
<p><a href="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image0081.gif" class="highslide-image" onclick="return hs.expand(this);"><img title="clip_image008" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="32" alt="clip_image008" src="http://blog.acmind.com/wp-content/uploads/2009/06/clip-image008-thumb1.gif" width="32" border="0" /></a></p>
<p>请记住，这一过程需要有条理，需要极大的耐心！测试每个页面和每个功能（在这种情况下还可以帮助理顺应用图） 。如果在测试过程中发现一个bug ，修改代码修复它并继续进行最后的代码确认（进一步的测试）。</p>
<h6>5. 发布</h6>
<p>最后你准备好发布了！在测试文件夹中发布并做最后的测试，假如一切都OK的话，那就进行最后的发布吧。</p>
<h6>在Scribd上，阅读与下载此篇文章</h6>
<p><a href="http://www.blockcheat.com/index.php?q=uggc%3A%2F%2Fjjj.fpevoq.pbz%2Fqbp%2F10042348%2FGur-Jbbex-Cncref-A1"><b>下载 Woork Papers N1</b><b>幻灯片 |</b><b>你需要知道的开发Web</b><b>应用程序的结构化过程</b></a></p>
<p>&#160;</p>
<p>摘自：<a title="http://www.yeeyan.com/articles/view/61966/42660?tag_related" href="http://www.yeeyan.com/articles/view/61966/42660?tag_related">http://www.yeeyan.com/articles/view/61966/42660?tag_related</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.acmind.com/archives/875/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Linux网络应用问答</title>
		<link>http://blog.acmind.com/archives/401</link>
		<comments>http://blog.acmind.com/archives/401#comments</comments>
		<pubDate>Wed, 27 May 2009 08:42:59 +0000</pubDate>
		<dc:creator>笑谈</dc:creator>
				<category><![CDATA[学习应用]]></category>
		<category><![CDATA[操作系统]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[问答]]></category>
		<category><![CDATA[Linux]]></category>

		<guid isPermaLink="false">http://blog.acmind.com/?p=401</guid>
		<description><![CDATA[问：如何在Linux下手动添加默认网关？   答：以root用户为例，执行下面的命令：    # route add default gw xxx.xxx.xxx.xxx（网关的IP）    如果用户想更改网关，编辑/etc/sysconfig/network-scripts/ifcfg-eth0文件，将对应的网关设置修改之后，执行下面的命令即可：    #/etc/init.d/network restart     
问：在Linux中有时开机不自动检查新硬件，新安装的网卡找不到。请问怎么解决？    答：自动检查新硬件的服务是Kudzu，用户可以用“ntsysv”命令启动该服务。下次重启就会找到用户的新网卡。     
问：我有家里有一台电脑装了Linux，我想从公司远程登陆到家里进行操作，每次Telnet都不能用root登陆，请问有办法解决吗？    答：为了安全性的考虑，现在有些Linux的版本默认不安装Telnet，推荐使用SSH。当然如果用户对安全性没有很高的要求，可以直接用root登录。方法是修改/etc/pam.d/login注释掉下面一行：    # auth required /lib/security/pam_security.so    最后保存退出，即可用root登录。     [...]]]></description>
			<content:encoded><![CDATA[<p>问：如何在Linux下手动添加默认网关？   <br />答：以root用户为例，执行下面的命令：    <br /># route add default gw xxx.xxx.xxx.xxx（网关的IP）    <br />如果用户想更改网关，编辑/etc/sysconfig/network-scripts/ifcfg-eth0文件，将对应的网关设置修改之后，执行下面的命令即可：    <br />#/etc/init.d/network restart     </p>
<p>问：在Linux中有时开机不自动检查新硬件，新安装的网卡找不到。请问怎么解决？    <br />答：自动检查新硬件的服务是Kudzu，用户可以用“ntsysv”命令启动该服务。下次重启就会找到用户的新网卡。     </p>
<p>问：我有家里有一台电脑装了Linux，我想从公司远程登陆到家里进行操作，每次Telnet都不能用root登陆，请问有办法解决吗？    <br />答：为了安全性的考虑，现在有些Linux的版本默认不安装Telnet，推荐使用SSH。当然如果用户对安全性没有很高的要求，可以直接用root登录。方法是修改/etc/pam.d/login注释掉下面一行：    <br /># auth required /lib/security/pam_security.so    <br />最后保存退出，即可用root登录。     </p>
<p>问：Linux下如何监视所有通过本机网卡的数据？    <br />答：使用下面的命令即可：    <br />#tcpdump iptraf     </p>
<p>问：如何关闭用户的POP3权限？    <br />答：把POP3的端口关掉就可以了。在文件/etc/services中找到下面这一行；    <br />pop-3 110/tcp     <br />在它前加个“#”，把它注释掉就可以了。     </p>
<p>问：如何从Linux上给Windows发送PopUp消息？    <br />答：把下面脚本保存为/usr/local/bin/net:     <br />#!/bin/bash    <br />#/usr/local/bin/net    <br />case “ $1” in    <br />send)    <br />echo “ $3”|smbclient -I “ $2” -M `nmblookup -A “ $2”|sed -e ‘1d’     <br />-e ‘3，/*/d’|cut -f2|cut -d‘ ’ -f1`    <br />;;    <br />*)    <br />echo “Usage:net send &lt;IPaddr.&gt; &lt;message&gt;”    <br />exit 1    <br />esac    <br />再给该文件加上执行权限，命令如下：    <br />#chmod +x /usr/local/bin/net    <br />使用net脚本的例子如下：    <br />#net send 192.168.12.1 &quot;hello, Linux!&quot;     </p>
<p>问：如何确定wu-ftpd是否存在site exec安全漏洞？    <br />答：在某些Linux发行版本上的wu-ftpd有site exec安全漏洞，用户可以非匿名用户ftp登录，然后执行下面的命令：    <br />ftp&gt;SITE EXEC bash -c id    <br />如果返回的信息中有“200-uid=0(root) gid=0(root)”，那么就有这个漏洞，需要马上更换。     </p>
<p>问：wu-ftpd如何允许匿名用户上传文件？    <br />答：建立一个文件夹，对于FTP用户可写。然后在ftpaccess里面做如下设置：    <br />upload /home/ftp /home/ftp/incoming/* yes ftp ftp 0400 nodirs     </p>
<p>问：wu-ftpd如何禁止用户上传不规则文件名的文件？    <br />答：比如要限制匿名用户不能上传文件名包含特殊字符的文件，那么可以在ftpaccess里面设置如下：    <br />path-filter anonymous /etc/paths.msg ^[-A-Za-z0-9._]* $ ^. ^-     </p>
<p>问：如何取消Linux的DHCP服务？    <br />答：这要看用户是用系统自带的DHCP，还是自已后来装的，下面分两种情况来说明：     <br />1.如果系统自带的，可以选择开始→系统服务→DHCP选项，停掉DHCP服务，然后执行下面的命令：    <br />#/etc/rc.d/init.d/xinetd restart     <br />2.如果是用户后来装的，一般是在/etc/rc.local中，让系统关闭DHCP服务。     </p>
<p>问：怎么样使tcp syn cookie保护生效？    <br />答：使用下面的命令即可：    <br />#echo 1 &gt; /proc/sys/net/ipv4/tcp_syncookies     </p>
<p>问：怎样控制用户邮件的大小?     <br />答：运行下面的命令来限定：    <br /># max message size to 1MB     <br />O MaxMessageSize=1000000     <br />然后重启Sendmail即可。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.acmind.com/archives/401/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

