Crear un diagrama de componentes UML

Puede crear un diagrama de componentes UML para mostrar componentes, puertos, interfaces y las relaciones entre ellos.

Un componente de UML representa una parte modular de un sistema. El comportamiento se define en términos de interfaces requeridas y proporcionadas. Un componente tiene una vista externa con propiedades y operaciones públicas, y tiene una vista interna con propiedades privadas y la realización de los clasificadores. La vista interna muestra cómo el comportamiento externo se realiza internamente.

Un diagrama de componentes UML de ejemplo.

En primer lugar, abra la plantilla del componente UML y seleccione una de las cuatro opciones. Después aparece la galería de símbolos componente de UML , junto con formas que cumplen con el estándar UML 2,5.

Nota: La galería de símbolos componente de UML solo está disponible si es suscriptor de Visio plan 2 . Si tiene una suscripción, asegúrese de tener la última versión de Visio.

Iniciar un diagrama de componentes

  1. Inicie Visio. O bien, si ya tiene un archivo abierto, haga clic en archivo > nuevo.

  2. Vaya a categorías > software y base de datos > componente UML.

  3. Seleccione la plantilla en blanco o uno de los tres diagramas de inicio. Una vez que haya seleccionado la plantilla que desee, haga clic en crear.

  4. Debería ver la ventana formas junto al diagrama. Si no lo ve, vaya a ver > paneles de tareas y asegúrese de que formas está seleccionado. Si aún no la ve, haga clic en el botón expandir la ventana formas Botón de la ventana expandir formas a la izquierda.

  5. En la pestaña vista , asegúrese de que la casilla de verificación situada junto a puntos de conexión está seleccionada. Esto hará que los puntos de conexión aparezcan cuando empiece a conectar las formas.

  6. Ahora, arrastre las formas que desee incluir en el diagrama desde la ventana formas a la página. Para cambiar el nombre de las etiquetas de texto, haga doble clic en las etiquetas.

Formas de componentes

Cuándo usar

Use formas de componentes para cada unidad funcional del sistema o de la aplicación.

Forma componente "tienda"

Mostrar u ocultar el estereotipo

Haga clic con el botón secundario en la forma para mostrar u ocultar la etiqueta de estereotipo.

Menú contextual, comando Mostrar estereotipo,  <<componente>> etiqueta de texto

Subsistemas

Puede usar la forma de componente como una forma de subsistema que contiene otros componentes. Solo tiene que cambiar el tamaño para que sea más grande y colocar otros componentes encima de él. Cuando vea el resaltado verde, permítanos ir. A partir de ese punto de la forma más grande, funcionará como un contenedor y la forma más pequeña se moverá con él.

Sugerencia: Si un componente desaparece después de arrastrarlo a la parte superior de otro componente, póngalo en primer plano pulsando CTRL + MAYÚS + F.

Forma subsistema de almacén con el componente Order arrastrado encima de él

Formas de interfaz

Cuándo usar

  1. Use la forma de interfaz proporcionada cuando desee especificar la realización de una clase o interfaz.

  2. Use la interfaz necesaria cuando desee especificar una dependencia en una clase o interfaz.

Dos interfaces conectadas, 1: forma de interfaz proporcionada que termina con el círculo, 2: forma de interfaz necesaria que termina con socket

Paso 1

Arrastre una forma de interfaz proporcionada a la página y alinee el cuadrado con un punto de conexión. Sabrá que está conectado cuando vea el color verde resaltado en el punto de conexión.

Forma de interfaz proporcionada pegada a forma de componente

Paso 2

Arrastre una forma de interfaz necesaria a la página y alinee el cuadrado del puerto con un punto de conexión. Sabrá que está conectado cuando vea el color verde resaltado en el punto de conexión.

Forma de interfaz necesaria pegada a forma de componente

Paso 3

Para conectar ambas interfaces proporcionadas y obligatorias, seleccione primero la forma de interfaz necesaria. Después, busque el controlador amarillo.

Controlador amarillo en la forma de interfaz necesaria

Paso 4

Arrastre el controlador amarillo para conectar con la interfaz proporcionada.

Forma de interfaz necesaria conectada a la interfaz proporcionada

Sugerencias para conectores

Enderezar conectores

Si un conector toma demasiados turnos, haga clic con el botón secundario en él y, a continuación, haga clic en conector recto.

Mostrar multiplicidad

Si es necesario, haga clic con el botón secundario en el conector y seleccione Mostrar multiplicidad. Cuando haya terminado, aparecerán cuatro cuadros de texto en los que puede agregar detalles. Si no necesita todos los cuadros de texto, elimine aquellos que no necesite.

Cambiar el tipo de conector

Puede cambiar un tipo de conector. Por ejemplo, puede cambiar de una asociación a una asociación dirigida. Haga clic con el botón secundario en el conector y luego haga clic en Establecer tipo de conector.

