定制 IBM Rational Method Composer V7.2 的发布外观

最新推荐文章于 2020-06-24 16:23:58 发布

转载最新推荐文章于 2020-06-24 16:23:58 发布 · 214 阅读

本文介绍如何在IBM Rational MethodComposer中创建自定义皮肤，包括调整颜色、布局和术语等，使发布的网站符合企业标准。

学习怎样在 IBM® Rational® Method Composer 中创建您自定义的“皮肤”（页面外观）。通过使用这个选项，您可以迅速且轻松地改变一个网站的外观。

IBM® Rational® Method Composer 是过程工程师、项目领导人，以及为开发组织或个人项目维护执行过程负责的项目管理人员的一个平台。他们可以使用 Rational Method Composer 去建模，以及记录他们的开发方案及过程，并对IBM Rational 过程库中的资源进行再利用。这些过程可以输出到不同的格式中，如项目方案以及商业模型，并发布到网站上的。然后该网站以一种普通的外观，提供对方案以及过程元素的选择。

皮肤改变了一个网站的外观，例如颜色方案，图像方案以及其他各种元素。通过使用皮肤，您可以改变皮肤，以适合您的需求。

V7.2 版本新增了使用皮肤的功能，以满足 Rational Method Composer 用户，关于能够对可视界面做自定义改变的要求。例如，有的用户想要改变不同页面中信息显示的顺序；有的用户则想忽略掉相同的模型信息；有的想要改变样式风格，如字体及颜色，以和公司的主题原则相匹配；而还有些用户甚至想要在某些地方使用不一样的术语（例如，把一次 activity 叫做 procedure ）。现在，您可以通过使用皮肤，轻松而快捷地对公布的网站做以上改变。

本篇文章将教您创建，能够符合您公司网站主题风格，或您自己个人爱好的自定义皮肤。

必要文档的定位及目的

通过复制 Rational Method Composer 默认的皮肤，然后对其样式模板（CSL 和 XSL 文件）及原文件做一些改变，您可以创建自定义的皮肤。因此，您需要了解的第一件事情，便是找到需要复制及改变的文件，以及这样做的目的，下面就是一个步骤概括：

在 Microsoft®Windows ®操作系统条件下，当您第一次公布或浏览一个网站后，Rational Method Composer 默认的皮肤文件将位于
C:\Documents and Settings\\RMC\Skins\RMC 目录下。
Microsoft®Windows Vista ®操作系统下，默认的皮肤文件位于 C:\Users\\RMC\Skins\RMC 目录下。
Linux 用户将在
/home//RMC/Skins/RMC 目录下找到该文件。
名为 RMC 的目录包含以下子目录：
- app_skin, app_widget
- content_css
- content_xsl
其中的 content_css 目录包含了，在发布的网站中定义布局及颜色的 default.css 文件。
而 content_xsl 目录包含了 .xsl 文件，该文件用于定义发布网页的布局。
在 content_xsl 目录下的 resources.properties 文件，则定义了所有的文本串

创建一个皮肤

为了创建您自己的皮肤，您需要完成以下步骤：

复制一下已存在的 Rational Method Composer 皮肤目录。
对该目录进行重命名，并开始编辑它。例如，将新的皮肤目录命名为 MyCompany_Skin。

在编辑后，您可以使用您的 MyCompany_Skin 皮肤，在 Rational Method Composer 中发布及浏览网页：

选择 Windows > Preferences ，然后进入 Look and Feel 选项，如图 1 的截屏所示。
在右边的目录中，使用下拉菜单，查看上面提到过的皮肤目录中，可使用的皮肤列表。在目前的条件下，选择 MyCompany_Skin。

图 1. 可使用皮肤列表
带有所选择的外观和感受的 Preferences 视图

每次您都要对皮肤做尽可能多的改变（例如，按下面章节中提到的步骤进行改变），通过选择 File > Open 再次打开列表，并在 Rational Method Composer Browsing 视图下预查结果。您也可以通过选择，如图 2 所示的 Publishing 目录中的 MyCompany_Skin 选项，使用您自定义的皮肤，并发布您的网站。

图 2. 词汇表、索引的选项
浏览 Look and Feel 下的菜单来选择皮肤

接下来的章节将向您展示，怎样以以下任何一种方式，来编辑您自定义的皮肤：

自定义颜色
改变内容的布局
改变页面显示文本的字符串源

自定义颜色

在本例中，您可以通过系统地向一些样式定义，添加一个颜色属性，来改变 default.css 文件。

首先，通过向 pageTitle 类添加颜色属性，以及一个 HEX 颜色，来改变页面标题颜色：

在一个文本编辑器中，从 Content_css 目录中打开 default.css 文件。您可以使用 Notepad 或者 CSS 样式编辑器，如果其中一个是可用的，例如 IBM Rational Application Developer 中的 Pager Designer 。
搜索 .pageTitle。
然后编辑类，代码如列表 1 所示。

