�??xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>&#20013;&#25991;&#23383;&#24149;&#19968;&#21306;&#97;&#118;&#44;&#25104;&#20154;&#99;&#35270;&#39057;&#20813;&#36153;&#39640;&#28165;&#22312;&#32447;&#35266;&#30475;&#44;&#57;&#57;&#31934;&#21697;&#22269;&#20135;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;</title><link>http://www.aygfsteel.com/xzclog/category/31843.html</link><description /><language>zh-cn</language><lastBuildDate>Sat, 28 May 2011 21:20:47 GMT</lastBuildDate><pubDate>Sat, 28 May 2011 21:20:47 GMT</pubDate><ttl>60</ttl><item><title>画Web���程囄���一点心(j��)�?/title><link>http://www.aygfsteel.com/xzclog/archive/2011/05/27/351193.html</link><dc:creator>xzc</dc:creator><author>xzc</author><pubDate>Fri, 27 May 2011 09:07:00 GMT</pubDate><guid>http://www.aygfsteel.com/xzclog/archive/2011/05/27/351193.html</guid><wfw:comment>http://www.aygfsteel.com/xzclog/comments/351193.html</wfw:comment><comments>http://www.aygfsteel.com/xzclog/archive/2011/05/27/351193.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xzclog/comments/commentRss/351193.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xzclog/services/trackbacks/351193.html</trackback:ping><description><![CDATA[<p>转自:<a >http://dingyu.me/blog/posts/view/flowchart-howtos</a><br /></p>
<p>一个哥们在MSN上告诉我�Q�他们公司的交互设计师只产出���程图，�q����我用什么标准评��h���E�图的好坏。他的说法把我彻底震�?ji��n)－�q�分工也太细�?ji��n)吧�Q�也不知道该说他们那里这��h��好还是不好�?/p>
<p>不过仔细��x(ch��ng)���Q�我倒的���没有仔�l�考虑�q�流�E�图的好坏，正好借此��Z��(x��)自我�ȝ��一下�?/p>
<h3>1、各司其职的形状</h3>
<p>在我的流�E�图中，适用于不同目的和功能的�Ş犉���有各自确定的规范。到目前为止�Q�我一共定义了(ji��n)以下一些�Ş�Ӟ��(x��)</p>
<p><strong>�Q?�Q�开始和�l�束</strong></p>
<p><img class="photo" alt="开始和�l�束" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-start-end-point.jpg" /></p>
<p>作�ؓ(f��)整张���程囄���头和���，必须标清楚到底具体指哪个��面�Q�以免日后出现歧义�?/p>
<p><strong>�Q?�Q�网��?/strong></p>
<p><img class="photo" alt="�|�页" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-webpage.jpg" /></p>
<p>如你所见，�|�页的�Ş状是一个带有漂亮的淡蓝色过渡效果的长方形，它的�Ҏ(gu��)��为深蓝色�Q�中间写明了(ji��n)�q�个�|�页的用途，括号中的数字代表�q�个形状所对应的demo文�g的名�U�ͼ�比如�q�里�?.html�Q�，我有时会(x��)把流�E�图输出为网��늚�形式�Q��ƈ把每个网���Ş状和它所对应的demo文�g链接��h���Q�这��h��看�v来非常方�ѝ��对OmniGraffle来说�q�是���菜一���，如果你被�q�用Visio�Q�嗯&#8230;&#8230;</p>
<p>另外�Q�所有从形状出来的线条，都具有和此�Ş状边框一��L(f��ng)��颜色。这��L(f��ng)��做法不仅看�v来漂亮，在复杂的���程图中�q�能��L��地标明各形状的关�p�R��我没有见过�c�M��的做法，所以这是由我首创也说不定，��c(di��n)�?/p>
<p><strong>�Q?�Q�后台判�?/strong></p>
<p><img class="photo" alt="后台判断" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-condition.jpg" /></p>
<p>很常见的一个�Ş状。我在用法上有一点和其他人的不同在于�Q�我几乎��L���?#8216;�?#8217;的分支往下流动，�?#8216;�?#8217;的分支向��x(ch��ng)��动。因为流�E�图一般都是从上向下、从左到右绘制的�Q�遵循上�q�规则一斚w��可以让绘制者不用�ؓ(f��)选择方向操心(j��)�Q�另一斚w��也方便了(ji��n)读者阅诅R�?/p>
<p><strong>�Q?�Q�表单错误页</strong></p>
<p><img class="photo" alt="表单错误��? src="http://dingyu.me/blog/files/flowchart-howtos/stencil-form-error-message.jpg" /></p>
<p>既然有表单，当然�?x��)有错误信息。其实这个信息很重要�Q�用户出错时惶恐不安�Q�就靠着错误提示来解决问题�(sh��)��(ji��n)。你不在���程��N��说什么时候显�C�错误页、不在demo里提供错误页�Q�有些程序员?sh��)��(x��)直接在�|�页上写�?#8220;错误�Q�请���(g��)�?#8221;�Q�所以UI设计师一定要对这个东襉K��视�v来�?/p>
<p>但一般来说也没必要把每种错误都在���程图中表示出来�Q�因为含有两个文本框的表单就有三�U�出错情况了(ji��n)�Q�多�?ji��n)就更不用说了(ji��n)。所以我都是把错误页变�(sh��)ؓ(f��)表单的附属页�Q�比如表单页的编号�ؓ(f��)2�Q�那么此表单错误��늚��~�号��׃��2.1开始排下去�Q�每�U�错误放��C��个附属页中，�q�样�E�序员在拿到demo时也能搞清楚什么意思�?/p>
<p>�l�合�|�页和表单的形状�Q�一个表单验证的���程囑ְ�是这��L(f��ng)���Q?/p>
<p><img class="photo" alt="表单验证的流�E�图" src="http://dingyu.me/blog/files/flowchart-howtos/example-form.jpg" /></p>
<p><strong>�Q?�Q�后台动�?/strong></p>
<p><img class="photo" alt="后台动作" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-server-action.jpg" /></p>
<p>�q����所有后台动作都�l�入���程图中�Q�否则流�E�图��׃��(x��)变成庞然大物�?ji��n)�?j��)�Q�只有需要特别强调的后台动作�Q�和用户体验直接相关的）(j��)才��用此形状�?/p>
<p><strong>�Q?�Q�多重分�?/strong></p>
<p><img class="photo" alt="多重分支" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-mutil-branches.jpg" /></p>
<p>多重分支指的是几�U��ƈ列的情况�Q�每�U�情况都有发生的可能�Q�发生哪�U�取决于分支起始处的判断�l�果�?/p>
<p><strong>�Q?�Q�对话框</strong></p>
<p><img class="photo" alt="对话�? src="http://dingyu.me/blog/files/flowchart-howtos/stencil-dialog.jpg" /></p>
<p>有时候一些操作可以利用对话框来完成， �q�些对话框由js生成�Q�显�C�在父界面之上�?/p>
<p><strong>�Q?�Q�注�?/strong></p>
<p><img class="photo" alt="注释" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-note.jpg" /></p>
<p>�q�个形状�Q�比如页面）(j��)详细的内容，或者需要解释的业务逻辑�Q�甚至用��h��处的情况�{�，我都�?x��)放到注释中�Q�这��h��降低沟通成本，又可作�ؓ(f��)备忘�?/p>
<p><strong>�Q?�Q�蟩转点</strong></p>
<p><img class="photo" alt="跌��{�? src="http://dingyu.me/blog/files/flowchart-howtos/stencil-connector.jpg" /></p>
<p>在一个复杂的���程图中�Q�往往出现跌��{到另外一个远处结点的情况�Q�此时如果直接用�U�连�q�去�Q�未免��得流�E�图昑־�凌�ؕ�Q�用一个蟩转点���p��决问题�(sh��)��(ji��n)。在点内标明跌��{到的形状的编��P��画�v来容易，看�v来也清楚�?/p>
<p>此外�Q�也可以利用跌��{�Ҏ(gu��)��分割���幅巨大的流�E�图�Q�Yahoo!���p��么用�?/p>
<p><strong>�Q?0�Q�子���程</strong></p>
<p><img class="photo" alt="子流�E? src="http://dingyu.me/blog/files/flowchart-howtos/stencil-subflow.jpg" /></p>
<p>分割���幅巨大的流�E�图�Q�更好的办法是用子流�E��?/p>
<p>要注意的是，如果你在���程图中使用�?ji��n)子���程�q�一形状�Q�一定记得同旉���上子���程图，以消除媄(ji��ng)响项目质量的不确定性因素。另外，在子���程图中也可以标明其所属关�p�R�?/p>
<p><strong>�Q?1�Q�流�E�块</strong></p>
<p><img class="photo" alt="���程�? src="http://dingyu.me/blog/files/flowchart-howtos/stencil-block.jpg" /></p>
<p><img class="photo" alt="���程块��用示�? src="http://dingyu.me/blog/files/flowchart-howtos/example-block.jpg" /></p>
<p>可以用流�E�块���整张流�E�图分隔为几个部分，�q��ؓ(f��)每个部分单独命名�Q�比�?#8220;���程�?&#8221;�{�）(j��)。这样做的目的在于从视觉上��复杂的流�E�图变得更�ؓ(f��)清晰�Q�在沟通时也方�ѝ�?/p>
<h3>2、图例和���程图信�?/h3>
<p><img class="photo" alt="图例和流�E�图信息" src="http://dingyu.me/blog/files/flowchart-howtos/stencil-legeng-meta.jpg" /></p>
<p>在团队合作中�Q�图例是必须的，否则没�h知道你画出来的东西到底是什么。即使流�E�图只给自己看，也最好养成标注图例的好习(f��n)惯。其实这道理有点�c�M���E�序中的注释�?/p>
<p>���程图信息也是必备的。其内容臛_��应包括作者、时间、流�E�图名称和版本（如下图）(j��)。这一斚w��可以让读者（其他同事�Q�在有问题时能够方便地找��C��者你�Q�也起到�?ji��n)meta的作用�?/p>
<h3>3、绘制流�E�图的工�?/h3>
<p>Mac下首�?a  target="_blank">OmniGraffle</a>�Q�W(xu��)indows下除�?ji��n)Visio�Q�似乎没有更好的选择�Q�虽然Visio已经很难用了(ji��n)�Q��?/p>
<h3>4、评��h���E�图的好�?/h3>
<p>我觉得一个好的流�E�图臛_��应做��C��下几点：(x��)</p>
<ol><li>密切地迎合了(ji��n)用户的心(j��)理状态、如实的反映�?ji��n)用��L(f��ng)��操作�?f��n)惯。流�E�图是要指导UI设计的，是UI设计的参照物�Q�如果流�E�图本��n无法正确描绘出用��L(f��ng)��情况的话�Q�UI十有八九(ji��)�?x��)出问题�Q?/li><li>覆盖�?ji��n)各�U�可能的情况和细节。这非常重要。�Q何在先期不确定的因素�Q�都�?x��)在��目中成为随时引爆的地雷�Q�都�?x��)直接降低最�l�上�U�的UI质量。此�U�情�늜�是屡见不鲜。但同时�q�条又很隑ց�刎ͼ�因�ؓ(f��)它不仅要求设计师熟�?zh��n)�用户�Q�也要设计师充分知晓产品的商业逻辑�Q�还要了(ji��n)解系�l�的�q�作机制�Q�落下以上�Q何一个方面，都会(x��)在流�E�图中留下死角。这个问题我不知道有没有更好的解��x(ch��ng)��案，不过与PD和系分反复沟通是个行之有效的�Ҏ(gu��)���Q?/li><li>考虑到系�l�的设计和承受能力。系�l�的�q�作机制和承受能力必���d���l�制���程图过�E�中考虑�q�去�Q�以免出现流�E�图被开发�h员枪毙的情况。我的习(f��n)惯是�Q�在�l�制���程图时和系�l�分析师频繁沟通和交流�Q�确保每一个环节都是可行的�Q?/li><li>���保别�h看得懂你的流�E�图。别人现在看不懂�Q�你自己以后也一��L(f��ng)��不懂。�ؓ(f��)�?ji��n)降低沟通成本，把流�E�图��L��楚吧�?</li></ol>
<h3>5、其�?/h3>
<p>�Q?�Q�想办法把流�E�图�l�制得漂亮些。谁不喜�Ƣ漂亮的东西呢？</p>
<p>�q�是我做�q�的一些流�E�图�Q�当然文字全部模�p�掉�?ji��n)（攑֛�之前犹��U�?ji��n)好长时��_(d��)���q�样做不知是否有损我的职业道得���我�Ҏ(gu��)����h���?a  target="_blank">Fenng</a>�Q�他觉得没事。如果谁觉得有问题请直言不讳地告诉我�Q��?/p>
<p><img class="photo" alt="���程囄����?" src="http://dingyu.me/blog/files/flowchart-howtos/example-flowchart-1.jpg" /></p>
<p><img class="photo" alt="���程囄����?" src="http://dingyu.me/blog/files/flowchart-howtos/example-flowchart-2.jpg" /></p>
<p>�Q?�Q�如果你在公叔R��不是一锤定韛_��的�h物的话，你就需要对你的文档�q�行版本���理。流�E�图也不例外�Q�什么时间发布的什么版本，都要清楚地标出来�Q?#8220; 最�?#8221;是个用不得的词�?/p>
<p>&nbsp;</p>
<p>我就说这么多�?ji��n)，抛砖引玉而已�Q�蓉儿等人看你们的了(ji��n)�Q?/p>
<p>噢对�?ji��n)，问个事儿�Q�大家有没有觉得我每�ơ写的文章都太长�?ji��n)�?/p>
<p>&nbsp;</p><img src ="http://www.aygfsteel.com/xzclog/aggbug/351193.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xzclog/" target="_blank">xzc</a> 2011-05-27 17:07 <a href="http://www.aygfsteel.com/xzclog/archive/2011/05/27/351193.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>UML学习(f��n)�W�记�Q�一�Q�：(x��)UML����?/title><link>http://www.aygfsteel.com/xzclog/archive/2008/05/30/204187.html</link><dc:creator>xzc</dc:creator><author>xzc</author><pubDate>Fri, 30 May 2008 13:03:00 GMT</pubDate><guid>http://www.aygfsteel.com/xzclog/archive/2008/05/30/204187.html</guid><wfw:comment>http://www.aygfsteel.com/xzclog/comments/204187.html</wfw:comment><comments>http://www.aygfsteel.com/xzclog/archive/2008/05/30/204187.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xzclog/comments/commentRss/204187.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xzclog/services/trackbacks/204187.html</trackback:ping><description><![CDATA[<div>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�l�一建模语言�Q?/span><span style="font-size: 9pt">Unified Modeling Language</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?/span><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>一些术语：(x��)</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�pȝ���Q?/span><span style="font-size: 9pt">system</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�指的是����g和��Y件的�l�合体，它能提供业务问题的解��x(ch��ng)��案�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�pȝ��开发（</span><span style="font-size: 9pt">system development</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是为客户徏立一个系�l�的�q�程�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>客户�Q?/span><span style="font-size: 9pt">client</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是需要解决问题的人�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�pȝ��分析员（</span><span style="font-size: 9pt">analyst</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�将客户所要解决的问题�~�制成文档，�q�将该文档�{交给开发�h员�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>开发�h员（</span><span style="font-size: 9pt">developer</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是��Z��(ji��n)�?qi��ng)决客户的问题而构造��Y件�ƈ在计���机����g上实施该软�g的程序员�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>的组�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>包括�?ji��n)一些可以相互组合图表的囑�Ş元素�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">1</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�类�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>一个类�Q?/span><span style="font-size: 9pt">class</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是一�c�L��一�l�具有类似属性和共同行�ؓ(f��)的事物�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>矩�Ş�Ҏ(gu��)��代表�cȝ��图标�Q�它被分�?/span><span style="font-size: 9pt">3</span><span style="font-size: 9pt; font-family: �?hu��)�?>个区域。最上面的区域中是类名，中间区域是类的属性，最下面区域里列的是�cȝ��操作�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="center"><span style="font-size: 9pt; font-family: �?hu��)�?>举一个例子，属于�z�衣机（</span><span style="font-size: 9pt">washing machine</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�类的事物都��h��诸如品牌�Q?/span><span style="font-size: 9pt">brand name</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、型��P��</span><span style="font-size: 9pt">model name</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、序列号�Q?/span><span style="font-size: 9pt">serial number</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�和定w���Q?/span><span style="font-size: 9pt">capacity</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�等属性。这�c�M��物的行�ؓ(f��)包括&#8220;加衣物（</span><span style="font-size: 9pt">add clothes</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?#8221;�?#8220;加洗涤剂�Q?/span><span style="font-size: 9pt">add detergent</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?#8221;�?#8220;开机（</span><span style="font-size: 9pt">turn on</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?#8221;�?#8220;取出衣物�Q?/span><span style="font-size: 9pt">remove clothes</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q?#8221;�{�操作�?br />
<img alt="" src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML001.JPG" border="0" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">2</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�对象图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>对象�Q?/span><span style="font-size: 9pt">object</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是一个类的实例，是具有具体属性值和行�ؓ(f��)的一个具体事物。例如，�z�衣机的品牌可能�?#8220;</span><span style="font-size: 9pt">Laundatorium</span><span style="font-size: 9pt; font-family: �?hu��)�?>&#8221;�Q�型号�ؓ(f��)&#8220;</span><span style="font-size: 9pt">Washmeister</span><span style="font-size: 9pt; font-family: �?hu��)�?>&#8221;�Q�序列号�?#8220;</span><span style="font-size: 9pt">GL57774</span><span style="font-size: 9pt; font-family: �?hu��)�?>&#8221;�Q�一�ơ最多可以洗涤重量�ؓ(f��)</span><span style="font-size: 9pt">16</span><span style="font-size: 9pt; font-family: �?hu��)�?>��?/span><span style="font-size: 9pt; font-family: �?hu��)�?>的衣物�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="center"><span style="font-size: 9pt; font-family: �?hu��)�?>对象的图标也是一个矩形，和类的图标一��P��但是对象名下面要带下划线。具体实例的名字位于冒号的左边而该实例所属的�c�d��位于冒号的右辏V�?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML002.JPG" border="0"  alt="" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">3</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�用例图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>用例�Q?/span><span style="font-size: 9pt">use case</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�是从用��L(f��ng)��观点对系�l�行为的一个描�q��?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>例，一个�h使用一台洗衣机�Q�显然是��Z��(ji��n)�z�衣服（</span><span style="font-size: 9pt">wash clothes</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q��?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>代表�z�衣机用��L(f��ng)��智力����h形被�U�Cؓ(f��)参与者（</span><span style="font-size: 9pt">actor</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�。椭圆�Ş代表用例�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="center"><span style="font-size: 9pt; font-family: �?hu��)�?>参与者（它是发�v用例的实体）(j��)可以是一个�h也可以是另一个系�l��?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML003.JPG" border="0"  alt="" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">4</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�状态图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="center"><span style="font-size: 9pt; font-family: �?hu��)�?>一台洗衣机可以处于�����(ch��ng)�Q?/span><span style="font-size: 9pt">soak</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、洗涤（</span><span style="font-size: 9pt">Wash</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、漂�z�（</span><span style="font-size: 9pt">Rinse</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、脱��_(d��)��</span><span style="font-size: 9pt">Spin</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�或者关机（</span><span style="font-size: 9pt">off</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�状态�?br />
<img height="349" src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML004.JPG" width="81" border="0"  alt="" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>最��端的符号代表�v始状态，最底端的符可����C�终止状态�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">5</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�顺序图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�c�d��和对象图标大的实�pȝ��的静(r��n)态结构。在一个运行的�pȝ��中，对象之间要发生交互，�q�且�q�些交互要经历一定的旉����?/span><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>��序图所表达的正式这�U�基于时间的动态交互�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>例，�z�衣机的构�g包括一个注水的�q�水���（</span><span style="font-size: 9pt">Water Pipe</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、一个用来装衣物的洗涤���Q?/span><span style="font-size: 9pt">Drum</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�以一个排水管�Q?/span><span style="font-size: 9pt">Drain</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�。假讑ַ��l�完成了(ji��n)&#8220;加衣�?#8221;�?#8220;加洗涤剂&#8221;�?#8220;开�?#8221;操作。洗衣服�q�个用例被执行时按照如下��序�q�行�Q?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">1</span><span style="font-size: 9pt; font-family: �?hu��)�?>通过�q�水���想�z��ᔾ~怸�注水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">2</span><span style="font-size: 9pt; font-family: �?hu��)�?>�z��ᔾ~怿��?/span><span style="font-size: 9pt">5</span><span style="font-size: 9pt; font-family: �?hu��)�?>分钟�?r��n)止状态�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">3</span><span style="font-size: 9pt; font-family: �?hu��)�?>水注满，停止注水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">4</span><span style="font-size: 9pt; font-family: �?hu��)�?>�z��ᔾ~�往�q�旋�?/span><span style="font-size: 9pt">15</span><span style="font-size: 9pt; font-family: �?hu��)�?>分钟�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">5</span><span style="font-size: 9pt; font-family: �?hu��)�?>通过排水���排掉洗涤后的脏水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">6</span><span style="font-size: 9pt; font-family: �?hu��)�?>重新开始注水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">7</span><span style="font-size: 9pt; font-family: �?hu��)�?>�z��ᔾ~����l�往�q�旋转洗涤�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">8</span><span style="font-size: 9pt; font-family: �?hu��)�?>停止向洗衣机中注水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">9</span><span style="font-size: 9pt; font-family: �?hu��)�?>通过排水���排掉漂�z�衣物的水�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">10</span><span style="font-size: 9pt; font-family: �?hu��)�?>�z��ᔾ~�加快速度单方向旋�?/span><span style="font-size: 9pt">5</span><span style="font-size: 9pt; font-family: �?hu��)�?>分钟�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">11</span><span style="font-size: 9pt; font-family: �?hu��)�?>�z��ᔾ~�停止旋转，�z�衣�q�程�l�束�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="center"><span style="font-size: 9pt; font-family: �?hu��)�?>图中�Q�对象之间发送的消息有：(x��)注入新水�Q?/span><span style="font-size: 9pt">Send fresh water</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、保持静(r��n)止（</span><span style="font-size: 9pt">Remain stationary</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、停止注��_(d��)��</span><span style="font-size: 9pt">Stop</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、往�q�旋转（</span><span style="font-size: 9pt">Ratate back and forth</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、排掉洗涤后的脏��_(d��)��</span><span style="font-size: 9pt">Send soapy water</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�、排掉漂�z�过的水�Q?/span><span style="font-size: 9pt">Send rinse water</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�等�?br />
<img height="645" src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML005.JPG" width="506" border="0"  alt="" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">6</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�活动图<br />
</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="left"><span style="font-size: 9pt; font-family: �?hu��)�?>用例和对象的行�ؓ(f��)中的各个�z�d��之间通常��h��旉�����序�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt" align="left"><span style="font-size: 9pt; font-family: �?hu��)�?><img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML006.JPG" border="0"  alt="" /><br />
</p>
</span>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">7</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�协作图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>�pȝ��的工作目标是��q���l�中各组成元素相互协作完成的。例子中�z�衣机构件的�c�集中又增加�?ji��n)一个内部计时器�Q?/span><span style="font-size: 9pt">Internal Timer</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�。在�l�过一�D�|��间后�Q�定时器停止注水�Q�然后启动洗涤��往�q�旋转。图中的序号代表命��o(h��)消息的发送顺序�?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML007.JPG" border="0"  alt="" /><br />
</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">8</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�构件图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>构�g囑֒�部��v囑֒�整个计算机系�l�密切相兟�?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML008.JPG" border="0"  alt="" /><br />
</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">9</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�部�|�图</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>部��v图显�C�Z��(ji��n)��Z��计算机系�l�的物理体系�l�构。它可以描述计算机和讑֤��Q�展�C�它们之间的�q�接�Q�以�?qi��ng)驻留在每台机器中的软�g。每台计���机用一个立方体来表�C�，立方体之间的�q�线表示�q�些计算��Z��间的通信关系�?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt"><img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML009.JPG" border="0"  alt="" />&nbsp;</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>如果需要将图中的组�l�元素分�l�，或者在图中说明一些类或构件是某个特定子系�l�的一部分�Q�可以通过���这些元素组�l�成包（</span><span style="font-size: 9pt">package</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�来辑ֈ�此目的。包用一边突��L(f��ng)��公文夹�Ş图标来表�C��?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML010.JPG" border="0"  alt="" /><br />
</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>注释�Q?/span><span style="font-size: 9pt">note</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�的图标是一个带折角的矩形，矩�Ş框中是解释性文字。注释和被注释的囑օ�素之间用一条虚�U�连接�?br />
<img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML011.JPG" border="0"  alt="" /><br />
</span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt; font-family: �?hu��)�?>构造型�Q?/span><span style="font-size: 9pt">stereotype</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q�能够��用现有的</span><span style="font-size: 9pt">UML</span><span style="font-size: 9pt; font-family: �?hu��)�?>元素来定制新的元素。构造型用尖�Ҏ(gu��)����h����h��的一个名�U�来表示�Q�这个括号叫双尖括号�Q?/span><span style="font-size: 9pt">guillemets</span><span style="font-size: 9pt; font-family: �?hu��)�?>�Q��?/span></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><span style="font-size: 9pt"><img src="http://www.cnblogs.com/images/cnblogs_com/bear-study-hard/UML/UML012.JPG" border="0"  alt="" />&nbsp;</span></p>
</div>
v
 <img src ="http://www.aygfsteel.com/xzclog/aggbug/204187.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xzclog/" target="_blank">xzc</a> 2008-05-30 21:03 <a href="http://www.aygfsteel.com/xzclog/archive/2008/05/30/204187.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>                                                                                                                                                          <footer>
<div class="friendship-link">
<a href="http://www.aygfsteel.com/" title="&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;">&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;</a>

</div>

</footer>


��վ֩���ģ�壺
<a href="http://" target="_blank">��ͤ��</a>|
<a href="http://" target="_blank">�����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ԭ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ԭ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">ʯ¥��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��̩��</a>|
<a href="http://" target="_blank">�Ϫ��</a>|
<a href="http://" target="_blank">�ֶ�����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">ͭ����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ǫ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">����ʡ</a>|
<a href="http://" target="_blank">�ܱ���</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">ī����</a>|
<a href="http://" target="_blank">Ǭ����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��������</a>|
<a href="http://" target="_blank">�ӱ�</a>|
<a href="http://" target="_blank">�����׶���</a>|
<a href="http://" target="_blank">��������</a>|
<a href="http://" target="_blank">��������</a>|
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>