Obtenga color homogéneo y automatizado en sus modelos UML usando el complemento de colores UML

Ayude a otros a comprender más fácilmente los modelos usando este complemento para Rational Software Modeler o Rational Software Architect

Usando el complemento de colores UML, usted puede definir reglas para colorear automáticamente elementos UML ya que se encuentran en la superficie del diagrama tanto en los modelos IBM® Rational® Software Modeler, como IBM® Rational® Software Architect UML. Esto lo ayuda a aplicar esquemas de colores homogéneos para modelar elementos, según las características del elemento. Los modelos de colores organizados de una manera homogénea pueden ayudar significativamente a que los demás comprendan el modelo.

Steve Arnold, Consulting IT Specialist, IBM

Photo of Steve ArnoldSteve es senior technical consultant en IBM Rational del Reino Unido, en donde se desempeña desde el año 2000. Su principales áreas de especialización son diseño UML y Model-Driven Architecture (MDA) [Arquitectura dirigida por modelos], además se interesa profundamente en Eclipse y extensibilidad de productos.


Nivel de autor profesional en developerWorks

05-05-2010

Generalidades del complemento de colores UML

Este complemento ofrece un marco que le ayuda a desarrollar colores extensibles y aplicar un conjunto con las reglas más comunes que están incluidas. Inicialmente, usted crea instancias de las diferentes reglas (por ejemplo, todos los elementos estereotipados como cold (fríos) se colorearán de azul). Entonces, cuando se agregue a una superficie de diagrama un elemento de modelo que cumpla con el criterio establecido para esa regla, el complemento automáticamente coloreará al elemento según esa regla. Se suministran varios tipos de reglas diferentes:

  1. Colorear por nombre (usando una expresión común para definir el nombre)
  2. Colorear por estereotipo
  3. Colorear por palabra clave
  4. Colorear por valor de atributo de estereotipo
  5. Colorear por tipo (clase, interfaz, etc.)
  6. Colorear por relación (todos los elementos relacionados a una clase de un determinado nombre por un tipo de relación especificado)

Este enfoque es mucho más eficaz y útil que la aplicación manual de colores, porque es homogéneo. La mayoría de las personas sólo piensa en aplicar colores según estereotipos, pero este enfoque brinda muchos otros tipos de reglas y la capacidad de crear reglas nuevas. (La interfaz de usuario y algunos de los códigos que se muestran en este artículo, usan la ortografía de colores británica, por lo tanto usted verá la palabra “color” escrita como colour en algunos lugares.)

Cómo instalar el complemento de colores UML

La instalación del complemento de colores UML es sencilla:

  1. Descargue el archivo RAS que se incluye en este artículo en algún lugar de su disco duro (ver Descargas).
  2. Inicie IBM® Rational® Software Modeler (o IBM® Rational® SoftwareArchitect), y luego seleccione File (Archivo) > Import (Importar).
  3. Elija RAS > RAS Asset (Recurso RAS), y haga clic en Next (Siguiente).
  4. Navegue hasta el archivo RAS descargado, acepte la advertencia sobre complementos desplegables y luego haga clic en Next.
  5. Seleccione la característica, acepte el acuerdo de licencia, y luego haga clic en Finish (Finalizar).
  6. Cuando el sistema se lo pida, reinicie el shell para habilitar el complemento.
  7. Ahora cambie a la perspectiva Modeling (Modelado), y seleccione Window (Ventana) > Preferences (Preferencias) > Modeling, y debería ver la página Color Preferences (Preferencias de color).

Cómo usar el complemento de colores UML

Este proceso también es sencillo y se ejecuta en dos pasos: definición y aplicación de la regla.

Definición de la regla de colores

  1. Para definir una regla de colores, haga clic en Windows > Preferences > Modeling, y seleccione Color Preferences, a la izquierda, para abrir el panel de control de Color Preferences que muestra la Figura 1.
Figura 1. Vista Preferences con las preferencias de colores seleccionadas
L: Preferences menu, R: Color Preferences pane
  1. Haga clic en Add Rule (Agregar regla) y elija un tipo de regla (ver Figura 2).
Figura 2. Selección en la ventana Rule Type (Tipo de regla)
Shows Keyword Rule selected
  1. Haga clic en OK (Aceptar), y luego defina la regla en el diálogo de reglas que se muestra en la Figura 3 (los diferentes tipos de regla tienen diferentes diálogos de creación de reglas). Para ilustrarlo, creamos una regla que destaca en azul a las palabras clave (ver Figura 3):
    • Rule Name (Nombre de regla): BlueKeyword
    • Rule Colour (Color de regla): [light blue selected] [se seleccionó celeste]
    • Keyword Name (Nombre de la palabra clave): Data (Datos)
Figura 3. Creación de la ventana Rule (Regla)
Screen capture of selections described

Ahora verá su regla en el menú Preferences. Esta regla se aplicará cada vez que se agregue un elemento a un diagrama.

Aplicación de las reglas de color