列表 1. 编辑页面标题颜色的代码

				
.pageTitle {
             color: #8B2500;
             font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	font-color: #8B0000;
}

观察图 3，了解结果得到的皮肤，是怎样发布的，使用 task 标题。以作为一个例子。

图 3. 发布页面标题

为了改变段落标题颜色，向 sectionHeading 类添加颜色属性，代码如列表 2 所示。

列表 2. 改变段落标题颜色的代码

				
.sectionHeading {
             color: #8B2500;
	font-color: #00688B;
	font-family: arial, helvetica, sans-serif, kanji2;
	font-size: 10pt;
	font-weight: bold;
}

图 4 显示出了改变后的结果。

图 4. 改变后的标题颜色
显示包含定义的 "Purpose"

为了改变表格标题颜色，向 sectionTableHeading 类添加另一个颜色属性，代码如列表 3 所示。

列表 3. 改变表格标题颜色的代码

				
.sectionTableHeading {
            color: #8B2500;
	background: #f8f8f8;
	border-bottom: #e8e8e8 solid 1px;	
	border-left: #e8e8e8 solid 0px;
	border-right: #e8e8e8 solid 0px;
	border-top: #e8e8e8 solid 0px;	
	height: 20;
	text-align: left;
	width: 20%;	
}

图 5 显示出了改变后的结果。

图 5. 现在标题也是棕色的
Headings: Roles, Inputs, Outputs, Process Usage

为了改变表格单元标题部分的颜色，为 sectionTableCelHheading 类添加一个颜色属性，代表如列表所示。

列表 4. 改变表格单元颜色的代码

				
.sectionTableCellHeading {
             color: #8B2500;
	font-family: arial, helvetica, sans-serif, kanji2;
	font-size: 8pt;
	font-weight: normal;
	font-color: #666666;
}

图 6. 改变后的表格单元标题颜色
4 个在蓝色编号列表项的棕色标题

最后，通过改变类 stepHeading 颜色属性的代码，改变步骤标题的颜色，代码如列表 5 所示。

列表 5. 改变步骤标题颜色的代码

				
.stepHeading {
background-color: #ffffff;
color: #8B2500; 
font-family: arial, helvetica, sans-serif, kanji2;
font-size: 10pt;
font-weight: bold;
padding-bottom: 2px;
padding-left: 2px;
padding-top: 2px;
text-decoration: none;
}

图 7 显示出了结果。

图 7. 步骤标题的新颜色
使用新颜色步骤标题的列表

以上所有的改变综合在一起，结果的页面如图 8 所示。

图 8. 综合改变后的发布页面
所有名称和标题现在都是相同的鼻烟色

控制您的页面的布局

通过改变 content_xsl 目录下的 .xsl 文件，您可以控制 Rational Method Composer 发布网站的内容网页的布局。命名该目录中的 XSL 文件，这样您就可以识别出，需要为哪一个元素种类编辑哪一个文件。但是，也有一些定义共享布局元素的文件，例如，“包含于”其他文件中的公共标题及标题栏，以最优化在页面种类间对标准布局的再使用。表 1 显示出了大多数 content_xsl 文件夹中 .xsl 文件包含的一些文件。

表 1. contents.xsl 文件夹中的内容

文件名	内容
Activity_desc.xsl	包含了 Capability Patterns 以及 Delivery Process 页面中段落的信息。
Activity_helper.xsl	包含了关于动态表的信息。它包括诸如common.xsl、common.xsl 以及 mapping.xsl 之类的文件。该文件也充当 activity.xsl 或者 activity.xsl 的帮助文件。
Common.xsl	包含了方法元素的相关信息。它包含于大多数的其他 .xsl 文件中。
Maindescription.xsl	包含了描述模型元素的主要信息。它包含于大多数的其他 .xsl 文件中。
Mapping.xsl	包含了关于对元素种类映射元素的相关信息。例如， Deliverable 是对产品的映射， Outcome 是对产品的映射。
Overview.xsl	包含了元素种类，元素显示名，以及页面标题分隔符的相关信息。大多数其他 .xsl 文件中都包含有该文件。
Purpose.xsl	包含了方法元素目的的相关信息。大多数的 .xsl 文件中都含有该文件。

接下来，我们将举例说明，怎样为三种不同类型的元素修改页面布局：

活动
任务
公司图标（在所有元素页面的公共区域，向公司图标添加一个图像链接）

修改动态页面的布局

在 Activity 页面的 Description 标签中，一般您可以发现，诸如 Relationships，Description，Properties ，Usage， More Information 以及等等之类的相关段落。在下一个例子中，通过编辑 content_xsl 目录下的 activity_desc.xsl 文件，您可以在页面中去除 Properties 段落。

图 9 向您显示了，怎样以 activity_desc.xsl 标准文件的形式，发布动态页面的描述标签。

图 9. 标准视图
De.ion，Properties 和 Staffing 部分