Establecer conexiones dinámicas en lugar de conexiones puntuales

Si prevé que va a mover las formas mucho, considere la posibilidad de crear una conexión dinámica en lugar de una conexión puntual.

Mover o girar texto en conectores

Lo más probable es que necesite girar o mover el texto de las líneas de los conectores. Esta es la manera de hacerlo:

  1. Haga clic en un área vacía de la página para anular la selección de cualquier cosa que pueda estar seleccionada.

  2. En la pestaña Inicio , en el grupo herramientas , haga clic en la herramienta bloque de texto Botón Bloque de texto

  3. Haga clic en el conector que tiene el texto que quiere girar o mover.

  4. Arrastre el bloque de texto para moverlo o gírelo con el controlador de giro Controlador de giro

  5. Cuando haya terminado, haga clic en el botón de la herramienta puntero Botón del puntero

    Después de volver al botón de la herramienta puntero Botón del puntero , el texto conserva la misma posición en relación con la forma. Si utiliza la herramienta puntero Botón del puntero arrastrar el texto, la forma también se moverá. Para mover el texto independientemente de la forma, vuelva a la herramienta bloque de texto Botón Bloque de texto .

Un diagrama de componentes UML de ejemplo.

En primer lugar, abra la plantilla del componente UML y seleccione una de las cuatro opciones. Después aparece la galería de símbolos componente de UML , junto con formas que cumplen con el estándar UML 2,5.

Nota: La galería de símbolos componente de UML solo está disponible si es suscriptor de Visio plan 2 . Si tiene una suscripción, asegúrese de tener la última versión de Visio.

Iniciar un diagrama de secuencia

  1. Abra Visio para la web.

  2. En la galería, desplácese hacia abajo hasta la fila del componente de UML , acerca de la posición de la página.

    El primer elemento de la fila representa una plantilla en blanco más la galería de símbolos complementaria. Los otros elementos de la fila son diagramas de ejemplo que ya han sido dibujados para ayudarle a empezar a trabajar rápidamente.

  3. Haga clic en cualquier elemento para ver una vista previa más grande.

  4. Cuando encuentre el diagrama que desea usar, haga clic en el botón crear .

    El nuevo diagrama, con la galería de símbolos relacionada, se abrirá en el explorador.

Formas de componentes

Cuándo usar

Use formas de componentes para cada unidad funcional del sistema o de la aplicación.

Forma componente "tienda"

Mostrar u ocultar el estereotipo

Haga clic con el botón secundario en la forma para mostrar u ocultar la etiqueta de estereotipo.

Menú contextual, comando Mostrar estereotipo,  <<componente>> etiqueta de texto

Subsistemas

Puede usar la forma de componente como una forma de subsistema que contiene otros componentes. Solo tiene que cambiar el tamaño para que sea más grande y colocar otros componentes encima de él. Cuando vea el resaltado verde, permítanos ir. A partir de ese punto de la forma más grande, funcionará como un contenedor y la forma más pequeña se moverá con él.

Sugerencia: Si un componente desaparece después de arrastrarlo a la parte superior de otro componente, póngalo en primer plano pulsando CTRL + MAYÚS + F.

Forma subsistema de almacén con el componente Order arrastrado encima de él

Formas de interfaz

Cuándo usar

  1. Use la forma de interfaz proporcionada cuando desee especificar la realización de una clase o interfaz.

  2. Use la interfaz necesaria cuando desee especificar una dependencia en una clase o interfaz.

Dos interfaces conectadas, 1: forma de interfaz proporcionada que termina con el círculo, 2: forma de interfaz necesaria que termina con socket

Paso 1

Arrastre una forma de interfaz proporcionada a la página y alinee el cuadrado con un punto de conexión. Sabrá que está conectado cuando vea el color verde resaltado en el punto de conexión.

Forma de interfaz proporcionada pegada a forma de componente

Paso 2

Arrastre una forma de interfaz necesaria a la página y alinee el cuadrado del puerto con un punto de conexión. Sabrá que está conectado cuando vea el color verde resaltado en el punto de conexión.

Forma de interfaz necesaria pegada a forma de componente

Paso 3

Para conectar ambas interfaces proporcionadas y obligatorias, seleccione primero la forma de interfaz necesaria. Después, busque el controlador amarillo.

Controlador amarillo en la forma de interfaz necesaria

Paso 4

Arrastre el controlador amarillo para conectar con la interfaz proporcionada.

Forma de interfaz necesaria conectada a la interfaz proporcionada

Sugerencias para conectores

Enderezar conectores

Si un conector toma demasiados turnos, haga clic con el botón secundario en él y, a continuación, haga clic en conector recto.

Mostrar multiplicidad

Si es necesario, haga clic con el botón secundario en el conector y seleccione Mostrar multiplicidad. Cuando haya terminado, aparecerán cuatro cuadros de texto en los que puede agregar detalles. Si no necesita todos los cuadros de texto, elimine aquellos que no necesite.

