分类： 项目管理
2010-06-28 16:12:07
一、Overview
l UML and UML tools
l Description of JUDE
l Installation of JUDE
l Fundamental Components and Basic Operation of JUDE
l UML about Bowling
l Draw UseCase Diagram
l Draw Activity Diagram
l Draw Class Diagram
l Draw Sequence Diagram
l Other Diagrams
l Features of JUDE
二、UML and UML tools
当你画UML的时候，是直接手画还是使用工具呢？使用工具的话我们可以利用工具本身的一些有利条件，比如：
1、 可以让你画一个干净的diagram；
2、 元素的尺寸可以画的比较合适；
3、 方便和其它人分享、交流你的UML模型；
4、 在需要的时候你可以重复的执行undo或redo操作；
5、 当你的diagram不符合UML规范时，会给你一个警告提示；
6、 数据可以通过多种方式输入（图表，树形结构图等等）；
7、 数据可以很容易的被重用；
8、 你可以管理所有的数据和它们之间的关系；
如 果你是初学UML，你会发现第四和第五条对你非常有用。因为出现的错误可以很容易的被“undo”，所以你能画出比较完善的UML。同样，当你创建了一个 抽象类时，抽象类的类名将会根据规范的要求自动以斜体的方式进行显示。使用JUDE绘画UML将会使你从中得到很多有利的条件，JUDE将会成为你学习 UML的导师，去尝试一下吧。记住，如果你画错了，你总是可以使用“Undo”来重新画的。
三、Description of JUDE
现 在有很多UML工具可以供你使用，我比较喜欢的是“JUDE/Community”（JUDE代表Java and UML Developer's Environment）。我是有点偏心的，因为我是JUDE开发团队的成员，开发和完善JUDE已经多年了。我想让更多的人使用JUDE，并像我一样去 喜欢上它。
JUDE有两个版本：JUDE/Community（免费版）和JUDE/Professional（商业版）。JUDE具有以下的特性：
l JUDE/Community支持所有基于UML1.4的diagram；
l JUDE/Professional支持所有基于UML1.4的diagram，一些UML2.0的规范和E-R图（E-R图从JUDE/Professional version3.2开始支持）；
l 无限的UNDO/REDO操作；
l 拖拽操作，自由切换使用“Map View”以方便编辑较大的diagram；
l 自动生成类图和model的信息；
更多的关于JUDE的特性，请参考：。
四、 Installation of JUDE
现在让我们来安装JUDE。要运行JUDE首先需要安装Java环境。
1、系统要求 OS: Windows 2000, XP, Vista CPU: Pentium III 600MHz or higher Memory: 256MB or more Java Environment Sun Microsystems
(Required):
J2SE 1.4.1_07 or JDK5.0
(JDK 5.0 is supported since JUDE/Community 3.1)
JUDE可以运行在windows，Linux和Mac的J2SE环境中，但是我们没有测试过所有的发行版环境，因此，我们推荐你在windows中安装JUDE。如 果你需要安装在windows之外的系统的相关信息，请参考。
2、安装Java环境
如果你的机器上已经安装了Java环境，那么你可以跳过这部分内容；如果没有，那请到SUN的网站上下载并安装Java环境。注意以下事项：
l 确保安装的java版本满足要求。JUDE可能不能在未支持的Java版本中工作；
l 确保安装的J2SE中包含了JRE（JUDE默认使用JRE）。
3、下载JUDE
从上选择最新版本的jude-community-x_x-setup.exe（大约5M）进行下载。（顺便说一下，在这篇文章中我使用的是JUDE/Community 3.2）。
4、安装JUDE
下载完成后，双击安装JUDE，安装向导会让你指定需要安装在的位置。
如果你使用的是Win98或ME，你需要使用文本编辑器打开jude.bat文件，设置JUDE/HOME变量的绝对路径。jude.bat在JUDE的安装目录中。
5、运行JUDE
从windows的开始菜单中运行JUDE。当启动JUDE的时候会显示下面这个图标。
五、Fundamental Components and Basic Operation of JUDE
下面我会通过截屏来指导你进行一些基本的操作。
1、基础组件
l 管理视图
管理视图包括整个project相关的功能按钮，比如：文件操作、编辑和一些经常使用的工具条。
l Diagram编辑器
Diagram编辑器用于编辑diagram和model。你可以同时打开多个diagram。
l 结构树视图
以树型结构的方式显示model。你能够通过model元素的弹出菜单来执行各种不同的操作。
l 继承树视图
以树型结构的方式显示model中类之间的继承关系。
l Map视图
Map视图对在Diagram编辑器中已经打开的diagram提供了概览。可以在这个区域进行拖拽以在Diagram编辑器进行显示。这个功能对较大的diagram是非常有用的。
l Property视图
Property视图用于显示和编辑model元素的properties。
2、创建一个新的project
在 JUDE中，UML数据以.jude的后缀进行保存。这些文件被称作project文件。第一次运行JUDE时是没有project打开的。现在就让我们 创建一个新的project。从主菜单中选择[File] - [New]，当你创建了一个新的文件时，结构树视图和Property视图就会显示出来了。
新 的project在名为“no_title”的package中创建了用例图和类图。“no_title”的package对应java中的默认 package。在这个指南中我们将不使用输出java的特性。名称为java的package关联java的API，并且持有一些基本的类，比 如：String和Vector等。这些类s
3、创建package和Diagram
通常在结构树视图中通过弹出菜单来创建一个新的package。要创建一个新的diagram的话，从结构树视图的弹出菜单中选择[Create Diagram]或者从主菜单中选择[Diagram]。
在JUDE/Community(3.2)中你可以创建以下这些diagram：
l Class diagram
l UseCase diagram
l Statechart diagram
l Activity diagram
l Sequence diagram
l Collaboration diagram
l Component diagram
l Deployment diagram
也支持Object diagram，Package diagram和Robustness diagram。
4、如何创建和编辑
使用JUDE画diagram的操作和其它的画图工具基本一样，如果你没有使用过画图工具，那我们现在就开始学习使用吧。
六、 UML about Bowling
现在都准备好了，我们可以开始画diagram了。我们画什么diagram呢？你最近有去打过保龄球吗？我非常享受我们公司前几天举办的保龄球赛，我猜很多人都打过保龄球，所以我们就用保龄球来作为这个UML的主题吧。让我们来画一个保龄球的计分系统的UML。
这里有一些要求：
l 一旦比赛开始就显示保龄球分数的跟踪记录；
l 选手每次扔出保龄球后就更新分数；
l 选手在比赛时能改变分数；
l 当有人发起攻击时显示一个动画；
我们的目的是体验使用UML建模工具去画UML，diagram画的是否完美并不重要。那么就让我们开始吧。
七、 Draw a UseCase diagram
现在让我们开始画图吧。我们以一个用例图作为开始，我们画一个下图这样的diagram。
打开一个用例图将会伴随打开一些默认的project文件。在结构树视图的Usecase Diagram上点右键，选择[Open Diagram]，或者双击在Diagram编辑器中打开。
在Diagram编辑器中，这里有一个工具按钮面板可以编辑diagram。
如 果你想知道每个按钮的作用，你可以把鼠标放在这个按钮上，悬浮的提示信息将会显示对这个按钮的描述。在Diagram编辑器中，你可以用这些按钮切换画图 的模式，比如：当你想在Diagram编辑器中移动一个元素，打开[select mode]你就可以选择你想移动的元素执行移动操作了；如果你想连续的创建某个确定的元素，你可以切换模式到[Lock Selected Mode]等等。 Button Description Select Mode. 当这个模式打开时，你就可以对某个元素执行选择、编辑、移动和改变大小的操作了。 Lock Selected Mode. 使你能够连续的创建所选择的元素。比如：你在打开Lock Selected Mode时创建一个Actor，一旦你在Diagram编辑器中添加了一个Actor，你就可以连续的创建更多的Actor。 Set Relation End to the center of the item. It places the ends of lines. (e.g. Associations, Generalizations, or Dependencies) at the center of Model Elements.
在工具面板上选择Actor，然后在Diagram编辑器中的任何地方点击后将创建一个Actor，输入“Player”作为这个Actor的name。现在让我们像创建Actor一样再创建三个用例。你可以拖拽他们移动元素所在的位置，当你想重命名他们的时候，双击这个元素的名称即可。
现在我们来画Actor和三个用例之间的连线。每条线都有它们自己的意义，我们在这里需要一条称作Association的线。在工具面板上选择 Association按钮去创建一个Association，你有两次点击操作，分别是点击开始目标和结束目标。首先，点击“Player”这个 Actor，然后在“Start the Game”这个用例上点击，现在一条association线就画在了“Player”和“Start the Game”之间了，然后再按这种方式创建两条association线。现在再添加一个长方形，并写上“Bowling Score System”就完成了这个diagram了！
小提示：取消association操作
当你在画association线时点击在了错误的目标上，按下[ESC]或者右键就可以重做，该方法适用于两个元素之间的任何连线，比如：Generalizations、Generalizations和Dependencies。
你 可能注意到当你在Diagram编辑器创建用例和Actor时也添加在了结构树视图中，同样在Diagram编辑器或者结构树视图中选择元素时，它们的 property也显示在了左下角的Property视图中，你可以在这几个地方修改数据：Diagram编辑器，结构树视图，Property视图，选 择 使用对你来说最方便的一个。
让我们使用Property视图来更改用例图的名称，在结构树视图中选择“UseCase Diagram”，它的property将会显示在Property视图中，将它的名称改为“Bowling UseCase Diagram”再按下[Enter]就完成了。
小提示：删除元素
要删除Actor或者用例，从它们的弹出菜单中选择[Delete from Model]或者[Delete from Diagram]，提供两种方式删除元素是因为像Actor和用例这样的元素可以和其它的diagram共享，也可被用于其它的diagram。 [Delete from Diagram] 仅从当前的diagram中删除元素，在model中依然保留。 [Delete from Model] 从所有的diagram中完全删除。
Ctrl+D
Delete
小提示：缩放和滚动
我 将会给你介绍JUDE中用于查看操作的特性。如果我们只是画较小比例的用例图，那么在视图中不需要用这个特性。当在处理较大比例的diagram时，特别 是你需要在diagram的某些部分进行修改，JUDE的这个特性可以非常容易的进行该操作。希望显示的区域可以在JUDE的Diagram编辑器中用右 键拖拽，使你可以对角的移动它们，在主菜单中选择[View]或者使用工具条可以进行放大或缩小，也可以使用Map视图指定显示你想看到的区域。
小提示：撤销和重做
JUDE的撤销和重做的特性可以让你重复执行100次！如果你到现在为止都没有用过撤销，去尝试一下看看它是怎么工作的！在你画图的时候不用担心画错了，这是件多么舒心的事！
八、Draw an Activity Diagram
现 在让我们着重在“Display the Score”用例，在活动图中画出它的流程。首先，你需要在你的project文件中添加一个活动图，选择“Display the Score”用例，然后在弹出菜单中选择[Create Diagram] - [Add Activity Diagram]，一个新的活动图将会被添加，并且在Diagram编辑器中打开。
把活动图命名为“Behavior of displaying Scores”。活动图在工具条中有下面这些按钮：
现在让我们来画一个下面这样的活动图。
活动图和流程图非常相似，它描述了事件如何流动和连接到下个动作。在这个活动图中，描述了在选手扔出保龄球后执行的事件，以及计算将要显示的分数。从这个活动图中，你将会得知在选手全中后会显示一个动画。
让我们开始创建除箭头外的所有元素，你可以像之前创建Actor和用例一样去创建它们，从工具面板选择元素，然后在Diagram编辑器中点击创建它们。你可以在Diagram编辑器或者Property视图中将EntryAction设置为ActionState。
调整大小
“Calculate numbers of knocked out pins”在ActionState中以一行显示的话过长，所以让我们调整一下这个ActionState的大小，让它的名称换行显示。调整元素的大小只需要选择元素的一个角进行拖拽。
现 在让我们添加元素之间的箭头以显示这些动作之间的流程，这个箭头称作Transition。要画一条Transition，你可以像在用例图中画 Association一样点击两个目标进行连接，但是你需要小心创建时点击的顺序，我马上会告诉你如何连续的创建T ansition。
小提示：连续的创建
l 方法1：在工具面板上打开[Selected Mode]；
l 当创建元素的时候按住[Shift]；
你能连续创建它们了吗，这对你来说非常有用，也非常容易。[Strike]是Transition的guard的值，点击Transition箭头，然后在Property 视图的Guard列中输入“Strike”。
下面我将会介绍如何画出清晰的diagram的三个技巧。
小提示：多选
这里有三种方式在Diagram编辑器中进行多选。
l 方法1：在多个元素上拖拽出一个长方形的选择域，长方形中的所有元素都将被选中；
l 方法2：在diagram的弹出菜单中选择[Select All]；
l 方法3：在选择多个元素时按住[Shif]；
小提示：线性对齐
在 JUDE中元素可以纵向和横向对齐，使用[Align vertical center]让左边的元素垂直对齐（除了“Show an animation”），让diagram看起来整齐一点，可以用鼠标拖出一个长方形包围所有目标元素以选中它们，然后从主菜单选择 [Alignment] - [Align Vertically] - [Align Vertical Center]或者选择主菜单下的工具条中的按钮。
小提示：线条样式
在JUDE中有两种类型的线条。
Normal Line Style (Default): | 用直线或多角折线连接diagram 中的元素 |
Right Angle Line Style: | 使用直角线连接diagram中的元素 |
九、 Draw a Class Diagram
现在我们来画一个类图。类图和序列图是UML中最常用的两种diagram，所以我们要比之前的学习多花点时间。
这个类图着重在分析保龄球比赛和它的分数上，描述了一个保龄球比赛由10个Frame构成，除了最后一个Frame有三次掷球外，其它的每个Frame都只有两次掷球。首先，我们把类图的名字更改为“Analysis Class diagram”。
类图的工具条中有下面这些按钮。
现在让我们先画出轮廓，然后再添加详细的信息。首先需要创建六个类，你可以像创建Actor和用例一样去创建它们。从关联的两个类中下面那个类开始的箭头 称作“Generalization”，当创建Generalizations的时候，需要先在开始目标上点击一下。
上面这个类图中的关联除了Generations外，还有一种虚线被称作“Associations”，现在让我们开始画这些Associations。 在Game类和Frame类之间这种线被称作“Composition”，表明是Game是由Frame组成的，如果没有Frame，那也就不存在 Game。
如何设置Association的Property
Association有很多property可以设置，比如：Aggregation、Composition、Multiplicity等等。在这个case中，你需要设置Game类的Composition。
现在我们采用第二种方法，从弹出菜单中设置Association。
选择不同的association显示的弹出菜单也是不同的，点击结束于Game类的association连线，你就可以设置Game类的property了。
现在让我们在Property视图中设置Multiplicity，当在Diagram编辑器中选择Association时，这个 Association的property就会显示在Property视图中（看下面的图例），然后你就可以修改Multiplicity了。
当你设置multiplicity时要注意这里针对association的不同目标显示了两个role选项卡，请确保你选择的是正确的。在这个case中，选择Target为“Frame”的选项卡，然后设置multiplicity为10。
现在让我们来给这些类添加属性和方法吧。
添加类属性
现在让我们给Frame类添加三个属性，我们可以通过三种方法执行该操作。
在Diagram编辑器中选择Frame类，并且在它的弹出菜单中选择[Add Attribute]，然后输入“Pin numbers on 1st throw”作为属性的名称，你可以使用同样方式添加更多的属性，也可以尝试使用另外两种方法作为练习。如果你想删除一个属性，你可以从Property 视图或者结构树视图中去删除它们。属性的可见性默认为private，类型默认为void，你可以使用Property视图去改变他们。你还可以使用快捷 键“Ctrl+F”添加属性（添加操作的快捷键是“Ctrl+M”）。
添加类方法
你可以像操作属性一样去添加或者编辑类的方法，也可以在Property视图中添加类的方法。
在Property视图中按下[Add]按钮即可添加方法，要编辑所添加方法的信息，可以使用Property视图或者选中所添加的方法点击[Edit] 按钮，你就会看到非常详细的Property视图，可以编辑其中所有的信息，比如这个方法的参数。当选中某个方法时，按下[Delete]按钮就可以执行 删除操作，按下[Edit]按钮就会打开一个编辑该方法所有Propety的对话框。使用[Up]和[Down]按钮可以调整方法显示的顺序。
当你添加完“Calculate knocked down pins”方法和“Pin numbers : int”属性后，该类图就完成了。到目前为止感觉如何？我们主要的目的是学习使用JUDE去画UML的diagram，所以不要担心技术细节，继续下个章 节吧。
十、 Draw a Sequence diagram
现在让我们画一个序列图，显示组成Game类的“Calculate knocked down pin numbers”对象的操作时序。序列图可以在结构树视图中添加在用例或者操作的下面，选择“Calculate knocked down pin numbers”方法，然后在弹出菜单中选择[Add Sequence diagram]。
这个diagram描述了当“Player”掷出保龄球后一系列操作的时序。“Ball Throw Checker”对象首先计算击中了多少个保龄球，然后去“Game”对象进行登记，如果全部被击中的话，“Display the Score”对象就会显示一个动画。如果是画一个类似的活动图会有一些不同，在序列图中，是按时间顺序进行显示的，以竖坐标表示时间，横坐标表示不同的对 象。
序列图的工具面板如下图：
序列图的工具面板中的按钮和我们之前看过的其它图的有一些不同，所以操作的元素也会和之前的图有所不同。
首先，按上图创建五个对象，先不要急于完成，我还想告诉你一些事情：我们可以像之前一样选择工具面板上的按钮去创建对象，但是在序列图中创建这些对象有更简便的方法，使用结构树视图！在结构树视图中选择基类，然后拖入Diagram编辑器中的序列图。
你也可以在结构树视图中选择多个类一次全部拖入Diagram编辑器中。
现在我们开始创建消息，从“Player”到“Ball Throw Checker”的消息是个异步消息，在工具面板上选择从左数第四个按钮，然后在“Player”的生命线上点击一下，再点击一下“Ball Checker”，消息就画出来了！双击名称“message0”将其更改为“Throw”，接下来创建消息“1.1 Count number of knocked down pins”，和创建“Throw”类似，我们选择工具面板上左数第三个按钮创建一个从“Ball Throw Checker”发往自己的同步消息（称作SelfMessage）。当你创建异步消息的时候，是点击在生命线上，但是创建同步消息时是点击在 Activation上。
关联消息和操作
操作可以关联消息，例如，当一个操作的名称在类图中被更改时，如果该操作有被关联的消息，则消息也将自动被更改。要在消息和操作之间进行关联，选择消息 后，在Property视图中设置操作。我们现在创建一个“Calculate numbers of knocked out pins”消息和操作之间的关联。
如果有些操作已经被关联到了发送消息的基类“Ball Throw Checker”，这些操作将会显示在Operation栏中，如果消息没有可关联的操作，你可以用Property视图中的[New]按钮添加一个目标 操作，按下[Property]按钮将会显示出你所选择的操作的所有property，你可以修改它的名称和参数。你不需要总是对操作和消息进行关联，只 要遵照其它图去确定操作和消息间的关联就可以了。现在让我们去创建其它的消息。
小提示：Activation的尺寸
你可能注意到每次添加或移动一个新消息时，Activation都变长了，这是因为在UML规范中要求原始Activation需要比接受消息的目标 Activation要长，所以你每次添加了新消息时，JUDE都会自动进行调整。JUDE建议增长Activation而不让他们变短，你可以自己将它 们变得短一点，你可以像在活动图中调整ActionState那样去改变Activation的大小，选择Activation，然后拖住它的一个角进行 调整，这个方法适用于除异步外所有消息的Activation。
十一、Other Diagrams
这里有关于保龄球的协作图和状态图。
协作图
这个协作图表达了你之前画的序列图中的相互动作。
协作图工具面板
状态图
这个状态图显示了比赛是如何进行的。
状态图工具面板
十二、 Features of JUDE
JUDE有很多在这里没有介绍的特性，去尝试下面的这些特性：
《Learn UML with JUDE》系列文章到此就结束了，由于时间关系，有些地方翻译的还不够准确，有空的时候再来润色一下。JUDE当前最新的版本是5.5B1，但本文中所使 用的版本是3.2，所以有些按钮或操作会和文中的描述有些出入，但也很容易对号入座。在翻译这篇文章的同时，也让我了解了JUDE的使用，确实是款出色的 建模工具，推荐大家使用。