Para aplicar la regla que usted creó anteriormente:

  1. Primero, cree una clase en el explorador de modelo.
  2. Luego, una vez seleccionada la clase, abra la pestaña Properties (Propiedades), haga clic en la opción Stereotypes (Estereotipos), y para este ejemplo ingrese Data en el campo de palabras clave. (Ver Figura 4.)
Figura 4. Pestaña Class Properties (Propiedades de clase) abierta, vista Stereotypes
Shows selections and entry as described
  1. Ahora arrastre la clase de Project Explorer (Explorador de proyecto) a diagrama UML (Figura 5). Se debería colorear automáticamente según la regla de color que usted definió.
Figura 5. Regla aplicada
Diagram is light blue

Nota:
Si desea volver a aplicar las reglas de color a un diagrama ya existente, puede hacer clic con el botón derecho en el diagrama, o en un elemento y seleccionar Re-Apply Colour Rules (Volver a aplicar reglas de color), y esto aplicará las reglas de color a todos los elementos que se encuentran en el diagrama.

Cómo extender el complemento de colores UML

El complemento de colores ofrece un punto de extensión para que usted pueda agregar sus propias clases de reglas. El Listado 1 muestra cómo se define el punto de extensión.

Listado 1. Punto de extensión esquema XML
<element
name="extension"> <complexType> <sequence>
<element ref="colour_rule_type"/> </sequence>
<attribute name="point" type="string" use="required">
</attribute> <attribute name="id"type="string">
</attribute> <attribute name="name" type="string">
</attribute> </complexType> </element>
<element name="colour_rule_type"> <complexType>
<attribute name="class" type="string" use="required">
<annotation> <appInfo> <meta.attribute
kind="java"
basedOn="com.ibm.uk.scripts.elementcolourer.model.IColourRuleType"/>
</appInfo> </annotation> </attribute>
</complexType> </element>

El Listado 2 es un ejemplo de definición de punto de extensión.

Listado 2. Ejemplo de punto de extensión
<extensionid="com.ibm.uk.scripts.element_colourer.StereotypeRule"
name="com.ibm.uk.scripts.element_colourer.StereotypeRule"
point="com.ibm.uk.scripts.element_colourer.colourruletype">
<colour_rule_typeclass="
com.ibm.uk.scripts.elementcolourer.rules.stereotyperule.StereotypeRuleKind">
</colour_rule_type>
</extension>

Después de haber definido su extensión, debe implementar las siguientes tres clases:

  1. IColourRuleType, implementación de esta interfaz para definir los metadatos para el tipo de regla de color
  2. IColourRule, implementación de esta interfaz para definir la instancia de una regla de color
  3. RuleDialog, subclase de RuleDialog que suministra un diálogo para crear y editar una regla

Los Listados 3 y 4 muestran las interfaces que se deben implementar, y se puede ver un ejemplo de RuleDialog descargando el código que aparece a continuación.

Listado 3. IColourRuleType
public interface IColourRuleType { public
IColourRule createRule() ; public void editRule(IColourRule rule); public String
getName(); public boolean understandsRuleString(String ruleString); public
IColourRule loadFromString(String ruleString); }
Listado 4. IColourRule
public interface IColourRule { public boolean
matchesElement(ElementtheElement); public void setViewColour(View view); public
String createPreferenceString(); public String getName(); public String getType();
public RGB getRGBColor(); public void setName(String name); public void
setRGBColour(RGB colour); }

Descargas

DescripciónNombretamaño
Deployable RAS filecolourer_v1.0.0.zip63KB
Source code as an archived Eclipse projectelement_colourer_v1.0.0.zip136KB

Recursos

Aprender

Obtener los productos y tecnologías

Comentar

Comentarios

developerWorks: Ingrese

Los campos obligatorios están marcados con un asterisco (*).


¿Necesita un IBM ID?
¿Olvidó su IBM ID?


¿Olvidó su Password?
Cambie su Password

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


La primera vez que inicie sesión en developerWorks, se creará un perfil para usted. La información en su propio perfil (nombre, país/región y nombre de la empresa) se muestra al público y acompañará a cualquier contenido que publique, a menos que opte por la opción de ocultar el nombre de su empresa. Puede actualizar su cuenta de IBM en cualquier momento.

Toda la información enviada es segura.

Elija su nombre para mostrar



La primera vez que inicia sesión en developerWorks se crea un perfil para usted, teniendo que elegir un nombre para mostrar en el mismo. Este nombre acompañará el contenido que usted publique en developerWorks.

Por favor elija un nombre de 3 - 31 caracteres. Su nombre de usuario debe ser único en la comunidad developerWorks y debe ser distinto a su dirección de email por motivos de privacidad.

Los campos obligatorios están marcados con un asterisco (*).

(Por favor elija un nombre de 3 - 31 caracteres.)

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


Toda la información enviada es segura.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=90
Zone=Rational
ArticleID=487336
ArticleTitle=Obtenga color homogéneo y automatizado en sus modelos UML usando el complemento de colores UML
publish-date=05052010