Cambiar el tipo de conector

Puede cambiar un tipo de conector. Por ejemplo, puede cambiar de una asociación a una asociación dirigida. Haga clic con el botón secundario en el conector y luego haga clic en Establecer tipo de conector.

Establecer conexiones dinámicas en lugar de conexiones puntuales

Si prevé que va a mover las formas mucho, considere la posibilidad de crear una conexión dinámica en lugar de una conexión puntual.

Mover o girar texto en conectores

Lo más probable es que necesite girar o mover el texto de las líneas de los conectores. Esta es la manera de hacerlo:

  1. Haga clic en un área vacía de la página para anular la selección de cualquier cosa que pueda estar seleccionada.

  2. En la pestaña Inicio , en el grupo herramientas , haga clic en la herramienta bloque de texto Botón Bloque de texto

  3. Haga clic en el conector que tiene el texto que quiere girar o mover.

  4. Arrastre el bloque de texto para moverlo o gírelo con el controlador de giro Controlador de giro

  5. Cuando haya terminado, haga clic en el botón de la herramienta puntero Botón del puntero

    Después de volver al botón de la herramienta puntero Botón del puntero , el texto conserva la misma posición en relación con la forma. Si utiliza la herramienta puntero Botón del puntero arrastrar el texto, la forma también se moverá. Para mover el texto independientemente de la forma, vuelva a la herramienta bloque de texto Botón Bloque de texto .

Diagrama de componentes que muestra la estructura de código de software como componentes cohesionados

Llamada 1 en un diagrama de componentes, los componentes son tipos genéricos en lugar de instancias. Para Mostrar instancias de componentes, use un diagrama de implementación.

Imagen del botón las dependencias indican que un componente de cliente depende de algún modo de un componente de proveedor.

  1. En Visio 2010: en categorías de plantillas, haga clic en softwarey, a continuación, haga clic en Diagrama de modelo de UMLy en crear.

  2. En el vista de árbol, haga clic con el botón secundario en el paquete o subsistema en el que desea incluir el diagrama de componentes y, a continuación, en el menú nuevo , haga clic en Diagrama de componentes.

    Aparece una página en blanco y la galería de símbolos componente de UML se convierte en la galería de símbolos superior. El área de trabajo muestra "componente" como una marca de agua. Un icono que representa el diagrama se agrega a la vista de árbol.

    Nota: Si la vista de árbol no está visible, elija vista en el menú UML y, a continuación, haga clic en Explorador de modelos.

  3. Arrastre una forma componente hasta la página de dibujo para cada componente que desee representar.

  4. Cuando corresponda, arrastre una forma de interfaz hasta la página de dibujo y pegue el extremo sin círculo a una forma de componente.

    Agregar una interfaz a una clase, componente u otros elementos

    1. En un diagrama de estructura estática, de componente o de implementación, arrastre la forma de círculo de interfaz hasta la página de dibujo.

    2. Pegue el extremo sin el círculo a un punto de conexión Imagen de punto de conexión: x azul en el clase componente u otro elemento.

    3. Haga doble clic en la forma interfaz para agregar un nombre, operaciones y otros valores de propiedades.

      Tiplist

      También puede representar una interfaz con una forma de interfaz rectangular que se asemeje a una clase. Use esta forma cuando desee mostrar una lista de las operaciones de la interfaz.

      Para cambiar el tipo de forma que se muestra para una interfaz, haga clic con el botón secundario en la forma interfaz y haga clic en Mostrar como interfaz de tipo clase o Mostrar como interfaz lollipop.

  5. Use formas dependencia para indicar las relaciones entre los componentes o entre un componente y la interfaz de otro componente.

    Indicar una relación de dependencia entre elementos UML

    1. Arrastre una forma de dependencia desde la galería de símbolos estructura estáticade UML, implementación de UMLo componente UML hasta la página de dibujo y colóquela cerca de los elementos que desea relacionar.

    2. Pegue el extremo con una punta de flecha a un punto de conexión Imagen de punto de conexión: x azul en el elemento del que depende el otro elemento. Pegue el extremo sin flecha a un punto de conexión en el elemento que depende del otro elemento.

    3. Haga doble clic en la dependencia para agregar un nombre, estereotipo y otras propiedades.

      Sugerencia: Si desea indicar una dependencia de seguimiento, refinamiento, uso o enlace, puede usar las formas de seguimiento, perfeccionamiento, usoo enlace de la galería de símbolos estructura estática de UML .

  6. Haga doble clic en cualquier forma para abrir el cuadro de diálogo propiedades de UML , en el que puede Agregar un nombre, atributos, operaciones y otras propiedades.

  7. Guarde el diagrama.

Vea también

Diagramas de UML en Visio

Crear un diagrama de comunicación UML

Crear un diagrama de implementación UML

Crear un diagrama de secuencia de UML

Ampliar sus conocimientos de Office
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×